@yoobic/yobi 8.6.0-5 → 8.6.0-6

package/dist/cjs/yoo-form-creator-block-simple.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const commonHelpers = require('./common-helpers-33e0d0b1.js');
+require('./index-f6d9366b.js');
+const commonHelpers = require('./common-helpers-8c358f79.js');
 const index$2 = require('./index-9c56868f.js');
-const index$1 = require('./index-65831a5f.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formCreatorBlockSimpleCss = "svg:not(:root){overflow:hidden}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:2.375rem;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .form-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2.5rem;height:1.25rem;margin:0 var(--spacing-08, 0.5rem);color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem);border-radius:var(--border-radius-04, 0.25rem);background-color:var(--accent, #276ef1)}:host .outer-container .form-icon.multimedia,:host .outer-container .form-icon.learn,:host .outer-container .form-icon.uiactions,:host .outer-container .form-icon.action{background-color:var(--info, #d84c96)}:host .outer-container .form-icon.select,:host .outer-container .form-icon.events,:host .outer-container .form-icon.dataevents,:host .outer-container .form-icon.trigger{background-color:var(--accent, #276ef1)}:host .outer-container .form-icon.textcategory,:host .outer-container .form-icon.condition{background-color:var(--energized, #ffc043)}:host .outer-container .form-icon.number,:host .outer-container .form-icon.appcreatorapp,:host .outer-container .form-icon.customfield,:host .outer-container .form-icon.lesson,:host .outer-container .form-icon.boostcontent{background-color:var(--app-color, #5a30f4)}:host .outer-container .form-icon.contactdetail,:host .outer-container .form-icon.engage,:host .outer-container .form-icon.information,:host .outer-container .form-icon.nativeactions,:host .outer-container .form-icon.entity,:host .outer-container .form-icon.notification{background-color:var(--warning, #ed6e33)}:host .outer-container .form-icon.no-scoring,:host .outer-container .form-icon.waitfor{background-color:var(--text-color, #807f83)}:host .outer-container .form-icon.actioncategory,:host .outer-container .form-icon.logic{background-color:var(--anthracite, #1a1a1a)}:host .outer-container .form-icon.dateandtime{background-color:var(--dark, #000000)}:host .outer-container .form-icon.catalogandbarcode,:host .outer-container .form-icon.notifications{background-color:var(--danger, #d44333)}:host .outer-container .form-icon.condition{background-color:var(--stable, #adadad)}:host .outer-container .form-icon.page,:host .outer-container .form-icon.dataactions,:host .outer-container .form-icon.operate{background-color:var(--success, #3aa76d)}:host .outer-container .form-icon yoo-icon{margin:0 var(--spacing-04, 0.25rem)}:host .outer-container .title-container{width:100%}:host .outer-container yoo-form-autocomplete{width:100%;min-width:7.5rem;max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .conditional-indicator{position:absolute;top:2.375rem;right:auto;bottom:auto;left:1.5rem;position:absolute;width:0.125rem;height:2rem;background:var(--stable, #adadad)}:host .outer-container .conditional-marker{width:0.5rem;height:0.5rem;background:var(--stable, #adadad);border-radius:var(--border-radius-02, 0.125rem);position:absolute;top:4rem;right:auto;bottom:auto;left:1.3125rem}:host .outer-container .conditional-text{position:absolute;top:3.75rem;right:auto;bottom:auto;left:2.75rem;color:var(--light, #ffffff);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .conditional-border{position:absolute;top:3rem;right:auto;bottom:auto;left:5rem;width:4rem;height:2.5rem;border:var(--border-width-01, 0.0625rem) dashed var(--light, #ffffff);border-radius:var(--border-radius-02, 0.125rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.shadow) .outer-container{-webkit-box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.05);box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.05)}";

package/dist/cjs/yoo-form-creator-condition-block.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-const index$1 = require('./index-1abca896.js');
-require('./index-3b76ec77.js');
+const index$1 = require('./index-1b745f5a.js');
+require('./index-f6d9366b.js');
 const index$4 = require('./index-7d3c7ee7.js');
-const index$2 = require('./index-7ea30df3.js');
-const index$3 = require('./index-65831a5f.js');
+const index$2 = require('./index-78dbd1ac.js');
+const index$3 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-form-creator-field-selector.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-const index$1 = require('./index-1abca896.js');
-require('./index-3b76ec77.js');
+const index$1 = require('./index-1b745f5a.js');
+require('./index-f6d9366b.js');
 const gridstackDdNative = require('./gridstack-dd-native-f6c2bb35.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$3 = require('./index-e9c02f26.js');
-const index$2 = require('./index-65831a5f.js');
+const index$3 = require('./index-9f573174.js');
+const index$2 = require('./index-64dbcd98.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formCreatorFieldSelectorCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden}:host .category-block-selection{padding:0 var(--spacing-08, 0.5rem)}:host yoo-accordion{--outer-container-padding:0 var(--spacing-16, 1rem);--outer-container-width:calc(100% - 2.5rem);--title-icon-color:var(--stable-alt, #d0d0d0)}:host yoo-accordion yoo-accordion.sub-accordion{--outer-container-padding:0;--outer-container-width:100%}:host .new-widget{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;margin:var(--spacing-08, 0.5rem) 0;padding:0 var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:0.25rem;-webkit-box-shadow:0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08);box-shadow:0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08);cursor:pointer}:host .new-widget yoo-icon{margin-right:var(--spacing-08, 0.5rem);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .new-widget .title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}";

package/dist/cjs/yoo-form-creator-header.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-const index$1 = require('./index-1abca896.js');
-require('./index-3b76ec77.js');
-const commonHelpers = require('./common-helpers-33e0d0b1.js');
-const index$2 = require('./index-65831a5f.js');
+const index$1 = require('./index-1b745f5a.js');
+require('./index-f6d9366b.js');
+const commonHelpers = require('./common-helpers-8c358f79.js');
+const index$2 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-creator-live-preview.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-const index$1 = require('./index-1abca896.js');
-require('./index-3b76ec77.js');
-const index$2 = require('./index-65831a5f.js');
+const index$1 = require('./index-1b745f5a.js');
+require('./index-f6d9366b.js');
+const index$2 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -41,7 +41,8 @@ const YooFormCreatorLivePreviewComponent = class {
     index.forceUpdate(this);
   }
   componentWillLoad() {
-    this.onDeviceClick('iphone-x', false);
+    var _a;
+    this.onDeviceClick(((_a = this.selectedDevice) === null || _a === void 0 ? void 0 : _a.device) || 'iphone-x', false);
   }
   componentDidUpdate() {
     this.deviceChanged.emit({ loaded: true });

package/dist/cjs/yoo-form-creator-overlay.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const index$1 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formCreatorOverlayCss = "svg:not(:root){overflow:hidden}:host .overlay{position:absolute;top:3.0625rem;right:0;bottom:0;left:25.1875rem;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host .overlay .overlay-background{z-index:-1;margin-top:-1px;margin-left:-2px;background:var(--dark, #000000);opacity:0.8;position:absolute;top:0;right:0;bottom:0;left:0}:host .overlay.only-live-preview{left:auto;width:29rem}:host .overlay.only-live-preview.live-preview-hidden{width:3rem}:host .overlay.left-panel-only{left:0;width:25rem}:host .overlay .overlay-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-24, 1.5rem);margin-left:var(--spacing-80, 5rem);color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem)}:host .overlay .overlay-title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .overlay .overlay-title.sub{margin-bottom:var(--spacing-16, 1rem);font-weight:var(--font-weight-300, 300)}:host .overlay yoo-form-creator-block-simple{margin-left:var(--spacing-80, 5rem)}:host .header-overlay{position:absolute;top:0;right:0;bottom:auto;left:0;height:3rem;background:var(--dark, #000000);opacity:0.8}:host .header-overlay.right-panel-only{margin-left:25.05rem}";

package/dist/cjs/yoo-form-creator-page-card-list.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
+require('./index-f6d9366b.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-7ea30df3.js');
-const index$2 = require('./index-65831a5f.js');
+const index$1 = require('./index-78dbd1ac.js');
+const index$2 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-creator-page-card.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const index$1 = require('./index-7ea30df3.js');
-const index$2 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const index$1 = require('./index-78dbd1ac.js');
+const index$2 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-creator-score-expandable.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-const index$1 = require('./index-1abca896.js');
-require('./index-3b76ec77.js');
-const index$3 = require('./index-7ea30df3.js');
-const index$2 = require('./index-65831a5f.js');
+const index$1 = require('./index-1b745f5a.js');
+require('./index-f6d9366b.js');
+const index$3 = require('./index-78dbd1ac.js');
+const index$2 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-form-creator-scoring-card-list.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
+require('./index-f6d9366b.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-65831a5f.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formCreatorScoringCardListCss = "svg:not(:root){overflow:hidden}:host p{margin:0;color:var(--stable, #adadad)}:host yoo-form-creator-scoring-card{cursor:pointer}:host .scoring-container{display:grid;grid-template-columns:repeat(3, 7.5rem);gap:var(--spacing-08, 0.5rem)}:host .sortable-ghost{border:var(--border-width-02, 0.125rem) dashed var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .sortable-ghost yoo-form-creator-scoring-card{visibility:hidden}";

package/dist/cjs/yoo-form-creator-scoring-card.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const index$1 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formCreatorScoringCardCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-form-creator-card{--description-line-clamp:2;--description-min-height:2.25rem}:host yoo-icon:not([name=more]){margin-right:var(--spacing-08, 0.5rem)}:host yoo-icon[name=variable]{--inner-width:0.5rem;--inner-height:0.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:var(--border-radius-04, 0.25rem)}:host yoo-tooltip{margin-left:var(--spacing-16, 1rem)}:host .fields,:host .points,:host .start{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host .points{margin-top:var(--spacing-16, 1rem)}:host .fields{-ms-flex-pack:justify;justify-content:space-between}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([selected]) yoo-icon[name=variable]{background:var(--app-color, #5a30f4)}:host(:not([selected])) yoo-icon[name=variable]{background:var(--warning, #ed6e33)}";

package/dist/cjs/yoo-form-creator-scoring-quick-setup.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const index$1 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const EmptyState = () => [index.h("yoo-empty-state", null), index.h("p", null, index$1.translate('NOQUICKSETUP'))];

package/dist/cjs/yoo-form-creator-translate-dialog.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-const index$3 = require('./index-1abca896.js');
-require('./index-3b76ec77.js');
+const index$3 = require('./index-1b745f5a.js');
+require('./index-f6d9366b.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$2 = require('./index-7ea30df3.js');
-const index$1 = require('./index-65831a5f.js');
+const index$2 = require('./index-78dbd1ac.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-creator-translate.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
+require('./index-f6d9366b.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$2 = require('./index-7ea30df3.js');
-const index$1 = require('./index-65831a5f.js');
-require('./index-1abca896.js');
+const index$2 = require('./index-78dbd1ac.js');
+const index$1 = require('./index-64dbcd98.js');
+require('./index-1b745f5a.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -544,7 +544,7 @@ const YooFormCreatorTranslateComponent = class {
           isVisible: () => this.hasTranslations
         }
       ], disabled: this.areTranslationsLocked })), this.hasTranslations && !this.areTranslationsLocked && (index.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: index$1.translate(this.disableNewLanguageButton ? this.disableNewLanguageButton : 'ADDNEWLANGUAGE'), class: "no-pointer" }, index.h("yoo-button", { disabled: ((_a = this.disableNewLanguageButton) === null || _a === void 0 ? void 0 : _a.length) > 0, size: "medium", shape: "square", onClick: () => this.onAddNewLanguageClicked() }, index.h("yoo-icon", { slot: "start", size: "small", name: "plus" })))), !this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (this.disableTranslateButton ? index.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: index$1.translate(this.disableTranslateButton), class: "no-pointer" }, index.h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_b = this.selectedLanguages) === null || _b === void 0 ? void 0 : _b.includes(this.baseLanguage)) || ((_c = this.disableTranslateButton) === null || _c === void 0 ? void 0 : _c.length) > 0, onClick: () => this.onTranslateAll() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), index$1.translate('TRANSLATE'))) :
-      index.h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_d = this.selectedLanguages) === null || _d === void 0 ? void 0 : _d.includes(this.baseLanguage)) || ((_e = this.disableTranslateButton) === null || _e === void 0 ? void 0 : _e.length) > 0, onClick: () => this.onTranslateAll() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), index$1.translate('TRANSLATE'))), index.h("span", { class: "placeholder" }), this.showBilingualView && this.hasTranslations && (index.h("yoo-button", { color: "app-color", size: "medium", shape: "rectangular", onClick: () => this.bilingualViewClicked.emit() }, index.h("yoo-icon", { name: "eye", slot: "start", size: "small" }), index$1.translate('BILINGUAL'))), this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (index.h("yoo-button", { size: "medium", shape: "rectangular", onClick: () => this.onTranslateNewFields() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), index$1.translate('TRANSLATENEWFIELDS'))), !this.isTranslator && index.h("yoo-context-menu", { contentButtons: this.exportActions }, index.h("yoo-button", { color: "stable" }, index.h("yoo-icon", { name: "more" })))), ((_f = this.missionDescription) === null || _f === void 0 ? void 0 : _f.lockTranslations) && this.renderTranslationLock(), this.renderTranslationGrid()));
+      index.h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_d = this.selectedLanguages) === null || _d === void 0 ? void 0 : _d.includes(this.baseLanguage)) || ((_e = this.disableTranslateButton) === null || _e === void 0 ? void 0 : _e.length) > 0, onClick: () => this.onTranslateAll() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), index$1.translate('TRANSLATE'))), index.h("span", { class: "placeholder" }), this.showBilingualView && this.hasTranslations && (index.h("yoo-button", { color: "app-color", size: "medium", shape: "rectangular", onClick: () => this.bilingualViewClicked.emit() }, index.h("yoo-icon", { name: "eye", slot: "start", color: "light", size: "small" }), index$1.translate('BILINGUAL'))), this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (index.h("yoo-button", { size: "medium", shape: "rectangular", onClick: () => this.onTranslateNewFields() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), index$1.translate('TRANSLATENEWFIELDS'))), !this.isTranslator && index.h("yoo-context-menu", { contentButtons: this.exportActions }, index.h("yoo-button", { color: "stable" }, index.h("yoo-icon", { name: "more" })))), ((_f = this.missionDescription) === null || _f === void 0 ? void 0 : _f.lockTranslations) && this.renderTranslationLock(), this.renderTranslationGrid()));
   }
   static get watchers() { return {
     "missionDescription": ["updateMisionDescription"],

package/dist/cjs/yoo-form-creator-workflow-side-selection.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const commonHelpers = require('./common-helpers-33e0d0b1.js');
-const index$1 = require('./index-7ea30df3.js');
-const index$2 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const commonHelpers = require('./common-helpers-8c358f79.js');
+const index$1 = require('./index-78dbd1ac.js');
+const index$2 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-creator-workflow-step.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const entitiesHelpers = require('./entities-helpers-044acda4.js');
-const index$1 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const entitiesHelpers = require('./entities-helpers-c87a364c.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formCreatorWorkflowStepCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host .container{position:relative;display:block;width:auto;min-width:25rem;max-width:37.5rem;margin-right:auto;margin-left:auto;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);background:var(--light, #ffffff);border-radius:0.25rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .container .color-tag{position:absolute;top:0;right:auto;bottom:0;left:0;width:0.5rem;background-color:var(--app-color, #5a30f4);border-top-left-radius:var(--border-radius-04, 0.25rem);border-bottom-left-radius:var(--border-radius-04, 0.25rem)}:host .container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}:host .container .title{padding-right:var(--spacing-08, 0.5rem);font-weight:bold}:host .container .description,:host .container .condition{padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .container .assigned{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--font-size-14, 0.875rem)}:host .container .assigned .manager{padding-left:var(--spacing-08, 0.5rem)}:host .container .actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-08, 0.5rem)}:host .container .actions .flex{-ms-flex:1;flex:1}:host .container .actions .flex.margin-left{margin-left:var(--spacing-32, 2rem)}:host .container yoo-context-menu{margin:auto}:host(.active) .container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.active.goto) .container{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host(.parallel:not(.form-mode)){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.parallel:not(.form-mode)) .container{width:15rem;color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host(.parallel:not(.form-mode)) .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-radius-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps{display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--spacing-16, 1rem);border-radius:0.25rem}:host(.parallel:not(.form-mode)) .steps yoo-button{text-align:center}:host(.parallel:not(.form-mode)) .steps yoo-form-creator-workflow-step{-ms-flex:1;flex:1;max-width:15rem}:host(.parallel:not(.form-mode)) .steps .branch{position:relative;padding:var(--spacing-64, 4rem) var(--spacing-48, 3rem)}:host(.parallel:not(.form-mode)) .steps .branch.middle-branch{border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0);border-bottom:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch yoo-form-creator-workflow-step,:host(.parallel:not(.form-mode)) .steps .branch yoo-context-menu{position:relative;z-index:1}:host(.parallel:not(.form-mode)) .steps .branch .absolute-vertical-line{position:absolute;top:0;right:calc(50% - 0.0625rem);bottom:0;left:auto;z-index:0;width:0.125rem;background:var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .color-backdrop{position:absolute;top:4.5rem;right:2rem;bottom:8rem;left:2rem;opacity:0.1}:host(.parallel:not(.form-mode)) .steps .branch.single-branch{padding:0 var(--spacing-16, 1rem)}:host(.parallel:not(.form-mode)) .steps .branch.single-branch .color-backdrop{position:absolute;top:0;right:0;bottom:4rem;left:0}:host(.parallel:not(.form-mode)) .steps .branch .border-line{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.left{left:calc(50% - 0.0625rem);border-right:none;border-top-left-radius:var(--border-radius-24, 1.5rem);border-bottom-left-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.right{right:calc(50% - 0.0625rem);border-left:none;border-top-right-radius:var(--border-radius-24, 1.5rem);border-bottom-right-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .circle-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;margin:auto;color:var(--always-light);border-radius:50%;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}:host(.parallel-child-step:not(.form-mode)) .container{z-index:1;width:15rem}:host(.form-mode) .container{display:-ms-flexbox;display:flex;min-width:unset;max-width:15.5rem;height:2rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}:host(.form-mode) .container .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-mode) .steps{position:relative;margin-left:2.375rem;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch:not(.first-branch){margin-top:var(--spacing-32, 2rem)}:host(.form-mode) .steps .branch:not(.first-branch):not(.last-branch) .attach-horizontal-line{height:calc(100% + 2.5rem);margin-top:-2.5rem}:host(.form-mode) .steps .branch{position:relative;margin-left:var(--spacing-40, 2.5rem)}:host(.form-mode) .steps .branch .horizontal-line{position:absolute;top:1.45rem;left:calc(10% - 1.5rem);width:2rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch .attach-horizontal-line{position:absolute;width:0;height:100%;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .first-branch .attach-horizontal-line{top:1.5rem}:host(.form-mode) .steps .last-branch .attach-horizontal-line{top:0;height:3.5rem;margin-top:-2rem}:host(.form-mode) .steps .single-branch-and-substep .attach-horizontal-line{height:0}:host(.form-mode) .steps .single-branch-and-substep .active.horizontal-line{top:1.47rem}:host(.form-mode) .steps .single-branch-and-multiple-substep .attach-horizontal-line{height:calc(50% - 1.45rem)}:host(.form-mode) .vertical-line{width:0;height:1rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .branch-button-wrapper{position:absolute;top:calc(50% - 1rem);left:-1rem;display:-ms-flexbox;display:flex}:host(.form-mode) .branch-button-wrapper .icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;background-color:var(--light, #ffffff);border-radius:var(--border-radius-16, 1rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.form-mode) .branch-button-wrapper .horizontal-line{width:1.5rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel-child-step.form-mode) .container{max-width:10rem;margin-right:0.75rem}:host(.first-parallel-child-step) .container{margin-top:var(--spacing-16, 1rem)}:host(.last-parallel-child-step.form-mode) .vertical-line{display:none}:host(.form-mode.parallel) .vertical-line{margin-left:2.375rem}";

package/dist/cjs/yoo-form-creator.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-const index$4 = require('./index-1abca896.js');
-require('./index-3b76ec77.js');
+const index$4 = require('./index-1b745f5a.js');
+require('./index-f6d9366b.js');
 const lodash = require('./lodash-a9050d79.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$3 = require('./index-0df26a0a.js');
-const commonHelpers = require('./common-helpers-33e0d0b1.js');
-const index$5 = require('./index-e9c02f26.js');
-const index$1 = require('./index-7ea30df3.js');
-const index$2 = require('./index-65831a5f.js');
+const index$3 = require('./index-3eac7803.js');
+const commonHelpers = require('./common-helpers-8c358f79.js');
+const index$5 = require('./index-9f573174.js');
+const index$1 = require('./index-78dbd1ac.js');
+const index$2 = require('./index-64dbcd98.js');
 const formField_instance = require('./form-field.instance-410c2aea.js');
 require('./workflow.interface-ffda8358.js');
 require('./item-sliding.interface-7206925b.js');
@@ -19,7 +19,7 @@ require('./card-video.interface-70a68a05.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const formCreatorCss = "svg:not(:root){overflow:hidden}:host{display:block;width:100%;height:100%;background:var(--light, #ffffff)}:host .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;background:inherit}:host .container .content{display:-ms-flexbox;display:flex;height:calc(100% - 3rem);background-color:var(--stable-ultralight, #fafafa)}:host .container .content .sortable-chosen yoo-form-creator-block-expandable{--expandable-block-border:var(--border-width-02, 0.125rem) solid var(--accent, #276ef1)}:host .container .content .left-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:3rem;padding:var(--spacing-16, 1rem) 0;background:var(--light, #ffffff);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .container .content .left-menu-top,:host .container .content .left-menu-bottom{display:grid;gap:var(--spacing-16, 1rem)}:host .container .content .left-menu-top>*,:host .container .content .left-menu-bottom>*{cursor:pointer}:host .container .content .left-selection{position:relative;z-index:1;width:22rem;min-width:22rem;height:100%;overflow:hidden;background:var(--light, #ffffff);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .container .content .left-selection.hide{width:0;min-width:0}:host .container .content .left-selection yoo-accordion{--outer-container-padding:0 var(--spacing-16, 1rem);--outer-container-width:calc(100% - 2.5rem)}:host .container .content .left-selection yoo-accordion yoo-accordion.sub-accordion{--outer-container-padding:0;--outer-container-width:100%}:host .container .content .left-selection.scoring{min-width:26.25rem;max-width:26.25rem;padding-top:var(--spacing-16, 1rem)}:host .container .content .left-selection.scoring yoo-ion-scroll{--top-pos:3.5rem;padding:0 0 5rem var(--spacing-16, 1rem)}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container{display:-ms-flexbox;display:flex}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container yoo-form-creator-condition-block,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container yoo-form-creator-condition-block{-ms-flex:1;flex:1}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container yoo-tooltip,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container yoo-tooltip{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container .help-container,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container .help-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:0.875rem;height:0.875rem;margin-left:var(--spacing-08, 0.5rem);color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem);background:var(--dark, #000000);border-radius:50%}:host .container .content .left-selection .logic-container yoo-ion-scroll{padding-top:var(--spacing-08, 0.5rem)}:host .container .content .form-content{width:100%;min-width:25rem;max-width:58.75rem;height:100%;margin:auto;padding:var(--spacing-16, 1rem);}:host .container .content .form-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .container .content .form-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .container .content .form-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .container .content .form-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .container .content .form-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .container .content .form-content.relative{position:relative}:host .container .content .form-content yoo-accordion.pages-accordion{--accordion-background:var(--stable-background)}:host .container .content .form-content yoo-toast{position:absolute;top:auto;right:calc(50% - 225px);bottom:4rem;left:auto;height:auto}:host .container .content .form-content .page-condition-overlay{position:absolute;top:11rem;right:-1rem;bottom:0;left:0;z-index:1;background:var(--dark, #000000);opacity:0.8}:host .container .content .form-content .scoring-empty-state{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100%}:host .container .content .form-content .scoring-empty-state yoo-empty-state{height:26rem}:host .container .content .form-content .scoring-empty-state div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);padding:var(--spacing-16, 1rem)}:host .container .content .form-content .form-content-blocks-container{position:relative;height:100%;max-height:100%}:host .container .content .form-content .form-content-blocks-container yoo-ion-scroll{--top-pos:2.6875rem}:host .container .content .form-content .form-content-blocks-container .empty-state{position:absolute;top:20px;right:0;bottom:auto;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2;text-align:center;background:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) dashed var(--stable-alt, #d0d0d0)}:host .container .content .form-content .form-content-blocks-container .empty-state yoo-empty-state{width:8rem;height:6.25rem;padding:var(--spacing-16, 1rem)}:host .container .content .form-content .form-content-blocks-container .empty-state .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:12rem;padding:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .container .content .form-content .form-content-blocks-container .empty-state .text-container yoo-icon{margin:var(--spacing-08, 0.5rem) 0 0 var(--spacing-04, 0.25rem)}:host .container .content .form-content .form-content-blocks-container .expandable-form-block-container{padding-right:var(--spacing-08, 0.5rem);padding-bottom:10rem;padding-left:var(--spacing-08, 0.5rem)}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container{position:relative;min-height:calc(100% - 13.75rem);padding:0 var(--spacing-08, 0.5rem) 12.5rem}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container .expandable-form-block-container{min-height:3rem;padding-bottom:0}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container .expandable-form-block-container.empty{width:calc(100% - 2px);height:12.75rem;padding:0}:host .container .content .parent-slot{width:100%}:host yoo-accordion{--title-icon-color:var(--stable-alt, #d0d0d0)}";
+const formCreatorCss = "svg:not(:root){overflow:hidden}:host{display:block;width:100%;height:100%;background:var(--light, #ffffff)}:host .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;background:inherit}:host .container .content{display:-ms-flexbox;display:flex;height:calc(100% - 3rem);background-color:var(--stable-ultralight, #fafafa)}:host .container .content .sortable-chosen yoo-form-creator-block-expandable{--expandable-block-border:var(--border-width-02, 0.125rem) solid var(--accent, #276ef1)}:host .container .content .left-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:3rem;padding:var(--spacing-16, 1rem) 0;background:var(--light, #ffffff);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .container .content .left-menu-top,:host .container .content .left-menu-bottom{display:grid;gap:var(--spacing-16, 1rem)}:host .container .content .left-menu-top>*,:host .container .content .left-menu-bottom>*{cursor:pointer}:host .container .content .left-selection{position:relative;z-index:1;width:22rem;min-width:22rem;height:100%;overflow:hidden;background:var(--light, #ffffff);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .container .content .left-selection.hide{width:0;min-width:0}:host .container .content .left-selection yoo-accordion{--outer-container-padding:0 var(--spacing-16, 1rem);--outer-container-width:calc(100% - 2.5rem)}:host .container .content .left-selection yoo-accordion yoo-accordion.sub-accordion{--outer-container-padding:0;--outer-container-width:100%}:host .container .content .left-selection.scoring{min-width:26.25rem;max-width:26.25rem;padding-top:var(--spacing-16, 1rem)}:host .container .content .left-selection.scoring yoo-ion-scroll{--top-pos:3.5rem;padding:0 0 5rem var(--spacing-16, 1rem)}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container{display:-ms-flexbox;display:flex}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container yoo-form-creator-condition-block,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container yoo-form-creator-condition-block{-ms-flex:1;flex:1}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container yoo-tooltip,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container yoo-tooltip{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container .help-container,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container .help-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:0.875rem;height:0.875rem;margin-left:var(--spacing-08, 0.5rem);color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem);background:var(--dark, #000000);border-radius:50%}:host .container .content .left-selection .logic-container yoo-ion-scroll{padding-top:var(--spacing-08, 0.5rem)}:host .container .content .form-content{width:100%;min-width:25rem;max-width:58.75rem;height:100%;max-height:calc(100% - var(--spacing-32, 2rem));margin:auto;padding:var(--spacing-16, 1rem);}:host .container .content .form-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .container .content .form-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .container .content .form-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .container .content .form-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .container .content .form-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .container .content .form-content.relative{position:relative}:host .container .content .form-content yoo-accordion.pages-accordion{--accordion-background:var(--stable-background)}:host .container .content .form-content yoo-toast{position:absolute;top:auto;right:calc(50% - 225px);bottom:4rem;left:auto;height:auto}:host .container .content .form-content .page-condition-overlay{position:absolute;top:11rem;right:-1rem;bottom:0;left:0;z-index:1;background:var(--dark, #000000);opacity:0.8}:host .container .content .form-content .scoring-empty-state{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100%}:host .container .content .form-content .scoring-empty-state yoo-empty-state{height:26rem}:host .container .content .form-content .scoring-empty-state div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);padding:var(--spacing-16, 1rem)}:host .container .content .form-content .form-content-blocks-container{position:relative;height:100%;max-height:100%}:host .container .content .form-content .form-content-blocks-container yoo-ion-scroll{--top-pos:2.6875rem}:host .container .content .form-content .form-content-blocks-container .empty-state{position:absolute;top:20px;right:0;bottom:auto;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2;text-align:center;background:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) dashed var(--stable-alt, #d0d0d0)}:host .container .content .form-content .form-content-blocks-container .empty-state yoo-empty-state{width:8rem;height:6.25rem;padding:var(--spacing-16, 1rem)}:host .container .content .form-content .form-content-blocks-container .empty-state .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:12rem;padding:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .container .content .form-content .form-content-blocks-container .empty-state .text-container yoo-icon{margin:var(--spacing-08, 0.5rem) 0 0 var(--spacing-04, 0.25rem)}:host .container .content .form-content .form-content-blocks-container .expandable-form-block-container{padding-right:var(--spacing-08, 0.5rem);padding-bottom:10rem;padding-left:var(--spacing-08, 0.5rem)}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container{position:relative;min-height:calc(100% - 13.75rem);padding:0 var(--spacing-08, 0.5rem) 12.5rem}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container .expandable-form-block-container{min-height:3rem;padding-bottom:0}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container .expandable-form-block-container.empty{width:calc(100% - 2px);height:12.75rem;padding:0}:host .container .content .parent-slot{width:100%}:host yoo-accordion{--title-icon-color:var(--stable-alt, #d0d0d0)}:host([show-pages-section]) .form-content-blocks-container yoo-ion-scroll{max-height:calc(100% - 5.75rem)}:host([show-pages-section]) .form-content-blocks-container yoo-ion-scroll.pages-accordion-open{max-height:calc(100% - 10.75rem)}";
 
 const YooFormCreatorComponent = class {
   constructor(hostRef) {
@@ -61,7 +61,6 @@ const YooFormCreatorComponent = class {
     this.hasLoaded = index.createEvent(this, "hasLoaded", 7);
     this.formFieldBlockExpanded = index.createEvent(this, "formFieldBlockExpanded", 7);
     this.centerContentWidthChanged = index.createEvent(this, "centerContentWidthChanged", 7);
-    this.scrollContent = index.createEvent(this, "scrollContent", 7);
     this.createNewRestrictionClicked = index.createEvent(this, "createNewRestrictionClicked", 7);
     this.editRestrictionCondition = index.createEvent(this, "editRestrictionCondition", 7);
     this.formFieldDelete = index.createEvent(this, "formFieldDelete", 7);
@@ -94,7 +93,6 @@ const YooFormCreatorComponent = class {
     this.hasLeftMenuOptionChanged = false;
     this.fieldsWithScoring = [];
     this.selectedScoringIndex = 0;
-    this.isPagesAccordionOpen = true;
     this.hasAdditionBeenClicked = false;
     this.infiniteScrolls = [];
     // This is needed to store any new conditions that are yet to be attached to a field so that they do not dissapear on rerender
@@ -267,6 +265,7 @@ const YooFormCreatorComponent = class {
     this.newCustomFormFieldSelectionMode = undefined;
     this.expandedFieldName = undefined;
     this.shouldRenderLeftSelectionContent = true;
+    this.isPagesAccordionOpen = true;
   }
   get isTranslatorForm() {
     var _a;
@@ -784,6 +783,73 @@ const YooFormCreatorComponent = class {
       this.haveTranslationsUpdated = false;
     }
   }
+  async showTranslationDialog(event, selectedFieldLocation = null) {
+    var _a;
+    let refreshForms = false;
+    if (event) {
+      selectedFieldLocation = selectedFieldLocation === null ? index$2.findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
+    }
+    else if (!selectedFieldLocation) {
+      selectedFieldLocation = { slideIndex: 0, itemIndex: 0 };
+    }
+    this.formCreatorTranslateDialog = document.createElement('yoo-form-creator-translate-dialog');
+    this.formCreatorTranslateDialog.baseLanguage = this.baseLanguage;
+    this.formCreatorTranslateDialog.translatedLanguages = (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.languages;
+    this.formCreatorTranslateDialog.allLanguages = this.allLanguages;
+    if (this.translations && this.translations.length > 0) {
+      refreshForms = true;
+      this.formCreatorTranslateDialog.isTranslator = this.isTranslator;
+      this.formCreatorTranslateDialog.disableNewLanguageButton = this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null;
+      this.formCreatorTranslateDialog.translations = this.translations;
+      this.formCreatorTranslateDialog.slides = index$2.formatSlides(this.currentSlides, true);
+      this.formCreatorTranslateDialog.initialSelectedFieldLocation = selectedFieldLocation;
+      this.formCreatorTranslateDialog.addEventListener('translationUpdated', (ev) => {
+        ev.stopPropagation();
+        this.translationUpdated.emit(ev.detail);
+      });
+      this.formCreatorTranslateDialog.addEventListener('languageChanged', (ev) => {
+        ev.stopPropagation();
+        this.translateDialogLanguageChanged.emit(ev.detail);
+      });
+      this.formCreatorTranslateDialog.addEventListener('translateValue', (ev) => {
+        this.translateValue.emit(ev.detail);
+      });
+    }
+    else {
+      this.formCreatorTranslateDialog.mode = 'createInitial';
+      this.formCreatorTranslateDialog.addEventListener('selectedLanguagesChanged', (ev) => {
+        this.selectedLanguagesChanged.emit(ev.detail);
+      });
+      this.formCreatorTranslateDialog.addEventListener('baseLanguageChanged', (ev) => {
+        this.baseLanguageChanged.emit(ev.detail);
+      });
+    }
+    index$2.showModal({
+      component: this.formCreatorTranslateDialog,
+      cssClass: 'visible-overflow responsive',
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
+      var _a, _b, _c, _d;
+      this.translateDialogClosed.emit({ refreshForms });
+      if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
+        this.translateNewLanguages([], false, selectedFieldLocation);
+      }
+      else if ((_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.addNewLanguage) {
+        this.showChangeLanguageTranslationDialog(event, selectedFieldLocation);
+      }
+      else {
+        this.reloadLivePreview.emit();
+        if (this.livePreviewElement) {
+          this.livePreviewElement.missionDescriptionTitle = index$2.translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
+        }
+        if (this.formCreatorHeader) {
+          this.formCreatorHeader.formTitle = index$2.translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
+        }
+      }
+    });
+  }
   async addPageCondition(condition, slideIndex) {
     if (this.currentSlides[slideIndex].condition) {
       const currentCondition = [...this.currentSlides[slideIndex].condition, condition];
@@ -959,14 +1025,6 @@ const YooFormCreatorComponent = class {
       this.currentSlides = index$1.setParentConditions(this.currentSlides);
       this.updateGlobalActions();
       this.hasLoaded.emit();
-      // Sometimes the container is scrolled down and because of overflow:hidden can't be scrolled back to top.
-      // Following interval watch the container scrollTop and scroll back to top if needed.
-      this.containerElWatch = setInterval(() => {
-        var _a;
-        if (((_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.scrollTop) > 0) {
-          this.containerEl.scrollTop = 0;
-        }
-      }, 1000);
     }
     this.hasLoaded.emit();
   }
@@ -1114,73 +1172,6 @@ const YooFormCreatorComponent = class {
       });
     }
   }
-  showTranslationDialog(event, selectedFieldLocation = null) {
-    var _a;
-    let refreshForms = false;
-    if (event) {
-      selectedFieldLocation = selectedFieldLocation === null ? index$2.findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
-    }
-    else if (!selectedFieldLocation) {
-      selectedFieldLocation = { slideIndex: 0, itemIndex: 0 };
-    }
-    this.formCreatorTranslateDialog = document.createElement('yoo-form-creator-translate-dialog');
-    this.formCreatorTranslateDialog.baseLanguage = this.baseLanguage;
-    this.formCreatorTranslateDialog.translatedLanguages = (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.languages;
-    this.formCreatorTranslateDialog.allLanguages = this.allLanguages;
-    if (this.translations && this.translations.length > 0) {
-      refreshForms = true;
-      this.formCreatorTranslateDialog.isTranslator = this.isTranslator;
-      this.formCreatorTranslateDialog.disableNewLanguageButton = this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null;
-      this.formCreatorTranslateDialog.translations = this.translations;
-      this.formCreatorTranslateDialog.slides = index$2.formatSlides(this.currentSlides, true);
-      this.formCreatorTranslateDialog.initialSelectedFieldLocation = selectedFieldLocation;
-      this.formCreatorTranslateDialog.addEventListener('translationUpdated', (ev) => {
-        ev.stopPropagation();
-        this.translationUpdated.emit(ev.detail);
-      });
-      this.formCreatorTranslateDialog.addEventListener('languageChanged', (ev) => {
-        ev.stopPropagation();
-        this.translateDialogLanguageChanged.emit(ev.detail);
-      });
-      this.formCreatorTranslateDialog.addEventListener('translateValue', (ev) => {
-        this.translateValue.emit(ev.detail);
-      });
-    }
-    else {
-      this.formCreatorTranslateDialog.mode = 'createInitial';
-      this.formCreatorTranslateDialog.addEventListener('selectedLanguagesChanged', (ev) => {
-        this.selectedLanguagesChanged.emit(ev.detail);
-      });
-      this.formCreatorTranslateDialog.addEventListener('baseLanguageChanged', (ev) => {
-        this.baseLanguageChanged.emit(ev.detail);
-      });
-    }
-    index$2.showModal({
-      component: this.formCreatorTranslateDialog,
-      cssClass: 'visible-overflow responsive',
-      enterAnimation: 'fadeEnterAnimation',
-      leaveAnimation: 'fadeLeaveAnimation',
-      showBackdrop: true
-    }).then((ret) => {
-      var _a, _b, _c, _d;
-      this.translateDialogClosed.emit({ refreshForms });
-      if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
-        this.translateNewLanguages([], false, selectedFieldLocation);
-      }
-      else if ((_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.addNewLanguage) {
-        this.showChangeLanguageTranslationDialog(event, selectedFieldLocation);
-      }
-      else {
-        this.reloadLivePreview.emit();
-        if (this.livePreviewElement) {
-          this.livePreviewElement.missionDescriptionTitle = index$2.translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
-        }
-        if (this.formCreatorHeader) {
-          this.formCreatorHeader.formTitle = index$2.translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
-        }
-      }
-    });
-  }
   showChangeLanguageTranslationDialog(event, selectedFieldLocation) {
     var _a;
     const formCreatorTranslateDialogLanguageSelector = document.createElement('yoo-form-creator-translate-dialog');
@@ -1686,11 +1677,10 @@ const YooFormCreatorComponent = class {
     }
   }
   onMainContentScrolled(event) {
-    if (event) {
-      this.scrollContent.emit(event.detail);
-      if (this.pagesAccordion && (event.detail.scrollTop > 200 ? this.isPagesAccordionOpen : !this.isPagesAccordionOpen) && !this.isPageReordering && this.hasPageChanged === -1) {
-        this.pagesAccordion.clickAccordion(0);
-      }
+    var _a, _b;
+    const scrollableHeight = ((_a = this.mainContentScrollElement) === null || _a === void 0 ? void 0 : _a.scrollHeight) - ((_b = this.mainContentScrollElement) === null || _b === void 0 ? void 0 : _b.clientHeight);
+    if (event && this.pagesAccordion && ((event.detail.scrollTop && event.detail.scrollTop === scrollableHeight) ? this.isPagesAccordionOpen : !this.isPagesAccordionOpen) && !this.isPageReordering && this.hasPageChanged === -1) {
+      this.pagesAccordion.clickAccordion(0);
     }
   }
   onPagesAccordionSelected(event) {
@@ -2403,7 +2393,7 @@ const YooFormCreatorComponent = class {
           selected: true,
           actionButtons: index$1.isScoring(this.selectedLeftMenuOption) ? [] : [...actionButtons]
         }
-      ], iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index$2) => (index.h("div", { slot: index$2 === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, index.h("yoo-ion-scroll", { ref: (el) => {
+      ], iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index$2) => (index.h("div", { slot: index$2 === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, index.h("yoo-ion-scroll", { class: { 'pages-accordion-open': this.isPagesAccordionOpen }, ref: (el) => {
         if (index$2 === this.selectedPageIndex) {
           this.mainContentScrollElement = el;
         }
@@ -2481,7 +2471,7 @@ const YooFormCreatorComponent = class {
     return (index.h("div", { class: "form-dynamic-container" }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-truncate", null, index$2.translateMulti((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title))))));
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "container", ref: (el) => (this.containerEl = el) }, this.renderHeader(), this.renderContent(), this.renderOverlays())));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "container" }, this.renderHeader(), this.renderContent(), this.renderOverlays())));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {