@yoobic/yobi 8.5.0-2 → 8.5.0-20

package/dist/collection/components/entities/entity-query-builder/entity-query-builder.js

@@ -1,6 +1,6 @@
 import { FormFieldType } from '@shared/interfaces';
 import { getAuthentication, getSession, getUUID, isPresent, isWeb, showActionSheet, translate } from '@shared/utils';
-import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
+import { forceUpdate, h, Host } from '@stencil/core';
 import { cloneDeep, findIndex, flatten, sum } from 'lodash-es';
 import { filterFromFormField, filterIsAutocomplete, filterIsAutocompleteLocal, filterIsBoolean, filterIsDate, filterIsNumber, filterIsRadio, filterIsSegement, filterIsText, filterRenderFormDynamic, mapCustomViewToButton } from '../../../utils/helpers/filters-helpers';
 export class YooEntityQueryBuilderComponent {
@@ -34,9 +34,9 @@ export class YooEntityQueryBuilderComponent {
     this.isOpen = false;
   }
   handleClick(ev) {
-    var _a, _b;
+    var _a;
     const node = ev.target;
-    if (this.isOpen && this.floating && ((_a = this.host) === null || _a === void 0 ? void 0 : _a.contains(node)) === false && ((_b = node) === null || _b === void 0 ? void 0 : _b.floatingFilters) !== true && node.classList.contains('sc-yoo-modal') === false) {
+    if (this.isOpen && this.floating && ((_a = this.host) === null || _a === void 0 ? void 0 : _a.contains(node)) === false && (node === null || node === void 0 ? void 0 : node.floatingFilters) !== true && node.classList.contains('sc-yoo-modal') === false) {
       this.isOpen = false;
     }
   }
@@ -276,6 +276,7 @@ export class YooEntityQueryBuilderComponent {
   }
   onClear() {
     this.values = this.getDefaultValues();
+    this.advancedSegments = [];
     if (this.floating) {
       if (this.customView) {
         this.customViewReset.emit(this.customView);
@@ -300,6 +301,10 @@ export class YooEntityQueryBuilderComponent {
     }
     return (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: translate('YOOBICSORT'), onInputChanged: (ev) => this.onSortChange(ev), onFetchData: (ev) => ev.stopPropagation(), forceHideSearch: true }));
   }
+  renderFiltersHeader() {
+    const count = this.getActiveFiltersCount();
+    return h("div", { class: "filters-header" }, h("div", { class: "counter" }, translate('YOOBICFILTERSAPPLIED', { smart_count: count })), h("div", { class: "clear-all" }, count > 0 && h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", onClick: () => this.onClear() }, translate('CLEARALL'))));
+  }
   renderFilters() {
     var _a, _b;
     if ((_a = this.model) === null || _a === void 0 ? void 0 : _a.fields) {
@@ -321,17 +326,11 @@ export class YooEntityQueryBuilderComponent {
           const contentButtons = this.getContextMenuButtons(index);
           const finalData = { ...data, operator: operatorValue };
           return [
-            h("yoo-form-dynamic", { class: "inline inline-row inline-row-narrow transparent fill-width", ref: (el) => (this.formFiltersAdvanced[index] = 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), onFieldFetchData: (ev) => this.onFieldFetchDataAdvanced(ev, index), onFieldFetchCustomData: (ev) => this.onFieldFetchCustomDataAdvanced(ev, index), onFieldRemoved: (ev) => this.onRemoveFormFieldFromAdvancedSegment(ev, index), onFormValidityChanged: (ev) => ev.stopPropagation(), onDataChanged: (ev) => ev.stopPropagation() },
-              !this.readonly && isWeb(this.host) && h("yoo-context-menu", { contentButtons: contentButtons, placement: "below", slot: "end" },
-                h("yoo-button", { color: "app-color", class: "margin-right", shape: "square", size: this.size || 'medium' },
-                  h("yoo-icon", { color: "light", name: "plus", class: "add", size: "small" }))),
-              !this.readonly && !isWeb(this.host) && h("yoo-button", { slot: "end", onClick: () => showActionSheet(contentButtons), color: "app-color", class: "margin-right", shape: "square", size: this.size || 'medium' },
-                h("yoo-icon", { color: "light", name: "plus", class: "add", size: "small" }))),
-            this.advancedSegments.length > 1 && index < this.advancedSegments.length - 1 && (h("yoo-form-input-container", { class: "operator", field: { hideLabel: true }, hideOptional: true },
-              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' }
-                ], displayType: "card-list", onFetchData: (ev) => ev.stopPropagation(), onInputChanged: (ev) => this.onAdvancedOperatorChange(ev), size: this.size || 'medium', color: "transparent" })))
+            h("yoo-form-dynamic", { class: "inline inline-row inline-row-narrow transparent fill-width", ref: (el) => (this.formFiltersAdvanced[index] = 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), onFieldFetchData: (ev) => this.onFieldFetchDataAdvanced(ev, index), onFieldFetchCustomData: (ev) => this.onFieldFetchCustomDataAdvanced(ev, index), onFieldRemoved: (ev) => this.onRemoveFormFieldFromAdvancedSegment(ev, index), onFormValidityChanged: (ev) => ev.stopPropagation(), onDataChanged: (ev) => ev.stopPropagation() }, !this.readonly && isWeb(this.host) && h("yoo-context-menu", { contentButtons: contentButtons, placement: "below", slot: "end" }, h("yoo-button", { color: "app-color", class: "margin-right", shape: "square", size: this.size || 'medium' }, h("yoo-icon", { color: "light", name: "plus", class: "add", size: "small" }))), !this.readonly && !isWeb(this.host) && h("yoo-button", { slot: "end", onClick: () => showActionSheet(contentButtons), color: "app-color", class: "margin-right", shape: "square", size: this.size || 'medium' }, h("yoo-icon", { color: "light", name: "plus", class: "add", size: "small" }))),
+            this.advancedSegments.length > 1 && index < this.advancedSegments.length - 1 && (h("yoo-form-input-container", { class: "operator", field: { hideLabel: true }, hideOptional: true }, 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' }
+              ], displayType: "card-list", onFetchData: (ev) => ev.stopPropagation(), onInputChanged: (ev) => this.onAdvancedOperatorChange(ev), size: this.size || 'medium', color: "transparent" })))
           ];
         }
       });
@@ -340,8 +339,7 @@ export class YooEntityQueryBuilderComponent {
   renderFormToggle() {
     if (this.isSelectAllToggled) {
       return [
-        h("yoo-tooltip", { content: translate('UNTOGGLETOSHOWSELECTEDONLY'), hoverable: true, placement: "bottom" },
-          h("yoo-form-toggle", { class: "readonly-toggle-selected stable", size: "medium", readonly: true, header: translate('SHOWSELECTIONNLY'), value: this.isToggleSelected, onInputChanged: (ev) => this.onToggleSelected(ev) }))
+        h("yoo-tooltip", { content: translate('UNTOGGLETOSHOWSELECTEDONLY'), hoverable: true, placement: "bottom" }, h("yoo-form-toggle", { class: "readonly-toggle-selected stable", size: "medium", readonly: true, header: translate('SHOWSELECTIONNLY'), value: this.isToggleSelected, onInputChanged: (ev) => this.onToggleSelected(ev) }))
       ];
     }
     else {
@@ -355,13 +353,9 @@ export class YooEntityQueryBuilderComponent {
     if ((_a = this.model) === null || _a === void 0 ? void 0 : _a.fields) {
       const contentButtons = this.getContextMenuButtons();
       return [
-        !this.readonly && isWeb(this.host) && h("yoo-context-menu", { contentButtons: contentButtons, placement: "below", class: { 'no-margin': !this.advancedSegments || this.advancedSegments.length <= 0 }, tooltipContent: this.disabled ? translate('AUDIENCESTOREQUERYACTIVEFILTER') : '', disabled: this.disabled },
-          h("yoo-button", { color: "app-color", class: "add-filter", size: this.size },
-            h("yoo-icon", { name: "plus", color: "light", slot: "start", size: "small" }),
-            translate('ADDFILTER'))),
+        !this.readonly && isWeb(this.host) && h("yoo-context-menu", { contentButtons: contentButtons, placement: "below", class: { 'no-margin': !this.advancedSegments || this.advancedSegments.length <= 0 }, tooltipContent: this.disabled ? translate('AUDIENCESTOREQUERYACTIVEFILTER') : '', disabled: this.disabled }, h("yoo-button", { color: "app-color", class: "add-filter", size: this.size }, h("yoo-icon", { name: "plus", color: "light", slot: "start", size: "small" }), translate('ADDFILTER'))),
         !this.readonly && !isWeb(this.host) &&
-          h("yoo-button", { color: "app-color", class: "add-filter", onClick: () => showActionSheet(contentButtons), size: this.size },
-            h("yoo-icon", { name: "plus", color: "light", size: "small" })),
+          h("yoo-button", { color: "app-color", class: "add-filter", onClick: () => showActionSheet(contentButtons), size: this.size }, h("yoo-icon", { name: "plus", color: "light", size: "small" })),
         this.renderAdvancedFiltersSegments()
       ];
     }
@@ -369,19 +363,10 @@ export class YooEntityQueryBuilderComponent {
   renderHeader() {
     const hasFilters = this.hasFilterFields();
     const count = this.getActiveFiltersCount();
-    return (h("div", { class: { container: true, expanded: this.isOpen && !this.alwaysShow } },
-      h("slot", { name: "before" }),
-      hasFilters && !this.alwaysShow && [
-        h("yoo-button", { class: "margin-left filters", 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 },
-          h("yoo-icon", { name: "filter", color: this.isOpen && !this.floating ? 'light' : 'stable', slot: "start", size: this.floating ? 'medium' : 'small' }),
-          !this.floating && translate('FILTERS'),
-          count > 0 && (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()
-      ],
-      h("span", { class: "flex" },
-        h("slot", { name: "before-sort" })),
-      this.hasSorts() && !this.hideSorts && this.renderSorts(),
-      h("slot", null)));
+    return (h("div", { class: { container: true, expanded: this.isOpen && !this.alwaysShow } }, h("slot", { name: "before" }), hasFilters && !this.alwaysShow && [
+      h("yoo-button", { class: "margin-left filters", 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 }, h("yoo-icon", { name: "filter", color: this.isOpen && !this.floating ? 'light' : 'stable', slot: "start", size: this.floating ? 'medium' : 'small' }), !this.floating && translate('FILTERS'), count > 0 && !this.isOpen && (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()
+    ], h("span", { class: "flex" }, h("slot", { name: "before-sort" })), this.hasSorts() && !this.hideSorts && this.renderSorts(), h("slot", null)));
   }
   renderDialogHeader() {
     var _a;
@@ -401,582 +386,585 @@ export class YooEntityQueryBuilderComponent {
     }))) || [];
     const count = this.getActiveFiltersCount();
     return [
-      (customViewsButtons === null || customViewsButtons === void 0 ? void 0 : customViewsButtons.length) > 0 && (h("yoo-context-menu", { contentButtons: customViewsButtons, placement: "right", class: "customview-menu width-unset" },
-        h("div", { class: "header width-auto" },
-          h("div", { class: { title: true, 'app-color': !!this.customView } }, translate('SAVEDFILTERS')),
-          h("yoo-icon", { name: "right-web", color: "stable", size: "medium" })))),
-      h("div", { class: "header" },
-        h("div", { class: "title" }, translate('FILTERS', { count })),
-        h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", disabled: !this.isDirty && !(count > 0), onClick: () => this.onClear() }, translate('CLEARALL')))
+      (customViewsButtons === null || customViewsButtons === void 0 ? void 0 : customViewsButtons.length) > 0 && (h("yoo-context-menu", { contentButtons: customViewsButtons, placement: "right", class: "customview-menu width-unset" }, h("div", { class: "header width-auto" }, h("div", { class: { title: true, 'app-color': !!this.customView } }, translate('SAVEDFILTERS')), h("yoo-icon", { name: "right-web", color: "stable", size: "medium" })))),
+      h("div", { class: "header" }, h("div", { class: "title" }, translate('FILTERS', { count })), h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", disabled: !this.isDirty && !(count > 0), onClick: () => this.onClear() }, translate('CLEARALL')))
     ];
   }
   renderDialogFooter() {
     return [
-      h("div", { class: "footer" },
-        this.customViewsId && (h("yoo-button", { size: "small", fill: "solid", class: "flex", color: "light", disabled: !this.isDirty && !!this.customView, onClick: () => this.onSaveCustomView(this.customView, !this.customView) }, translate(this.customView ? 'SAVEANDAPPLY' : 'SAVE'))),
-        h("yoo-button", { color: "app-color", fill: "solid", size: "small", class: "flex", disabled: !this.isDirty, onClick: () => this.onEmitValues(true) }, translate('YOOBICAPPLY'))),
+      h("div", { class: "footer" }, this.customViewsId && (h("yoo-button", { size: "small", fill: "solid", class: "flex", color: "light", disabled: !this.isDirty && !!this.customView, onClick: () => this.onSaveCustomView(this.customView, !this.customView) }, translate(this.customView ? 'SAVEANDAPPLY' : 'SAVE'))), h("yoo-button", { color: "app-color", fill: "solid", size: "small", class: "flex", disabled: !this.isDirty, onClick: () => this.onEmitValues(true) }, translate('YOOBICAPPLY'))),
       this.customView && (h("div", { class: "subfooter", onClick: () => this.onSaveCustomView(null, true) }, translate('SAVEASNEWVIEW')))
     ];
   }
   renderBody() {
     return [
-      h("div", { class: { 'filters-container': true, disabled: this.disabled, advanced: this.finalShowAdvancedQueryBuilder, open: this.isOpen || this.alwaysShow } },
-        this.floating && this.renderDialogHeader(),
-        !this.finalShowAdvancedQueryBuilder && this.renderFilters(),
-        this.finalShowAdvancedQueryBuilder && this.renderAdvancedFilters(),
-        this.floating && this.renderDialogFooter())
+      h("div", { class: { 'filters-container': true, disabled: this.disabled, advanced: this.finalShowAdvancedQueryBuilder, open: this.isOpen || this.alwaysShow } }, this.floating && this.renderDialogHeader(), !this.floating && this.renderFiltersHeader(), !this.finalShowAdvancedQueryBuilder && this.renderFilters(), this.finalShowAdvancedQueryBuilder && this.renderAdvancedFilters(), this.floating && this.renderDialogFooter())
     ];
   }
   render() {
-    return (h(Host, { class: { floating: this.floating }, dir: document.dir },
-      this.renderHeader(),
-      this.renderBody()));
+    return (h(Host, { class: { floating: this.floating }, dir: document.dir }, this.renderHeader(), this.renderBody()));
   }
   static get is() { return "yoo-entity-query-builder"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["entity-query-builder.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["entity-query-builder.css"]
-  }; }
-  static get properties() { return {
-    "hideSorts": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-sorts",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false
-    },
-    "extraClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "extra-class",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "isToggleSelected": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-toggle-selected",
-      "reflect": false
-    },
-    "isSelectAllToggled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-select-all-toggled",
-      "reflect": false
-    },
-    "showSelectionOnlyToggle": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-selection-only-toggle",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "includeSessionValues": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "include-session-values",
-      "reflect": false
-    },
-    "isOpen": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-open",
-      "reflect": false
-    },
-    "showAdvancedQueryBuilder": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-advanced-query-builder",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "values": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "ISortsAndFilters",
-        "resolved": "ISortsAndFilters",
-        "references": {
-          "ISortsAndFilters": {
-            "location": "import",
-            "path": "@shared/interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["entity-query-builder.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["entity-query-builder.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "hideSorts": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-sorts",
+        "reflect": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
+      },
+      "extraClass": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "extra-class",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "isToggleSelected": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-toggle-selected",
+        "reflect": false
+      },
+      "isSelectAllToggled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-select-all-toggled",
+        "reflect": false
+      },
+      "showSelectionOnlyToggle": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-selection-only-toggle",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "includeSessionValues": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "include-session-values",
+        "reflect": false
+      },
+      "isOpen": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-open",
+        "reflect": false
+      },
+      "showAdvancedQueryBuilder": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-advanced-query-builder",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "values": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "ISortsAndFilters",
+          "resolved": "ISortsAndFilters",
+          "references": {
+            "ISortsAndFilters": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "model": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IAppSearchTab",
-        "resolved": "IAppSearchTab",
-        "references": {
-          "IAppSearchTab": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "model": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IAppSearchTab",
+          "resolved": "IAppSearchTab",
+          "references": {
+            "IAppSearchTab": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "customViewsId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "custom-views-id",
-      "reflect": false
-    },
-    "customView": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ICustomView",
-        "resolved": "ICustomView",
-        "references": {
-          "ICustomView": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "customViewsId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "custom-views-id",
+        "reflect": false
+      },
+      "customView": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ICustomView",
+          "resolved": "ICustomView",
+          "references": {
+            "ICustomView": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "customViews": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ICustomView[]",
-        "resolved": "ICustomView[]",
-        "references": {
-          "ICustomView": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "customViews": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ICustomView[]",
+          "resolved": "ICustomView[]",
+          "references": {
+            "ICustomView": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "floating": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "floating",
+        "reflect": false
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TBaseSize",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {
+            "TBaseSize": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false
+      },
+      "alwaysShow": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "always-show",
+        "reflect": false
+      },
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "readonly",
+        "reflect": false
       }
-    },
-    "floating": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "floating",
-      "reflect": false
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TBaseSize",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "TBaseSize": {
-            "location": "import",
-            "path": "@shared/interfaces"
+    };
+  }
+  static get states() {
+    return {
+      "advancedSegments": {},
+      "isDirty": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "fieldFetchData",
+        "name": "fieldFetchData",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IFormSearch",
+          "resolved": "IFormSearch",
+          "references": {
+            "IFormSearch": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false
-    },
-    "alwaysShow": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "always-show",
-      "reflect": false
-    },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "advancedSegments": {},
-    "isDirty": {}
-  }; }
-  static get events() { return [{
-      "method": "fieldFetchData",
-      "name": "fieldFetchData",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "IFormSearch",
-        "resolved": "IFormSearch",
-        "references": {
-          "IFormSearch": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      }, {
+        "method": "fieldFetchCustomData",
+        "name": "fieldFetchCustomData",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ field: IFormField; filters: any; form?: any }",
+          "resolved": "{ field: IFormField; filters: any; form?: any; }",
+          "references": {
+            "IFormField": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "fieldFetchCustomData",
-      "name": "fieldFetchCustomData",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ field: IFormField; filters: any; form?: any }",
-        "resolved": "{ field: IFormField; filters: any; form?: any; }",
-        "references": {
-          "IFormField": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      }, {
+        "method": "changed",
+        "name": "changed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ISortsAndFilters",
+          "resolved": "ISortsAndFilters",
+          "references": {
+            "ISortsAndFilters": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "changed",
-      "name": "changed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "ISortsAndFilters",
-        "resolved": "ISortsAndFilters",
-        "references": {
-          "ISortsAndFilters": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      }, {
+        "method": "toggled",
+        "name": "toggled",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         }
-      }
-    }, {
-      "method": "toggled",
-      "name": "toggled",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "toggleSelected",
-      "name": "toggleSelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "customViewSaved",
-      "name": "customViewSaved",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ view: ICustomView; showEditForm: boolean }",
-        "resolved": "{ view: ICustomView; showEditForm: boolean; }",
-        "references": {
-          "ICustomView": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      }, {
+        "method": "toggleSelected",
+        "name": "toggleSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         }
-      }
-    }, {
-      "method": "customViewLoaded",
-      "name": "customViewLoaded",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "ICustomView",
-        "resolved": "ICustomView",
-        "references": {
-          "ICustomView": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      }, {
+        "method": "customViewSaved",
+        "name": "customViewSaved",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ view: ICustomView; showEditForm: boolean }",
+          "resolved": "{ view: ICustomView; showEditForm: boolean; }",
+          "references": {
+            "ICustomView": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "customViewRemoved",
-      "name": "customViewRemoved",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "ICustomView",
-        "resolved": "ICustomView",
-        "references": {
-          "ICustomView": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      }, {
+        "method": "customViewLoaded",
+        "name": "customViewLoaded",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ICustomView",
+          "resolved": "ICustomView",
+          "references": {
+            "ICustomView": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "customViewReset",
-      "name": "customViewReset",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "ICustomView",
-        "resolved": "ICustomView",
-        "references": {
-          "ICustomView": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      }, {
+        "method": "customViewRemoved",
+        "name": "customViewRemoved",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ICustomView",
+          "resolved": "ICustomView",
+          "references": {
+            "ICustomView": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "reset": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }, {
+        "method": "customViewReset",
+        "name": "customViewReset",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ICustomView",
+          "resolved": "ICustomView",
+          "references": {
+            "ICustomView": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "reset": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "model",
-      "methodName": "onModelChanged"
-    }, {
-      "propName": "values",
-      "methodName": "onValuesChanged"
-    }, {
-      "propName": "showAdvancedQueryBuilder",
-      "methodName": "onShowAdvancedQueryBuilderChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleClick",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "model",
+        "methodName": "onModelChanged"
+      }, {
+        "propName": "values",
+        "methodName": "onValuesChanged"
+      }, {
+        "propName": "showAdvancedQueryBuilder",
+        "methodName": "onShowAdvancedQueryBuilderChanged"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleClick",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }