@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-entity-search.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');
 
@@ -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)));