@yoobic/yobi 8.5.0-60 → 8.5.0-62

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

@@ -3,11 +3,11 @@
 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-7790c794.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const entitySearchDialogCss = "svg:not(:root){overflow:hidden}:host{display:block;width:100%}:host .spacer{height:5.75rem}:host .footer{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;width:100%;padding-top:1.25rem;padding-bottom:1.4rem;background-color:var(--light, #ffffff)}:host .content{display:block;-ms-flex:1;flex:1;min-height:9rem;overflow-x:hidden;overflow-y:auto;background:var(--light, #ffffff)}:host .content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.iphone-x) .spacer{height:calc(5.75rem + 45px)}:host(.web){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;max-height:100%;margin:auto !important;overflow:hidden;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:0.5rem}";
@@ -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

@@ -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$1 = require('./index-cb8276bc.js');
+require('./index-7790c794.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-0724ae60.js');
+const filtersHelpers = require('./filters-helpers-0c478887.js');
+const index$2 = require('./index-4cdf7949.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,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const entitySearchRecentCss = "svg:not(:root){overflow:hidden}:host .outer-container{padding:1rem;padding-top:2rem}:host .outer-container .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 .outer-container .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 .outer-container .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 .outer-container .menu .menu-item div .menu-item-title{width:100%;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .menu .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .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 .outer-container .menu-title{margin-top:0}:host .outer-container .menu-title .title,:host .outer-container .menu-title .clear{color:var(--text-color, #807f83);letter-spacing:0.0625rem}:host .outer-container .menu-title .clear{padding:0 0.5rem}:host .outer-container .menu-title .title{text-transform:uppercase}:host .outer-container .menu{color:var(--dark, #000000)}";
@@ -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,11 +3,11 @@
 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-7790c794.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const entitySearchSortsCss = "svg:not(:root){overflow:hidden}:host .outer-container{padding:1rem 1rem 0 1rem}:host .outer-container .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 .outer-container .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 .outer-container .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 .outer-container .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 .outer-container .menu .menu-item div .menu-item-title{width:100%;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .menu .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .menu .menu-item{cursor:pointer}:host .outer-container .menu .menu-item .text{-ms-flex:1;flex:1}:host .outer-container .menu .menu-item yoo-badge{margin:0 0.5rem}:host(.web) .outer-container{width:80%;max-width:500px;margin:auto}";
@@ -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,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const entitySearchTagsCss = "svg:not(:root){overflow:hidden}:host{--entity-search-shadow:none;width:100%}@-webkit-keyframes slideInRight{0%{margin-left:100px;opacity:0}100%{margin-left:0;opacity:1}}@keyframes slideInRight{0%{margin-left:100px;opacity:0}100%{margin-left:0;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;width:100% !important;height:1.825rem;padding-bottom:0.2rem}:host .outer-container .menu-item:nth-of-type(1){-webkit-animation-delay:0.0833333333s;animation-delay:0.0833333333s}:host .outer-container .menu-item:nth-of-type(2){-webkit-animation-delay:0.1666666667s;animation-delay:0.1666666667s}:host .outer-container .menu-item:nth-of-type(3){-webkit-animation-delay:0.25s;animation-delay:0.25s}:host .outer-container .menu-item:nth-of-type(4){-webkit-animation-delay:0.3333333333s;animation-delay:0.3333333333s}:host .outer-container .menu-item:nth-of-type(5){-webkit-animation-delay:0.4166666667s;animation-delay:0.4166666667s}:host .outer-container .menu-item:nth-of-type(6){-webkit-animation-delay:0.5s;animation-delay:0.5s}:host .outer-container .menu-item:nth-of-type(7){-webkit-animation-delay:0.5833333333s;animation-delay:0.5833333333s}:host .outer-container .menu-item:nth-of-type(8){-webkit-animation-delay:0.6666666667s;animation-delay:0.6666666667s}:host .outer-container .menu-item:nth-of-type(9){-webkit-animation-delay:0.75s;animation-delay:0.75s}:host .outer-container .menu-item:nth-of-type(10){-webkit-animation-delay:0.8333333333s;animation-delay:0.8333333333s}:host .outer-container.disabled{opacity:0.2 !important;pointer-events:none}:host .outer-container yoo-ion-scroll{min-height:2rem}:host .outer-container yoo-button{z-index:1;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}:host .outer-container.advanced-filters yoo-ion-scroll{--left-pos:var(--spacing-40, 2.5rem)}:host .outer-container.advanced-filters yoo-ion-scroll.rtl{--right-pos:var(--spacing-40, 2.5rem);--left-pos:0}:host .outer-container.advanced-filters-count yoo-ion-scroll{--left-pos:75px}:host .outer-container .button-spacer.right{min-width:1rem}:host .outer-container yoo-tag.menu-item{margin-right:var(--spacing-08, 0.5rem);cursor:pointer;-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}:host .outer-container .spacer{width:0.625rem;height:0;visibility:hidden}:host .outer-container.margin{margin:0 1rem}:host .outer-container .placeholder{width:100%;min-height:30px;background:var(--stable-light, #f1f1f1)}:host(.no-animation) .outer-container yoo-button{-webkit-animation:none;animation:none}:host(.no-animation) .outer-container .menu-item{-webkit-animation:none;animation:none}:host(.web) .outer-container{height:var(--spacing-40, 2.5rem)}:host(.mobile) .outer-container.margin{margin:0}:host(.mobile) .outer-container.margin .placeholder{display:none}@-webkit-keyframes slideInLeft{0%{margin-right:100px;opacity:0}100%{margin-right:0;opacity:1}}@keyframes slideInLeft{0%{margin-right:100px;opacity:0}100%{margin-right:0;opacity:1}}:host(.rtl) .outer-container yoo-tag.menu-item{margin-right:0;margin-left:var(--spacing-08, 0.5rem);-webkit-animation-name:slideInLeft;animation-name:slideInLeft}";
@@ -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" }))));

package/dist/cjs/yoo-entity-search.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 lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const entitySearchCss = "svg:not(:root){overflow:hidden}:host{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}:host yoo-navbar{--top-container-padding:0.75rem var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .content yoo-ion-slides,:host yoo-ion-content yoo-ion-slides{position:absolute;top:0;right:0;bottom:0;left:0}:host .content .toolbar,:host yoo-ion-content .toolbar{margin-left:1rem;padding-top:1rem}:host .content yoo-grid.general,:host yoo-ion-content yoo-grid.general{margin-top:1rem}:host .content yoo-grid.general.framed,:host yoo-ion-content yoo-grid.general.framed{height:initial}:host .empty-state{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100%}:host .empty-state yoo-empty-state{height:6.25rem}:host .empty-state div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);text-align:center}:host .content{height:100%}:host yoo-grid.empty{height:100%}:host(.web) .content{height:auto}";
@@ -36,9 +36,9 @@ const YooEntitySearchComponent = class {
       { name: 'plans', order: 7 },
       { name: 'questions', order: 8 }
     ];
-    this.onKeyboardWillShow = overlays.debounce((event) => {
+    this.onKeyboardWillShow = index$1.debounce((event) => {
       var _a;
-      if (!overlays.isAndroid() && ((_a = event === null || event === void 0 ? void 0 : event.detail) === null || _a === void 0 ? void 0 : _a.keyboardHeight)) {
+      if (!index$1.isAndroid() && ((_a = event === null || event === void 0 ? void 0 : event.detail) === null || _a === void 0 ? void 0 : _a.keyboardHeight)) {
         this.host.setAttribute('style', `padding-bottom: ${event.detail.keyboardHeight}px;`);
       }
     }, 500);
@@ -90,32 +90,32 @@ const YooEntitySearchComponent = class {
     }
   }
   componentWillLoad() {
-    this.tabs = this.config.map((c) => ({ title: c.title || overlays.translate(c.collectionName.toUpperCase()), value: c.id }));
+    this.tabs = this.config.map((c) => ({ title: c.title || index$1.translate(c.collectionName.toUpperCase()), value: c.id }));
     this.refreshers = {};
     this.grids = {};
     this.currentTagsSelected = {};
     this.currentSortsAndFilters = {};
-    overlays.disableKeyboardResize();
+    index$1.disableKeyboardResize();
   }
   componentDidLoad() {
     this.currentTagsSelected = {};
     this.currentSortsAndFilters = {};
-    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);
     }
-    overlays.enableKeyboardResize();
+    index$1.enableKeyboardResize();
   }
   onKeyboardWillHide() {
-    if (!overlays.isAndroid()) {
+    if (!index$1.isAndroid()) {
       this.host.setAttribute('style', 'padding-bottom: 0px;');
     }
   }
@@ -173,7 +173,7 @@ const YooEntitySearchComponent = class {
       this.fieldFetchData.emit(ev.detail);
     };
     modal.addEventListener('fieldFetchData', fieldFetchDataListener);
-    overlays.showModal(modal).then((ret) => {
+    index$1.showModal(modal).then((ret) => {
       if (modal) {
         modal.removeEventListener('fieldFetchData', fieldFetchDataListener);
         modal = null;
@@ -228,10 +228,10 @@ const YooEntitySearchComponent = class {
     this.refresh();
   }
   onContentScrolled() {
-    overlays.hideKeyboard();
+    index$1.hideKeyboard();
   }
   renderHeader() {
-    return (index.h("yoo-header", null, index.h("yoo-navbar", { centerTitle: false, class: "no-shadow" }, index.h("yoo-form-input", { debounce: 1200, value: this.currentSearch, class: "search", iconPrefix: "search", size: "medium", hideOptional: true, forceValueUpdate: true, onInputChanged: (ev) => this.onInputChanged(ev), placeholder: overlays.translate('SEARCH') }), index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: overlays.isWeb(this.host) ? 'text-color' : 'app-color', fill: "transparent", shape: overlays.isWeb(this.host) ? 'circular' : 'rectangular', animated: !overlays.isWeb(this.host), rippleType: overlays.isWeb(this.host) ? 'unbounded' : 'bounded', onClick: () => this.onCancel() }, overlays.isWeb(this.host) ? index.h("yoo-icon", { name: "close" }) : overlays.translate('CANCEL'))), index.h("yoo-tabs", { slot: "content", ref: (el) => this.tabsElement = el, tabs: this.tabs, initialIndex: this.initialSlide, onTabSelected: (ev) => this.onTabSelected(ev) }))));
+    return (index.h("yoo-header", null, index.h("yoo-navbar", { centerTitle: false, class: "no-shadow" }, index.h("yoo-form-input", { debounce: 1200, value: this.currentSearch, class: "search", iconPrefix: "search", size: "medium", hideOptional: true, forceValueUpdate: true, onInputChanged: (ev) => this.onInputChanged(ev), placeholder: index$1.translate('SEARCH') }), index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: index$1.isWeb(this.host) ? 'text-color' : 'app-color', fill: "transparent", shape: index$1.isWeb(this.host) ? 'circular' : 'rectangular', animated: !index$1.isWeb(this.host), rippleType: index$1.isWeb(this.host) ? 'unbounded' : 'bounded', onClick: () => this.onCancel() }, index$1.isWeb(this.host) ? index.h("yoo-icon", { name: "close" }) : index$1.translate('CANCEL'))), index.h("yoo-tabs", { slot: "content", ref: (el) => this.tabsElement = el, tabs: this.tabs, initialIndex: this.initialSlide, onTabSelected: (ev) => this.onTabSelected(ev) }))));
   }
   renderBody() {
     let generalDataCount = 0;
@@ -241,10 +241,10 @@ const YooEntitySearchComponent = class {
     return (index.h("yoo-ion-content", { class: "bg-light", scrollEnabled: false }, index.h("yoo-ion-slides", { class: "entity-search-display", ref: (el) => (this.ionSlides = el), initialSlide: this.initialSlide, onIonSlideDidChange: () => this.onIonSlideDidChange(), options: { autoplay: false } }, this.config
       ? this.config.map((t, i) => {
         var _a, _b;
-        return (index.h("yoo-ion-slide", null, index.h("yoo-ion-content", { scrollEvents: true, onIonScroll: () => this.onContentScrolled() }, index.h("div", { class: "content" }, t.collectionName && index.h("div", { class: "toolbar" }, index.h("yoo-entity-search-tags", { onFilterAdvanced: () => this.onShowFilterAdvanced(t), tags: t.tags, sortsAndFilters: this.currentSortsAndFilters ? this.currentSortsAndFilters[t.id] : null, hideAdvancedFilters: t.hideAdvancedFilters === true, onSelected: (ev) => this.onTagSelect(ev) })), index.h("yoo-ion-refresher", { ref: (el) => (this.refreshers[t.id] = el), slot: "fixed", onIonRefresh: () => this.onGridPullToRefresh(t), disabled: false }, index.h("yoo-ion-refresher-content", { pullingText: overlays.translate('PULLTOREFRESH') })), !this.generalData && index.h("yoo-grid", { ref: (el) => (this.grids[t.id] = el), class: "entity-search", hideHeader: true, hideEmptyState: ((_a = t.recents) === null || _a === void 0 ? void 0 : _a.length) > 0, isLocal: false, emptyState: t.emptyState || t.collectionName, entityType: t.collectionName, displayType: t.displayType || 'card-list', "attr-name": 'grid-' + i, isCollapsible: t.isCollapsible, onSelected: (ev) => this.onEntitySelect(ev, t), onFetchData: (ev) => this.onGridFetchData(ev), icons: t.icons, isLoading: this.isLoading, extraClass: t.extraClass }, !this.isLoading && ((_b = t.recents) === null || _b === void 0 ? void 0 : _b.length) > 0 ?
+        return (index.h("yoo-ion-slide", null, index.h("yoo-ion-content", { scrollEvents: true, onIonScroll: () => this.onContentScrolled() }, index.h("div", { class: "content" }, t.collectionName && index.h("div", { class: "toolbar" }, index.h("yoo-entity-search-tags", { onFilterAdvanced: () => this.onShowFilterAdvanced(t), tags: t.tags, sortsAndFilters: this.currentSortsAndFilters ? this.currentSortsAndFilters[t.id] : null, hideAdvancedFilters: t.hideAdvancedFilters === true, onSelected: (ev) => this.onTagSelect(ev) })), index.h("yoo-ion-refresher", { ref: (el) => (this.refreshers[t.id] = el), slot: "fixed", onIonRefresh: () => this.onGridPullToRefresh(t), disabled: false }, index.h("yoo-ion-refresher-content", { pullingText: index$1.translate('PULLTOREFRESH') })), !this.generalData && index.h("yoo-grid", { ref: (el) => (this.grids[t.id] = el), class: "entity-search", hideHeader: true, hideEmptyState: ((_a = t.recents) === null || _a === void 0 ? void 0 : _a.length) > 0, isLocal: false, emptyState: t.emptyState || t.collectionName, entityType: t.collectionName, displayType: t.displayType || 'card-list', "attr-name": 'grid-' + i, isCollapsible: t.isCollapsible, onSelected: (ev) => this.onEntitySelect(ev, t), onFetchData: (ev) => this.onGridFetchData(ev), icons: t.icons, isLoading: this.isLoading, extraClass: t.extraClass }, !this.isLoading && ((_b = t.recents) === null || _b === void 0 ? void 0 : _b.length) > 0 ?
           index.h("yoo-entity-search-recent", { slot: "emptystate", values: t.recents, onSelected: (ev) => this.onRecentSearchSelect(ev), onClear: () => this.onRecentClear(t) }) : null), this.generalData && generalDataCount > 0 && lodash.sortBy(lodash.keys(this.generalData), (name) => { var _a; return ((_a = this.generalOrder.find((o) => o.name === name)) === null || _a === void 0 ? void 0 : _a.order) || 10; }).map((collectionName) => {
           var _a, _b;
-          return this.generalData[collectionName] && this.generalData[collectionName].length > 0 && index.h("yoo-grid", { class: "entity-search general no-overlay", heading: collectionName === 'questions' ? overlays.translate('QUESTIONSANDARTICLES') : overlays.translate(collectionName.toUpperCase()), forceHeading: true, hideTotal: true, hideToolbar: true, hideEmptyState: ((_a = t.recents) === null || _a === void 0 ? void 0 : _a.length) > 0, isLocal: true, emptyState: collectionName, entityType: collectionName, displayType: "card-list", isFramed: true, onHeadingClicked: (ev) => this.onHeadingClicked(ev, t, collectionName), onSelected: (ev) => this.onEntitySelect(ev, t, collectionName), onFetchData: (ev) => this.onGridFetchData(ev), isLoading: this.isLoading, items: this.generalData[collectionName].slice(0, 10), showSeeAll: ((_b = this.generalData[collectionName]) === null || _b === void 0 ? void 0 : _b.length) >= 3 });
+          return this.generalData[collectionName] && this.generalData[collectionName].length > 0 && index.h("yoo-grid", { class: "entity-search general no-overlay", heading: collectionName === 'questions' ? index$1.translate('QUESTIONSANDARTICLES') : index$1.translate(collectionName.toUpperCase()), forceHeading: true, hideTotal: true, hideToolbar: true, hideEmptyState: ((_a = t.recents) === null || _a === void 0 ? void 0 : _a.length) > 0, isLocal: true, emptyState: collectionName, entityType: collectionName, displayType: "card-list", isFramed: true, onHeadingClicked: (ev) => this.onHeadingClicked(ev, t, collectionName), onSelected: (ev) => this.onEntitySelect(ev, t, collectionName), onFetchData: (ev) => this.onGridFetchData(ev), isLoading: this.isLoading, items: this.generalData[collectionName].slice(0, 10), showSeeAll: ((_b = this.generalData[collectionName]) === null || _b === void 0 ? void 0 : _b.length) >= 3 });
         }), this.generalData && !(generalDataCount > 0) && index.h("div", { class: "empty-state" }, index.h("yoo-empty-state", { type: "nodata" })), this.isLoading && index.h("yoo-loader", { class: "fixed backdrop", animated: this.animated, size: "large", text: "LOADING" })))));
       })
       : null)));