@yoobic/yobi 8.5.0-60 → 8.5.0-62

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

@@ -3,10 +3,10 @@
 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-4cdf7949.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formNumberPickerCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;height:100%}:host .outer-container.readonly{padding:0.5rem 0.5rem 0 0}:host .outer-container yoo-form-input{--input-background-color:transparent;width:100%;height:100%}:host([use-buttons]) .outer-container{margin:0 auto;color:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem)}:host([use-buttons]) .outer-container yoo-button.left{--border-radius-top-right:0;--border-radius-bottom-right:0}:host([use-buttons]) .outer-container yoo-button.right{--border-radius-top-left:0;--border-radius-bottom-left:0}:host([use-buttons]) .outer-container .input-container{width:100%;height:100%}:host([use-buttons]) .outer-container .input-invalid{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([use-buttons]) .invalid-container{text-align:end}:host([use-buttons]) .invalid-container .message{display:none}:host([use-buttons]) .invalid-container .invalid-message{display:inline-block;color:var(--danger, #d44333);font-size:var(--font-size-12, 0.75rem);text-align:end}:host([size=large][use-buttons]) .outer-container{width:12.5rem;height:3rem;border-radius:var(--border-radius-08, 0.5rem)}:host([size=large][use-buttons]) .outer-container .input-container.input-invalid{max-height:2.875rem}:host([size=large][use-buttons]) .outer-container yoo-button{--side-padding:0 var(--spacing-24, 1.5rem)}:host([size=large][use-buttons]) .outer-container yoo-button.right{--border-radius-top-right:var(--border-radius-08, 0.5rem);--border-radius-bottom-right:var(--border-radius-08, 0.5rem)}:host([size=large][use-buttons]) .outer-container yoo-button.left{--border-radius-top-left:var(--border-radius-08, 0.5rem);--border-radius-bottom-left:var(--border-radius-08, 0.5rem)}:host([size=medium][use-buttons]) .outer-container{width:7rem;height:2rem}:host([size=medium][use-buttons]) .outer-container .input-container.input-invalid{max-height:1.875rem}:host([size=small][use-buttons]) .outer-container{width:6rem;height:1.5rem}:host([size=small][use-buttons]) .outer-container .input-container.input-invalid{max-height:1.375rem}:host([size=small][use-buttons]) .outer-container yoo-form-input{--input-font-size:var(--font-size-12, 0.75rem)}:host([use-buttons][type=primary]) .outer-container{border:solid var(--app-color, #5a30f4) var(--border-width-01, 0.0625rem)}:host([use-buttons][type=primary]) .outer-container .input-container{background-color:var(--app-color, #5a30f4)}:host([use-buttons][type=primary]) .outer-container .input-container:not(.input-invalid){border-right:solid var(--light-20, rgba(255, 255, 255, 0.2)) var(--border-width-01, 0.0625rem);border-left:solid var(--light-20, rgba(255, 255, 255, 0.2)) var(--border-width-01, 0.0625rem)}:host([use-buttons][type=secondary]) .outer-container{border:solid var(--stable-alt, #d0d0d0) var(--border-width-01, 0.0625rem)}:host([use-buttons][type=secondary]) .outer-container .input-container{background-color:var(--light, #ffffff)}:host([use-buttons][type=secondary]) .outer-container .input-container:not(.input-invalid){border-right:solid var(--stable-10, rgba(173, 173, 173, 0.1)) var(--border-width-01, 0.0625rem);border-left:solid var(--stable-10, rgba(173, 173, 173, 0.1)) var(--border-width-01, 0.0625rem)}:host([use-buttons][disabled]) .outer-container{border:solid var(--stable-light, #f1f1f1) var(--border-width-01, 0.0625rem)}:host([use-buttons][disabled]) .outer-container .input-container{background-color:transparent}:host([use-buttons][readonly]) .outer-container{height:auto;margin:0;border:none}";
@@ -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-cb8276bc.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.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-cb8276bc.js');
+require('./index-7790c794.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.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 {

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const geolocationHelpers = require('./geolocation-helpers-4c8ccc80.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 // This file is a workaround for a bug in web browsers' "native"
@@ -8108,7 +8108,7 @@ const List = ({ value, options, onChange }) => (index.h("ul", null, getOptions(o
 
 const Search = ({ disabled, size, onChange }) => (index.h("div", { class: "search" },
   index.h("yoo-icon", { name: "search", color: "stable", size: size === 'large' ? 'medium' : 'small' }),
-  index.h("input", { disabled: disabled, name: "search", placeholder: overlays.translate('SEARCH'), onInput: (event) => onChange(event.target.value) })));
+  index.h("input", { disabled: disabled, name: "search", placeholder: index$1.translate('SEARCH'), onInput: (event) => onChange(event.target.value) })));
 
 const formPhoneNumberCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([size=small]),:host([size=medium]){font-size:var(--font-size-14, 0.875rem)}:host([size=large]){font-size:var(--font-size-16, 1rem)}:host(:not([readonly])){position:relative;margin-bottom:0;-webkit-transition:margin 500ms ease-out;transition:margin 500ms ease-out}:host(:not([readonly])) yoo-context-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:16.5rem;margin:var(--spacing-08, 0.5rem) 0 0;overflow:auto}:host(:not([readonly])) yoo-context-dialog hr{width:100%;height:1px;margin:0;background:var(--stable-light, #f1f1f1);border:none}:host(:not([readonly])) yoo-context-dialog yoo-loader{-ms-flex-item-align:center;align-self:center;justify-self:center;height:100%}:host(:not([readonly])[expanded]){margin-bottom:17rem;-webkit-transition:margin 500ms ease-in;transition:margin 500ms ease-in}:host(:not([readonly])[size=small]) yoo-context-dialog{top:1.5rem}:host(:not([readonly])[size=medium]) yoo-context-dialog{top:2rem}:host(:not([readonly])[size=large]) yoo-context-dialog{top:3rem}:host(.web) yoo-context-dialog{}:host(.web) yoo-context-dialog::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) yoo-context-dialog::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) yoo-context-dialog::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) yoo-context-dialog:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web) yoo-context-dialog:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(:not([readonly])) .error{margin:0;color:var(--danger, #d44333);font-size:var(--font-size-12, 0.75rem);text-align:end}:host(:not([readonly]):focus-within) .error{display:none}:host(:not([readonly])) .input{display:grid;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(:not([readonly])) input{padding:0;color:inherit;font:inherit;caret-color:var(--app-color, #5a30f4);background:transparent;border:none;outline:none;-webkit-box-shadow:none;box-shadow:none}:host(:not([readonly])) input::-webkit-input-placeholder{color:var(--stable, #adadad)}:host(:not([readonly])) input::-moz-placeholder{color:var(--stable, #adadad)}:host(:not([readonly])) input:-ms-input-placeholder{color:var(--stable, #adadad)}:host(:not([readonly])) input::-ms-input-placeholder{color:var(--stable, #adadad)}:host(:not([readonly])) input::placeholder{color:var(--stable, #adadad)}:host(:not([readonly])) strong{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:not([readonly]):hover) .input{background:transparent;border-color:var(--text-color, #807f83)}:host(:not([readonly]):focus-within) .input{background:transparent;border-color:var(--dark, #000000)}:host(:not([readonly])[clearable]) .input{grid-template-columns:-webkit-max-content minmax(0, 1fr) -webkit-min-content;grid-template-columns:max-content minmax(0, 1fr) min-content}:host(:not([readonly]):not(:focus-within)[clearable]) .input yoo-icon{display:none}:host(:not([readonly]):not([clearable])) .input{grid-template-columns:-webkit-max-content minmax(0, 1fr);grid-template-columns:max-content minmax(0, 1fr)}:host(:not([readonly])[disabled]) .input{background:var(--stable-light, #f1f1f1);border-color:var(--stable-alt, #d0d0d0)}:host(:not([readonly]):not([disabled]):not([expanded]):not(:focus-within)) .input.invalid{border-color:var(--danger, #d44333)}:host(:not([readonly])[size=small]) .input,:host(:not([readonly])[size=medium]) .input{grid-gap:var(--spacing-08, 0.5rem);padding:0 var(--spacing-08, 0.5rem)}:host(:not([readonly])[size=small]) .input{height:1.5rem;border-radius:var(--border-radius-02, 0.125rem)}:host(:not([readonly])[size=medium]) .input{height:2rem;border-radius:var(--border-radius-04, 0.25rem)}:host(:not([readonly])[size=large]) .input{grid-gap:var(--spacing-16, 1rem);height:3rem;padding:0 var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem)}:host(:not([readonly])) ul{margin:0;padding:var(--spacing-04, 0.25rem);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:not([readonly])) ul[hidden]{display:none}:host(:not([readonly])) li{padding:var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem);list-style:none}:host(:not([readonly])) li:hover{background:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host(:not([readonly])) .search{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(:not([readonly])[size=small]) .search{padding:var(--spacing-04, 0.25rem)}:host(:not([readonly])[size=small]) .search yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host(:not([readonly])[size=medium]) .search,:host(:not([readonly])[size=large]) .search{padding:var(--spacing-08, 0.5rem)}:host(:not([readonly])[size=medium]) .search yoo-icon,:host(:not([readonly])[size=large]) .search yoo-icon{padding-right:var(--spacing-08, 0.5rem)}:host(:not([readonly])) .clickable{cursor:pointer}:host(:not([readonly])[disabled]){color:var(--stable, #adadad);-webkit-filter:grayscale(100%);filter:grayscale(100%);pointer-events:none}";
 
@@ -8167,7 +8167,7 @@ const YooFormPhoneNumberComponent = class {
         callingCode: getCountryCallingCode(country),
         code: country,
         flag: getCountryFlag(country),
-        label: overlays.translate(`COUNTRYCODE${country}`),
+        label: index$1.translate(`COUNTRYCODE${country}`),
         toString: function () {
           return `${this.flag} ${this.label} (+${this.callingCode})`;
         }
@@ -8226,7 +8226,7 @@ const YooFormPhoneNumberComponent = class {
     const internationalNumber = this.readonly && ((_a = this.phoneNumber) === null || _a === void 0 ? void 0 : _a.formatInternational());
     return (index.h(index.Host, null, !this.isLoading && this.readonly && index.h("yoo-link", { size: this.size, href: `tel:${internationalNumber}` }, internationalNumber), !this.readonly && [
       index.h(Input, { isLoading: this.isLoading, clearable: this.clearable, country: this.selectedCountry, disabled: this.disabled, focusedOnce: this.focusedOnce, name: this.name, placeholder: this.placeholder || getExampleNumber(this.selectedCountry.code, examples).formatNational(), required: this.required, size: this.size, valid: this.valid, value: this.nationalNumber, onChange: (value) => (this.nationalNumber = value), onFocus: () => (this.focusedOnce = true), onToggleCountries: () => (this.expanded = !this.expanded) }),
-      index.h(Error$1, { hidden: this.disabled || this.expanded || !this.focusedOnce || this.valid, message: overlays.translate('INCORRECTFORMAT') }),
+      index.h(Error$1, { hidden: this.disabled || this.expanded || !this.focusedOnce || this.valid, message: index$1.translate('INCORRECTFORMAT') }),
       index.h("yoo-context-dialog", { hidden: !this.expanded, class: "absolute" }, this.isLoading
         ? index.h("yoo-loader", { size: "extra-large" })
         : [

package/dist/cjs/yoo-form-plan-assign.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 formPlanAssignCss = "svg:not(:root){overflow:hidden}:host .margin-bottom{display:block;margin-bottom:1rem}";
@@ -87,13 +87,13 @@ const YooFormPlanAssignComponent = class {
     return this.validity;
   }
   renderUsers() {
-    return (index.h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompleteUsers = el), multiple: true, value: this.value ? this.value.users : null, entityType: "users", displayType: "card-list", iconPrefix: "user", onFetchData: (ev) => this.onFetchData(ev, 'users'), onInputChanged: (ev) => this.onUsersSelect(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.onAutoCompleteValidityChanged(ev), placeholder: overlays.translate('ADDUSERS'), isLocal: false, readonly: this.readonly }));
+    return (index.h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompleteUsers = el), multiple: true, value: this.value ? this.value.users : null, entityType: "users", displayType: "card-list", iconPrefix: "user", onFetchData: (ev) => this.onFetchData(ev, 'users'), onInputChanged: (ev) => this.onUsersSelect(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.onAutoCompleteValidityChanged(ev), placeholder: index$1.translate('ADDUSERS'), isLocal: false, readonly: this.readonly }));
   }
   renderReadonly() {
     return (index.h("div", { class: "readonly" }, index.h("yoo-grid", { direction: "horizontal", entityType: "plans", items: this.value ? this.value.plans : null, hideHeader: true, displayType: "card-sticky" }), this.renderUsers()));
   }
   renderEditable() {
-    return (index.h("div", { class: "outer-container" }, index.h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompletePlans = el), class: "margin-bottom", multiple: true, value: this.value ? this.value.plans : null, entityType: "courseselection", displayType: "card-list", previewEntityType: "courseselection", iconPrefix: "courses", values: this.plans, isLocal: true, onFetchData: (ev) => this.onFetchData(ev, 'plans'), onInputChanged: (ev) => this.onPlansSelect(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.onAutoCompleteValidityChanged(ev), placeholder: overlays.translate('ADDCOURSES') }), this.renderUsers()));
+    return (index.h("div", { class: "outer-container" }, index.h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompletePlans = el), class: "margin-bottom", multiple: true, value: this.value ? this.value.plans : null, entityType: "courseselection", displayType: "card-list", previewEntityType: "courseselection", iconPrefix: "courses", values: this.plans, isLocal: true, onFetchData: (ev) => this.onFetchData(ev, 'plans'), onInputChanged: (ev) => this.onPlansSelect(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.onAutoCompleteValidityChanged(ev), placeholder: index$1.translate('ADDCOURSES') }), this.renderUsers()));
   }
   render() {
     return this.readonly ? this.renderReadonly() : this.renderEditable();

package/dist/cjs/yoo-form-plan.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 formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.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 formPlanCss = "svg:not(:root){overflow:hidden}:host .outer-container yoo-button{margin:var(--spacing-16, 1rem) 0}";
@@ -22,7 +22,7 @@ const YooFormPlanComponent = class {
     this.inputChanged = index.createEvent(this, "inputChanged", 7);
     this.fetchCustomData = index.createEvent(this, "fetchCustomData", 7);
     this.validators = [];
-    this.fetchDataDebounce = overlays.debounce(() => {
+    this.fetchDataDebounce = index$1.debounce(() => {
       if (this.planRef) {
         this.fetchCustomData.emit(this.planRef);
       }
@@ -42,7 +42,7 @@ const YooFormPlanComponent = class {
     this.value = this.courseRef && (this.plan.finishedCount || 0) === lodash.get(this.plan, 'missiondescriptionsRef', []).length;
     formInputHelpers.setValueAndValidateInput(this.value, this);
     index.forceUpdate(this);
-    const inputContainer = overlays.findParent(this.host, 'yoo-form-input-container');
+    const inputContainer = index$1.findParent(this.host, 'yoo-form-input-container');
     if (inputContainer) {
       inputContainer.classList.add(this.value ? 'success' : 'app-color');
       index.forceUpdate(inputContainer);
@@ -74,7 +74,7 @@ const YooFormPlanComponent = class {
   }
   onPlanSelect() {
     var _a;
-    if (this.checkPermission && !((_a = overlays.getPermissions()) === null || _a === void 0 ? void 0 : _a.canViewMicrolearning)) {
+    if (this.checkPermission && !((_a = index$1.getPermissions()) === null || _a === void 0 ? void 0 : _a.canViewMicrolearning)) {
       return;
     }
     let entityType;
@@ -86,7 +86,7 @@ const YooFormPlanComponent = class {
     }
     const entityId = this.courseRef || (this.planRef ? lodash.get(this.plan, '_id', this.planRef) : undefined) || this.missionRef || this.feedRef;
     if (entityId && entityType) {
-      return overlays.getAsyncExtraData({ type: 'show-entity-by-id', params: { entityType, entityId } });
+      return index$1.getAsyncExtraData({ type: 'show-entity-by-id', params: { entityType, entityId } });
     }
   }
   render() {
@@ -94,10 +94,10 @@ const YooFormPlanComponent = class {
       const entry = {
         title: this.plan.title,
         imgSrc: lodash.get(this.plan.background, '_downloadURL', lodash.get(this.plan, 'imageSrc', null)),
-        isLocked: overlays.isPlanInFuture(this.plan, new Date()),
+        isLocked: index$1.isPlanInFuture(this.plan, new Date()),
         isBookmarked: this.plan.isSelfAssigned
       };
-      return (index.h("div", { class: "outer-container" }, index.h("yoo-card-sticky", { entry: entry, type: "courses", class: "courses full-width" }), !this.plan.imageSrc && index.h("yoo-button", { size: "large", color: "app-color", class: "expanded", onClick: () => this.onPlanSelect() }, overlays.translate('OPENCOURSE'))));
+      return (index.h("div", { class: "outer-container" }, index.h("yoo-card-sticky", { entry: entry, type: "courses", class: "courses full-width" }), !this.plan.imageSrc && index.h("yoo-button", { size: "large", color: "app-color", class: "expanded", onClick: () => this.onPlanSelect() }, index$1.translate('OPENCOURSE'))));
     }
   }
   get host() { return index.getElement(this); }

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

@@ -3,12 +3,12 @@
 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 formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./common-helpers-9f63a319.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./common-helpers-0724ae60.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formPricecheckCss = "svg:not(:root){overflow:hidden}:host .outer-container .barcode-container,:host .readonly .barcode-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:98px;height:98px;margin-bottom:1rem;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:0.5rem;cursor:pointer}:host .outer-container .barcode-container .required,:host .readonly .barcode-container .required{position:absolute;top:auto;right:auto;bottom:auto;left:0.625rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem)}:host .outer-container .products>.title,:host .readonly .products>.title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem;color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);line-height:1.5;text-align:left;text-transform:uppercase}:host .outer-container .products .subtitle,:host .readonly .products .subtitle{margin-top:0.125rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .products .remove,:host .outer-container .products .edit,:host .readonly .products .remove,:host .readonly .products .edit{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:40px;text-align:center}:host .outer-container .products .entity,:host .readonly .products .entity{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .products .toolbar,:host .readonly .products .toolbar{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 0.5rem 0.5rem 1rem;font-size:var(--font-size-14, 0.875rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .products .toolbar.history,:host .readonly .products .toolbar.history{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .products .toolbar .price,:host .readonly .products .toolbar .price{-ms-flex:1;flex:1;padding-left:0.5rem;padding-left:4.2rem;color:var(--dark, #000000);white-space:nowrap}:host .outer-container .products .toolbar .delta,:host .readonly .products .toolbar .delta{margin-left:1rem}:host .outer-container .products .toolbar .delta.success,:host .readonly .products .toolbar .delta.success{color:var(--success, #3aa76d)}:host .outer-container .products .toolbar .delta.app-color,:host .readonly .products .toolbar .delta.app-color{color:var(--app-color, #5a30f4)}:host .outer-container .products .toolbar .delta.danger,:host .readonly .products .toolbar .delta.danger{color:var(--danger, #d44333)}:host .outer-container .products .toolbar .icon,:host .readonly .products .toolbar .icon{width:22px;min-width:22px;height:22px;min-height:22px;text-align:center;background:var(--stable-light, #f1f1f1);border-radius:50%}:host .outer-container .products .footer,:host .readonly .products .footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0.5rem;padding-top:1rem;padding-bottom:0.5rem;color:var(--dark, #000000)}:host .outer-container .products .footer .title,:host .readonly .products .footer .title{-ms-flex:1;flex:1;text-transform:uppercase}:host .outer-container .products .footer .price,:host .readonly .products .footer .price{text-align:right}:host .readonly{padding:0.5rem 0.5rem 0 0}:host(.history) .readonly{padding:0 !important}";
@@ -72,7 +72,7 @@ const YooFormPricecheckComponent = class {
     this.extraDataChanged.emit(this.extraData);
   }
   clearProduct(product) {
-    overlays.showAlert(overlays.translate('DELETE'), [overlays.translate('CANCEL'), overlays.translate('YOOBICOK')], overlays.translate('DELETEPRODUCTPRICECONFIRM')).then((ret) => {
+    index$1.showAlert(index$1.translate('DELETE'), [index$1.translate('CANCEL'), index$1.translate('YOOBICOK')], index$1.translate('DELETEPRODUCTPRICECONFIRM')).then((ret) => {
       if (ret) {
         const value = this.value || {};
         delete value[product._id];
@@ -100,7 +100,7 @@ const YooFormPricecheckComponent = class {
   onOpenScanner(originalProduct) {
     let dialog = document.createElement('yoo-form-barcode-dialog');
     dialog.priceCheckMode = true;
-    dialog.hasScandit = overlays.getSession().hasScandit;
+    dialog.hasScandit = index$1.getSession().hasScandit;
     dialog.manualOCR = this.manualOCR;
     dialog.regexOCR = this.regexOCR;
     dialog.enableKeyboardResizing = true;
@@ -125,7 +125,7 @@ const YooFormPricecheckComponent = class {
       if (dialog.mainMode === 'default') {
         product = this.products.find((p) => p.reference === ev.detail);
         if (product) {
-          barcodeTime = overlays.toSeconds(overlays.dateDiff(new Date(), start));
+          barcodeTime = index$1.toSeconds(index$1.dateDiff(new Date(), start));
           start = new Date();
           dialog.scannerHeading = '';
           dialog.product = product;
@@ -137,7 +137,7 @@ const YooFormPricecheckComponent = class {
         }
         else {
           dialog.mainMode = 'default';
-          dialog.scannerHeading = '<h2 class="danger">' + overlays.translate('INVALIDPRODUCTSCANNED') + '</h2>';
+          dialog.scannerHeading = '<h2 class="danger">' + index$1.translate('INVALIDPRODUCTSCANNED') + '</h2>';
           dialog.restartScannerByMode('default');
         }
       }
@@ -145,7 +145,7 @@ const YooFormPricecheckComponent = class {
         if (ev && ev.detail) {
           const form = document.createElement('yoo-form-dynamic-dialog');
           const scannedPrice = ev.detail.toString().replace(',', '.') - 0;
-          priceTime = overlays.toSeconds(overlays.dateDiff(new Date(), start));
+          priceTime = index$1.toSeconds(index$1.dateDiff(new Date(), start));
           product = product || dialog.product;
           const delta = this.getDelta(product.price, scannedPrice);
           form.data = {
@@ -159,13 +159,13 @@ const YooFormPricecheckComponent = class {
             {
               title: 'YOOBICGENERAL',
               items: [
-                { name: 'product', readonly: true, type: index$1.FormFieldType.catalog, check: true },
+                { name: 'product', readonly: true, type: index$2.FormFieldType.catalog, check: true },
                 {
                   name: 'price',
                   readonly: false,
-                  type: index$1.FormFieldType.number,
+                  type: index$2.FormFieldType.number,
                   // allowOcr: true,
-                  title: overlays.translate('PRICE2'),
+                  title: index$1.translate('PRICE2'),
                   onChange: (value, data) => {
                     edited = true;
                     const updatedDelta = this.getDelta(product.price, value);
@@ -176,7 +176,7 @@ const YooFormPricecheckComponent = class {
                 {
                   name: 'rescan',
                   title: 'RESCANPRICE',
-                  type: index$1.FormFieldType.button,
+                  type: index$2.FormFieldType.button,
                   icon: 'barcode',
                   color: 'stable',
                   hideLabel: true,
@@ -185,7 +185,7 @@ const YooFormPricecheckComponent = class {
                     retry = true;
                     retryCount += 1;
                     if (f && f.host) {
-                      const modal = overlays.findParent(f.host, 'yoo-modal');
+                      const modal = index$1.findParent(f.host, 'yoo-modal');
                       if (modal) {
                         modal.dismiss();
                       }
@@ -205,7 +205,7 @@ const YooFormPricecheckComponent = class {
                   readonly: true,
                   visible: delta !== 0,
                   title: 'Delta',
-                  type: index$1.FormFieldType.text
+                  type: index$2.FormFieldType.text
                 }
               ]
             }
@@ -215,7 +215,7 @@ const YooFormPricecheckComponent = class {
           form.hideSaveButton = true;
           form.footerButtons = [
             {
-              text: () => overlays.translate('NEXTPRODUCT'),
+              text: () => index$1.translate('NEXTPRODUCT'),
               color: () => 'light',
               size: () => 'large',
               handler: (item, dialogRef) => {
@@ -234,7 +234,7 @@ const YooFormPricecheckComponent = class {
               }
             },
             {
-              text: () => overlays.translate('YOOBICSAVE'),
+              text: () => index$1.translate('YOOBICSAVE'),
               color: () => 'success',
               size: () => 'large',
               handler: (item, dialogRef) => {
@@ -246,9 +246,9 @@ const YooFormPricecheckComponent = class {
               }
             }
           ];
-          overlays.showModal(form).then((ret) => {
+          index$1.showModal(form).then((ret) => {
             if (!ret.data && !retry) {
-              setTimeout(() => overlays.closeModal(true), 300);
+              setTimeout(() => index$1.closeModal(true), 300);
             }
             retry = false;
           });
@@ -256,7 +256,7 @@ const YooFormPricecheckComponent = class {
       }
     };
     dialog.addEventListener('scannedSuccess', scannedSuccessListener);
-    overlays.showModal(dialog).then(() => {
+    index$1.showModal(dialog).then(() => {
       dialog === null || dialog === void 0 ? void 0 : dialog.removeEventListener('scannedSuccess', scannedSuccessListener);
       dialog = null;
     });