@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-86600.1 → 0.0.0-bugfix-dev-KB-86904.0

package/dist/components/snk-crud.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { StringUtils, ElementIDUtils, ApplicationContext, KeyboardManager, JSUtils, FloatingManager } from '@sankhyalabs/core';
-import { T as TaskbarElement, d as defineCustomElement$4 } from './snk-taskbar2.js';
+import { StringUtils, ElementIDUtils, ApplicationContext, KeyboardManager } from '@sankhyalabs/core';
+import { T as TaskbarElement, d as defineCustomElement$5 } from './snk-taskbar2.js';
 import './DataFetcher.js';
 import { P as PresentationMode, E as ExporterStrategy } from './ISave.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
@@ -10,17 +10,22 @@ import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { V as VIEW_MODE } from './constants.js';
 import { A as AutorizationType } from './auth-fetcher.js';
-import { d as defineCustomElement$z } from './snk-actions-button2.js';
-import { d as defineCustomElement$y } from './snk-attach2.js';
-import { d as defineCustomElement$x } from './snk-config-options2.js';
-import { d as defineCustomElement$w } from './snk-configurator2.js';
-import { d as defineCustomElement$v } from './snk-data-exporter2.js';
-import { d as defineCustomElement$u } from './snk-data-unit2.js';
-import { d as defineCustomElement$c, a as defineCustomElement$t } from './snk-detail-view2.js';
-import { d as defineCustomElement$s } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$r } from './snk-expression-group2.js';
-import { d as defineCustomElement$q } from './snk-expression-item2.js';
-import { d as defineCustomElement$p } from './snk-field-config2.js';
+import { d as defineCustomElement$E } from './config-header2.js';
+import { d as defineCustomElement$D } from './configs-button2.js';
+import { d as defineCustomElement$C } from './field-config2.js';
+import { d as defineCustomElement$B } from './field-item2.js';
+import { d as defineCustomElement$A } from './fields-layout2.js';
+import { d as defineCustomElement$z } from './fields-selector2.js';
+import { d as defineCustomElement$y } from './guides-configurator2.js';
+import { d as defineCustomElement$x } from './snk-actions-button2.js';
+import { d as defineCustomElement$w } from './snk-attach2.js';
+import { d as defineCustomElement$v } from './snk-configurator2.js';
+import { d as defineCustomElement$u } from './snk-data-exporter2.js';
+import { d as defineCustomElement$t } from './snk-data-unit2.js';
+import { d as defineCustomElement$c, a as defineCustomElement$s } from './snk-detail-view2.js';
+import { d as defineCustomElement$r } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$q } from './snk-expression-group2.js';
+import { d as defineCustomElement$p } from './snk-expression-item2.js';
 import { d as defineCustomElement$o } from './snk-filter-advanced-mode2.js';
 import { d as defineCustomElement$n } from './snk-filter-assistent-mode2.js';
 import { d as defineCustomElement$m } from './snk-filter-bar2.js';
@@ -39,9 +44,9 @@ import { d as defineCustomElement$9 } from './snk-select-box2.js';
 import { d as defineCustomElement$8 } from './snk-simple-bar2.js';
 import { d as defineCustomElement$7 } from './snk-simple-crud2.js';
 import { d as defineCustomElement$6 } from './snk-simple-form-config2.js';
-import { d as defineCustomElement$5 } from './snk-tab-config2.js';
-import { d as defineCustomElement$3 } from './snk-view-representation2.js';
-import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
+import { d as defineCustomElement$4 } from './snk-view-representation2.js';
+import { d as defineCustomElement$3 } from './taskbar-actions-button2.js';
+import { d as defineCustomElement$2 } from './taskbar-split-button2.js';
 
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%}";
 
@@ -54,7 +59,6 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.viewModeChanged = createEvent(this, "viewModeChanged", 7);
-    this._keyDownHandler = async (event) => this.keyDownListener(event);
     this._viewHistory = [];
     this._customEditors = new Map();
     this._customRenders = new Map();
@@ -89,9 +93,9 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.ignoreReadOnlyFormFields = undefined;
     this.setCustomFormTitle = undefined;
     this.strategyExporter = ExporterStrategy.SERVER_SIDE;
-    this.paginationCounterMode = 'auto';
     this.layoutFormConfig = false;
     this.multipleEditionEnabled = true;
+    this.paginationCounterMode = 'auto';
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -299,7 +303,6 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   disconnectedCallback() {
     this.removeShortcuts();
-    window.removeEventListener("keydown", this._keyDownHandler);
   }
   async handleDataStateChange(evt) {
     var _a;
@@ -394,34 +397,12 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     this.configuratorCancel.emit();
   }
-  async keyDownListener(event) {
-    if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
-      return;
-    }
-    if (this._element == undefined) {
-      return;
-    }
-    if (JSUtils.isHiddenElement(this._element)) {
-      return;
-    }
-    FloatingManager.closeAll();
-    if (this._currentViewMode === VIEW_MODE.GRID) {
-      await this._snkGrid.findColumn();
-    }
-    else {
-      await this._guidesViewer.findField();
-    }
-    event.preventDefault();
-  }
-  connectedCallback() {
-    window.addEventListener("keydown", this._keyDownHandler, { capture: true });
-  }
   render() {
     if (this._resourceID == undefined) {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert);
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", { tabIndex: "0" }, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -454,9 +435,9 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "ignoreReadOnlyFormFields": [4, "ignore-read-only-form-fields"],
     "setCustomFormTitle": [16],
     "strategyExporter": [1025, "strategy-exporter"],
-    "paginationCounterMode": [1, "pagination-counter-mode"],
     "layoutFormConfig": [4, "layout-form-config"],
     "multipleEditionEnabled": [4, "multiple-edition-enabled"],
+    "paginationCounterMode": [1, "pagination-counter-mode"],
     "_dataUnit": [32],
     "_dataState": [32],
     "attachmentRegisterKey": [32],
@@ -479,64 +460,89 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "snk-actions-button", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-field-config", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-layout-form-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-tab-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button"];
+  const components = ["snk-crud", "config-header", "configs-button", "field-config", "field-item", "fields-layout", "fields-selector", "guides-configurator", "snk-actions-button", "snk-attach", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-layout-form-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkCrud$1);
       }
       break;
-    case "snk-actions-button":
+    case "config-header":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$E();
+      }
+      break;
+    case "configs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$D();
+      }
+      break;
+    case "field-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$C();
+      }
+      break;
+    case "field-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$B();
+      }
+      break;
+    case "fields-layout":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$A();
+      }
+      break;
+    case "fields-selector":
       if (!customElements.get(tagName)) {
         defineCustomElement$z();
       }
       break;
-    case "snk-attach":
+    case "guides-configurator":
       if (!customElements.get(tagName)) {
         defineCustomElement$y();
       }
       break;
-    case "snk-config-options":
+    case "snk-actions-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$x();
       }
       break;
-    case "snk-configurator":
+    case "snk-attach":
       if (!customElements.get(tagName)) {
         defineCustomElement$w();
       }
       break;
-    case "snk-data-exporter":
+    case "snk-configurator":
       if (!customElements.get(tagName)) {
         defineCustomElement$v();
       }
       break;
-    case "snk-data-unit":
+    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$u();
       }
       break;
-    case "snk-detail-view":
+    case "snk-data-unit":
       if (!customElements.get(tagName)) {
         defineCustomElement$t();
       }
       break;
-    case "snk-exporter-email-sender":
+    case "snk-detail-view":
       if (!customElements.get(tagName)) {
         defineCustomElement$s();
       }
       break;
-    case "snk-expression-group":
+    case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$r();
       }
       break;
-    case "snk-expression-item":
+    case "snk-expression-group":
       if (!customElements.get(tagName)) {
         defineCustomElement$q();
       }
       break;
-    case "snk-field-config":
+    case "snk-expression-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$p();
       }
@@ -636,22 +642,22 @@ function defineCustomElement$1() {
         defineCustomElement$6();
       }
       break;
-    case "snk-tab-config":
+    case "snk-taskbar":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }
       break;
-    case "snk-taskbar":
+    case "snk-view-representation":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "snk-view-representation":
+    case "taskbar-actions-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "taskbar-actions-button":
+    case "taskbar-split-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/{snk-config-options.d.ts → snk-default-filter.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface SnkConfigOptions extends Components.SnkConfigOptions, HTMLElement {}
-export const SnkConfigOptions: {
-  prototype: SnkConfigOptions;
-  new (): SnkConfigOptions;
+interface SnkDefaultFilter extends Components.SnkDefaultFilter, HTMLElement {}
+export const SnkDefaultFilter: {
+  prototype: SnkDefaultFilter;
+  new (): SnkDefaultFilter;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/snk-default-filter.js

@@ -0,0 +1,6 @@
+import { S as SnkDefaultFilter$1, d as defineCustomElement$1 } from './snk-default-filter2.js';
+
+const SnkDefaultFilter = SnkDefaultFilter$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkDefaultFilter, defineCustomElement };

package/dist/components/snk-default-filter2.js

@@ -0,0 +1,97 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+var ActionDefaultFilter;
+(function (ActionDefaultFilter) {
+  ActionDefaultFilter["EDIT"] = "edit";
+  ActionDefaultFilter["REMOVE"] = "remove";
+  ActionDefaultFilter["CREATE"] = "create";
+})(ActionDefaultFilter || (ActionDefaultFilter = {}));
+
+const snkDefaultFilterCss = ".sc-snk-default-filter-h{display:flex;justify-content:flex-end}.default_container.sc-snk-default-filter{border:none;background:none;display:flex;align-items:center;gap:var(--space--3xs, 4px);font-family:var(--font-pattern);color:var(--title--primary, #2b3a54);font-size:var(--text--medium, 14px);padding:0;outline:none}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter{cursor:pointer}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter:hover{color:var(--color--primary-600)}.new_filter.sc-snk-default-filter{cursor:pointer;margin:0 var(--space--3xs, 4px)}.new_filter.sc-snk-default-filter:hover{color:var(--color--primary-600)}";
+
+const SnkDefaultFilter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.actionSelected = createEvent(this, "actionSelected", 7);
+    this.OFFSET_HEIGHT = 5;
+    this.getMessage = undefined;
+    this.hasDefaultFilter = false;
+    this._opened = false;
+  }
+  repositionDropDown() {
+    if (!this._refIcon || !this._refDropdown) {
+      return;
+    }
+    const boundingIcon = this._refIcon.getBoundingClientRect();
+    const boundingDropDown = this._refDropdown.getBoundingClientRect();
+    this._refDropdown.style.top = (boundingIcon.y + boundingIcon.height + this.OFFSET_HEIGHT) + "px";
+    this._refDropdown.style.left = ((boundingIcon.x + (boundingIcon.width / 2)) - boundingDropDown.width) + "px";
+  }
+  toggleDropdown() {
+    this._opened = !this._opened;
+  }
+  closeDropdown(evt) {
+    const target = evt === null || evt === void 0 ? void 0 : evt.target;
+    if (!target) {
+      return;
+    }
+    if (!target.closest("#dropdown-parent-demo")) {
+      this._opened = false;
+    }
+  }
+  buildItems() {
+    return ([
+      {
+        id: ActionDefaultFilter.EDIT,
+        label: this.getMessage('defaultFilter.edit'),
+      },
+      {
+        id: ActionDefaultFilter.REMOVE,
+        label: this.getMessage('defaultFilter.remove'),
+      },
+    ]);
+  }
+  onValueSelected({ detail: item }) {
+    this._opened = false;
+    this.actionSelected.emit(item.id);
+  }
+  openCreateNewFilter() {
+    this.actionSelected.emit(ActionDefaultFilter.CREATE);
+  }
+  componentDidRender() {
+    this.repositionDropDown();
+  }
+  componentWillLoad() {
+    this._items = this.buildItems();
+    document.removeEventListener("scroll", this.repositionDropDown.bind(this));
+    document.addEventListener("scroll", this.repositionDropDown.bind(this));
+  }
+  render() {
+    if (!this.hasDefaultFilter) {
+      return (h(Host, null, h("button", { class: "default_container new_filter", onClick: this.openCreateNewFilter.bind(this) }, h("span", null, this.getMessage('defaultFilter.create')))));
+    }
+    return (h(Host, null, h("button", { class: "default_container", onClick: this.toggleDropdown.bind(this) }, h("span", null, this.getMessage('defaultFilter.title')), h("ez-icon", { ref: (ref) => this._refIcon = ref, iconName: 'dots-vertical' })), this._opened &&
+      h("ez-dropdown", { ref: (ref) => this._refDropdown = ref, items: this._items, onEzClick: this.onValueSelected.bind(this), onEzOutsideClick: this.closeDropdown.bind(this) })));
+  }
+  static get style() { return snkDefaultFilterCss; }
+}, [2, "snk-default-filter", {
+    "getMessage": [16],
+    "hasDefaultFilter": [4, "has-default-filter"],
+    "_opened": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-default-filter"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-default-filter":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkDefaultFilter);
+      }
+      break;
+  } });
+}
+
+export { ActionDefaultFilter as A, SnkDefaultFilter as S, defineCustomElement as d };