@yoobic/yobi 8.5.0-60 → 8.5.0-62

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-9ca0e46c.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
+const index$2 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -52,7 +52,7 @@ const YooFormCreatorLivePreviewComponent = class {
     }, TRANSITION_TIME);
   }
   renderLanguageSelector() {
-    return index.h("div", { class: "language-selector" }, index.h("yoo-form-autocomplete", { value: this.selectedLanguage, values: overlays.getTranslateLanguageKeys(this.availableLanguages), onInputChanged: (ev) => this.onLanguageChanged(ev), idOnly: true, entityType: "language", useTranslate: true, displayType: "card-list", forceHideSearch: true, iconPrefix: "feed", size: "medium" }));
+    return index.h("div", { class: "language-selector" }, index.h("yoo-form-autocomplete", { value: this.selectedLanguage, values: index$2.getTranslateLanguageKeys(this.availableLanguages), onInputChanged: (ev) => this.onLanguageChanged(ev), idOnly: true, entityType: "language", useTranslate: true, displayType: "card-list", forceHideSearch: true, iconPrefix: "feed", size: "medium" }));
   }
   renderHeader() {
     var _a;
@@ -62,14 +62,14 @@ const YooFormCreatorLivePreviewComponent = class {
   }
   renderFullscreenHeader() {
     return [
-      index.h("div", { class: { title: true, 'align-left': !this.closable } }, overlays.translate(this.fullscreenHeading || 'LIVEPREVIEW')),
-      index.h("div", { class: "icons-container" }, this.showShare && !this.hidden && (index.h("yoo-tooltip", { content: overlays.translate('YOOBICSHAREPREVIEW'), hoverable: true, placement: "left" }, index.h("div", { onClick: () => this.shared.emit(), class: "icon-container" }, index.h("yoo-icon", { size: "medium", name: "share", color: "stable" })))), this.closable && (index.h("div", { class: "icon-container", onClick: () => this.closeClicked.emit() }, index.h("yoo-icon", { name: this.hideHeaderTitle ? 'close' : 'left', color: "stable" }), !this.hideHeaderTitle && index.h("div", { class: "campaign-title" }, overlays.translateMulti(this.missionDescriptionTitle)))), !this.closable && (index.h("div", { class: "icon-container", onClick: () => this.fullscreenClicked.emit() }, index.h("yoo-icon", { name: "view", color: "stable" }))))
+      index.h("div", { class: { title: true, 'align-left': !this.closable } }, index$2.translate(this.fullscreenHeading || 'LIVEPREVIEW')),
+      index.h("div", { class: "icons-container" }, this.showShare && !this.hidden && (index.h("yoo-tooltip", { content: index$2.translate('YOOBICSHAREPREVIEW'), hoverable: true, placement: "left" }, index.h("div", { onClick: () => this.shared.emit(), class: "icon-container" }, index.h("yoo-icon", { size: "medium", name: "share", color: "stable" })))), this.closable && (index.h("div", { class: "icon-container", onClick: () => this.closeClicked.emit() }, index.h("yoo-icon", { name: this.hideHeaderTitle ? 'close' : 'left', color: "stable" }), !this.hideHeaderTitle && index.h("div", { class: "campaign-title" }, index$2.translateMulti(this.missionDescriptionTitle)))), !this.closable && (index.h("div", { class: "icon-container", onClick: () => this.fullscreenClicked.emit() }, index.h("yoo-icon", { name: "view", color: "stable" }))))
     ];
   }
   renderPanelHeader() {
     return [
-      !this.hidden && index.h("div", { class: "title" }, overlays.translate('LIVEPREVIEW')),
-      index.h("div", { class: "icons-container" }, this.showShare && !this.hidden && (index.h("yoo-tooltip", { content: overlays.translate('YOOBICSHAREPREVIEW'), hoverable: true, placement: "left" }, index.h("div", { onClick: () => this.shared.emit(), class: "icon-container" }, index.h("yoo-icon", { size: "medium", name: "share", color: "stable" })))), !this.hidden && (index.h("yoo-tooltip", { content: overlays.translate('OPENPREVIEW'), hoverable: true, placement: "left" }, index.h("div", { onClick: () => this.openFullPageLivePreviewClicked.emit(), class: "icon-container" }, index.h("yoo-icon", { size: "medium", name: "view", color: "stable" })))), index.h("yoo-tooltip", { content: overlays.translate(!this.hidden ? 'HIDEPREVIEW' : 'OPENPREVIEW'), hoverable: true, placement: "left" }, index.h("div", { onClick: () => this.toggleLivePreviewClicked(), class: "icon-container" }, index.h("yoo-icon", { size: "medium", name: "sidebar-right", color: this.hidden ? 'app-color' : 'stable' }))))
+      !this.hidden && index.h("div", { class: "title" }, index$2.translate('LIVEPREVIEW')),
+      index.h("div", { class: "icons-container" }, this.showShare && !this.hidden && (index.h("yoo-tooltip", { content: index$2.translate('YOOBICSHAREPREVIEW'), hoverable: true, placement: "left" }, index.h("div", { onClick: () => this.shared.emit(), class: "icon-container" }, index.h("yoo-icon", { size: "medium", name: "share", color: "stable" })))), !this.hidden && (index.h("yoo-tooltip", { content: index$2.translate('OPENPREVIEW'), hoverable: true, placement: "left" }, index.h("div", { onClick: () => this.openFullPageLivePreviewClicked.emit(), class: "icon-container" }, index.h("yoo-icon", { size: "medium", name: "view", color: "stable" })))), index.h("yoo-tooltip", { content: index$2.translate(!this.hidden ? 'HIDEPREVIEW' : 'OPENPREVIEW'), hoverable: true, placement: "left" }, index.h("div", { onClick: () => this.toggleLivePreviewClicked(), class: "icon-container" }, index.h("yoo-icon", { size: "medium", name: "sidebar-right", color: this.hidden ? 'app-color' : 'stable' }))))
     ];
   }
   renderSubheader() {
@@ -84,10 +84,10 @@ const YooFormCreatorLivePreviewComponent = class {
   }
   renderContent() {
     const hasDescription = this.showDescriptionAndFooter && (this.missionDescriptionTitle || this.missionDescriptionText);
-    return (index.h("div", { class: "columns-container", style: hasDescription ? { gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', margin: 'var(--spacing-24)' } : undefined }, hasDescription && index.h("div", { class: "description" }, this.missionDescriptionTitle && index.h("h1", { innerHTML: overlays.translateMulti(this.missionDescriptionTitle) }), this.missionDescriptionText && index.h("p", { innerHTML: overlays.translateMulti(this.missionDescriptionText) })), index.h("div", { class: "content" }, index.h("yoo-device", { class: "mobile app-creator-device", deviceEntry: this.selectedDevice, scaledContainerSelector: ".columns-container", resizeOnUpdate: this.mode === 'fullscreen' }, index.h("div", { class: "form-dynamic-container" }, this.missionDescriptionTitle && (index.h("yoo-header", null, index.h("yoo-navbar", { class: "device-preview" }, index.h("yoo-truncate", null, overlays.translateMulti(this.missionDescriptionTitle))))), index.h("div", { class: "slot-container" }, index.h("slot", { name: "livePreview" })))))));
+    return (index.h("div", { class: "columns-container", style: hasDescription ? { gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', margin: 'var(--spacing-24)' } : undefined }, hasDescription && index.h("div", { class: "description" }, this.missionDescriptionTitle && index.h("h1", { innerHTML: index$2.translateMulti(this.missionDescriptionTitle) }), this.missionDescriptionText && index.h("p", { innerHTML: index$2.translateMulti(this.missionDescriptionText) })), index.h("div", { class: "content" }, index.h("yoo-device", { class: "mobile app-creator-device", deviceEntry: this.selectedDevice, scaledContainerSelector: ".columns-container", resizeOnUpdate: this.mode === 'fullscreen' }, index.h("div", { class: "form-dynamic-container" }, this.missionDescriptionTitle && (index.h("yoo-header", null, index.h("yoo-navbar", { class: "device-preview" }, index.h("yoo-truncate", null, index$2.translateMulti(this.missionDescriptionTitle))))), index.h("div", { class: "slot-container" }, index.h("slot", { name: "livePreview" })))))));
   }
   render() {
-    return (index.h(index.Host, null, this.renderHeader(), index.h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } }, this.renderContent(), !!this.logo && index.h("yoo-img", { src: this.logo, cloudinaryOptions: { pad: true }, svgOptions: { afterLoad: (_, svgString) => overlays.replaceSVGColors(svgString) } }), this.showDescriptionAndFooter && index.h("slot", { name: "footer" }))));
+    return (index.h(index.Host, null, this.renderHeader(), index.h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } }, this.renderContent(), !!this.logo && index.h("yoo-img", { src: this.logo, cloudinaryOptions: { pad: true }, svgOptions: { afterLoad: (_, svgString) => index$2.replaceSVGColors(svgString) } }), this.showDescriptionAndFooter && index.h("slot", { name: "footer" }))));
   }
 };
 YooFormCreatorLivePreviewComponent.style = formCreatorLivePreviewCss;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.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}";
@@ -45,14 +45,14 @@ const YooFormCreatorOverlayComponent = class {
     return (index.h("yoo-form-creator-block-simple", { formField: { category: category, icon, formCreatorIndex: index$1, title }, showConditionalBlock: showConditionalBlock }));
   }
   render() {
-    return (index.h(index.Host, null, (this.newFieldCondition || this.newRestrictionCondition) && (index.h("div", { onClick: () => this.removeOverlays(), class: { overlay: true, 'only-live-preview': !overlays.isNullOrUndefined(this.newUndefinedCondition), 'live-preview-hidden': this.isLivePreviewHidden } }, index.h("div", { class: "overlay-background" }), this.newFieldCondition && [
-      index.h("div", { class: "overlay-title sub" }, overlays.translate('ADDNEWBLOCKFROMCOLUMN')),
+    return (index.h(index.Host, null, (this.newFieldCondition || this.newRestrictionCondition) && (index.h("div", { onClick: () => this.removeOverlays(), class: { overlay: true, 'only-live-preview': !index$1.isNullOrUndefined(this.newUndefinedCondition), 'live-preview-hidden': this.isLivePreviewHidden } }, index.h("div", { class: "overlay-background" }), this.newFieldCondition && [
+      index.h("div", { class: "overlay-title sub" }, index$1.translate('ADDNEWBLOCKFROMCOLUMN')),
       this.renderDummyBlock('condition', 'condition', null, null, true)
     ], this.newRestrictionCondition && [
-      index.h("div", { class: "overlay-title" }, ' ', index.h("yoo-icon", { name: "restriction", color: "light" }), overlays.translate('HOWDOESRESTRICTIONWORK')),
-      index.h("div", { class: "overlay-title sub" }, overlays.translate('RESTRICTIONEXPLANATION')),
+      index.h("div", { class: "overlay-title" }, ' ', index.h("yoo-icon", { name: "restriction", color: "light" }), index$1.translate('HOWDOESRESTRICTIONWORK')),
+      index.h("div", { class: "overlay-title sub" }, index$1.translate('RESTRICTIONEXPLANATION')),
       this.renderDummyBlock(this.newRestrictionCondition.category, this.newRestrictionCondition.icon, this.newRestrictionCondition.index + 1, this.newRestrictionCondition.title)
-    ])), this.newUndefinedCondition && (index.h("div", { onClick: () => this.removeOverlays(), class: "overlay left-panel-only" }, index.h("div", { class: "overlay-background" }), index.h("div", { class: "overlay-title" }, overlays.translate(this.newUndefinedCondition.pageCondition ? 'ADDNEWPAGECONDITIONFROMCOLUMN' : 'ADDNEWCONDITIONFROMCOLUMN', { type: this.newUndefinedCondition.type })))), this.newCustomFormField && (index.h("div", { onClick: () => this.removeOverlays(), class: "overlay left-panel-only" }, index.h("div", { class: "overlay-background" }), index.h("div", { class: "overlay-title" }, overlays.translate('NEWCUSTOMFORMFIELDSELECTION')))), (this.newUndefinedCondition || this.newRestrictionCondition || this.newFieldCondition || this.newCustomFormField) && index.h("div", { class: { 'header-overlay': true, 'right-panel-only': !!this.initialNewFieldCondition }, onClick: () => this.removeOverlays() })));
+    ])), this.newUndefinedCondition && (index.h("div", { onClick: () => this.removeOverlays(), class: "overlay left-panel-only" }, index.h("div", { class: "overlay-background" }), index.h("div", { class: "overlay-title" }, index$1.translate(this.newUndefinedCondition.pageCondition ? 'ADDNEWPAGECONDITIONFROMCOLUMN' : 'ADDNEWCONDITIONFROMCOLUMN', { type: this.newUndefinedCondition.type })))), this.newCustomFormField && (index.h("div", { onClick: () => this.removeOverlays(), class: "overlay left-panel-only" }, index.h("div", { class: "overlay-background" }), index.h("div", { class: "overlay-title" }, index$1.translate('NEWCUSTOMFORMFIELDSELECTION')))), (this.newUndefinedCondition || this.newRestrictionCondition || this.newFieldCondition || this.newCustomFormField) && index.h("div", { class: { 'header-overlay': true, 'right-panel-only': !!this.initialNewFieldCondition }, onClick: () => this.removeOverlays() })));
   }
   static get watchers() { return {
     "initialNewFieldCondition": ["onInitialNewFieldConditionChanged"],

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-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-ba1443ff.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-c178e61e.js');
+const index$2 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -134,7 +134,7 @@ const YooFormCreatorPageCardListComponent = class {
         this.pageCardSortables.sort(order);
       }
     }, 0);
-    return this.missionSlides.map((slide, index$2) => {
+    return this.missionSlides.map((slide, index$3) => {
       var _a, _b;
       const { restrictionConditions, fieldConditions } = index$1.setRestrictionAndFieldConditions(slide.condition);
       let invalid = false;
@@ -146,7 +146,7 @@ const YooFormCreatorPageCardListComponent = class {
         });
       }
       let fieldsWithScoringInPage = null;
-      if (!overlays.isNullOrUndefined(this.scoringMode)) {
+      if (!index$2.isNullOrUndefined(this.scoringMode)) {
         fieldsWithScoringInPage = this.scoringMode.selectedFields.reduce((acc, item) => {
           var _a;
           if (((_a = slide === null || slide === void 0 ? void 0 : slide.items) === null || _a === void 0 ? void 0 : _a.findIndex((field) => field.name === item.name)) >= 0) {
@@ -155,23 +155,23 @@ const YooFormCreatorPageCardListComponent = class {
           return acc;
         }, 0);
       }
-      const page = index$2 + 1;
-      const selected = (!this.selectPageIndexState && index$2 === 0) || this.selectPageIndexState === index$2;
+      const page = index$3 + 1;
+      const selected = (!this.selectPageIndexState && index$3 === 0) || this.selectPageIndexState === index$3;
       const title = slide.title;
       const translatedTitleIndex = (_a = this.translations) === null || _a === void 0 ? void 0 : _a.findIndex((tran) => tran.key === (title === null || title === void 0 ? void 0 : title.replace(/%/g, '')));
-      const translatedTitle = overlays.translateMulti(translatedTitleIndex > 1 ? this.translations[translatedTitleIndex][this.baseLanguage] : slide.title);
+      const translatedTitle = index$2.translateMulti(translatedTitleIndex > 1 ? this.translations[translatedTitleIndex][this.baseLanguage] : slide.title);
       let workflowState;
       const secondaryActions = [
-        { text: overlays.translate('YOOBICEDIT'), icon: 'settings', handler: () => this.editPageClicked.emit(index$2) },
-        { text: overlays.translate('DUPLICATE'), icon: 'duplicate', handler: () => this.duplicatePageClicked.emit(index$2) },
-        { text: overlays.translate('INSERTPAGEAFTER'), icon: 'move-up', handler: () => this.insertPageAfterClicked.emit(index$2) },
+        { text: index$2.translate('YOOBICEDIT'), icon: 'settings', handler: () => this.editPageClicked.emit(index$3) },
+        { text: index$2.translate('DUPLICATE'), icon: 'duplicate', handler: () => this.duplicatePageClicked.emit(index$3) },
+        { text: index$2.translate('INSERTPAGEAFTER'), icon: 'move-up', handler: () => this.insertPageAfterClicked.emit(index$3) },
         {
-          text: overlays.translate('LOGIC'), icon: 'logic', subMenu: [
-            { text: overlays.translate('ADDSITETAGRESTRICTION'), icon: 'restriction', handler: () => this.addSiteTagRestrictionClicked.emit(index$2) },
-            { text: overlays.translate('ADDUSERGROUPRESTRICTION'), icon: 'restriction', handler: () => this.addUserGroupRestrictionClicked.emit(index$2) }
+          text: index$2.translate('LOGIC'), icon: 'logic', subMenu: [
+            { text: index$2.translate('ADDSITETAGRESTRICTION'), icon: 'restriction', handler: () => this.addSiteTagRestrictionClicked.emit(index$3) },
+            { text: index$2.translate('ADDUSERGROUPRESTRICTION'), icon: 'restriction', handler: () => this.addUserGroupRestrictionClicked.emit(index$3) }
           ]
         },
-        { text: overlays.translate('DELETE'), icon: 'delete', handler: () => this.deletePageClicked.emit(index$2) }
+        { text: index$2.translate('DELETE'), icon: 'delete', handler: () => this.deletePageClicked.emit(index$3) }
       ];
       if (this.workflowVisibility) {
         workflowState = this.workflowVisibility;
@@ -180,10 +180,10 @@ const YooFormCreatorPageCardListComponent = class {
           workflowState = index$1.getWorkflowFieldState(pagePermission, this.workflowVisibility);
         }
       }
-      return (index.h("yoo-ion-slide", { class: "swiper-no-swiping", "data-id": `${title}-${index$2}` }, index.h("yoo-tooltip", { placement: "top", content: translatedTitle }, !!this.workflowVisibility && (index.h("yoo-form-creator-workflow-card", { description: translatedTitle, heading: `${overlays.translate('YOOBICPAGE')} ${page}`, selected: selected, state: workflowState, onClick: (event) => this.onPageClicked(event, index$2), onPageStateChanged: (ev) => {
+      return (index.h("yoo-ion-slide", { class: "swiper-no-swiping", "data-id": `${title}-${index$3}` }, index.h("yoo-tooltip", { placement: "top", content: translatedTitle }, !!this.workflowVisibility && (index.h("yoo-form-creator-workflow-card", { description: translatedTitle, heading: `${index$2.translate('YOOBICPAGE')} ${page}`, selected: selected, state: workflowState, onClick: (event) => this.onPageClicked(event, index$3), onPageStateChanged: (ev) => {
           ev.stopPropagation();
-          this.pageStateChanged.emit({ index: index$2, newState: ev.detail });
-        } })), !this.workflowVisibility && (index.h("yoo-form-creator-page-card", { actions: overlays.isNullOrUndefined(this.scoringMode) && secondaryActions, block: totalFieldsInPage, conditions: fieldConditions, description: translatedTitle, heading: `${overlays.translate('YOOBICPAGE')} ${page}`, invalid: invalid, page: index$2 + 1, restrictions: restrictionConditions, scoringFields: fieldsWithScoringInPage, selected: selected, onClick: (event) => this.onPageClicked(event, index$2) })))));
+          this.pageStateChanged.emit({ index: index$3, newState: ev.detail });
+        } })), !this.workflowVisibility && (index.h("yoo-form-creator-page-card", { actions: index$2.isNullOrUndefined(this.scoringMode) && secondaryActions, block: totalFieldsInPage, conditions: fieldConditions, description: translatedTitle, heading: `${index$2.translate('YOOBICPAGE')} ${page}`, invalid: invalid, page: index$3 + 1, restrictions: restrictionConditions, scoringFields: fieldsWithScoringInPage, selected: selected, onClick: (event) => this.onPageClicked(event, index$3) })))));
     });
   }
   render() {

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-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const index$1 = require('./index-ba1443ff.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-c178e61e.js');
+const index$2 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -47,7 +47,7 @@ const YooFormCreatorPageCardComponent = class {
     const hasConditions = ((_b = this.conditions) === null || _b === void 0 ? void 0 : _b.length) > 0;
     const hasRestrictions = ((_c = this.restrictions) === null || _c === void 0 ? void 0 : _c.length) > 0;
     const hasScoringFields = this.scoringFields != null;
-    return (index.h("yoo-form-creator-card", { description: this.description, heading: this.heading, selected: this.selected }, index.h("div", { class: "content", slot: "main" }, index.h("div", { class: "count" }, index.h("yoo-icon", { color: this.selected ? 'app-color' : undefined, name: "categories", size: "small" }), index.h("span", { class: "truncated" }, hasScoringFields && `${this.scoringFields} ${overlays.translate('SCORES')}`, !hasScoringFields && hasBlock && this.block, !hasScoringFields && !hasBlock && overlays.translate('NA'))), !this.invalid && (hasActions || hasConditions || hasRestrictions) && (index.h("div", { class: "actions" }, hasConditions && (index.h("yoo-context-menu", { class: "conditions", contentButtons: this.conditionActions, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'info', name: "condition", size: "small" }))), hasRestrictions && (index.h("yoo-tooltip", { class: "restrictions", hoverable: true, content: overlays.translate('DISPLAYRESTRICTIONCONDITION') }, index.h("yoo-context-menu", { contentButtons: this.restrictionActions, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'info', name: "restriction", size: "small" })))), hasActions && (index.h("yoo-context-menu", { class: "actions", contentButtons: this.actions, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'stable-alt', name: "more", size: "small" }))))), this.invalid && (index.h("yoo-tooltip", { content: overlays.translate('INVALIDFIELDWARNINGONPAGE') }, index.h("yoo-icon", { color: "danger", name: "warning", size: "small" }))))));
+    return (index.h("yoo-form-creator-card", { description: this.description, heading: this.heading, selected: this.selected }, index.h("div", { class: "content", slot: "main" }, index.h("div", { class: "count" }, index.h("yoo-icon", { color: this.selected ? 'app-color' : undefined, name: "categories", size: "small" }), index.h("span", { class: "truncated" }, hasScoringFields && `${this.scoringFields} ${index$2.translate('SCORES')}`, !hasScoringFields && hasBlock && this.block, !hasScoringFields && !hasBlock && index$2.translate('NA'))), !this.invalid && (hasActions || hasConditions || hasRestrictions) && (index.h("div", { class: "actions" }, hasConditions && (index.h("yoo-context-menu", { class: "conditions", contentButtons: this.conditionActions, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'info', name: "condition", size: "small" }))), hasRestrictions && (index.h("yoo-tooltip", { class: "restrictions", hoverable: true, content: index$2.translate('DISPLAYRESTRICTIONCONDITION') }, index.h("yoo-context-menu", { contentButtons: this.restrictionActions, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'info', name: "restriction", size: "small" })))), hasActions && (index.h("yoo-context-menu", { class: "actions", contentButtons: this.actions, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'stable-alt', name: "more", size: "small" }))))), this.invalid && (index.h("yoo-tooltip", { content: index$2.translate('INVALIDFIELDWARNINGONPAGE') }, index.h("yoo-icon", { color: "danger", name: "warning", size: "small" }))))));
   }
 };
 YooFormCreatorPageCardComponent.style = formCreatorPageCardCss;

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-9ca0e46c.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
-const index$2 = require('./index-ba1443ff.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
+const index$3 = require('./index-c178e61e.js');
+const index$2 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -72,7 +72,7 @@ const YooFormCreatorBlockExpandableComponent = class {
   }
   get formIcon() {
     let retrievedIcon = this.formField.icon;
-    if (overlays.isNullOrUndefined(retrievedIcon)) {
+    if (index$2.isNullOrUndefined(retrievedIcon)) {
       const index = index$1.ALL_MOBILE_FORM_FIELDS.findIndex((formField) => formField.type === this.formField.type);
       if (index > -1) {
         retrievedIcon = index$1.ALL_MOBILE_FORM_FIELDS[index].icon;
@@ -134,19 +134,19 @@ const YooFormCreatorBlockExpandableComponent = class {
             this.isExpanded = shouldExpand;
             this.blockExpanded.emit({ expanded: shouldExpand, name: this.formField.name });
             if (slotContent) {
-              overlays.gsapTo(slotContent, 0.35, { opacity: 1 });
+              index$2.gsapTo(slotContent, 0.35, { opacity: 1 });
             }
             if (this.arrowElement) {
               this.arrowElement.name = this.isExpanded ? 'arrow-up' : 'arrow-down';
             }
           },
-          ease: overlays.Power3.easeIn
+          ease: index$2.Power3.easeIn
         };
         const animationDelay = !this.hasExpanded ? 0 : (this.isExpanded ? 0.35 : 0.75);
         if (shouldExpand) {
           this.hasExpanded = true;
         }
-        overlays.gsapFromTo(this.scoringContentBlock, animationDelay, from, to);
+        index$2.gsapFromTo(this.scoringContentBlock, animationDelay, from, to);
       }
     }
   }
@@ -177,7 +177,7 @@ const YooFormCreatorBlockExpandableComponent = class {
       this.clearScore(formattedScoring);
     }
     else {
-      formattedScoring.maxScore = overlays.findMaxScore(formattedScoring.scoreValuePairs, scoringCategory, this.formField.values, maxValue);
+      formattedScoring.maxScore = index$2.findMaxScore(formattedScoring.scoreValuePairs, scoringCategory, this.formField.values, maxValue);
       // Existing score was changed
       this.scoreChanged.emit({ formattedScoring, scoringCategory });
     }
@@ -197,7 +197,7 @@ const YooFormCreatorBlockExpandableComponent = class {
     else {
       formattedScoring.scoreValuePairs.push({ value: valueText, score: value });
     }
-    formattedScoring.maxScore = overlays.findMaxScore(formattedScoring.scoreValuePairs, scoringCategory, values, maxValue);
+    formattedScoring.maxScore = index$2.findMaxScore(formattedScoring.scoreValuePairs, scoringCategory, values, maxValue);
     this.formField.hasScoring = true;
     this.scoreAdded.emit({ formattedScoring, scoringCategory });
   }
@@ -242,7 +242,7 @@ const YooFormCreatorBlockExpandableComponent = class {
     }
     else {
       if (this.formField.type === index$1.FormFieldType.starrating) {
-        return score * index$2.starRatingMaxDefault;
+        return score * index$3.starRatingMaxDefault;
       }
     }
   }
@@ -255,16 +255,16 @@ const YooFormCreatorBlockExpandableComponent = class {
   }
   renderHeader() {
     var _a, _b, _c, _d;
-    const title = overlays.translateMulti(this.formField.title);
+    const title = index$2.translateMulti(this.formField.title);
     return (index.h("div", { class: "header" }, index.h("div", { class: {
         'form-icon': true,
         [(_a = this.formField.category) === null || _a === void 0 ? void 0 : _a.toLowerCase()]: true,
         'no-scoring': ((_b = this.formField) === null || _b === void 0 ? void 0 : _b.scoringCategory) === index$1.ScoringCategory.noScoring
-      }, onClick: () => this.onHeaderClicked() }, index.h("yoo-icon", { name: this.formIcon, color: "light", size: "small" }), index.h("div", { class: "position-title" }, `${this.formField.formCreatorIndex + 1}`)), index.h("div", { class: "title", innerHTML: title, "data-id": this.formField.name, onClick: () => this.onHeaderClicked() }), ((_d = (_c = this.formField) === null || _c === void 0 ? void 0 : _c.formattedScoring) === null || _d === void 0 ? void 0 : _d.maxScore) > 0 && (index.h("yoo-tooltip", { placement: "top", hoverable: true, content: overlays.translate('SCORINGADDEDTOOLTIP') }, index.h("yoo-tag", { class: "scoring", color: "app-color-10", onClick: this.onClearScore }, overlays.translate('SCORINGADDED', { points: this.formField.formattedScoring.maxScore }), index.h("yoo-icon", { name: "cross", size: "small", slot: "end" })))), this.renderActionIconsContainer()));
+      }, onClick: () => this.onHeaderClicked() }, index.h("yoo-icon", { name: this.formIcon, color: "light", size: "small" }), index.h("div", { class: "position-title" }, `${this.formField.formCreatorIndex + 1}`)), index.h("div", { class: "title", innerHTML: title, "data-id": this.formField.name, onClick: () => this.onHeaderClicked() }), ((_d = (_c = this.formField) === null || _c === void 0 ? void 0 : _c.formattedScoring) === null || _d === void 0 ? void 0 : _d.maxScore) > 0 && (index.h("yoo-tooltip", { placement: "top", hoverable: true, content: index$2.translate('SCORINGADDEDTOOLTIP') }, index.h("yoo-tag", { class: "scoring", color: "app-color-10", onClick: this.onClearScore }, index$2.translate('SCORINGADDED', { points: this.formField.formattedScoring.maxScore }), index.h("yoo-icon", { name: "cross", size: "small", slot: "end" })))), this.renderActionIconsContainer()));
   }
   renderActionIconsContainer() {
     return (index.h("div", { class: "icons-container", onClick: (ev) => ev.stopPropagation() }, this.invalid &&
-      index.h("yoo-tooltip", { content: overlays.translate('INVALIDFIELDWARNING') }, index.h("div", { class: "icon-container" }, index.h("yoo-icon", { name: "warning", color: "danger" }))), this.formField && this.formField.required && this.renderIcon('mandatory', 'danger'), this.formField && this.formField.hideMobile && this.renderIcon('offline', 'text-color'), this.isScoringAllowed && this.renderIcon(this.isExpanded ? 'arrow-up' : 'arrow-down'), !this.isScoringAllowed && (index.h("yoo-tooltip", { placement: "left", hoverable: true, content: overlays.translate('SCORINGNOTSUPPORTED') }, this.renderIcon('help', 'stable-alt')))));
+      index.h("yoo-tooltip", { content: index$2.translate('INVALIDFIELDWARNING') }, index.h("div", { class: "icon-container" }, index.h("yoo-icon", { name: "warning", color: "danger" }))), this.formField && this.formField.required && this.renderIcon('mandatory', 'danger'), this.formField && this.formField.hideMobile && this.renderIcon('offline', 'text-color'), this.isScoringAllowed && this.renderIcon(this.isExpanded ? 'arrow-up' : 'arrow-down'), !this.isScoringAllowed && (index.h("yoo-tooltip", { placement: "left", hoverable: true, content: index$2.translate('SCORINGNOTSUPPORTED') }, this.renderIcon('help', 'stable-alt')))));
   }
   renderIcon(icon, color = 'stable') {
     const isDropdown = icon === 'arrow-up' || icon === 'arrow-down';
@@ -278,7 +278,7 @@ const YooFormCreatorBlockExpandableComponent = class {
       }, name: icon, color: color })));
   }
   renderScoringContent() {
-    return (index.h("div", { class: "scoring-content", ref: (el) => (this.scoringContentBlock = el) }, this.shouldHaveMax() ? index.h("h5", null, overlays.translate('NOMAX')) : this.renderScoringValuesContainer()));
+    return (index.h("div", { class: "scoring-content", ref: (el) => (this.scoringContentBlock = el) }, this.shouldHaveMax() ? index.h("h5", null, index$2.translate('NOMAX')) : this.renderScoringValuesContainer()));
   }
   isMissingValues() {
     var _a, _b, _c;
@@ -296,18 +296,18 @@ const YooFormCreatorBlockExpandableComponent = class {
         const scoringInput = {
           valueText: _value,
           score,
-          notApplicable: overlays.isNotApplicable(score)
+          notApplicable: index$2.isNotApplicable(score)
         };
         return this.renderScoringInput(scoringInput, index);
-      }), ((_c = this.formField) === null || _c === void 0 ? void 0 : _c.scoringCategory) === index$1.ScoringCategory.presence && this.getPresenceScoringContent(), ((_d = this.formField) === null || _d === void 0 ? void 0 : _d.scoringCategory) === index$1.ScoringCategory.numberRating && this.getNumberRatingScoringContent(), this.isMissingValues() && index.h("div", { class: "missing-values-text" }, overlays.translate('MISSINGVALUEFORSCORING'))));
+      }), ((_c = this.formField) === null || _c === void 0 ? void 0 : _c.scoringCategory) === index$1.ScoringCategory.presence && this.getPresenceScoringContent(), ((_d = this.formField) === null || _d === void 0 ? void 0 : _d.scoringCategory) === index$1.ScoringCategory.numberRating && this.getNumberRatingScoringContent(), this.isMissingValues() && index.h("div", { class: "missing-values-text" }, index$2.translate('MISSINGVALUEFORSCORING'))));
   }
   findScoringValuePair(_value) {
     return this.formField.formattedScoring.scoreValuePairs.find((scoreValue) => scoreValue.value === _value);
   }
   getNumberRatingScoringContent() {
     let scoringInput = {
-      tooltip: overlays.translate('SCORINGRATIOTOOLTIP'),
-      valueText: overlays.translate('SCORINGRATIO')
+      tooltip: index$2.translate('SCORINGRATIOTOOLTIP'),
+      valueText: index$2.translate('SCORINGRATIO')
     };
     let score;
     if (this.hasFormattedScoring()) {
@@ -315,28 +315,28 @@ const YooFormCreatorBlockExpandableComponent = class {
       scoringInput = {
         ...scoringInput,
         score,
-        notApplicable: overlays.isNotApplicable(score)
+        notApplicable: index$2.isNotApplicable(score)
       };
     }
     return this.renderScoringInput(scoringInput, score);
   }
   getPresenceScoringContent() {
     const trueScoringInput = {
-      valueText: overlays.translate('VALUE/TRUE')
+      valueText: index$2.translate('VALUE/TRUE')
     };
     const falseScoringInput = {
-      valueText: overlays.translate('NOVALUE/FALSE')
+      valueText: index$2.translate('NOVALUE/FALSE')
     };
     if (this.hasFormattedScoring()) {
       trueScoringInput.score = this.findScoringValuePair(index$1.TRUE_PRESENCE_VALUE_TEXT).score;
-      trueScoringInput.notApplicable = overlays.isNotApplicable(trueScoringInput.score);
+      trueScoringInput.notApplicable = index$2.isNotApplicable(trueScoringInput.score);
       falseScoringInput.score = this.findScoringValuePair(index$1.FALSE_PRESENCE_VALUE_TEXT).score;
-      falseScoringInput.notApplicable = overlays.isNotApplicable(falseScoringInput.score);
+      falseScoringInput.notApplicable = index$2.isNotApplicable(falseScoringInput.score);
     }
     return [this.renderScoringInput(trueScoringInput, 0, index$1.TRUE_PRESENCE_VALUE_TEXT), this.renderScoringInput(falseScoringInput, 1, index$1.FALSE_PRESENCE_VALUE_TEXT)];
   }
-  renderScoringInput(scoringInput, index$2 = 0, valueText) {
-    return (index.h("div", { class: "value-container" }, index.h("div", { class: "value-text" }, overlays.translateMulti(scoringInput.valueText.toUpperCase()), scoringInput.tooltip && (index.h("yoo-tooltip", { content: scoringInput.tooltip }, index.h("yoo-icon", { color: "stable", name: "help", size: "small" })))), index.h("div", { class: "input-container" }, index.h("yoo-form-input", { ref: (el) => (this.scoringInputs[index$2] = el), forceValueUpdate: true, type: "number", value: scoringInput.score, placeholder: overlays.translate('ADDVALUE'), hasIconPrefix: false, disabled: scoringInput.notApplicable, size: "medium", initialCheckboxParams: this.formField.scoringCategory !== index$1.ScoringCategory.numberRating
+  renderScoringInput(scoringInput, index$3 = 0, valueText) {
+    return (index.h("div", { class: "value-container" }, index.h("div", { class: "value-text" }, index$2.translateMulti(scoringInput.valueText.toUpperCase()), scoringInput.tooltip && (index.h("yoo-tooltip", { content: scoringInput.tooltip }, index.h("yoo-icon", { color: "stable", name: "help", size: "small" })))), index.h("div", { class: "input-container" }, index.h("yoo-form-input", { ref: (el) => (this.scoringInputs[index$3] = el), forceValueUpdate: true, type: "number", value: scoringInput.score, placeholder: index$2.translate('ADDVALUE'), hasIconPrefix: false, disabled: scoringInput.notApplicable, size: "medium", initialCheckboxParams: this.formField.scoringCategory !== index$1.ScoringCategory.numberRating
         ? {
           class: 'top-right-help',
           header: 'N/A',

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-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.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}";
@@ -57,16 +57,16 @@ const YooFormCreatorScoringCardListComponent = class {
       });
     }
   }
-  renderScoringCard(scoring, index$1) {
+  renderScoringCard(scoring, index$2) {
     const secondaryActions = [
       {
-        text: overlays.translate('YOOBICEDIT'),
+        text: index$1.translate('YOOBICEDIT'),
         icon: 'settings',
         iconSlot: 'start',
-        handler: () => this.scoringEdit.emit({ index: index$1, scoring })
+        handler: () => this.scoringEdit.emit({ index: index$2, scoring })
       },
       {
-        text: overlays.translate('DUPLICATE'),
+        text: index$1.translate('DUPLICATE'),
         icon: 'duplicate',
         iconSlot: 'start',
         handler: () => {
@@ -79,13 +79,13 @@ const YooFormCreatorScoringCardListComponent = class {
         isVisible: () => !scoring.isActive
       },
       {
-        text: overlays.translate('DELETE'),
+        text: index$1.translate('DELETE'),
         icon: 'delete',
         iconSlot: 'start',
-        handler: () => this.deleteScoringClicked.emit(index$1)
+        handler: () => this.deleteScoringClicked.emit(index$2)
       }
     ];
-    return (index.h("div", { class: "sortable-card", "data-id": scoring.title }, index.h("yoo-form-creator-scoring-card", { actions: secondaryActions, description: overlays.translateMulti(scoring.title), fields: scoring.selectedFields.length, heading: overlays.translate(scoring.isActive ? 'PRIMARY' : 'SECONDARY'), points: scoring.total, selected: scoring.isSelected, onClick: () => !scoring.isSelected && this.scoringSelected.emit(scoring) })));
+    return (index.h("div", { class: "sortable-card", "data-id": scoring.title }, index.h("yoo-form-creator-scoring-card", { actions: secondaryActions, description: index$1.translateMulti(scoring.title), fields: scoring.selectedFields.length, heading: index$1.translate(scoring.isActive ? 'PRIMARY' : 'SECONDARY'), points: scoring.total, selected: scoring.isSelected, onClick: () => !scoring.isSelected && this.scoringSelected.emit(scoring) })));
   }
   renderScoringContainer() {
     setTimeout(() => {
@@ -102,7 +102,7 @@ const YooFormCreatorScoringCardListComponent = class {
   render() {
     var _a;
     const hasScoring = ((_a = this.scoring) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    return (index.h(index.Host, null, hasScoring && this.renderScoringContainer(), !hasScoring && index.h("p", null, overlays.translate('SCORINGINSTRUCTIONS'))));
+    return (index.h(index.Host, null, hasScoring && this.renderScoringContainer(), !hasScoring && index.h("p", null, index$1.translate('SCORINGINSTRUCTIONS'))));
   }
 };
 YooFormCreatorScoringCardListComponent.style = formCreatorScoringCardListCss;

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-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.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)}";
@@ -24,7 +24,7 @@ const YooFormCreatorScoringCardComponent = class {
     const hasActions = ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) > 0;
     const hasFields = this.fields != null;
     const hasPoints = this.points != null;
-    return (index.h("yoo-form-creator-card", { description: this.description, heading: this.heading, selected: this.selected }, index.h("div", { class: "points", slot: "main" }, index.h("yoo-icon", { color: this.selected ? 'app-color' : undefined, name: "scoring", size: "small" }), index.h("span", { class: "truncated" }, hasPoints && `${this.points} ${overlays.translate('POINTSABBRV')}`, !hasPoints && overlays.translate('NA')), !hasPoints && (index.h("yoo-tooltip", { content: overlays.translate('NOMAXSCORE'), hoverable: true, placement: "bottom" }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'stable', name: "help", size: "small" })))), index.h("div", { class: "fields", slot: "footer" }, index.h("div", { class: "start" }, index.h("yoo-icon", { color: "light", name: "variable", size: "small" }), index.h("span", { class: "truncated" }, hasFields && `${this.fields} ${overlays.translate('SCORES')}`, !hasFields && overlays.translate('NA'))), index.h("div", { class: "end" }, hasActions && (index.h("yoo-context-menu", { contentButtons: this.actions }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'stable-alt', name: "more", size: "small" })))))));
+    return (index.h("yoo-form-creator-card", { description: this.description, heading: this.heading, selected: this.selected }, index.h("div", { class: "points", slot: "main" }, index.h("yoo-icon", { color: this.selected ? 'app-color' : undefined, name: "scoring", size: "small" }), index.h("span", { class: "truncated" }, hasPoints && `${this.points} ${index$1.translate('POINTSABBRV')}`, !hasPoints && index$1.translate('NA')), !hasPoints && (index.h("yoo-tooltip", { content: index$1.translate('NOMAXSCORE'), hoverable: true, placement: "bottom" }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'stable', name: "help", size: "small" })))), index.h("div", { class: "fields", slot: "footer" }, index.h("div", { class: "start" }, index.h("yoo-icon", { color: "light", name: "variable", size: "small" }), index.h("span", { class: "truncated" }, hasFields && `${this.fields} ${index$1.translate('SCORES')}`, !hasFields && index$1.translate('NA'))), index.h("div", { class: "end" }, hasActions && (index.h("yoo-context-menu", { contentButtons: this.actions }, index.h("yoo-icon", { color: this.selected ? 'app-color' : 'stable-alt', name: "more", size: "small" })))))));
   }
 };
 YooFormCreatorScoringCardComponent.style = formCreatorScoringCardCss;

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

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const EmptyState = () => [index.h("yoo-empty-state", null), index.h("p", null, overlays.translate('NOQUICKSETUP'))];
-const Pages = ({ value, values, onChange }) => (index.h("yoo-form-input-container", { field: { title: overlays.translate('PAGES') }, required: true },
+const EmptyState = () => [index.h("yoo-empty-state", null), index.h("p", null, index$1.translate('NOQUICKSETUP'))];
+const Pages = ({ value, values, onChange }) => (index.h("yoo-form-input-container", { field: { title: index$1.translate('PAGES') }, required: true },
   index.h("yoo-form-autocomplete", { expandHeightOnShow: false, iconPrefix: "pages", multiple: true, required: true, size: "medium", value: value, values: values, onInputChanged: (event) => {
       event.stopPropagation();
       onChange(event.detail);
     } })));
-const Values = ({ data, onChange }) => (index.h("section", null, data.map(({ count, score, value }) => (index.h("yoo-form-input-container", { field: { title: `<b>${value}</b> - ${count} ${overlays.translate('OCCURRENCES')}` }, hidden: !count, required: true },
-  index.h("yoo-form-input", { clearable: false, iconPrefix: "scoring", initialCheckboxParams: { class: 'top-right-help', header: overlays.translate('NA'), help: 'SCORINGNATOOLTIP', value: score === -1337 }, placeholder: overlays.translate('ADDSCORE'), required: true, size: "medium", type: "number", value: score, onInputChanged: (event) => {
+const Values = ({ data, onChange }) => (index.h("section", null, data.map(({ count, score, value }) => (index.h("yoo-form-input-container", { field: { title: `<b>${value}</b> - ${count} ${index$1.translate('OCCURRENCES')}` }, hidden: !count, required: true },
+  index.h("yoo-form-input", { clearable: false, iconPrefix: "scoring", initialCheckboxParams: { class: 'top-right-help', header: index$1.translate('NA'), help: 'SCORINGNATOOLTIP', value: score === -1337 }, placeholder: index$1.translate('ADDSCORE'), required: true, size: "medium", type: "number", value: score, onInputChanged: (event) => {
       event.stopPropagation();
       onChange(event.detail, value);
     } }))))));
@@ -69,12 +69,12 @@ const YooFormCreatorScoringQuickSetupComponent = class {
     const allPages = this.allPages;
     const allValues = this.allValues;
     const hasPages = !!allPages.length;
-    return (index.h(index.Host, null, index.h("header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { animated: true, color: "stable", fill: "transparent", rippleType: "unbounded", shape: "circular", onClick: () => this.close.emit() }, index.h("yoo-icon", { color: "stable", name: "close" }))), index.h("h1", null, overlays.translate('FASTSCORING')))), index.h("main", { class: { empty: !hasPages } }, hasPages && [
-      index.h("h2", null, overlays.translate('PAGESTOSCORE')),
+    return (index.h(index.Host, null, index.h("header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { animated: true, color: "stable", fill: "transparent", rippleType: "unbounded", shape: "circular", onClick: () => this.close.emit() }, index.h("yoo-icon", { color: "stable", name: "close" }))), index.h("h1", null, index$1.translate('FASTSCORING')))), index.h("main", { class: { empty: !hasPages } }, hasPages && [
+      index.h("h2", null, index$1.translate('PAGESTOSCORE')),
       index.h(Pages, { value: this.selectedPages, values: allPages, onChange: (value) => (this.selectedPages = value) }),
-      index.h("h2", { hidden: allValues.every(({ count }) => !count) }, overlays.translate('ADDSCORINGGROUPVALUES'), index.h("yoo-tooltip", { content: overlays.translate('ADDSCORINGGROUPVALUESTOOLTIP') }, index.h("yoo-icon", { color: "stable", name: "help", size: "small" }))),
+      index.h("h2", { hidden: allValues.every(({ count }) => !count) }, index$1.translate('ADDSCORINGGROUPVALUES'), index.h("yoo-tooltip", { content: index$1.translate('ADDSCORINGGROUPVALUESTOOLTIP') }, index.h("yoo-icon", { color: "stable", name: "help", size: "small" }))),
       index.h(Values, { data: allValues, onChange: (score, value) => (this.scores = { ...this.scores, [value]: score }) })
-    ], !hasPages && index.h(EmptyState, null)), index.h("footer", null, index.h("yoo-button", { animated: true, color: "app-color", disabled: !this.valid, onClick: () => this.save.emit(this.result) }, overlays.translate('YOOBICSAVE')))));
+    ], !hasPages && index.h(EmptyState, null)), index.h("footer", null, index.h("yoo-button", { animated: true, color: "app-color", disabled: !this.valid, onClick: () => this.save.emit(this.result) }, index$1.translate('YOOBICSAVE')))));
   }
 };
 YooFormCreatorScoringQuickSetupComponent.style = formCreatorScoringQuickSetupCss;