@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-fc264952.js');
-const index$2 = require('./index-f3d7c03d.js');
-const index$3 = require('./index-1bc46652.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-de8540eb.js');
+require('./index-1fdbd9b3.js');
+const index$2 = require('./index-a69f7517.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./annotations-helpers-6cf88388.js');
@@ -71,7 +72,7 @@ const YooFormCreatorBlockExpandableComponent = class {
   }
   get formIcon() {
     let retrievedIcon = this.formField.icon;
-    if (index$2.isNullOrUndefined(retrievedIcon)) {
+    if (overlays.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;
@@ -133,19 +134,19 @@ const YooFormCreatorBlockExpandableComponent = class {
             this.isExpanded = shouldExpand;
             this.blockExpanded.emit({ expanded: shouldExpand, name: this.formField.name });
             if (slotContent) {
-              index$2.gsapTo(slotContent, 0.35, { opacity: 1 });
+              overlays.gsapTo(slotContent, 0.35, { opacity: 1 });
             }
             if (this.arrowElement) {
               this.arrowElement.name = this.isExpanded ? 'arrow-up' : 'arrow-down';
             }
           },
-          ease: index$2.Power3.easeIn
+          ease: overlays.Power3.easeIn
         };
         const animationDelay = !this.hasExpanded ? 0 : (this.isExpanded ? 0.35 : 0.75);
         if (shouldExpand) {
           this.hasExpanded = true;
         }
-        index$2.gsapFromTo(this.scoringContentBlock, animationDelay, from, to);
+        overlays.gsapFromTo(this.scoringContentBlock, animationDelay, from, to);
       }
     }
   }
@@ -176,7 +177,7 @@ const YooFormCreatorBlockExpandableComponent = class {
       this.clearScore(formattedScoring);
     }
     else {
-      formattedScoring.maxScore = index$2.findMaxScore(formattedScoring.scoreValuePairs, scoringCategory, this.formField.values, maxValue);
+      formattedScoring.maxScore = overlays.findMaxScore(formattedScoring.scoreValuePairs, scoringCategory, this.formField.values, maxValue);
       // Existing score was changed
       this.scoreChanged.emit({ formattedScoring, scoringCategory });
     }
@@ -196,7 +197,7 @@ const YooFormCreatorBlockExpandableComponent = class {
     else {
       formattedScoring.scoreValuePairs.push({ value: valueText, score: value });
     }
-    formattedScoring.maxScore = index$2.findMaxScore(formattedScoring.scoreValuePairs, scoringCategory, values, maxValue);
+    formattedScoring.maxScore = overlays.findMaxScore(formattedScoring.scoreValuePairs, scoringCategory, values, maxValue);
     this.formField.hasScoring = true;
     this.scoreAdded.emit({ formattedScoring, scoringCategory });
   }
@@ -241,7 +242,7 @@ const YooFormCreatorBlockExpandableComponent = class {
     }
     else {
       if (this.formField.type === index$1.FormFieldType.starrating) {
-        return score * index$3.starRatingMaxDefault;
+        return score * index$2.starRatingMaxDefault;
       }
     }
   }
@@ -254,16 +255,16 @@ const YooFormCreatorBlockExpandableComponent = class {
   }
   renderHeader() {
     var _a, _b, _c, _d;
-    const title = index$2.translateMulti(this.formField.title);
+    const title = overlays.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: 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()));
+      }, 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()));
   }
   renderActionIconsContainer() {
     return (index.h("div", { class: "icons-container", onClick: (ev) => ev.stopPropagation() }, this.invalid &&
-      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')))));
+      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')))));
   }
   renderIcon(icon, color = 'stable') {
     const isDropdown = icon === 'arrow-up' || icon === 'arrow-down';
@@ -277,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, index$2.translate('NOMAX')) : this.renderScoringValuesContainer()));
+    return (index.h("div", { class: "scoring-content", ref: (el) => (this.scoringContentBlock = el) }, this.shouldHaveMax() ? index.h("h5", null, overlays.translate('NOMAX')) : this.renderScoringValuesContainer()));
   }
   isMissingValues() {
     var _a, _b, _c;
@@ -295,18 +296,18 @@ const YooFormCreatorBlockExpandableComponent = class {
         const scoringInput = {
           valueText: _value,
           score,
-          notApplicable: index$2.isNotApplicable(score)
+          notApplicable: overlays.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" }, index$2.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" }, overlays.translate('MISSINGVALUEFORSCORING'))));
   }
   findScoringValuePair(_value) {
     return this.formField.formattedScoring.scoreValuePairs.find((scoreValue) => scoreValue.value === _value);
   }
   getNumberRatingScoringContent() {
     let scoringInput = {
-      tooltip: index$2.translate('SCORINGRATIOTOOLTIP'),
-      valueText: index$2.translate('SCORINGRATIO')
+      tooltip: overlays.translate('SCORINGRATIOTOOLTIP'),
+      valueText: overlays.translate('SCORINGRATIO')
     };
     let score;
     if (this.hasFormattedScoring()) {
@@ -314,7 +315,7 @@ const YooFormCreatorBlockExpandableComponent = class {
       scoringInput = {
         ...scoringInput,
         score,
-        notApplicable: index$2.isNotApplicable(score)
+        notApplicable: overlays.isNotApplicable(score)
       };
     }
     return this.renderScoringInput(scoringInput, score);
@@ -322,21 +323,21 @@ const YooFormCreatorBlockExpandableComponent = class {
   getPresenceScoringContent() {
     // TODO: need translations for these
     const trueScoringInput = {
-      valueText: index$2.translate('VALUE/TRUE')
+      valueText: overlays.translate('VALUE/TRUE')
     };
     const falseScoringInput = {
-      valueText: index$2.translate('NOVALUE/FALSE')
+      valueText: overlays.translate('NOVALUE/FALSE')
     };
     if (this.hasFormattedScoring()) {
       trueScoringInput.score = this.findScoringValuePair('value/true').score;
-      trueScoringInput.notApplicable = index$2.isNotApplicable(trueScoringInput.score);
+      trueScoringInput.notApplicable = overlays.isNotApplicable(trueScoringInput.score);
       falseScoringInput.score = this.findScoringValuePair('novalue/false').score;
-      falseScoringInput.notApplicable = index$2.isNotApplicable(falseScoringInput.score);
+      falseScoringInput.notApplicable = overlays.isNotApplicable(falseScoringInput.score);
     }
     return [this.renderScoringInput(trueScoringInput, 0), this.renderScoringInput(falseScoringInput, 1)];
   }
-  renderScoringInput(scoringInput, index$3 = 0) {
-    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
+  renderScoringInput(scoringInput, index$2 = 0) {
+    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
         ? {
           class: 'top-right-help',
           header: 'N/A',

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const formCreatorScoringCardListCss = ":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}";
 
@@ -56,16 +57,16 @@ const YooFormCreatorScoringCardListComponent = class {
       });
     }
   }
-  renderScoringCard(scoring, index$2) {
+  renderScoringCard(scoring, index$1) {
     const secondaryActions = [
       {
-        text: index$1.translate('YOOBICEDIT'),
+        text: overlays.translate('YOOBICEDIT'),
         icon: 'settings',
         iconSlot: 'start',
-        handler: () => this.scoringEdit.emit({ index: index$2, scoring })
+        handler: () => this.scoringEdit.emit({ index: index$1, scoring })
       },
       {
-        text: index$1.translate('DUPLICATE'),
+        text: overlays.translate('DUPLICATE'),
         icon: 'duplicate',
         iconSlot: 'start',
         handler: () => {
@@ -78,13 +79,13 @@ const YooFormCreatorScoringCardListComponent = class {
         isVisible: () => !scoring.isActive
       },
       {
-        text: index$1.translate('DELETE'),
+        text: overlays.translate('DELETE'),
         icon: 'delete',
         iconSlot: 'start',
-        handler: () => this.deleteScoringClicked.emit(index$2)
+        handler: () => this.deleteScoringClicked.emit(index$1)
       }
     ];
-    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) })));
+    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) })));
   }
   renderScoringContainer() {
     setTimeout(() => {
@@ -101,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, index$1.translate('SCORINGINSTRUCTIONS'))));
+    return (index.h(index.Host, null, hasScoring && this.renderScoringContainer(), !hasScoring && index.h("p", null, overlays.translate('SCORINGINSTRUCTIONS'))));
   }
 };
 YooFormCreatorScoringCardListComponent.style = formCreatorScoringCardListCss;

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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const formCreatorScoringCardCss = ":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)}";
 
@@ -23,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} ${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" })))))));
+    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" })))))));
   }
 };
 YooFormCreatorScoringCardComponent.style = formCreatorScoringCardCss;

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

@@ -2,20 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
-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 },
+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 },
   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} ${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) => {
+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) => {
       event.stopPropagation();
       onChange(event.detail, value);
     } }))))));
@@ -68,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, index$1.translate('FASTSCORING')))), index.h("main", { class: { empty: !hasPages } }, hasPages && [
-      index.h("h2", null, index$1.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, overlays.translate('FASTSCORING')))), index.h("main", { class: { empty: !hasPages } }, hasPages && [
+      index.h("h2", null, overlays.translate('PAGESTOSCORE')),
       index.h(Pages, { value: this.selectedPages, values: allPages, onChange: (value) => (this.selectedPages = value) }),
-      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("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(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) }, index$1.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) }, overlays.translate('YOOBICSAVE')))));
   }
 };
 YooFormCreatorScoringQuickSetupComponent.style = formCreatorScoringQuickSetupCss;