{"version":3,"sources":["builder.scss","builder.css"],"names":[],"mappings":"AAAA;EACI,sBAAA;EACA,gBAAA;ACCJ;;ADCA;EACI,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;ACEJ;;ADCA;EACI,YAAA;ACEJ;ADDI;EACI,WAAA;EACA,eAAA;ACGR;ADFQ;EACI,cAAA;ACIZ;;ADCA;EACI,OAAA;EACA,gBAAA;ACEJ;ADDI;EACI,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;EACA,eAAA;ACGR;ADFQ;EACI,qBAAA;EACA,aAAA;EACA,2CAAA;ACIZ;;ADCA;EACI,mBAAA;ACEJ;;ADCA;EACI,yBAAA;EACA,mBAAA;EACA,sBAAA;EACA,oBAAA;ACEJ;;ADCA,uCAAA;AACA;EACI,uBAAA;EACA,yBAAA;EACA,yCAAA;ACEJ;;ADCA;EACI,mBAAA;EACA,aAAA;ACEJ;ADDI;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACGR;ADKA;EACI,YAAA;EACA,aAAA;EACA,SAAA;ACHJ;;ADMA,mFAAA;AACA;EACI,gBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA;ACHJ;ADKI;EACI,0BAAA;EACA,mBAAA;ACHR;ADMI;EACI,aAAA;ACJR;ADOI;EACI,0BAAA;EACA,mBAAA;ACLR;ADQI;EACI,cAAA;EACA,eAAA;ACNR;ADSI;EAII,UAAA;ACVR;;ADgBI;;;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACXR;ADcQ;;;EACI,eAAA;EACA,iBAAA;ACVZ;ADYQ;;;EACI,WAAA;ACRZ;;ADYA;EACI,mBAAA;EACA,oBAAA;ACTJ;ADUI;EACI,UAAA;ACRR;ADWQ;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACTZ;;ADaA;EACI,mBAAA;EACA,aAAA;ACVJ;ADWI;EACI,YAAA;ACTR;ADUQ;EACI,kBAAA;ACRZ;ADYQ;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACVZ;;ADcA;EACI,gBAAA;EACA,aAAA;ACXJ;ADYI;EACI,YAAA;ACVR;ADWQ;EACI,kBAAA;ACTZ;ADaQ;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACXZ;;ADeA;;;EAGI,cAAA;EACA,eAAA;EACA,eAAA;EACA,kBAAA;EACA,kBAAA;ACZJ;;ADcA;;;EAGI,UAAA;EACA,eAAA;ACXJ;;ADeA;EACI,WAAA;EACA,mBAAA;EACA,aAAA;EACA,UAAA;ACZJ;ADaI;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACXR;;ADgBI;EACI,aAAA;ACbR;ADeI;EACI,UAAA;ACbR;ADcQ;EACI,UAAA;ACZZ;ADcQ;EACI,iBAAA;EACA,kBAAA;EACA,yBAAA;EACA,iBAAA;ACZZ;ADeI;EACI,YAAA;ACbR;ADcQ;EACI,WAAA;ACZZ;ADgBQ;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACdZ","file":"builder.css","sourcesContent":[".nf-condition {\n    border: 1px solid #aaa;\n    margin-top: 20px;\n}\n.nf-condition-header {\n    margin-bottom: 10px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.nf-condition-drag-handle {\n    cursor: move;\n    .nf-drag-condition {\n        color: #666;\n        font-size: 18px;\n        &:hover {\n            color: #2BAAE7;\n        }\n    }\n}\n\n.nf-condition-label-input {\n    flex: 1;\n    min-width: 150px;\n    .nf-condition-label-field {\n        width: 100%;\n        padding: 5px 8px;\n        border: 1px solid #ddd;\n        border-radius: 3px;\n        font-size: 13px;\n        &:focus {\n            border-color: #2BAAE7;\n            outline: none;\n            box-shadow: 0 0 3px rgba(43, 170, 231, 0.3);\n        }\n    }\n}\n\n.nf-condition-when-text {\n    margin-bottom: 10px;\n}\n\n.nf-condition-placeholder {\n    border: 4px solid #84CC1E;\n    background: #84CC1E;\n    height: 8px !important;\n    margin: 8px 0 -4px 0;\n}\n\n/* Free-floating drag visual feedback */\n.ui-sortable-helper {\n    opacity: 0.5 !important;\n    z-index: 99999 !important;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n}\n\n.nf-first-when-container {\n    background: #D3D3D3;\n    padding: 10px;\n    &::after {\n        clear: both;\n        content: \"\";\n        display: block;\n    }\n    .nf-select,\n    .nf-input {\n        input {\n        }\n    }\n}\n.nf-when-controls {\n    float: right;\n    display: flex;\n    gap: 12px;\n}\n\n/* Icon button reset and focus styles for accessibility - scoped to .nf-condition */\n.nf-condition .nf-icon-btn {\n    background: none;\n    border: none;\n    padding: 4px;\n    border-radius: 3px;\n    cursor: pointer;\n    line-height: 1;\n\n    &:focus {\n        outline: 2px solid #2BAAE7;\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px solid #2BAAE7;\n        outline-offset: 2px;\n    }\n\n    .fa {\n        color: #2BAAE7;\n        font-size: 22px;\n    }\n\n    &.nf-remove-condition .fa,\n    &.nf-remove-when .fa,\n    &.nf-remove-then .fa,\n    &.nf-remove-else .fa {\n        color: red;\n    }\n}\n.nf-when-container,\n.nf-then-container,\n.nf-else-container {\n    &::after {\n        clear: both;\n        content: \"\";\n        display: block;\n    }\n    .nf-one-fourth {\n        .fa {\n            font-size: 22px;\n            padding-top: 15px;\n        }\n        &:first-child {\n            width: 7.5%;\n        }\n    }\n}\n.nf-when-container {\n    background: #D3D3D3;\n    padding: 0 10px 10px;\n    .nf-one-fourth {\n        width: 23%;\n    }\n    .nf-when {\n        &::after {\n            clear: both;\n            content: \"\";\n            display: block;\n        }\n    }\n}\n.nf-then-container {\n    background: #fefefe;\n    padding: 10px;\n    .nf-one-fourth {\n        width: 30.5%;\n        &:first-child {\n            padding-left: 12px;\n        }\n    }\n    .nf-then {\n        &::after {\n            clear: both;\n            content: \"\";\n            display: block;\n        }\n    }\n}\n.nf-else-container {\n    background: #ddd;\n    padding: 10px;\n    .nf-one-fourth {\n        width: 30.5%;\n        &:first-child {\n            padding-left: 12px;\n        }\n    }\n    .nf-else {\n        &::after {\n            clear: both;\n            content: \"\";\n            display: block;\n        }\n    }\n}\n.nf-add-when,\n.nf-add-then,\n.nf-add-else {\n    color: #2BAAE7;\n    cursor: pointer;\n    font-size: 22px;\n    margin-bottom: 5px;\n    padding-left: 12px;\n}\n.nf-remove-then,\n.nf-remove-else,\n.nf-remove-when {\n    color: red;\n    cursor: pointer;\n}\n\n\n.nf-one-fourth {\n    float: left;\n    margin-bottom: 15px;\n    padding: 0 2%;\n    width: 25%;\n    &::after {\n        clear: both;\n        content: \"\";\n        display: block;\n    }\n}\n\n.nf-condition.actions {\n    .nf-when-container {\n        padding: 20px;\n    }\n    .nf-one-third {\n        width: 40%;\n        &:nth-child(2) {\n            width: 20%;\n        }\n        &.action-when-label {\n            padding-top: 16px;\n            text-align: center;\n            text-transform: uppercase;\n            font-weight: bold;\n        }\n    }\n    .nf-one-fourth {\n        width: 30.8%;\n        &:first-child {\n            width: 7.5%;\n        }\n    }\n    .nf-when {\n        &::after {\n            clear: both;\n            content: \"\";\n            display: block;\n        }\n    }\n}\n",".nf-condition {\n  border: 1px solid #aaa;\n  margin-top: 20px;\n}\n\n.nf-condition-header {\n  margin-bottom: 10px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.nf-condition-drag-handle {\n  cursor: move;\n}\n.nf-condition-drag-handle .nf-drag-condition {\n  color: #666;\n  font-size: 18px;\n}\n.nf-condition-drag-handle .nf-drag-condition:hover {\n  color: #2BAAE7;\n}\n\n.nf-condition-label-input {\n  flex: 1;\n  min-width: 150px;\n}\n.nf-condition-label-input .nf-condition-label-field {\n  width: 100%;\n  padding: 5px 8px;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  font-size: 13px;\n}\n.nf-condition-label-input .nf-condition-label-field:focus {\n  border-color: #2BAAE7;\n  outline: none;\n  box-shadow: 0 0 3px rgba(43, 170, 231, 0.3);\n}\n\n.nf-condition-when-text {\n  margin-bottom: 10px;\n}\n\n.nf-condition-placeholder {\n  border: 4px solid #84CC1E;\n  background: #84CC1E;\n  height: 8px !important;\n  margin: 8px 0 -4px 0;\n}\n\n/* Free-floating drag visual feedback */\n.ui-sortable-helper {\n  opacity: 0.5 !important;\n  z-index: 99999 !important;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n}\n\n.nf-first-when-container {\n  background: #D3D3D3;\n  padding: 10px;\n}\n.nf-first-when-container::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n.nf-when-controls {\n  float: right;\n  display: flex;\n  gap: 12px;\n}\n\n/* Icon button reset and focus styles for accessibility - scoped to .nf-condition */\n.nf-condition .nf-icon-btn {\n  background: none;\n  border: none;\n  padding: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n  line-height: 1;\n}\n.nf-condition .nf-icon-btn:focus {\n  outline: 2px solid #2BAAE7;\n  outline-offset: 2px;\n}\n.nf-condition .nf-icon-btn:focus:not(:focus-visible) {\n  outline: none;\n}\n.nf-condition .nf-icon-btn:focus-visible {\n  outline: 2px solid #2BAAE7;\n  outline-offset: 2px;\n}\n.nf-condition .nf-icon-btn .fa {\n  color: #2BAAE7;\n  font-size: 22px;\n}\n.nf-condition .nf-icon-btn.nf-remove-condition .fa, .nf-condition .nf-icon-btn.nf-remove-when .fa, .nf-condition .nf-icon-btn.nf-remove-then .fa, .nf-condition .nf-icon-btn.nf-remove-else .fa {\n  color: red;\n}\n\n.nf-when-container::after,\n.nf-then-container::after,\n.nf-else-container::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n.nf-when-container .nf-one-fourth .fa,\n.nf-then-container .nf-one-fourth .fa,\n.nf-else-container .nf-one-fourth .fa {\n  font-size: 22px;\n  padding-top: 15px;\n}\n.nf-when-container .nf-one-fourth:first-child,\n.nf-then-container .nf-one-fourth:first-child,\n.nf-else-container .nf-one-fourth:first-child {\n  width: 7.5%;\n}\n\n.nf-when-container {\n  background: #D3D3D3;\n  padding: 0 10px 10px;\n}\n.nf-when-container .nf-one-fourth {\n  width: 23%;\n}\n.nf-when-container .nf-when::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.nf-then-container {\n  background: #fefefe;\n  padding: 10px;\n}\n.nf-then-container .nf-one-fourth {\n  width: 30.5%;\n}\n.nf-then-container .nf-one-fourth:first-child {\n  padding-left: 12px;\n}\n.nf-then-container .nf-then::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.nf-else-container {\n  background: #ddd;\n  padding: 10px;\n}\n.nf-else-container .nf-one-fourth {\n  width: 30.5%;\n}\n.nf-else-container .nf-one-fourth:first-child {\n  padding-left: 12px;\n}\n.nf-else-container .nf-else::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.nf-add-when,\n.nf-add-then,\n.nf-add-else {\n  color: #2BAAE7;\n  cursor: pointer;\n  font-size: 22px;\n  margin-bottom: 5px;\n  padding-left: 12px;\n}\n\n.nf-remove-then,\n.nf-remove-else,\n.nf-remove-when {\n  color: red;\n  cursor: pointer;\n}\n\n.nf-one-fourth {\n  float: left;\n  margin-bottom: 15px;\n  padding: 0 2%;\n  width: 25%;\n}\n.nf-one-fourth::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.nf-condition.actions .nf-when-container {\n  padding: 20px;\n}\n.nf-condition.actions .nf-one-third {\n  width: 40%;\n}\n.nf-condition.actions .nf-one-third:nth-child(2) {\n  width: 20%;\n}\n.nf-condition.actions .nf-one-third.action-when-label {\n  padding-top: 16px;\n  text-align: center;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n.nf-condition.actions .nf-one-fourth {\n  width: 30.8%;\n}\n.nf-condition.actions .nf-one-fourth:first-child {\n  width: 7.5%;\n}\n.nf-condition.actions .nf-when::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}"]}