@yoobic/yobi 8.5.0-60 → 8.5.0-61

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-6f92bccb.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.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-6f92bccb.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');
+const index$2 = require('./index-7fa5de65.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-5e92ba1f.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.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,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.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');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -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-a1bbe627.js');
+require('./index-6f92bccb.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-44428bf7.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.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,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -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 } }))));
   }

package/dist/cjs/yoo-form-number-picker.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-9aadeb94.js');
+const index$1 = require('./index-0cfb67d1.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -91,7 +91,7 @@ const YooFormNumberPickerComponent = class {
   setCaretColor() {
     if (this.formInputElement && !this.disabled) {
       const caretColor = this.isSecondary ? 'dark' : 'light';
-      this.formInputElement.style.setProperty('--caret-color', overlays.getCssColor(caretColor));
+      this.formInputElement.style.setProperty('--caret-color', index$1.getCssColor(caretColor));
     }
   }
   onSideButtonClicked(ev, side) {
@@ -125,7 +125,7 @@ const YooFormNumberPickerComponent = class {
     }
   }
   getModalAnimation(enterLeave) {
-    return (!overlays.isWeb(this.host) ? `slideY${enterLeave}Animation` : `fade${enterLeave}Animation`);
+    return (!index$1.isWeb(this.host) ? `slideY${enterLeave}Animation` : `fade${enterLeave}Animation`);
   }
   showContainerDialog() {
     if (!this.disabled) {
@@ -134,13 +134,13 @@ const YooFormNumberPickerComponent = class {
       if (this.selection !== null) {
         this.dialog.value = this.selection;
       }
-      let modalOptions = { half: !overlays.isWeb(this.host) };
-      if (overlays.isWeb(this.host)) {
+      let modalOptions = { half: !index$1.isWeb(this.host) };
+      if (index$1.isWeb(this.host)) {
         modalOptions = Object.assign(modalOptions, {
           height: 'medium'
         });
       }
-      overlays.showModal(this.dialog, modalOptions, null, this.getModalAnimation('Enter'), this.getModalAnimation('Leave'), true, false).then((ret) => {
+      index$1.showModal(this.dialog, modalOptions, null, this.getModalAnimation('Enter'), this.getModalAnimation('Leave'), true, false).then((ret) => {
         if (ret && !ret.overlayDismiss) {
           this.setValue(ret.data);
         }
@@ -155,8 +155,8 @@ const YooFormNumberPickerComponent = class {
     ev.stopPropagation();
     ev.preventDefault();
     this.updateValidity();
-    if (overlays.isNativeMobile()) {
-      overlays.Keyboard.hide();
+    if (index$1.isNativeMobile()) {
+      index$1.Keyboard.hide();
     }
     this.showContainerDialog();
   }
@@ -179,16 +179,16 @@ const YooFormNumberPickerComponent = class {
   }
   renderInvalidMessage() {
     if (lodash.isFinite(this.min) && !lodash.isFinite(this.max)) {
-      return `${overlays.translate('INVALIDENTRY')} ${overlays.translate('MINVALUE')} ${this.min}`;
+      return `${index$1.translate('INVALIDENTRY')} ${index$1.translate('MINVALUE')} ${this.min}`;
     }
     else if (lodash.isFinite(this.max) && !lodash.isFinite(this.min)) {
-      return `${overlays.translate('INVALIDENTRY')} ${overlays.translate('MAXVALUE')} ${this.max}`;
+      return `${index$1.translate('INVALIDENTRY')} ${index$1.translate('MAXVALUE')} ${this.max}`;
     }
     else if (lodash.isFinite(this.min) && lodash.isFinite(this.max)) {
-      return `${overlays.translate('INVALIDENTRY')} ${overlays.translate('MINVALUE')} ${this.min} ${overlays.translate('MAXVALUE')} ${this.max}`;
+      return `${index$1.translate('INVALIDENTRY')} ${index$1.translate('MINVALUE')} ${this.min} ${index$1.translate('MAXVALUE')} ${this.max}`;
     }
     else {
-      return `${overlays.translate('INCORRECTFORMAT')}`;
+      return `${index$1.translate('INCORRECTFORMAT')}`;
     }
   }
   renderContent() {
@@ -204,7 +204,7 @@ const YooFormNumberPickerComponent = class {
         index.h("div", { class: "invalid-container" }, index.h("div", { class: {
             message: true,
             'invalid-message': ((this.showValidation && this.validity === false) || this.forceShowValidation) && this.size !== 'small'
-          } }, this.invalidMessage ? overlays.translate(this.invalidMessage, { max: this.max, min: this.min, step: this.stepAmount }) : this.renderInvalidMessage()))
+          } }, this.invalidMessage ? index$1.translate(this.invalidMessage, { max: this.max, min: this.min, step: this.stepAmount }) : this.renderInvalidMessage()))
       ];
     }
     else {

package/dist/cjs/yoo-form-opening-hours.cjs.entry.js

@@ -3,18 +3,18 @@
 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$2 = require('./index-a1bbe627.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const Footer = ({ onClearAll, onReset }) => (index.h("footer", null,
-  index.h("yoo-button", { onClick: onClearAll }, overlays.translate('CLEARALL')),
-  index.h("yoo-button", { onClick: onReset }, overlays.translate('RESET'))));
+  index.h("yoo-button", { onClick: onClearAll }, index$1.translate('CLEARALL')),
+  index.h("yoo-button", { onClick: onReset }, index$1.translate('RESET'))));
 
 const columns = ['YOOBICDAY', 'OPENING', 'YOOBICFROM', 'YOOBICTO'];
-const Header = () => (index.h("header", null, columns === null || columns === void 0 ? void 0 : columns.map((column) => (index.h("strong", null, overlays.translate(column))))));
+const Header = () => (index.h("header", null, columns === null || columns === void 0 ? void 0 : columns.map((column) => (index.h("strong", null, index$1.translate(column))))));
 
 const getEditableRender = (time, { increment, max, min, onChange, toNumber, toString }) => {
   const times = Array.from({ length: (max - min) / increment + 1 })
@@ -63,29 +63,29 @@ const TimePeriodButton = ({ error, type, onClick }) => {
 const options = { open: 'OPENED', closed: 'CLOSED', allday: 'ALLDAY' };
 const isFirstPeriod = (index) => index === 0;
 const isMaxPeriodsReached = (total) => total === 5;
-const getMaxPeriodsReachedError = (total) => isMaxPeriodsReached(total) && overlays.translate('MAXSLOTSREACHED');
+const getMaxPeriodsReachedError = (total) => isMaxPeriodsReached(total) && index$1.translate('MAXSLOTSREACHED');
 const Day = ({ label, readonly, value, onChange }) => {
   var _a;
-  const periods = ((_a = value === null || value === void 0 ? void 0 : value.periods) === null || _a === void 0 ? void 0 : _a.filter(({ from, to }) => from !== index$1.allDayPeriod.from || to !== index$1.allDayPeriod.to)) || [];
+  const periods = ((_a = value === null || value === void 0 ? void 0 : value.periods) === null || _a === void 0 ? void 0 : _a.filter(({ from, to }) => from !== index$2.allDayPeriod.from || to !== index$2.allDayPeriod.to)) || [];
   const option = value ? (value.isOpen ? (periods.length ? 'OPENED' : 'ALLDAY') : 'CLOSED') : 'ALLDAY';
   return (index.h("section", null,
     index.h("span", null, label),
-    readonly ? (index.h("span", null, overlays.translate(option))) : (index.h("yoo-form-autocomplete", { disableSingleDeselection: true, size: "medium", value: option, values: Object.values(options), onInputChanged: (event) => {
+    readonly ? (index.h("span", null, index$1.translate(option))) : (index.h("yoo-form-autocomplete", { disableSingleDeselection: true, size: "medium", value: option, values: Object.values(options), onInputChanged: (event) => {
         event.stopPropagation();
         onChange({
           ...value,
           isOpen: [options.allday, options.open].includes(event.detail),
-          periods: event.detail === options.open ? index$1.periods : index$1.allDayPeriods
+          periods: event.detail === options.open ? index$2.periods : index$2.allDayPeriods
         });
       }, onValidityChanged: (event) => event.stopPropagation() })),
-    periods.map((period, index$2) => [
-      index.h(TimePeriod, { readonly: readonly, value: period, onChange: (period) => onChange({ ...value, periods: [...periods.slice(0, index$2), period, ...periods.slice(index$2 + 1)] }) }),
-      !readonly && (index.h(TimePeriodButton, { error: isFirstPeriod(index$2) && getMaxPeriodsReachedError(periods.length), type: isFirstPeriod(index$2) ? 'create' : 'delete', onClick: () => onChange({ ...value, periods: isFirstPeriod(index$2) ? [...periods, index$1.period] : [...periods.slice(0, index$2), ...periods.slice(index$2 + 1)] }) }))
+    periods.map((period, index$1) => [
+      index.h(TimePeriod, { readonly: readonly, value: period, onChange: (period) => onChange({ ...value, periods: [...periods.slice(0, index$1), period, ...periods.slice(index$1 + 1)] }) }),
+      !readonly && (index.h(TimePeriodButton, { error: isFirstPeriod(index$1) && getMaxPeriodsReachedError(periods.length), type: isFirstPeriod(index$1) ? 'create' : 'delete', onClick: () => onChange({ ...value, periods: isFirstPeriod(index$1) ? [...periods, index$2.period] : [...periods.slice(0, index$1), ...periods.slice(index$1 + 1)] }) }))
     ])));
 };
 
 const days = { mon: 'MONDAY', tue: 'TUESDAY', wed: 'WEDNESDAY', thu: 'THURSDAY', fri: 'FRIDAY', sat: 'SATURDAY', sun: 'SUNDAY' };
-const Main = ({ content, readonly, onChange }) => (index.h("main", null, Object.entries(days).map(([key, value]) => (index.h(Day, { label: overlays.translate(value), readonly: readonly, value: content === null || content === void 0 ? void 0 : content[key], onChange: (day) => onChange({ ...content, [key]: day }) })))));
+const Main = ({ content, readonly, onChange }) => (index.h("main", null, Object.entries(days).map(([key, value]) => (index.h(Day, { label: index$1.translate(value), readonly: readonly, value: content === null || content === void 0 ? void 0 : content[key], onChange: (day) => onChange({ ...content, [key]: day }) })))));
 
 const formOpeningHoursCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:var(--spacing-08, 0.5rem);overflow:auto}:host header,:host section{display:grid;grid-template-columns:8.375rem 8.5rem 6.5rem 6.5rem 2rem;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host header,:host section:nth-child(even){background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host header{padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host section{padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem)}:host section yoo-form-autocomplete:nth-of-type(1){width:6rem}:host section yoo-form-autocomplete:nth-of-type(n+2){width:5.5rem}:host section yoo-form-autocomplete:nth-of-type(2n+2){grid-column:3}:host section yoo-form-autocomplete:nth-of-type(2n+3){grid-column:4}:host section yoo-form-autocomplete:nth-of-type(2n+4),:host section yoo-form-autocomplete:nth-of-type(2n+5){margin-top:var(--spacing-08, 0.5rem)}:host footer{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:repeat(2, 5rem);-ms-flex-pack:end;justify-content:flex-end;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) 0}:host hr{width:100%;margin:0;border:none;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host([readonly]) section{grid-template-columns:8.375rem 6.5rem 5.5rem 4rem}:host([readonly]) section span{margin:var(--spacing-04, 0.25rem) 0}:host([readonly]) section span:nth-of-type(2n+2){grid-column:2}:host([readonly]) section span:nth-of-type(2n+3){grid-column:3}:host([readonly]) section span:nth-of-type(2n+4){grid-column:4}:host(.web){}:host(.web)::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web)::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web)::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:hover)::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:hover)::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}";
 
@@ -106,7 +106,7 @@ const YooFormOpeningHoursComponent = class {
     return (index.h(index.Host, null, index.h(Main, { content: this.value, readonly: this.readonly, onChange: (content) => this.onChange(content) })));
   }
   renderEditable() {
-    return (index.h(index.Host, null, index.h(Header, null), index.h(Main, { content: this.value, readonly: this.readonly, onChange: (content) => this.onChange(content) }), [index.h("hr", null), index.h(Footer, { onClearAll: () => this.onChange(index$1.allDaysValue), onReset: () => this.onChange(index$1.defaultsOpeningHours) })]));
+    return (index.h(index.Host, null, index.h(Header, null), index.h(Main, { content: this.value, readonly: this.readonly, onChange: (content) => this.onChange(content) }), [index.h("hr", null), index.h(Footer, { onClearAll: () => this.onChange(index$2.allDaysValue), onReset: () => this.onChange(index$2.defaultsOpeningHours) })]));
   }
   render() {
     return this.readonly ? this.renderReadOnly() : this.renderEditable();

package/dist/cjs/yoo-form-permissions.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 commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$2 = require('./index-a1bbe627.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -20,7 +20,7 @@ const YooFormPermissionsComponent = class {
     this.closeClicked = index.createEvent(this, "closeClicked", 7);
     this.userRolesUpdated = index.createEvent(this, "userRolesUpdated", 7);
     // private translatableRoles: string[];
-    this.setUserRolesDebounce = overlays.debounce(() => this.setUserRoles(), 100);
+    this.setUserRolesDebounce = index$1.debounce(() => this.setUserRoles(), 100);
   }
   // private gridEl: HTMLYooGridElement;
   onRefChange() {
@@ -35,11 +35,11 @@ const YooFormPermissionsComponent = class {
       {
         actionType: 'delete',
         color: () => 'light',
-        text: () => overlays.translate('REMOVE'),
+        text: () => index$1.translate('REMOVE'),
         icon: () => 'delete',
         iconColor: () => 'dark',
         isVisible: (_item) => {
-          return (_item === null || _item === void 0 ? void 0 : _item.role) !== index$1.FormPermissionsRole.owner;
+          return (_item === null || _item === void 0 ? void 0 : _item.role) !== index$2.FormPermissionsRole.owner;
         },
         handler: (item) => {
           this.onRemoveUser(item);
@@ -72,27 +72,27 @@ const YooFormPermissionsComponent = class {
             var _a, _b, _c;
             return (((_a = params.data.user) === null || _a === void 0 ? void 0 : _a.firstName) || '') + (((_b = params.data.user) === null || _b === void 0 ? void 0 : _b.lastName) || '') + (((_c = params.data.user) === null || _c === void 0 ? void 0 : _c.email) || '');
           },
-          headerName: overlays.translate('USER'),
+          headerName: index$1.translate('USER'),
           headerValueGetter: (params) => {
             var _a;
             let total = ((_a = this.userRoles) === null || _a === void 0 ? void 0 : _a.length) || 0;
             if (params === null || params === void 0 ? void 0 : params.api) {
               total = params.api.getDisplayedRowCount();
             }
-            return (total > 0 ? total.toLocaleString() + ' ' : '') + overlays.translate(total > 1 ? 'USERS' : 'USER');
+            return (total > 0 ? total.toLocaleString() + ' ' : '') + index$1.translate(total > 1 ? 'USERS' : 'USER');
           }
         },
         {
-          headerName: overlays.translate('ROLE'),
+          headerName: index$1.translate('ROLE'),
           field: 'role',
           cellClass: 'centered',
           minWidth: 400,
           cellRenderer: (params) => {
             let element;
-            if (params.value === index$1.FormPermissionsRole.owner) {
+            if (params.value === index$2.FormPermissionsRole.owner) {
               element = document.createElement('yoo-button');
               element.disabled = true;
-              element.innerHTML = overlays.translate(params.value.toUpperCase());
+              element.innerHTML = index$1.translate(params.value.toUpperCase());
             }
             else if (params.value) {
               let selectedIndex;
@@ -115,7 +115,7 @@ const YooFormPermissionsComponent = class {
           }
         },
         {
-          headerName: overlays.translate('YOOBICACTIONS'),
+          headerName: index$1.translate('YOOBICACTIONS'),
           headerClass: 'hidden-force-menu',
           sortable: false,
           suppressMovable: true,
@@ -136,11 +136,11 @@ const YooFormPermissionsComponent = class {
   setUserRoles(firstLoad) {
     this.userRoles = [];
     if (this.owner) {
-      this.userRoles.push({ _id: this.owner._id, user: this.owner, role: index$1.FormPermissionsRole.owner });
+      this.userRoles.push({ _id: this.owner._id, user: this.owner, role: index$2.FormPermissionsRole.owner });
     }
-    this.setUserRole(this.editors, index$1.FormPermissionsRole.editor);
-    this.setUserRole(this.publishers, index$1.FormPermissionsRole.publisher);
-    this.setUserRole(this.viewers, index$1.FormPermissionsRole.viewer);
+    this.setUserRole(this.editors, index$2.FormPermissionsRole.editor);
+    this.setUserRole(this.publishers, index$2.FormPermissionsRole.publisher);
+    this.setUserRole(this.viewers, index$2.FormPermissionsRole.viewer);
     this.setUserRole(this.undefinedUserRoles, null);
     !firstLoad && index.forceUpdate(this);
   }
@@ -167,16 +167,16 @@ const YooFormPermissionsComponent = class {
     const publishers = [];
     (_a = this.userRoles) === null || _a === void 0 ? void 0 : _a.forEach((userRole) => {
       switch (userRole.role) {
-        case index$1.FormPermissionsRole.editor:
+        case index$2.FormPermissionsRole.editor:
           editors.push(userRole.user._id);
           break;
-        case index$1.FormPermissionsRole.viewer:
+        case index$2.FormPermissionsRole.viewer:
           viewers.push(userRole.user._id);
           break;
-        case index$1.FormPermissionsRole.publisher:
+        case index$2.FormPermissionsRole.publisher:
           publishers.push(userRole.user._id);
           break;
-        case index$1.FormPermissionsRole.owner:
+        case index$2.FormPermissionsRole.owner:
           break;
       }
     });
@@ -197,12 +197,12 @@ const YooFormPermissionsComponent = class {
   renderFooter() {
     const footerButtons = [
       {
-        text: overlays.translate('YOOBICADD'),
+        text: index$1.translate('YOOBICADD'),
         handler: () => this.addClicked.emit(),
         disabled: this.maxUsersCount > 0 && this.userRoles.length >= this.maxUsersCount
       },
       {
-        text: overlays.translate('YOOBICSAVE'),
+        text: index$1.translate('YOOBICSAVE'),
         color: 'app-color',
         handler: () => this.onSave()
       }
@@ -214,7 +214,7 @@ const YooFormPermissionsComponent = class {
     return (index.h("yoo-grid", { class: "full-width", showSearch: true, displayType: "card-grid", entityType: "user", items: this.userRoles, total: ((_a = this.userRoles) === null || _a === void 0 ? void 0 : _a.length) || 0, isLocal: true, gridConfig: this.gridConfig, secondaryActions: this.secondaryActions }));
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, overlays.translate('PERMISSIONS')))), this.renderContent(), this.renderFooter()));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, index$1.translate('PERMISSIONS')))), this.renderContent(), this.renderFooter()));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {