@yoobic/yobi 8.5.0-60 → 8.5.0-62

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-9aadeb94.js');
+const index$2 = require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const gridRenderers = require('./grid-renderers-853f422f.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
-require('./incentive-helpers-a2954f55.js');
-require('./missions-helpers-c32f14f9.js');
-require('./form-helpers-2fcb4674.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const gridRenderers = require('./grid-renderers-1144c063.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
+require('./incentive-helpers-920b03c3.js');
+require('./missions-helpers-36846610.js');
+require('./form-helpers-7c18f9c4.js');
 require('./geolocation-helpers-4c8ccc80.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -48,7 +48,7 @@ const YooFormInputComponent = class {
     this.checkboxParams = null;
     this.hostWidth = 0;
     this.onWheel = () => {
-      if (overlays.isWeb(this.host) && this.isNumberInput(this.type)) {
+      if (index$1.isWeb(this.host) && this.isNumberInput(this.type)) {
         this.inputElement.blur();
       }
     };
@@ -96,7 +96,7 @@ const YooFormInputComponent = class {
     return this;
   }
   async isValidityNotEmpty() {
-    return !overlays.isNullOrUndefined(this.validity);
+    return !index$1.isNullOrUndefined(this.validity);
   }
   async clear() {
     if (this.inputElement) {
@@ -144,7 +144,7 @@ const YooFormInputComponent = class {
     if (this.maxCharacters) {
       this.remainingCharacters = this.maxCharacters - (this.value ? this.value.length : 0);
     }
-    this.emitValueAndSetValidity = overlays.debounce((value, skipValueAssignment) => {
+    this.emitValueAndSetValidity = index$1.debounce((value, skipValueAssignment) => {
       var _a, _b;
       formInputHelpers.setValueAndValidateInput(value, this, false, true, skipValueAssignment, ((_a = this.translationKey) === null || _a === void 0 ? void 0 : _a.length) > 0);
       if (((_b = this.translationKey) === null || _b === void 0 ? void 0 : _b.length) > 0) {
@@ -159,7 +159,7 @@ const YooFormInputComponent = class {
         break;
       case 'number':
         this.finalIconPrefix = this.iconPrefix ? this.iconPrefix : 'ranking';
-        !this.allowDecimals && overlays.isNullOrUndefined(this.step) && (this.step = 1);
+        !this.allowDecimals && index$1.isNullOrUndefined(this.step) && (this.step = 1);
         break;
       case 'password':
         this.finalIconPrefix = 'password';
@@ -185,8 +185,8 @@ const YooFormInputComponent = class {
       this.inputElement.value = this.value;
       this.updateRemainingCharacters();
     }
-    if (overlays.isNativeMobile() && overlays.isIOS()) {
-      overlays.enableKeyboardResize();
+    if (index$1.isNativeMobile() && index$1.isIOS()) {
+      index$1.enableKeyboardResize();
     }
     if (this.focusOnRendered) {
       this.setFocus();
@@ -220,7 +220,7 @@ const YooFormInputComponent = class {
     if (el) {
       const isNumberInput = this.isNumberInput(this.type);
       const type = isNumberInput ? 'number' : this.type;
-      if (overlays.isIOS() && isNumberInput && ev.data === ',') {
+      if (index$1.isIOS() && isNumberInput && ev.data === ',') {
         el.value = this.localValue + '.';
       }
       if (!isNumberInput || el.value || ev.data !== '-') {
@@ -239,7 +239,7 @@ const YooFormInputComponent = class {
               this.remainingCharacters = this.maxCharacters - el.value.length;
             }
           }
-          const skipValueAssignment = !((this.localValue === null && value) || (this.localValue && (!overlays.isNullOrUndefined(value) || value === '')));
+          const skipValueAssignment = !((this.localValue === null && value) || (this.localValue && (!index$1.isNullOrUndefined(value) || value === '')));
           this.emitValueAndSetValidity(value, skipValueAssignment);
           this.localValue = value;
         }
@@ -283,7 +283,7 @@ const YooFormInputComponent = class {
         }
         // This only allows the keycodes of numbers 0-9
         // otherwise the event is prevented (minus keycode = 189)
-        if ((overlays.isIOS() && overlays.isNativeMobile()) || overlays.isSafari()) {
+        if ((index$1.isIOS() && index$1.isNativeMobile()) || index$1.isSafari()) {
           const COMMA_KEYCODE = 188;
           const DECIMAL_POINT_KEYCODE = 190;
           const ZERO_KEYCODE = 48;
@@ -295,7 +295,7 @@ const YooFormInputComponent = class {
             ev.preventDefault();
           }
         }
-        else if (overlays.isAndroid() && overlays.isNativeMobile() && keycode === SPACEBAR_KEYCODE) {
+        else if (index$1.isAndroid() && index$1.isNativeMobile() && keycode === SPACEBAR_KEYCODE) {
           ev.preventDefault();
         }
       }
@@ -304,7 +304,7 @@ const YooFormInputComponent = class {
   setLocalValue(updateTranslation) {
     var _a;
     if (((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.value && lodash.isString(this.value) && updateTranslation) {
-      overlays.isHTML(this.value) && (this.value = overlays.extractTextFromStringHTML(this.value));
+      index$1.isHTML(this.value) && (this.value = index$1.extractTextFromStringHTML(this.value));
       const key = this.value.replace(/%/g, '');
       const translationIndex = this.translations.findIndex((tran) => { var _a; return tran.key === key || tran.key === ((_a = this.translationKey) === null || _a === void 0 ? void 0 : _a.replace(/%/g, '')); });
       if (translationIndex > -1) {
@@ -316,13 +316,13 @@ const YooFormInputComponent = class {
   }
   onShowPassword() {
     this.isPasswordInput(this.inputType) ? (this.inputType = 'text') : (this.inputType = 'password');
-    const cordovaAndroid = overlays.isNativeMobile() && overlays.isAndroid();
+    const cordovaAndroid = index$1.isNativeMobile() && index$1.isAndroid();
     formInputHelpers.onIconClicked('eye', this, cordovaAndroid);
   }
   onCopyToClipboard(value) {
-    overlays.copyToClipboard(value);
-    overlays.showToast({
-      message: overlays.translate('COPIEDTOCLIPBOARD'),
+    index$1.copyToClipboard(value);
+    index$1.showToast({
+      message: index$1.translate('COPIEDTOCLIPBOARD'),
       duration: 2000,
       cssClass: 'success header',
       closable: true
@@ -360,7 +360,7 @@ const YooFormInputComponent = class {
   }
   animateContent() {
     if (this.animation) {
-      index$1.resizeObserve(this.host, this.onHostResize);
+      index$2.resizeObserve(this.host, this.onHostResize);
     }
   }
   animateNumber() {
@@ -398,7 +398,7 @@ const YooFormInputComponent = class {
         value = Math.round(value / this.factor);
       }
     }
-    let innerHTML = this.useTranslate ? overlays.translate((value === null || value === void 0 ? void 0 : value.toString()) || '') : (value === null || value === void 0 ? void 0 : value.toString()) || '';
+    let innerHTML = this.useTranslate ? index$1.translate((value === null || value === void 0 ? void 0 : value.toString()) || '') : (value === null || value === void 0 ? void 0 : value.toString()) || '';
     const copyText = innerHTML;
     if (this.iconSuffix) {
       innerHTML += `<yoo-icon class="inline-left" name="${this.iconSuffix}" size="${this.getIconSize()}"></yoo-icon>`;
@@ -417,7 +417,7 @@ const YooFormInputComponent = class {
   }
   renderEditable() {
     var _a, _b, _c;
-    const hasValue = !overlays.isNullOrUndefined(this.localValue) && this.localValue !== '';
+    const hasValue = !index$1.isNullOrUndefined(this.localValue) && this.localValue !== '';
     const invalidMessageKey = this.invalidMessage || 'INCORRECTFORMAT';
     return [
       this.placeholdertolabel && this.internalPlaceholder && (index.h("div", { class: this.placeholdertolabel ? 'label' : 'label active' }, this.internalPlaceholder, !this.required && index.h("span", { class: "label-required" }, "(' ('+translate('OPTIONAL')+')')"))),
@@ -426,16 +426,16 @@ const YooFormInputComponent = class {
           placeholderlabel: this.placeholdertolabel,
           valid: this.uiValidation.valid && this.validity,
           invalid: this.uiValidation.invalid && this.validity === false && !this.inputReloaded
-        } }, this.finalIconPrefix && this.hasIconPrefix && (index.h("div", { class: "icon-prefix", onClick: () => (this.inputElement && this.inputElement.focus ? this.inputElement.focus() : null) }, index.h("yoo-icon", { name: this.finalIconPrefix, size: this.getIconSize(), color: this.iconPrefixColor }))), index.h("input", { type: this.inputType, name: this.name, tabindex: this.inputTabIndex, ref: (el) => (this.inputElement = el), autocapitalize: this.autocapitalize, autocorrect: this.autocorrect, autoComplete: ['username', 'password'].includes(this.name) ? this.name : undefined, inputmode: this.inputmode ? this.inputmode : undefined, placeholder: !this.placeholdertolabel && this.internalPlaceholder ? overlays.translate(this.internalPlaceholder) : '', required: this.required, onBlur: (ev) => formInputHelpers.onInputBlurred(ev, this, '.input-container', this.type, this.uiValidation), onChange: (ev) => (this.fireInputChangeEvent ? this.onInputChanged(ev) : ev === null || ev === void 0 ? void 0 : ev.stopPropagation()), onInput: (ev) => this.onInputChanged(ev), onFocus: () => formInputHelpers.onInputFocused(this, '.input-container'), onKeyDown: (ev) => this.onKeyPress(ev), onWheel: this.onWheel, min: this.min, max: this.max, pattern: this.getPattern(), step: this.step, class: {
+        } }, this.finalIconPrefix && this.hasIconPrefix && (index.h("div", { class: "icon-prefix", onClick: () => (this.inputElement && this.inputElement.focus ? this.inputElement.focus() : null) }, index.h("yoo-icon", { name: this.finalIconPrefix, size: this.getIconSize(), color: this.iconPrefixColor }))), index.h("input", { type: this.inputType, name: this.name, tabindex: this.inputTabIndex, ref: (el) => (this.inputElement = el), autocapitalize: this.autocapitalize, autocorrect: this.autocorrect, autoComplete: ['username', 'password'].includes(this.name) ? this.name : undefined, inputmode: this.inputmode ? this.inputmode : undefined, placeholder: !this.placeholdertolabel && this.internalPlaceholder ? index$1.translate(this.internalPlaceholder) : '', required: this.required, onBlur: (ev) => formInputHelpers.onInputBlurred(ev, this, '.input-container', this.type, this.uiValidation), onChange: (ev) => (this.fireInputChangeEvent ? this.onInputChanged(ev) : ev === null || ev === void 0 ? void 0 : ev.stopPropagation()), onInput: (ev) => this.onInputChanged(ev), onFocus: () => formInputHelpers.onInputFocused(this, '.input-container'), onKeyDown: (ev) => this.onKeyPress(ev), onWheel: this.onWheel, min: this.min, max: this.max, pattern: this.getPattern(), step: this.step, class: {
           last: !((hasValue && this.clearable) || (this.type === 'password' && this.showPasswordToggle) || (this.uiValidation.invalid && this.validity === false)),
           'hide-value': (_a = this.checkboxParams) === null || _a === void 0 ? void 0 : _a.value,
           'has-icon-prefix': this.finalIconPrefix && this.hasIconPrefix
-        }, disabled: this.disabled, value: this.localValue }), this.maxCharacters && this.renderMaxCharacterCounter(), this.host.classList.contains('warning') && index.h("div", { class: "warning-icon" }), (hasValue && !overlays.isNullOrUndefined(this.validity) && this.uiValidation && this.uiValidation.valid && this.validity) ||
+        }, disabled: this.disabled, value: this.localValue }), this.maxCharacters && this.renderMaxCharacterCounter(), this.host.classList.contains('warning') && index.h("div", { class: "warning-icon" }), (hasValue && !index$1.isNullOrUndefined(this.validity) && this.uiValidation && this.uiValidation.valid && this.validity) ||
         (this.uiValidation.invalid && this.validity === false && !this.inputReloaded && (index.h("div", { class: 'valid-icon ' + (this.validity ? 'valid' : 'invalid' + (this.clearable && hasValue && this.type === 'password' && this.showPasswordToggle ? '' : ' last')) }, index.h("yoo-icon", { color: this.validity ? 'app-color' : 'danger', name: this.validity ? 'check' : 'rejected', size: this.getIconSize() })))), this.type === 'password' && this.showPasswordToggle && (index.h("div", { class: 'icon-suffix-focus' + (this.clearable && hasValue ? '' : ' last'), onClick: this.onShowPassword.bind(this) }, hasValue && index.h("yoo-icon", { size: this.getIconSize(), name: "eye", color: this.inputType === 'password' ? 'stable-alt' : 'light' }))), this.clearable && !((_b = this.checkboxParams) === null || _b === void 0 ? void 0 : _b.value) && (index.h("div", { class: { 'icon-suffix-focus last icon-close': true }, style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) }, index.h("yoo-icon", { size: this.getIconSize(), name: "cross" }))), this.iconSuffix && (index.h("div", { class: "icon-suffix-focus", onClick: () => (this.inputElement && this.inputElement.focus ? this.inputElement.focus() : null) }, index.h("yoo-icon", { name: this.iconSuffix, size: this.getIconSize() }))), ((_c = this.inlineActions) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
         this.inlineActions.map((action) => (index.h("div", { class: "icon-suffix", onClick: () => action.handler }, index.h("yoo-icon", { name: action.icon, color: action.iconColor }))))),
       this.checkboxParams && (index.h("yoo-form-checkbox", { class: this.checkboxParams.class, header: this.checkboxParams.header, help: this.checkboxParams.help, size: this.checkboxParams.size, value: this.checkboxParams.value, onInputChanged: this.onCheckboxChanged })),
       this.tooltip && (index.h("div", { class: { 'icon-suffix-focus last icon-close': true } }, index.h("yoo-tooltip", { content: this.tooltip }, index.h("yoo-icon", { size: "medium", name: "help" })))),
-      this.uiValidation.invalid && index.h("div", { class: { 'invalid-message': true, invalid: this.validity === false && !this.inputReloaded } }, overlays.translate(invalidMessageKey))
+      this.uiValidation.invalid && index.h("div", { class: { 'invalid-message': true, invalid: this.validity === false && !this.inputReloaded } }, index$1.translate(invalidMessageKey))
     ];
   }
   contentEditableInputBlurred(ev) {
@@ -480,7 +480,7 @@ const YooFormInputComponent = class {
         'input-container': true,
         placeholderlabel: this.placeholdertolabel,
         'has-value': !!this.value || !!this.localValue
-      } }, index.h("div", { class: "placeholder" }, overlays.translate(this.internalPlaceholder), index.h("yoo-icon", { name: "pen", size: this.getIconSize(), color: "stable" })), index.h("div", { contenteditable: !this.disabled, tabindex: this.inputTabIndex, ref: (el) => (this.contentEditableElement = el), autocapitalize: this.autocapitalize, autocorrect: this.autocorrect, spellcheck: "false", onBlur: (ev) => this.contentEditableInputBlurred(ev), onChange: (ev) => this.onContentEditableInputChanged(ev, false), onInput: (ev) => this.onContentEditableInputChanged(ev), onFocus: () => formInputHelpers.onInputFocused(this, '.input-container'), onKeyDown: (ev) => this.onContentEditableKeyPress(ev), onWheel: () => this.onWheel() }, this.value), this.renderActions()));
+      } }, index.h("div", { class: "placeholder" }, index$1.translate(this.internalPlaceholder), index.h("yoo-icon", { name: "pen", size: this.getIconSize(), color: "stable" })), index.h("div", { contenteditable: !this.disabled, tabindex: this.inputTabIndex, ref: (el) => (this.contentEditableElement = el), autocapitalize: this.autocapitalize, autocorrect: this.autocorrect, spellcheck: "false", onBlur: (ev) => this.contentEditableInputBlurred(ev), onChange: (ev) => this.onContentEditableInputChanged(ev, false), onInput: (ev) => this.onContentEditableInputChanged(ev), onFocus: () => formInputHelpers.onInputFocused(this, '.input-container'), onKeyDown: (ev) => this.onContentEditableKeyPress(ev), onWheel: () => this.onWheel() }, this.value), this.renderActions()));
   }
   renderActions() {
     return (index.h("section", { class: "actions", ref: (el) => (this.contentEditableActionsElement = el) }, this.renderAction('cancel'), this.renderAction('confirm')));
@@ -494,7 +494,7 @@ const YooFormInputComponent = class {
         disabled: this.disabled,
         'has-invalid-format': !this.isTextInput(this.inputType),
         'has-checkbox': this.checkboxParams || this.tooltip,
-        'no-animation': overlays.isAnimationsDisabled(),
+        'no-animation': index$1.isAnimationsDisabled(),
         ...commonHelpers.getAppContext(this.host)
       } }, this.format === 'contenteditable' ? this.renderContentEditable() : this.readonly ? this.renderReadonly() : this.renderEditable()));
   }

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const formHelpers = require('./form-helpers-2fcb4674.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const formHelpers = require('./form-helpers-7c18f9c4.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./index-cb8276bc.js');
+require('./common-helpers-0724ae60.js');
 
 var clipboard = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /*!
@@ -1080,7 +1080,7 @@ const YooFormJsonComponent = class {
   }
   renderBase() {
     return [
-      index.h("div", { class: "toolbar" }, index.h("yoo-header", { class: "transparent" }, index.h("yoo-navbar", null, index.h("yoo-items", { class: "icons", slot: "start" }, index.h("yoo-tooltip", { placement: "bottom", content: overlays.translate('YOOBICFORM') }, index.h("yoo-button", { color: "light", size: "medium", onClick: () => this.onChangeMode('form') }, index.h("yoo-icon", { size: "small", name: "list-view" }))), index.h("yoo-tooltip", { placement: "bottom", content: overlays.translate('YOOBICTEXT') }, index.h("yoo-button", { color: "light", size: "medium", onClick: () => this.onChangeMode('text') }, index.h("yoo-icon", { size: "small", name: "align-left" }))), index.h("yoo-tooltip", { placement: "bottom", content: overlays.translate('YOOBICTREE') }, index.h("yoo-button", { color: "light", size: "medium", onClick: () => this.onChangeMode('tree') }, index.h("yoo-icon", { size: "small", name: "single-choice" }))), index.h("yoo-tooltip", { placement: "bottom", content: overlays.translate('YOOBICVIEW') }, index.h("yoo-button", { color: "light", size: "medium", onClick: () => this.onChangeMode('view') }, index.h("yoo-icon", { size: "small", name: "eye" }))), index.h("yoo-tooltip", { placement: "bottom", content: overlays.translate('COPYTOCLIPBOARD') }, index.h("yoo-button", { color: "light", size: "medium", ref: (el) => (this.copyButtonEl = el) }, index.h("yoo-icon", { size: "small", name: "duplicate" }))))))),
+      index.h("div", { class: "toolbar" }, index.h("yoo-header", { class: "transparent" }, index.h("yoo-navbar", null, index.h("yoo-items", { class: "icons", slot: "start" }, index.h("yoo-tooltip", { placement: "bottom", content: index$1.translate('YOOBICFORM') }, index.h("yoo-button", { color: "light", size: "medium", onClick: () => this.onChangeMode('form') }, index.h("yoo-icon", { size: "small", name: "list-view" }))), index.h("yoo-tooltip", { placement: "bottom", content: index$1.translate('YOOBICTEXT') }, index.h("yoo-button", { color: "light", size: "medium", onClick: () => this.onChangeMode('text') }, index.h("yoo-icon", { size: "small", name: "align-left" }))), index.h("yoo-tooltip", { placement: "bottom", content: index$1.translate('YOOBICTREE') }, index.h("yoo-button", { color: "light", size: "medium", onClick: () => this.onChangeMode('tree') }, index.h("yoo-icon", { size: "small", name: "single-choice" }))), index.h("yoo-tooltip", { placement: "bottom", content: index$1.translate('YOOBICVIEW') }, index.h("yoo-button", { color: "light", size: "medium", onClick: () => this.onChangeMode('view') }, index.h("yoo-icon", { size: "small", name: "eye" }))), index.h("yoo-tooltip", { placement: "bottom", content: index$1.translate('COPYTOCLIPBOARD') }, index.h("yoo-button", { color: "light", size: "medium", ref: (el) => (this.copyButtonEl = el) }, index.h("yoo-icon", { size: "small", name: "duplicate" }))))))),
       index.h("div", { class: "container swiper-no-swiping", ref: (el) => (this.containerEl = el) })
     ];
   }

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./index-cb8276bc.js');
+require('./common-helpers-0724ae60.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formLocationCss = "svg:not(:root){overflow:hidden}:host .outer-container .map-container,:host .readonly .map-container{position:relative;height:11.25rem;margin-top:var(--spacing-08, 0.5rem);overflow:hidden;background:var(--stable, #adadad);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container yoo-form-toggle,:host .readonly yoo-form-toggle{display:block;margin-top:var(--spacing-08, 0.5rem)}:host(.history) .readonly{border:none !important}";
@@ -77,13 +77,13 @@ const YooFormLocationComponent = class {
     ev.stopPropagation();
   }
   renderInput(readonly) {
-    return (index.h("yoo-form-autocomplete", { ref: (el) => (this.formAutocomplete = el), readonly: readonly, multiple: this.multiple, size: this.size || (overlays.isWeb(this.host) ? 'medium' : 'large'), value: this.value, iconPrefix: "store", entityType: "locations", displayType: "card-list", model: this.model, isLocal: false, onFetchData: (ev) => this.onFetchData(ev), onInputChanged: (ev) => this.onInputChanged(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.stopValidityChangeEvent(ev), clearable: true, tags: this.tags, isHistory: this.isHistory, tabindex: this.inputTabIndex }));
+    return (index.h("yoo-form-autocomplete", { ref: (el) => (this.formAutocomplete = el), readonly: readonly, multiple: this.multiple, size: this.size || (index$1.isWeb(this.host) ? 'medium' : 'large'), value: this.value, iconPrefix: "store", entityType: "locations", displayType: "card-list", model: this.model, isLocal: false, onFetchData: (ev) => this.onFetchData(ev), onInputChanged: (ev) => this.onInputChanged(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.stopValidityChangeEvent(ev), clearable: true, tags: this.tags, isHistory: this.isHistory, tabindex: this.inputTabIndex }));
   }
   renderReadonly() {
     return index.h("div", { class: "readonly" }, this.renderInput(true));
   }
   renderEditable() {
-    return (index.h("div", { class: "outer-container" }, this.renderInput(false), !this.disableToggle && index.h("yoo-form-toggle", { header: overlays.translate('AROUNDME'), size: this.size || (overlays.isWeb(this.host) ? 'medium' : 'large'), type: "line", onInputChanged: (ev) => this.onAroundMeToggle(ev), onValidityChanged: (ev) => this.stopValidityChangeEvent(ev) }), this.marker && this.marker.latitude && this.marker.longitude && !this.disableToggle ? (index.h("div", { class: "map-container" }, index.h("yoo-map", { class: "absolute", position: this.marker, markers: [this.marker] }))) : null));
+    return (index.h("div", { class: "outer-container" }, this.renderInput(false), !this.disableToggle && index.h("yoo-form-toggle", { header: index$1.translate('AROUNDME'), size: this.size || (index$1.isWeb(this.host) ? 'medium' : 'large'), type: "line", onInputChanged: (ev) => this.onAroundMeToggle(ev), onValidityChanged: (ev) => this.stopValidityChangeEvent(ev) }), this.marker && this.marker.latitude && this.marker.longitude && !this.disableToggle ? (index.h("div", { class: "map-container" }, index.h("yoo-map", { class: "absolute", position: this.marker, markers: [this.marker] }))) : null));
   }
   render() {
     return this.readonly ? this.renderReadonly() : this.renderEditable();

package/dist/cjs/yoo-form-missing-word.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-6242d9ab.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-618109cc.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+const index$2 = require('./index-6a4201ff.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-b7dfe5f6.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
+require('./common-helpers-0724ae60.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formMissingWordCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host yoo-tag{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host #paragraph{line-height:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host #paragraph .dropzone{display:-ms-inline-flexbox;display:inline-flex;height:var(--spacing-32, 2rem);margin:0 var(--spacing-04, 0.25rem);text-align:center;border-bottom-width:var(--border-width-01, 0.0625rem);border-bottom-style:solid}:host #paragraph .dropzone.has-tag{margin:0;padding:var(--spacing-04, 0.25rem);border-bottom-color:transparent}:host(:not([readonly])) main{display:grid;grid-template-rows:auto auto 1fr;gap:var(--spacing-08, 0.5rem);height:100%}:host(:not([readonly])) main #paragraph .dropzone:not(.has-tag){width:5rem;padding:0 var(--spacing-02, 0.125rem);border-bottom-color:var(--app-color, #5a30f4)}:host(:not([readonly])) main #paragraph .dropzone[hit]{background-color:var(--stable-ultralight, #fafafa)}:host(:not([readonly])) main #instructions{color:var(--stable, #adadad)}:host(:not([readonly])) main #zone-tags{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:baseline;align-content:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:calc(100% - var(--spacing-16, 1rem));min-height:5rem;padding:var(--spacing-08, 0.5rem);white-space:nowrap;border:var(--border-width-01, 0.0625rem) solid transparent;border-radius:var(--border-radius-08, 0.5rem)}:host(:not([readonly])) main #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(:not([readonly])) main #zone-tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host([animated]) .dropzone{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out}:host([animated]) .dropzone[hidden]{-webkit-transform:scale(0);transform:scale(0)}";
@@ -55,19 +55,19 @@ const YooFormMissingWordComponent = class {
   }
   get droppedValues() {
     var _a;
-    return (_a = this.tags.getDroppedValues(true)) === null || _a === void 0 ? void 0 : _a.map(droppedValues => this.values.find(value => droppedValues === overlays.translateMulti(value)));
+    return (_a = this.tags.getDroppedValues(true)) === null || _a === void 0 ? void 0 : _a.map(droppedValues => this.values.find(value => droppedValues === index$1.translateMulti(value)));
   }
   get isMatchingBrackets() {
     var _a;
     return !!((_a = this.translatedSentence.match(this.bracketsRegexp)) === null || _a === void 0 ? void 0 : _a.length);
   }
   get translatedSentence() {
-    return overlays.formatTranslation(overlays.translateMulti(this.sentence));
+    return index$1.formatTranslation(index$1.translateMulti(this.sentence));
   }
   get translatedAnswers() {
     var _a, _b;
     return this.isMatchingBrackets
-      ? (_a = this.answer) === null || _a === void 0 ? void 0 : _a.map((asw) => overlays.translateMulti(asw))
+      ? (_a = this.answer) === null || _a === void 0 ? void 0 : _a.map((asw) => index$1.translateMulti(asw))
       : (_b = this.translatedSentence.match(this.parenthesesRegexp.g)) === null || _b === void 0 ? void 0 : _b.map((v) => {
         var _a;
         return ((_a = v === null || v === void 0 ? void 0 : v.match(this.parenthesesRegexp.i)) === null || _a === void 0 ? void 0 : _a.length) && v.match(this.parenthesesRegexp.i)[1];
@@ -124,18 +124,18 @@ const YooFormMissingWordComponent = class {
         }
       }
       const noMissingValues = !((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length);
-      const newValuesLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.map((v) => !overlays.isValueATranslationKey(v) && v.length);
-      const hasTooLongValues = newValuesLength === null || newValuesLength === void 0 ? void 0 : newValuesLength.some((n) => n > overlays.MAX_TAGS_CHARACTERS);
+      const newValuesLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.map((v) => !index$1.isValueATranslationKey(v) && v.length);
+      const hasTooLongValues = newValuesLength === null || newValuesLength === void 0 ? void 0 : newValuesLength.some((n) => n > index$1.MAX_TAGS_CHARACTERS);
       const bannerMessage = hasTooLongValues ? 'MAXCHARACTERSREACHEDFORVALUES' : hasDuplicateValues ? 'NODUPLICATEVALUES' : noMissingValues ? 'NOMISSINGVALUES' : '';
       const showBanner = hasDuplicateValues || hasTooLongValues || noMissingValues;
       draggableTagsHelpers.showWarningBanner(this.host, showBanner, bannerMessage);
     }
   }
   initGame() {
-    this.tags = index$1.initTags(this.tagConfig, this.zonesConfig);
+    this.tags = index$2.initTags(this.tagConfig, this.zonesConfig);
   }
   renderInstructions() {
-    return index.h("section", { id: "instructions" }, overlays.translate(this.placeholder));
+    return index.h("section", { id: "instructions" }, index$1.translate(this.placeholder));
   }
   renderTagsZone() {
     return index.h("section", { class: "dropzone", id: "zone-tags", key: "zone-tags" });

package/dist/cjs/yoo-form-missionfield.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 lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formMissionfieldCss = "svg:not(:root){overflow:hidden}:host .container .spacer{width:100%;height:var(--spacing-16, 1rem)}:host .readonly .title,:host .readonly .field,:host .readonly .score{margin-right:var(--spacing-16, 1rem)}:host(.inline:not(.mobile)) .container{display:-ms-flexbox;display:flex}:host(.inline:not(.mobile)) .container yoo-form-autocomplete{width:12.5rem}:host(.inline:not(.mobile)) .container .spacer{min-width:var(--spacing-16, 1rem);max-width:var(--spacing-16, 1rem)}:host(.inline.mobile) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.inline.mobile) .container yoo-form-autocomplete{width:100%}:host(.inline.mobile) .container .spacer{min-width:var(--spacing-16, 1rem);max-width:var(--spacing-16, 1rem)}";
@@ -93,7 +93,7 @@ const YooFormMissionfieldComponent = class {
   }
   async onInputSecondaryFetchData(ev) {
     var _a;
-    const fields = ((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.search) ? overlays.filterListByText(this.fields, ev.detail.search) : this.fields;
+    const fields = ((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.search) ? index$1.filterListByText(this.fields, ev.detail.search) : this.fields;
     if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0) {
       await this.formAutocompleteSecondary.updateValues(fields);
     }

package/dist/cjs/yoo-form-multi-input.cjs.entry.js

@@ -3,13 +3,13 @@
 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-cb8276bc.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formMultiInputCss = "svg:not(:root){overflow:hidden}:host .row{display:-ms-flexbox;display:flex}:host .row.grid{display:grid;grid-template-columns:49% 49%}:host .row .column{-ms-flex:1;flex:1;max-width:100%}:host .row .column:first-child .cell,:host .row .column:first-child .button-container{display:-ms-flexbox;display:flex;padding-left:0}:host .row .column:last-child .cell,:host .row .column:last-child .button-container{display:-ms-flexbox;display:flex;padding-right:0}:host .row .column .cell,:host .row .column .button-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .row .column .cell{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-ms-flex-align:end;align-items:flex-end;padding-top:0;padding-bottom:var(--spacing-08, 0.5rem)}:host .row .column .cell .input-content{display:-ms-flexbox;display:flex}:host .row .column .cell .input-content.mobile{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}:host .row .column .cell .input-content yoo-form-input{-ms-flex:1;flex:1}:host .row .column .cell .input-content .remove-button{height:-webkit-min-content;height:-moz-min-content;height:min-content}:host .row .column .cell .image-container{display:-ms-flexbox;display:flex}:host .row .column .cell .image-container:not(.no-padding){padding-right:var(--spacing-16, 1rem)}:host .row .column .cell yoo-form-input-container{-ms-flex:1;flex:1;min-width:6rem;overflow:hidden;white-space:nowrap}:host .row .column .cell yoo-form-input-container yoo-form-text-editor{white-space:initial}:host .row .column .cell .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;white-space:normal}:host .row .column .cell .field-translation yoo-icon{margin-right:0.3rem}:host .row .column .cell .field-translation *{display:inline-block}:host .row .column .cell .delete-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:var(--spacing-08, 0.5rem)}:host .row .column .cell .link-web{position:absolute;bottom:1.2rem;left:-0.5rem;visibility:hidden}:host .row .column .cell .link-visible{visibility:visible !important}:host .row .column .button-container{display:-ms-flexbox;display:flex}:host .row .column .button-container yoo-button{-ms-flex:1;flex:1;padding-left:var(--spacing-08, 0.5rem)}:host .row .column .button-container yoo-button:first-child{padding-left:0}:host .row .column.column-title yoo-form-input.title-input{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .row .column yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row.sortable-chosen:not(.sortable-ghost){padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1)}:host .row.sortable-chosen .column .button-container{display:none}:host(.mobile) .row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .row .column .cell,:host(.mobile) .row .column .button-container{-ms-flex-pack:end;justify-content:flex-end;padding-top:var(--spacing-08, 0.5rem);padding-right:0;padding-left:0}:host(.mobile) .row .column .cell{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}:host(.mobile) .row .column .cell .link-mobile{margin-right:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%;visibility:hidden}:host(.mobile) .row .column .cell .remove-button{margin-top:var(--spacing-16, 1rem)}:host(.reveal) .link-web{top:2.5rem;bottom:unset}:host(.full-width) yoo-form-text-editor,:host(.full-width) yoo-form-text-area{width:100%}:host(.dragging) .row .column .button-container{display:none}";
@@ -86,7 +86,7 @@ const YooFormMultiInputComponent = class {
     else if (!Array.isArray(this.value)) {
       this.value = [[]];
     }
-    this.dragAndDropGroupId = overlays.getUUID();
+    this.dragAndDropGroupId = index$1.getUUID();
     this.reset();
     this.resolveValueType();
     formInputHelpers.setValidator(this);
@@ -316,7 +316,7 @@ const YooFormMultiInputComponent = class {
           rowIndex,
           showButton: !column.hideButton && isLastColumnInput && canAddNextRow,
           showDeleteButton: !column.hideDeleteButton,
-          key: overlays.getUUID()
+          key: index$1.getUUID()
         };
         let targetRowIndex;
         if (!column.rows && rowsCount === rowIndex + 1) {
@@ -373,7 +373,7 @@ const YooFormMultiInputComponent = class {
         colIndex,
         column: this.columns[colIndex],
         showDeleteButton: !this.columns[colIndex].hideDeleteButton,
-        key: overlays.getUUID()
+        key: index$1.getUUID()
       }));
     }
     if (this.isLinkedList()) {
@@ -473,30 +473,30 @@ const YooFormMultiInputComponent = class {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
     const isLastMinRow = cell.column.rows && cell.column.rows >= cell.rowIndex + 1;
     const canAddNextRow = !cell.column.maxRows || cell.rowIndex + 1 < cell.column.maxRows;
-    const isPlatformWeb = overlays.isWeb(this.host);
+    const isPlatformWeb = index$1.isWeb(this.host);
     let addButton;
     let auditButton;
     // prevent to have more than 1 button in column
     const buttonExistsInColumn = this.cells.slice(0, cell.rowIndex).reduce((acc, c) => acc || c[cell.colIndex].showButton, false);
     if (!this.readonly && canAddNextRow && cell.showButton && !buttonExistsInColumn) {
-      addButton = (index.h("yoo-button", { size: ((_b = (_a = cell.column) === null || _a === void 0 ? void 0 : _a.addButton) === null || _b === void 0 ? void 0 : _b.size) || (isPlatformWeb ? 'small' : 'large'), color: ((_d = (_c = cell.column) === null || _c === void 0 ? void 0 : _c.addButton) === null || _d === void 0 ? void 0 : _d.color) || 'app-color', class: (_f = (_e = cell.column) === null || _e === void 0 ? void 0 : _e.addButton) === null || _f === void 0 ? void 0 : _f.cssClass, style: ((_h = (_g = cell.column) === null || _g === void 0 ? void 0 : _g.addButton) === null || _h === void 0 ? void 0 : _h.style) || null, onClick: () => this.onAddButtonClicked(cell) }, index.h("yoo-icon", { size: ((_k = (_j = cell.column) === null || _j === void 0 ? void 0 : _j.addButton) === null || _k === void 0 ? void 0 : _k.iconSize) || 'small', slot: ((_m = (_l = cell.column) === null || _l === void 0 ? void 0 : _l.addButton) === null || _m === void 0 ? void 0 : _m.iconSlot) || 'start', name: ((_p = (_o = cell.column) === null || _o === void 0 ? void 0 : _o.addButton) === null || _p === void 0 ? void 0 : _p.icon) || 'circle-plus', color: ((_r = (_q = cell.column) === null || _q === void 0 ? void 0 : _q.addButton) === null || _r === void 0 ? void 0 : _r.iconColor) || 'light' }), overlays.translate(((_t = (_s = cell.column) === null || _s === void 0 ? void 0 : _s.addButton) === null || _t === void 0 ? void 0 : _t.text) || 'YOOBICADD')));
+      addButton = (index.h("yoo-button", { size: ((_b = (_a = cell.column) === null || _a === void 0 ? void 0 : _a.addButton) === null || _b === void 0 ? void 0 : _b.size) || (isPlatformWeb ? 'small' : 'large'), color: ((_d = (_c = cell.column) === null || _c === void 0 ? void 0 : _c.addButton) === null || _d === void 0 ? void 0 : _d.color) || 'app-color', class: (_f = (_e = cell.column) === null || _e === void 0 ? void 0 : _e.addButton) === null || _f === void 0 ? void 0 : _f.cssClass, style: ((_h = (_g = cell.column) === null || _g === void 0 ? void 0 : _g.addButton) === null || _h === void 0 ? void 0 : _h.style) || null, onClick: () => this.onAddButtonClicked(cell) }, index.h("yoo-icon", { size: ((_k = (_j = cell.column) === null || _j === void 0 ? void 0 : _j.addButton) === null || _k === void 0 ? void 0 : _k.iconSize) || 'small', slot: ((_m = (_l = cell.column) === null || _l === void 0 ? void 0 : _l.addButton) === null || _m === void 0 ? void 0 : _m.iconSlot) || 'start', name: ((_p = (_o = cell.column) === null || _o === void 0 ? void 0 : _o.addButton) === null || _p === void 0 ? void 0 : _p.icon) || 'circle-plus', color: ((_r = (_q = cell.column) === null || _q === void 0 ? void 0 : _q.addButton) === null || _r === void 0 ? void 0 : _r.iconColor) || 'light' }), index$1.translate(((_t = (_s = cell.column) === null || _s === void 0 ? void 0 : _s.addButton) === null || _t === void 0 ? void 0 : _t.text) || 'YOOBICADD')));
     }
     if (this.allowAudit && cell.showButton) {
-      auditButton = (index.h("yoo-button", { disabled: this.value[0] && this.value[0].length <= 0, size: isPlatformWeb ? 'small' : 'large', color: "light", onClick: () => this.onAuditButtonClicked() }, index.h("yoo-icon", { size: "small", slot: "start", name: "theme" }), " ", overlays.translate('CUSTOMISE')));
+      auditButton = (index.h("yoo-button", { disabled: this.value[0] && this.value[0].length <= 0, size: isPlatformWeb ? 'small' : 'large', color: "light", onClick: () => this.onAuditButtonClicked() }, index.h("yoo-icon", { size: "small", slot: "start", name: "theme" }), " ", index$1.translate('CUSTOMISE')));
     }
     if (cell.value.text === undefined && cell.value.selection === undefined && cell.value.file === undefined && !isLastMinRow && !addButton) {
       return index.h("div", { class: "column empty" });
     }
     let label = '';
     if (cell.column.label) {
-      label = overlays.translate(cell.column.label);
+      label = index$1.translate(cell.column.label);
       if (cell.column.orderInLabel) {
         label += ' ' + (cell.rowIndex + 1).toString();
       }
     }
     let title;
     if (cell.rowIndex === 0 && cell.column.title) {
-      title = index.h("div", { class: "title" }, overlays.translate(cell.column.title));
+      title = index.h("div", { class: "title" }, index$1.translate(cell.column.title));
     }
     let inputContainer;
     let imageChoice;
@@ -537,7 +537,7 @@ const YooFormMultiInputComponent = class {
         debounce: TagType === 'yoo-form-input' && 500,
         maxHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         minHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
-        customZIndex: TagType === 'yoo-form-text-editor' && (overlays.MODAL_BASE_ZINDEX - cell.rowIndex),
+        customZIndex: TagType === 'yoo-form-text-editor' && (index$1.MODAL_BASE_ZINDEX - cell.rowIndex),
         reloadText: TagType === 'yoo-form-text-editor' && this.deletedRowIndex !== null && cell.rowIndex >= this.deletedRowIndex
       };
       textInput = (index.h(TagType, { ...props }, (_u = cell.column.inputComponentSlots) === null || _u === void 0 ? void 0 : _u.map(({ tag, props = {}, text }) => {
@@ -554,9 +554,9 @@ const YooFormMultiInputComponent = class {
       ]));
     }
     if (renderTextInput) {
-      const field = { title: label, type: index$1.FormFieldType.text };
+      const field = { title: label, type: index$2.FormFieldType.text };
       if (cell.column.help) {
-        field.help = overlays.translate(cell.column.help);
+        field.help = index$1.translate(cell.column.help);
       }
       inputContainer = (index.h("yoo-form-input-container", { field: field, required: cell.column.required, hideOptional: cell.column.hideOptional, readonly: this.readonly }, index.h("div", { class: { 'input-content': true, mobile: !isPlatformWeb } }, textInput, isPlatformWeb && this.renderRemoveCell(cell, isPlatformWeb), this.renderDraggableCell(cell)), !((_3 = cell === null || cell === void 0 ? void 0 : cell.column) === null || _3 === void 0 ? void 0 : _3.hideTranslation) && this.renderTranslation(cell.value.text || null)));
     }
@@ -588,7 +588,7 @@ const YooFormMultiInputComponent = class {
     if (this.isLinkedRow(cell) && cell.colIndex < this.cells[cell.rowIndex].length - 1) {
       return;
     }
-    return isPlatformWeb ? (index.h("yoo-button", { class: "remove-button", onClick: () => this.onRemoveCell(cell) }, index.h("yoo-icon", { size: "small", name: "delete" }))) : (index.h("yoo-button", { onClick: () => this.onRemoveCell(cell), class: "remove-button", size: "large", color: "danger", rippleType: "unbounded" }, index.h("yoo-icon", { size: "small", color: "light", name: "cross", slot: "start" }), overlays.translate('REMOVE')));
+    return isPlatformWeb ? (index.h("yoo-button", { class: "remove-button", onClick: () => this.onRemoveCell(cell) }, index.h("yoo-icon", { size: "small", name: "delete" }))) : (index.h("yoo-button", { onClick: () => this.onRemoveCell(cell), class: "remove-button", size: "large", color: "danger", rippleType: "unbounded" }, index.h("yoo-icon", { size: "small", color: "light", name: "cross", slot: "start" }), index$1.translate('REMOVE')));
   }
   renderDraggableCell(cell) {
     let onlyOne;
@@ -614,12 +614,12 @@ const YooFormMultiInputComponent = class {
   }
   renderTranslation(text) {
     var _a;
-    if (((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) > 0 && text && lodash.isString(text) && !overlays.isValueATranslationKey(text)) {
+    if (((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) > 0 && text && lodash.isString(text) && !index$1.isValueATranslationKey(text)) {
       const key = text.replace(/%/g, '');
       const keyRemovedHTML = key === null || key === void 0 ? void 0 : key.replace(/(<([^>]+)>)/ig, '');
       const translationIndex = this.translations.findIndex((tran) => tran.key === key || keyRemovedHTML === tran.key);
       if (translationIndex === -1) {
-        return (index.h("div", { class: "field-translation" }, index.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: overlays.translate('VALUENOTTRANSLATED'), class: "no-pointer" }, index.h("yoo-icon", { color: "warning", name: "translation-check", size: "small" }))));
+        return (index.h("div", { class: "field-translation" }, index.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: index$1.translate('VALUENOTTRANSLATED'), class: "no-pointer" }, index.h("yoo-icon", { color: "warning", name: "translation-check", size: "small" }))));
       }
     }
   }

package/dist/cjs/yoo-form-number-picker-dialog.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 formNumberPickerDialogCss = "svg:not(:root){overflow:hidden}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .outer-container .content{position:relative;height:calc(100% - 44px);background-color:var(--light, #ffffff)}:host .outer-container .content yoo-ion-scroll{top:auto;z-index:20008;height:100%;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .item-selected{color:var(--app-color, #5a30f4)}:host .center{padding-top:0.5rem;text-align:center}:host .lastElement{padding-bottom:5rem}:host .footer-background{position:absolute;top:auto;right:0;bottom:0;left:0;z-index:1}:host .footer-background.bottom{height:2.875rem;background:var(--light, #ffffff);border:var(--border);border-radius:var(--border-radius-01, 0.0625rem)}:host .footer-background.middle{bottom:2.875rem;height:1.4375rem}:host .footer-background.middle.web{height:2.875rem}:host .footer-background.top{top:0;bottom:4.3125rem;height:1.4375rem}:host .footer-background.top.web{bottom:5.75rem;height:2.875rem}";
@@ -22,7 +22,7 @@ const YooFormNumberPickerDialogComponent = class {
   handleModalPresent() {
     const options = { behavior: 'smooth', block: 'nearest' };
     setTimeout(() => {
-      overlays.safeScrollIntoView(this.selectedElement, options);
+      index$1.safeScrollIntoView(this.selectedElement, options);
     }, 100);
   }
   componentDidLoad() {
@@ -38,15 +38,15 @@ const YooFormNumberPickerDialogComponent = class {
     return pageHeight - HEADER_HEIGHT;
   }
   getDialogTitle() {
-    return overlays.translate('PICKANUMBER');
+    return index$1.translate('PICKANUMBER');
   }
   onItemSelect(ev, itemValue) {
     ev.stopPropagation();
     this.selection = itemValue;
-    overlays.closeModal(this.selection);
+    index$1.closeModal(this.selection);
   }
   render() {
-    const web = overlays.isWeb(this.host);
+    const web = index$1.isWeb(this.host);
     const numberValues = this.values.length + this.values[0];
     return (index.h("div", { class: "outer-container" }, index.h("yoo-navbar", null, index.h("yoo-truncate", null, this.getDialogTitle())), index.h("div", { class: "content" }, index.h("yoo-ion-scroll", null, this.values.map((i) => (index.h("div", { ref: this.value === i ? (el) => (this.selectedElement = el) : null, class: this.value === i ? 'item-selected numberpicker' : 'numberpicker', onClick: (ev) => this.onItemSelect(ev, i) }, index.h("div", { class: numberValues === i + 1 ? 'lastElement center' : 'center' }, " ", i))))), index.h("div", { class: { 'footer-background bottom': true } }), index.h("div", { class: { 'footer-background middle': true, web } }), index.h("div", { class: { 'footer-background top': true, web } }))));
   }