@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-draw-flow.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 
 var drawflow_min = _commonjsHelpers.createCommonjsModule(function (module, exports) {
@@ -72,7 +72,7 @@ const YooDrawFlowComponent = class {
       var _a, _b, _c, _d;
       if (((_b = (_a = ev.target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'yoo-icon' && ev.target.name === 'more') {
         const icon = ev.target;
-        const nodeId = overlays.findParent(icon, '.drawflow-node').id;
+        const nodeId = index$1.findParent(icon, '.drawflow-node').id;
         if (nodeId) {
           const node = this.editor.getNodeFromId(nodeId.replace('node-', ''));
           const box = icon.getBoundingClientRect();
@@ -119,10 +119,10 @@ const YooDrawFlowComponent = class {
     }
   }
   showContextMenu(node, pageX, pageY, hostElement) {
-    return overlays.showContextMenu({ pageX, pageY }, {
+    return index$1.showContextMenu({ pageX, pageY }, {
       multipleSelection: false,
       contentButtons: [{
-          text: overlays.translate('DELETE'),
+          text: index$1.translate('DELETE'),
           handler: () => {
             if (this.lastCreatedId === node.id) {
               this.lastCreatedId = null;
@@ -138,7 +138,7 @@ const YooDrawFlowComponent = class {
   toggleCollapsed(target) {
     var _a;
     if (((_a = target === null || target === void 0 ? void 0 : target.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'yoo-collapsible') {
-      const nodeId = overlays.findParent(target, '.drawflow-node').id;
+      const nodeId = index$1.findParent(target, '.drawflow-node').id;
       if (nodeId) {
         const node = this.editor.getNodeFromId(nodeId.replace('node-', ''));
         this.blockToggled.emit({ node, collasped: target.shadowRoot.firstChild.classList.contains('collapsed') });
@@ -196,7 +196,7 @@ const YooDrawFlowComponent = class {
       <div class="block-container">
       <yoo-collapsible 
         class="bold full-width drawfow"
-        header="${overlays.translate(block.title)}"
+        header="${index$1.translate(block.title)}"
         icon="${block.icon}" 
         icon-color="${block.iconColor}"
         icon-size="medium"
@@ -212,7 +212,7 @@ const YooDrawFlowComponent = class {
   render() {
     var _a, _b;
     // class needed for the context menu display
-    return index.h(index.Host, { class: "camera-container" }, index.h("div", { class: "drawflow-container" }, index.h("div", { ref: (el) => (this.containerEl = el), class: "outer-container" }), index.h("div", { class: "toolbar" }, index.h("div", { class: "button-container" }, index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWEXPANDALL') }, index.h("yoo-icon", { color: "light", name: "maximize-web", size: "medium", onClick: () => this.onExpandAll() })), index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWCOLLAPSEALL') }, index.h("yoo-icon", { color: "light", name: "minimize-web", size: "medium", onClick: () => this.onCollapseAll() }))), index.h("div", { class: "flex" }), index.h("div", { class: "button-container" }, index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate(((_a = this.editor) === null || _a === void 0 ? void 0 : _a.editor_mode) === 'fixed' ? 'YOOBICDRAWFLOWUNLOCK' : 'YOOBICDRAWFLOWLOCK') }, index.h("yoo-icon", { color: "light", name: ((_b = this.editor) === null || _b === void 0 ? void 0 : _b.editor_mode) === 'fixed' ? 'unlocked' : 'lock', size: "medium", onClick: () => this.onToggleEditMode() }))), index.h("div", { class: "spacing" }), index.h("div", { class: "button-container" }, index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWZOOMRESET') }, index.h("yoo-icon", { color: "light", name: "gps", size: "medium", onClick: () => this.onZoomReset() })), index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWZOOMOUT') }, index.h("yoo-icon", { color: "light", name: "zoom-out", size: "medium", onClick: () => this.onZoomOut() })), index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWZOOMIN') }, index.h("yoo-icon", { color: "light", name: "zoom-in", size: "medium", onClick: () => this.onZoomIn() }))))));
+    return index.h(index.Host, { class: "camera-container" }, index.h("div", { class: "drawflow-container" }, index.h("div", { ref: (el) => (this.containerEl = el), class: "outer-container" }), index.h("div", { class: "toolbar" }, index.h("div", { class: "button-container" }, index.h("yoo-tooltip", { hoverable: true, placement: "top", content: index$1.translate('YOOBICDRAWFLOWEXPANDALL') }, index.h("yoo-icon", { color: "light", name: "maximize-web", size: "medium", onClick: () => this.onExpandAll() })), index.h("yoo-tooltip", { hoverable: true, placement: "top", content: index$1.translate('YOOBICDRAWFLOWCOLLAPSEALL') }, index.h("yoo-icon", { color: "light", name: "minimize-web", size: "medium", onClick: () => this.onCollapseAll() }))), index.h("div", { class: "flex" }), index.h("div", { class: "button-container" }, index.h("yoo-tooltip", { hoverable: true, placement: "top", content: index$1.translate(((_a = this.editor) === null || _a === void 0 ? void 0 : _a.editor_mode) === 'fixed' ? 'YOOBICDRAWFLOWUNLOCK' : 'YOOBICDRAWFLOWLOCK') }, index.h("yoo-icon", { color: "light", name: ((_b = this.editor) === null || _b === void 0 ? void 0 : _b.editor_mode) === 'fixed' ? 'unlocked' : 'lock', size: "medium", onClick: () => this.onToggleEditMode() }))), index.h("div", { class: "spacing" }), index.h("div", { class: "button-container" }, index.h("yoo-tooltip", { hoverable: true, placement: "top", content: index$1.translate('YOOBICDRAWFLOWZOOMRESET') }, index.h("yoo-icon", { color: "light", name: "gps", size: "medium", onClick: () => this.onZoomReset() })), index.h("yoo-tooltip", { hoverable: true, placement: "top", content: index$1.translate('YOOBICDRAWFLOWZOOMOUT') }, index.h("yoo-icon", { color: "light", name: "zoom-out", size: "medium", onClick: () => this.onZoomOut() })), index.h("yoo-tooltip", { hoverable: true, placement: "top", content: index$1.translate('YOOBICDRAWFLOWZOOMIN') }, index.h("yoo-icon", { color: "light", name: "zoom-in", size: "medium", onClick: () => this.onZoomIn() }))))));
   }
 };
 YooDrawFlowComponent.style = drawFlowCss;

package/dist/cjs/yoo-entity-query-builder.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const filtersHelpers = require('./filters-helpers-047e7754.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const filtersHelpers = require('./filters-helpers-51dafe7f.js');
+const index$2 = require('./index-0cfb67d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const entityQueryBuilderCss = "svg:not(:root){overflow:hidden}.container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-left:0}.container.expanded{margin-bottom:var(--spacing-16, 1rem)}.container .flex{-ms-flex:1;flex:1}.container yoo-button.margin-left{margin-left:var(--spacing-16, 1rem)}.container yoo-button.margin-right{margin-right:var(--spacing-08, 0.5rem)}.container yoo-tooltip{margin-left:var(--spacing-08, 0.5rem)}.container .toggle-selected{margin-left:var(--spacing-16, 1rem)}.container .sorts{width:8.5rem;margin-right:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}yoo-banner{margin-bottom:var(--spacing-08, 0.5rem)}.filters-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0}.filters-container .filters-header{display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;min-height:2.3125rem;font-size:var(--font-size-14, 0.875rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.filters-container .filters-header .counter{-ms-flex:1;flex:1}.filters-container.disabled yoo-button,.filters-container.disabled yoo-form-dynamic{opacity:0.2 !important;pointer-events:none}.filters-container:not(.open){display:none}.filters-container.advanced yoo-form-input-container{padding-bottom:0.75rem}.filters-container.advanced yoo-button{padding-bottom:var(--spacing-04, 0.25rem)}.filters-container.advanced yoo-button yoo-icon.add{color:var(--stable, #adadad)}.filters-container.advanced yoo-button.add-filter{margin-right:var(--spacing-16, 1rem)}.filters-container.advanced yoo-button.margin-right{margin-right:var(--spacing-08, 0.5rem);margin-left:0}.filters-container.advanced yoo-form-input-container.operator{margin:calc(var(--spacing-04, 0.25rem) * -1) var(--spacing-04, 0.25rem) 0 calc(var(--spacing-08, 0.5rem) * -1);padding:0 0.5rem;padding-bottom:0;text-align:center}.filters-container yoo-form-dynamic.fill-width:not(.web){width:100%}:host(.rtl) .container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.no-padding) yoo-button.filters.margin-left{margin-left:0}:host(.no-border-top) .filters-container .filters-header{border-top:none}:host(.floating) ::slotted(.search-container-inner[slot=before]){width:100%}:host(.floating) .container.expanded{margin-bottom:0}:host(.floating) yoo-context-menu{width:100%}:host(.floating) .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) 0}:host(.floating) .header.width-auto{width:auto;cursor:pointer}:host(.floating) .header .title{-ms-flex:1;flex:1;font-weight:bold;font-size:var(--font-size-14, 0.875rem)}:host(.floating) .header .title.app-color{color:var(--app-color, #5a30f4)}:host(.floating) .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:var(--spacing-16, 1rem);-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.floating) .footer .flex{-ms-flex:1;flex:1}:host(.floating) .footer yoo-button{max-width:6rem}:host(.floating) .subfooter{width:100%;padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem);text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.floating) .filters-container.open{position:absolute;left:21rem;width:15rem;padding:0;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.floating) .filters-container.open yoo-form-dynamic{width:100%;max-height:calc(100vh - 30.25rem);margin:auto;overflow-y:auto;}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";
@@ -30,7 +30,7 @@ const YooEntityQueryBuilderComponent = class {
   }
   filterAutocompleteSelectedValues(ev) {
     var _a, _b, _c, _d;
-    return ((_b = (_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.field) === null || _b === void 0 ? void 0 : _b.type) === index$1.FormFieldType.missionfield ? (_c = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _c === void 0 ? void 0 : _c.value : [].concat((_d = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _d === void 0 ? void 0 : _d.value).filter((item) => overlays.isPresent(item));
+    return ((_b = (_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.field) === null || _b === void 0 ? void 0 : _b.type) === index$1.FormFieldType.missionfield ? (_c = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _c === void 0 ? void 0 : _c.value : [].concat((_d = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _d === void 0 ? void 0 : _d.value).filter((item) => index$2.isPresent(item));
   }
   onModelChanged(newModel, oldModel) {
     var _a;
@@ -234,7 +234,7 @@ const YooEntityQueryBuilderComponent = class {
     this.advancedSegments = this.advancedSegments || [];
     field = lodash.cloneDeep(field);
     field.filterName = field.filterName || field.name;
-    field.name = overlays.getUUID();
+    field.name = index$2.getUUID();
     if (segmentIndex >= 0) {
       this.advancedSegments[segmentIndex].push(field);
     }
@@ -279,7 +279,7 @@ const YooEntityQueryBuilderComponent = class {
     const fields = this.getFilterFields();
     const contentButtons = fields.map((f) => ({
       icon: f.icon,
-      text: overlays.translate(f.title || f.name.toUpperCase()),
+      text: index$2.translate(f.title || f.name.toUpperCase()),
       handler: () => {
         this.onAddFormFieldToAdvancedSegment(f, segmentIndex);
       }
@@ -311,18 +311,18 @@ const YooEntityQueryBuilderComponent = class {
   renderSorts() {
     const fields = this.model.fields.filter((f) => f.sortable);
     const values = lodash.flatten(fields.map((f) => [
-      { _id: (f.name || f.customName) + '_asc', name: f.name || f.customName, title: overlays.translate(f.title || f.name.toUpperCase()), icon: 'big-arrow-up' },
-      { _id: (f.name || f.customName) + '_desc', name: f.name || f.customName, title: overlays.translate(f.title || f.name.toUpperCase()), icon: 'big-arrow-down' }
+      { _id: (f.name || f.customName) + '_asc', name: f.name || f.customName, title: index$2.translate(f.title || f.name.toUpperCase()), icon: 'big-arrow-up' },
+      { _id: (f.name || f.customName) + '_desc', name: f.name || f.customName, title: index$2.translate(f.title || f.name.toUpperCase()), icon: 'big-arrow-down' }
     ]));
     let value;
     if (this.values && this.values.sorts && this.values.sorts.length > 0) {
       value = values.find((v) => v._id === this.values.sorts[0].colId + '_' + this.values.sorts[0].sort.toString());
     }
-    return (index.h("yoo-form-autocomplete", { class: "sorts inline inline-narrow align-right", size: "medium", value: value, values: values, displayType: "card-list", iconPrefix: "arrows-up-down", placeholder: overlays.translate('YOOBICSORT'), onInputChanged: (ev) => this.onSortChange(ev), onFetchData: (ev) => ev.stopPropagation(), forceHideSearch: true }));
+    return (index.h("yoo-form-autocomplete", { class: "sorts inline inline-narrow align-right", size: "medium", value: value, values: values, displayType: "card-list", iconPrefix: "arrows-up-down", placeholder: index$2.translate('YOOBICSORT'), onInputChanged: (ev) => this.onSortChange(ev), onFetchData: (ev) => ev.stopPropagation(), forceHideSearch: true }));
   }
   renderFiltersHeader() {
     const count = this.getActiveFiltersCount();
-    return index.h("div", { class: "filters-header" }, index.h("div", { class: "counter" }, overlays.translate('YOOBICFILTERSAPPLIED', { smart_count: count })), index.h("div", { class: "clear-all" }, count > 0 && index.h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", onClick: () => this.onClear() }, overlays.translate('CLEARALL'))));
+    return index.h("div", { class: "filters-header" }, index.h("div", { class: "counter" }, index$2.translate('YOOBICFILTERSAPPLIED', { smart_count: count })), index.h("div", { class: "clear-all" }, count > 0 && index.h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", onClick: () => this.onClear() }, index$2.translate('CLEARALL'))));
   }
   renderFilters() {
     var _a, _b;
@@ -345,7 +345,7 @@ const YooEntityQueryBuilderComponent = class {
           const contentButtons = this.getContextMenuButtons(index$1);
           const finalData = { ...data, operator: operatorValue };
           return [
-            index.h("yoo-form-dynamic", { class: "inline inline-row inline-row-narrow transparent fill-width", ref: (el) => (this.formFiltersAdvanced[index$1] = el), animated: false, showRecap: false, slides: slides, scrollable: false, forceReadonly: this.readonly, data: finalData, hideOptional: true, formInputSize: this.size || 'medium', formInputcolor: this.alwaysShow ? 'light' : 'stable-light', onFieldChanged: (ev) => this.onAutocompleteChangeAdvanced(ev, index$1), onFieldFetchData: (ev) => this.onFieldFetchDataAdvanced(ev, index$1), onFieldFetchCustomData: (ev) => this.onFieldFetchCustomDataAdvanced(ev, index$1), onFieldRemoved: (ev) => this.onRemoveFormFieldFromAdvancedSegment(ev, index$1), onFormValidityChanged: (ev) => ev.stopPropagation(), onDataChanged: (ev) => ev.stopPropagation() }, !this.readonly && overlays.isWeb(this.host) && index.h("yoo-context-menu", { contentButtons: contentButtons, placement: "below", slot: "end" }, index.h("yoo-button", { color: "app-color", class: "margin-right", shape: "square", size: this.size || 'medium' }, index.h("yoo-icon", { color: "light", name: "plus", class: "add", size: "small" }))), !this.readonly && !overlays.isWeb(this.host) && index.h("yoo-button", { slot: "end", onClick: () => overlays.showActionSheet(contentButtons), color: "app-color", class: "margin-right", shape: "square", size: this.size || 'medium' }, index.h("yoo-icon", { color: "light", name: "plus", class: "add", size: "small" }))),
+            index.h("yoo-form-dynamic", { class: "inline inline-row inline-row-narrow transparent fill-width", ref: (el) => (this.formFiltersAdvanced[index$1] = el), animated: false, showRecap: false, slides: slides, scrollable: false, forceReadonly: this.readonly, data: finalData, hideOptional: true, formInputSize: this.size || 'medium', formInputcolor: this.alwaysShow ? 'light' : 'stable-light', onFieldChanged: (ev) => this.onAutocompleteChangeAdvanced(ev, index$1), onFieldFetchData: (ev) => this.onFieldFetchDataAdvanced(ev, index$1), onFieldFetchCustomData: (ev) => this.onFieldFetchCustomDataAdvanced(ev, index$1), onFieldRemoved: (ev) => this.onRemoveFormFieldFromAdvancedSegment(ev, index$1), onFormValidityChanged: (ev) => ev.stopPropagation(), onDataChanged: (ev) => ev.stopPropagation() }, !this.readonly && index$2.isWeb(this.host) && index.h("yoo-context-menu", { contentButtons: contentButtons, placement: "below", slot: "end" }, index.h("yoo-button", { color: "app-color", class: "margin-right", shape: "square", size: this.size || 'medium' }, index.h("yoo-icon", { color: "light", name: "plus", class: "add", size: "small" }))), !this.readonly && !index$2.isWeb(this.host) && index.h("yoo-button", { slot: "end", onClick: () => index$2.showActionSheet(contentButtons), color: "app-color", class: "margin-right", shape: "square", size: this.size || 'medium' }, index.h("yoo-icon", { color: "light", name: "plus", class: "add", size: "small" }))),
             this.advancedSegments.length > 1 && index$1 < this.advancedSegments.length - 1 && (index.h("yoo-form-input-container", { class: "operator", field: { hideLabel: true }, hideOptional: true }, index.h("yoo-form-autocomplete", { class: "inline inline-narrow", readonly: this.readonly, idOnly: true, value: ((_d = (_c = this.values) === null || _c === void 0 ? void 0 : _c.advandedFiltersOperators) === null || _d === void 0 ? void 0 : _d.global) || 'or', values: [
                 { _id: 'and', title: 'YOOBICAND' },
                 { _id: 'or', title: 'YOOBICOR' }
@@ -358,12 +358,12 @@ const YooEntityQueryBuilderComponent = class {
   renderFormToggle() {
     if (this.isSelectAllToggled) {
       return [
-        index.h("yoo-tooltip", { content: overlays.translate('UNTOGGLETOSHOWSELECTEDONLY'), hoverable: true, placement: "bottom" }, index.h("yoo-form-toggle", { class: "readonly-toggle-selected stable", size: "medium", readonly: true, header: overlays.translate('SHOWSELECTIONNLY'), value: this.isToggleSelected, onInputChanged: (ev) => this.onToggleSelected(ev) }))
+        index.h("yoo-tooltip", { content: index$2.translate('UNTOGGLETOSHOWSELECTEDONLY'), hoverable: true, placement: "bottom" }, index.h("yoo-form-toggle", { class: "readonly-toggle-selected stable", size: "medium", readonly: true, header: index$2.translate('SHOWSELECTIONNLY'), value: this.isToggleSelected, onInputChanged: (ev) => this.onToggleSelected(ev) }))
       ];
     }
     else {
       return [
-        index.h("yoo-form-toggle", { class: "toggle-selected", size: "medium", readonly: false, header: overlays.translate('SHOWSELECTIONNLY'), value: this.isToggleSelected, onInputChanged: (ev) => this.onToggleSelected(ev) })
+        index.h("yoo-form-toggle", { class: "toggle-selected", size: "medium", readonly: false, header: index$2.translate('SHOWSELECTIONNLY'), value: this.isToggleSelected, onInputChanged: (ev) => this.onToggleSelected(ev) })
       ];
     }
   }
@@ -372,9 +372,9 @@ const YooEntityQueryBuilderComponent = class {
     if ((_a = this.model) === null || _a === void 0 ? void 0 : _a.fields) {
       const contentButtons = this.getContextMenuButtons();
       return [
-        !this.readonly && overlays.isWeb(this.host) && index.h("yoo-context-menu", { contentButtons: contentButtons, placement: "below", class: { 'no-margin': !this.advancedSegments || this.advancedSegments.length <= 0 }, tooltipContent: this.disabled ? overlays.translate('AUDIENCESTOREQUERYACTIVEFILTER') : '', disabled: this.disabled }, index.h("yoo-button", { color: "app-color", class: "add-filter", size: this.size }, index.h("yoo-icon", { name: "plus", color: "light", slot: "start", size: "small" }), overlays.translate('ADDFILTER'))),
-        !this.readonly && !overlays.isWeb(this.host) &&
-          index.h("yoo-button", { color: "app-color", class: "add-filter", onClick: () => overlays.showActionSheet(contentButtons), size: this.size }, index.h("yoo-icon", { name: "plus", color: "light", size: "small" })),
+        !this.readonly && index$2.isWeb(this.host) && index.h("yoo-context-menu", { contentButtons: contentButtons, placement: "below", class: { 'no-margin': !this.advancedSegments || this.advancedSegments.length <= 0 }, tooltipContent: this.disabled ? index$2.translate('AUDIENCESTOREQUERYACTIVEFILTER') : '', disabled: this.disabled }, index.h("yoo-button", { color: "app-color", class: "add-filter", size: this.size }, index.h("yoo-icon", { name: "plus", color: "light", slot: "start", size: "small" }), index$2.translate('ADDFILTER'))),
+        !this.readonly && !index$2.isWeb(this.host) &&
+          index.h("yoo-button", { color: "app-color", class: "add-filter", onClick: () => index$2.showActionSheet(contentButtons), size: this.size }, index.h("yoo-icon", { name: "plus", color: "light", size: "small" })),
         this.renderAdvancedFiltersSegments()
       ];
     }
@@ -383,13 +383,13 @@ const YooEntityQueryBuilderComponent = class {
     const hasFilters = this.hasFilterFields();
     const count = this.getActiveFiltersCount();
     return (index.h("div", { class: { container: true, expanded: this.isOpen && !this.alwaysShow } }, index.h("slot", { name: "before" }), hasFilters && !this.alwaysShow && [
-      index.h("yoo-button", { class: { 'margin-left': !overlays.isRTL(), 'margin-right': overlays.isRTL(), 'filters': true }, color: this.isOpen ? 'app-color' : 'light', onClick: (ev) => this.onToggleOpen(ev), fill: this.floating ? 'transparent' : 'solid', shape: this.floating ? 'circular' : 'rectangular', rippleType: this.floating ? 'unbounded' : 'bounded', size: this.size }, index.h("yoo-icon", { name: "filter", color: this.isOpen && !this.floating ? 'light' : 'stable', slot: "start", size: this.floating ? 'medium' : 'small' }), !this.floating && overlays.translate('FILTERS'), count > 0 && !this.isOpen && (index.h("yoo-badge", { color: this.floating ? 'app-color' : this.isOpen ? 'light' : 'app-color', slot: "end", class: { count: true, floating: this.floating }, text: `${count}` }))),
+      index.h("yoo-button", { class: { 'margin-left': !index$2.isRTL(), 'margin-right': index$2.isRTL(), 'filters': true }, color: this.isOpen ? 'app-color' : 'light', onClick: (ev) => this.onToggleOpen(ev), fill: this.floating ? 'transparent' : 'solid', shape: this.floating ? 'circular' : 'rectangular', rippleType: this.floating ? 'unbounded' : 'bounded', size: this.size }, index.h("yoo-icon", { name: "filter", color: this.isOpen && !this.floating ? 'light' : 'stable', slot: "start", size: this.floating ? 'medium' : 'small' }), !this.floating && index$2.translate('FILTERS'), count > 0 && !this.isOpen && (index.h("yoo-badge", { color: this.floating ? 'app-color' : this.isOpen ? 'light' : 'app-color', slot: "end", class: { count: true, floating: this.floating }, text: `${count}` }))),
       this.showSelectionOnlyToggle && this.renderFormToggle()
     ], index.h("span", { class: "flex" }, index.h("slot", { name: "before-sort" })), this.hasSorts() && !this.hideSorts && this.renderSorts(), index.h("slot", null)));
   }
   renderDialogHeader() {
     var _a;
-    const customViewsButtons = ((_a = this.customViews) === null || _a === void 0 ? void 0 : _a.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, overlays.getSession(), overlays.getAuthentication(), (c) => {
+    const customViewsButtons = ((_a = this.customViews) === null || _a === void 0 ? void 0 : _a.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, index$2.getSession(), index$2.getAuthentication(), (c) => {
       this.isDirty = false;
       this.customViewLoaded.emit(c);
       this.onToggleOpen();
@@ -405,14 +405,14 @@ const YooEntityQueryBuilderComponent = class {
     }))) || [];
     const count = this.getActiveFiltersCount();
     return [
-      (customViewsButtons === null || customViewsButtons === void 0 ? void 0 : customViewsButtons.length) > 0 && (index.h("yoo-context-menu", { contentButtons: customViewsButtons, placement: "right", class: "customview-menu width-unset" }, index.h("div", { class: "header width-auto" }, index.h("div", { class: { title: true, 'app-color': !!this.customView } }, overlays.translate('SAVEDFILTERS')), index.h("yoo-icon", { name: "right-web", color: "stable", size: "medium" })))),
-      index.h("div", { class: "header" }, index.h("div", { class: "title" }, overlays.translate('FILTERS', { count })), index.h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", disabled: !this.isDirty && !(count > 0), onClick: () => this.onClear() }, overlays.translate('CLEARALL')))
+      (customViewsButtons === null || customViewsButtons === void 0 ? void 0 : customViewsButtons.length) > 0 && (index.h("yoo-context-menu", { contentButtons: customViewsButtons, placement: "right", class: "customview-menu width-unset" }, index.h("div", { class: "header width-auto" }, index.h("div", { class: { title: true, 'app-color': !!this.customView } }, index$2.translate('SAVEDFILTERS')), index.h("yoo-icon", { name: "right-web", color: "stable", size: "medium" })))),
+      index.h("div", { class: "header" }, index.h("div", { class: "title" }, index$2.translate('FILTERS', { count })), index.h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", disabled: !this.isDirty && !(count > 0), onClick: () => this.onClear() }, index$2.translate('CLEARALL')))
     ];
   }
   renderDialogFooter() {
     return [
-      index.h("div", { class: "footer" }, this.customViewsId && (index.h("yoo-button", { size: "small", fill: "solid", class: "flex", color: "light", disabled: !this.isDirty && !!this.customView, onClick: () => this.onSaveCustomView(this.customView, !this.customView) }, overlays.translate(this.customView ? 'SAVEANDAPPLY' : 'SAVE'))), index.h("yoo-button", { color: "app-color", fill: "solid", size: "small", class: "flex", disabled: !this.isDirty, onClick: () => this.onEmitValues(true) }, overlays.translate('YOOBICAPPLY'))),
-      this.customView && (index.h("div", { class: "subfooter", onClick: () => this.onSaveCustomView(null, true) }, overlays.translate('SAVEASNEWVIEW')))
+      index.h("div", { class: "footer" }, this.customViewsId && (index.h("yoo-button", { size: "small", fill: "solid", class: "flex", color: "light", disabled: !this.isDirty && !!this.customView, onClick: () => this.onSaveCustomView(this.customView, !this.customView) }, index$2.translate(this.customView ? 'SAVEANDAPPLY' : 'SAVE'))), index.h("yoo-button", { color: "app-color", fill: "solid", size: "small", class: "flex", disabled: !this.isDirty, onClick: () => this.onEmitValues(true) }, index$2.translate('YOOBICAPPLY'))),
+      this.customView && (index.h("div", { class: "subfooter", onClick: () => this.onSaveCustomView(null, true) }, index$2.translate('SAVEASNEWVIEW')))
     ];
   }
   renderBody() {

package/dist/cjs/yoo-entity-search-dialog.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -16,8 +16,8 @@ const YooEntitySearchDialogComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.fieldFetchData = index.createEvent(this, "fieldFetchData", 7);
-    this.onKeyboardWillShow = overlays.debounce((event) => {
-      if (event && !overlays.isAndroid()) {
+    this.onKeyboardWillShow = index$1.debounce((event) => {
+      if (event && !index$1.isAndroid()) {
         const scrollSpacerHeight = event.keyboardHeight;
         this.setScrollSpacerHeight(scrollSpacerHeight);
       }
@@ -40,39 +40,39 @@ const YooEntitySearchDialogComponent = class {
   }
   componentDidLoad() {
     this.host.style.opacity = '1';
-    if (!overlays.isWeb(this.host)) {
+    if (!index$1.isWeb(this.host)) {
       this.keyboardWillShowListener = this.onKeyboardWillShow.bind(this);
       window.addEventListener('keyboardWillShow', this.keyboardWillShowListener);
-      this.keyboardWillHideListener = overlays.debounce(this.onKeyboardWillHide, 500).bind(this);
+      this.keyboardWillHideListener = index$1.debounce(this.onKeyboardWillHide, 500).bind(this);
       window.addEventListener('keyboardWillHide', this.keyboardWillHideListener);
     }
   }
   disconnectedCallback() {
-    if (!overlays.isWeb(this.host)) {
+    if (!index$1.isWeb(this.host)) {
       window.removeEventListener('keyboardWillShow', this.keyboardWillShowListener);
       window.removeEventListener('keyboardWillHide', this.keyboardWillHideListener);
     }
   }
   setScrollSpacerHeight(height) {
-    const NO_KEYBOARD_SPACER_HEIGHT = overlays.isIphoneX() ? 137 : 92;
+    const NO_KEYBOARD_SPACER_HEIGHT = index$1.isIphoneX() ? 137 : 92;
     height = height ? height : NO_KEYBOARD_SPACER_HEIGHT;
     this.spacerElement.setAttribute('style', `height: ${height}px;`);
   }
   onKeyboardWillHide() {
-    if (!overlays.isAndroid()) {
+    if (!index$1.isAndroid()) {
       this.setScrollSpacerHeight(0);
     }
   }
   onCancel() {
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   onApply() {
-    overlays.closeModal({ sorts: this.sorts, filters: this.filters });
+    index$1.closeModal({ sorts: this.sorts, filters: this.filters });
   }
   onClearAll() {
     if (this.isDirty) {
-      const message = overlays.translate('DELETEALLFILTERS');
-      overlays.showAlert(overlays.translate('DELETE'), [overlays.translate('CANCEL'), overlays.translate('YOOBICOK')], message).then((ret) => {
+      const message = index$1.translate('DELETEALLFILTERS');
+      index$1.showAlert(index$1.translate('DELETE'), [index$1.translate('CANCEL'), index$1.translate('YOOBICOK')], message).then((ret) => {
         if (ret === true) {
           this.values = { filters: [], sorts: [] };
           this.sorts = [];
@@ -104,7 +104,7 @@ const YooEntitySearchDialogComponent = class {
   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", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, overlays.translate('ADVANCEDFILTERS')), index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "app-color", fill: "transparent", animated: false, disabled: !this.isDirty, onClick: () => this.onClearAll() }, overlays.translate('CLEARALL'))))), overlays.isWeb(this.host) && index.h("div", { class: "content" }, this.renderContent()), !overlays.isWeb(this.host) && index.h("yoo-ion-content", { class: "bg-light", scrollEnabled: true, scrollEvents: true }, this.renderContent()), index.h("yoo-form-footer", { class: { 'relative': overlays.isWeb(this.host), 'expanded-grid-view': this.host.classList.contains('expanded-grid-view') }, buttons: [{ text: overlays.translate('YOOBICAPPLY'), color: 'app-color', size: this.host.classList.contains('expanded-grid-view') ? 'medium' : 'large', handler: () => this.onApply() }] })));
+      } }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, index$1.translate('ADVANCEDFILTERS')), index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "app-color", fill: "transparent", animated: false, disabled: !this.isDirty, onClick: () => this.onClearAll() }, index$1.translate('CLEARALL'))))), index$1.isWeb(this.host) && index.h("div", { class: "content" }, this.renderContent()), !index$1.isWeb(this.host) && index.h("yoo-ion-content", { class: "bg-light", scrollEnabled: true, scrollEvents: true }, this.renderContent()), index.h("yoo-form-footer", { class: { 'relative': index$1.isWeb(this.host), 'expanded-grid-view': this.host.classList.contains('expanded-grid-view') }, buttons: [{ text: index$1.translate('YOOBICAPPLY'), color: 'app-color', size: this.host.classList.contains('expanded-grid-view') ? 'medium' : 'large', handler: () => this.onApply() }] })));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-entity-search-filters.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const filtersHelpers = require('./filters-helpers-047e7754.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const filtersHelpers = require('./filters-helpers-51dafe7f.js');
+const index$2 = require('./index-0cfb67d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const entitySearchFiltersCss = "svg:not(:root){overflow:hidden}:host{display:block;padding:var(--spacing-16, 1rem)}:host .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;height:1.3125rem;margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .menu-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;margin-top:1.2rem;font-size:var(--font-size-16, 1rem)}:host .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin:0;padding:0 0 0.3125rem;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:100%;min-height:2.75rem;padding:0 1rem 0 0;font-weight:var(--font-weight-400, 400)}:host .menu .menu-item div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:center;align-self:center}:host .menu .menu-item div .menu-item-title{width:100%;margin-left:var(--spacing-08, 0.5rem)}:host .menu .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .menu{margin:0 var(--spacing-08, 0.5rem)}:host .menu .menu-item{padding:0;cursor:pointer}:host .menu .menu-item .menu-item-title{width:100%}:host .menu .menu-item yoo-form-checkbox{padding-right:var(--spacing-04, 0.25rem)}:host yoo-form-input-container{margin-top:var(--spacing-16, 1rem)}:host yoo-form-dynamic.margin-top{margin-top:var(--spacing-16, 1rem)}:host .filter-container.flex{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-16, 1rem)}:host .filter-container.flex .menu-title{-ms-flex:1;flex:1;margin-top:0}:host .filter-container.flex .menu{margin:0;padding-bottom:0}:host(.web){width:80%;max-width:31.25rem;margin:auto}";
@@ -152,19 +152,19 @@ const YooEntitySearchFiltersComponent = class {
   }
   getDisplayValue(field, v) {
     if (v === true || (v && v._id === true)) {
-      return overlays.translate('YOOBICTRUE');
+      return index$2.translate('YOOBICTRUE');
     }
     else if (v === false || (v && v._id === false)) {
-      return overlays.translate('FALSE');
+      return index$2.translate('FALSE');
     }
-    else if (field.handleUndefined && (overlays.isNullOrUndefined(v) || (v && lodash.isObject(v) && v._id === undefined) || (v && lodash.isObject(v) && v._id === 'undefined'))) {
-      return v && lodash.isObject(v) && v.title ? overlays.translate(v.title) : overlays.translate('PENDING');
+    else if (field.handleUndefined && (index$2.isNullOrUndefined(v) || (v && lodash.isObject(v) && v._id === undefined) || (v && lodash.isObject(v) && v._id === 'undefined'))) {
+      return v && lodash.isObject(v) && v.title ? index$2.translate(v.title) : index$2.translate('PENDING');
     }
     else if (lodash.isObject(v) && v._id && v.title) {
-      return overlays.translate(v.title);
+      return index$2.translate(v.title);
     }
     else {
-      return overlays.translate(field.translate && v && v.toUpperCase ? v.toUpperCase() : v ? v.toString() : '');
+      return index$2.translate(field.translate && v && v.toUpperCase ? v.toUpperCase() : v ? v.toString() : '');
     }
   }
   isChecked(item, field) {
@@ -196,9 +196,9 @@ const YooEntitySearchFiltersComponent = class {
   }
   renderUl(field) {
     const name = field.name;
-    let title = overlays.translate(field.title || field.name.toUpperCase());
+    let title = index$2.translate(field.title || field.name.toUpperCase());
     if (title.startsWith('%') && title.endsWith('%')) {
-      title = overlays.translateMulti(title);
+      title = index$2.translateMulti(title);
     }
     if (filtersHelpers.filterIsAutocompleteLocal(field)) {
       return (index.h("div", { class: "filter-container" }, index.h("div", { class: "menu-title" }, name ? index.h("div", { class: "title" }, title) : null), index.h("ul", { class: "menu" }, this.renderMenuItem(field.values, field, 'autocomplete'))));
@@ -234,7 +234,7 @@ const YooEntitySearchFiltersComponent = class {
     filtersHelpers.filterCleanupNewField(newField);
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, this.header && this.hasFilters() ? index.h("div", { class: "heading" }, overlays.translate(this.header)) : null, this.fields ? this.renderAllAutocomplete(this.fields) : null, this.fields ? this.fields.filter((f) => !filtersHelpers.filterIsAutocomplete(f)).map((field) => this.renderUl(field)) : null));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, this.header && this.hasFilters() ? index.h("div", { class: "heading" }, index$2.translate(this.header)) : null, this.fields ? this.renderAllAutocomplete(this.fields) : null, this.fields ? this.fields.filter((f) => !filtersHelpers.filterIsAutocomplete(f)).map((field) => this.renderUl(field)) : null));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-entity-search-recent.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 YooEntitySearchRecentComponent = class {
     this.values = values;
   }
   componentWillLoad() {
-    this.clearText = overlays.translate('CLEAR');
+    this.clearText = index$1.translate('CLEAR');
   }
   onClear() {
     this.clear.emit(true);
@@ -35,7 +35,7 @@ const YooEntitySearchRecentComponent = class {
     return (index.h("li", { class: "menu-item", onClick: (ev) => this.onSelect(ev, value) }, value));
   }
   render() {
-    return index.h("div", { class: "outer-container" }, this.header && this.values && this.values.length > 0 ? (index.h("div", { class: "menu-title" }, index.h("div", { class: "title" }, overlays.translate(this.header)), index.h("div", { class: "clear", onClick: () => this.onClear() }, this.clearText))) : null, this.values && this.values.length > 0 ? (index.h("ul", { class: "menu" }, this.values.map((value) => {
+    return index.h("div", { class: "outer-container" }, this.header && this.values && this.values.length > 0 ? (index.h("div", { class: "menu-title" }, index.h("div", { class: "title" }, index$1.translate(this.header)), index.h("div", { class: "clear", onClick: () => this.onClear() }, this.clearText))) : null, this.values && this.values.length > 0 ? (index.h("ul", { class: "menu" }, this.values.map((value) => {
       return this.renderLi(value);
     }))) : null);
   }

package/dist/cjs/yoo-entity-search-sorts.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -86,18 +86,18 @@ const YooEntitySearchSortsComponent = class {
     return this.fields && this.fields.some((s) => s.sortable);
   }
   renderLi(field) {
-    const index$1 = this.sorts.findIndex((s) => s.colId === field.name);
-    const icon = index$1 > -1 ? this.getIcon(this.sorts[index$1].sort) : null;
-    const iconColor = index$1 > -1 ? this.getIconColor(this.sorts[index$1].sort) : null;
+    const index$2 = this.sorts.findIndex((s) => s.colId === field.name);
+    const icon = index$2 > -1 ? this.getIcon(this.sorts[index$2].sort) : null;
+    const iconColor = index$2 > -1 ? this.getIconColor(this.sorts[index$2].sort) : null;
     if (!field.sortable) {
       return null;
     }
-    let title = overlays.translate(field.title || field.name.toUpperCase());
+    let title = index$1.translate(field.title || field.name.toUpperCase());
     if (title.startsWith('%') && title.endsWith('%')) {
-      title = overlays.translateMulti(title);
+      title = index$1.translateMulti(title);
     }
     return [
-      index.h("li", { class: "menu-item", onClick: () => this.onSort(field) }, index.h("div", { class: "text" }, title), index$1 > -1 && !field.allowOneSortOnly ? index.h("yoo-badge", { color: "app-color", text: (index$1 + 1).toString() }) : null, icon && index.h("yoo-icon", { name: icon, color: iconColor })),
+      index.h("li", { class: "menu-item", onClick: () => this.onSort(field) }, index.h("div", { class: "text" }, title), index$2 > -1 && !field.allowOneSortOnly ? index.h("yoo-badge", { color: "app-color", text: (index$2 + 1).toString() }) : null, icon && index.h("yoo-icon", { name: icon, color: iconColor })),
       index.h("div", { class: "border" })
     ];
   }
@@ -105,7 +105,7 @@ const YooEntitySearchSortsComponent = class {
     return this.fields.map((field) => this.renderLi(field));
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "outer-container" }, this.header && this.hasSorts() ? index.h("div", { class: "heading" }, overlays.translate(this.header)) : null, this.fields ? index.h("ul", { class: "menu" }, this.renderFields()) : null)));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "outer-container" }, this.header && this.hasSorts() ? index.h("div", { class: "heading" }, index$1.translate(this.header)) : null, this.fields ? index.h("ul", { class: "menu" }, this.renderFields()) : null)));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-entity-search-tags.cjs.entry.js

@@ -3,10 +3,10 @@
 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 overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -56,7 +56,7 @@ const YooEntitySearchTagsComponent = class {
     this.filterAdvanced.emit(true);
   }
   renderLi(item) {
-    return (index.h("yoo-tag", { onClick: (ev) => this.onSelect(ev, item), class: "menu-item", size: "medium", color: this.isSelected(item) ? 'app-color-10' : 'stable-light' }, overlays.translateMulti(item.tag)));
+    return (index.h("yoo-tag", { onClick: (ev) => this.onSelect(ev, item), class: "menu-item", size: "medium", color: this.isSelected(item) ? 'app-color-10' : 'stable-light' }, index$1.translateMulti(item.tag)));
   }
   renderSelectedOrUnselectedTags(renderSelected) {
     return this.tags
@@ -75,7 +75,7 @@ const YooEntitySearchTagsComponent = class {
     }
     return index.h(index.Host, { class: {
         'swiper-no-swiping': true,
-        'no-animation': overlays.isAnimationsDisabled(),
+        'no-animation': index$1.isAnimationsDisabled(),
         ...commonHelpers.getAppContext(this.host)
       } }, index.h("div", { class: {
         'outer-container': true,
@@ -86,7 +86,7 @@ const YooEntitySearchTagsComponent = class {
       } }, this.tags ? ([
       !this.hideAdvancedFilters
         ?
-          index.h("yoo-button", { onClick: () => this.onFilterAdvanced(), fill: !overlays.isWeb(this.host) && this.hideTags ? 'transparent' : 'solid', color: !overlays.isWeb(this.host) && this.hideTags ? 'stable' : 'stable-light', shape: overlays.isWeb(this.host) && !this.expandedTags || filterCount > 0 ? 'rectangular' : 'circular' }, index.h("yoo-icon", { name: "filter", slot: filterCount > 0 ? 'start' : null, size: !overlays.isWeb(this.host) && this.hideTags ? 'medium' : 'small', color: !overlays.isWeb(this.host) && this.hideTags ? 'stable' : null }), filterCount > 0 && index.h("yoo-badge", { color: "app-color", slot: this.hideTags ? null : 'end', class: { 'count': true, 'floating': this.hideTags, 'mobile': this.hideTags }, text: `${filterCount}` }))
+          index.h("yoo-button", { onClick: () => this.onFilterAdvanced(), fill: !index$1.isWeb(this.host) && this.hideTags ? 'transparent' : 'solid', color: !index$1.isWeb(this.host) && this.hideTags ? 'stable' : 'stable-light', shape: index$1.isWeb(this.host) && !this.expandedTags || filterCount > 0 ? 'rectangular' : 'circular' }, index.h("yoo-icon", { name: "filter", slot: filterCount > 0 ? 'start' : null, size: !index$1.isWeb(this.host) && this.hideTags ? 'medium' : 'small', color: !index$1.isWeb(this.host) && this.hideTags ? 'stable' : null }), filterCount > 0 && index.h("yoo-badge", { color: "app-color", slot: this.hideTags ? null : 'end', class: { 'count': true, 'floating': this.hideTags, 'mobile': this.hideTags }, text: `${filterCount}` }))
         : index.h("div", { class: "button-spacer" }),
       index.h("yoo-ion-scroll", { class: { horizontal: true, relative: this.host.classList.contains('relative-scroll') } }, index.h("div", { class: "button-spacer" }), this.renderSelectedOrUnselectedTags(true), this.renderSelectedOrUnselectedTags(false), index.h("div", { class: "button-spacer right" }))
     ]) : (index.h("div", { class: "placeholder" }))));