@sankhyalabs/sankhyablocks 1.4.0-beta.1 → 1.4.0-beta.3

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { F as FloatingManager } from './index2.js';
+import { FloatingManager } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum.js';
 import { d as defineCustomElement$1 } from './snk-filter-detail2.js';
 
@@ -24,16 +24,20 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         } while ((current = current.offsetParent) != null);
       }
       this.detailIsVisible = false;
+      this.executeCloseCallback();
       return false;
     };
   }
   async showUp(open = false) {
-    this._filterItemElement.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" });
-    if (open) {
-      window.requestAnimationFrame(() => {
-        this.showDetail();
-      });
-    }
+    return new Promise(resolve => {
+      this._filterItemElement.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" });
+      if (open) {
+        window.requestAnimationFrame(() => {
+          this._closeCallback = resolve;
+          this.showDetail();
+        });
+      }
+    });
   }
   showDetail() {
     this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, { autoClose: true, innerClickTest: this.innerClickCheck, left: this.getScrollOffset() });
@@ -48,6 +52,13 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     this._floatingID = undefined;
     this.detailIsVisible = false;
+    this.executeCloseCallback();
+  }
+  executeCloseCallback() {
+    if (this._closeCallback) {
+      this._closeCallback();
+      this._closeCallback = undefined;
+    }
   }
   //---------------------------------------------
   // Event handlers
@@ -122,6 +133,9 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       if (type === FilterItemType.SEARCH) {
         return `${label}: ${value.value} - ${value.label}`;
       }
+      if (type === FilterItemType.PERSONALIZED) {
+        return label;
+      }
       return `${label}: ${value}`;
     }
     return label;
@@ -136,15 +150,24 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   filterChangeListener() {
     this.hideDetail();
   }
-  getIconName() {
+  getRightIconName() {
     if (this.config.value != undefined) {
       return "close";
     }
     return this.detailIsVisible ? "chevron-up" : "chevron-down";
   }
+  getLeftIconName() {
+    switch (this.config.type) {
+      case FilterItemType.PERIOD:
+        return "calendar";
+      case FilterItemType.PERSONALIZED:
+        return "tune";
+    }
+    return undefined;
+  }
   render() {
-    const leftIcon = this.config.type === FilterItemType.PERIOD ? "calendar" : undefined;
-    return (h(Host, null, h("ez-chip", { ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.config.value != undefined }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getIconName(), class: "ez-padding-left--small", slot: "rightIcon" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem, key: this.config.id }))));
+    const leftIcon = this.getLeftIconName();
+    return (h(Host, null, h("ez-chip", { ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.config.value != undefined }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem, key: this.config.id }))));
   }
   get _filterItemElement() { return this; }
 }, [0, "snk-filter-item", {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { F as FloatingManager, g as ArrayUtils } from './index2.js';
+import { FloatingManager, ArrayUtils } from '@sankhyalabs/core';
 
 const SHOW_MORE_ITEM_NAME = "__SHOWMORE__";
 const MAX_FILTERS = 5;

package/dist/components/snk-filter-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkFilterModal extends Components.SnkFilterModal, HTMLElement {}
+export const SnkFilterModal: {
+  prototype: SnkFilterModal;
+  new (): SnkFilterModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

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

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

@@ -0,0 +1,58 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { ModalButtonStatus } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
+import { ArrayUtils } from '@sankhyalabs/core';
+
+const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  updateValue(id, value) {
+    this.items = this.items.map(item => {
+      if (item.id === id) {
+        return Object.assign(Object.assign({}, item), { active: value });
+      }
+      return item;
+    });
+  }
+  getActiveFiltersMsg() {
+    const activeFilters = this.items.filter(item => item.active).length;
+    if (activeFilters === 0) {
+      return this.getMessage("snkFilterBar.noActiveFilters");
+    }
+    return this.getMessage(activeFilters > 1 ? "snkFilterBar.activeFilters" : "snkFilterBar.activeFilter", { ACTIVE_FILTERS: activeFilters });
+  }
+  getFilteredItems() {
+    return this.items ? ArrayUtils.applyStringFilter(this._filterArgument, this.items) : [];
+  }
+  render() {
+    const allowCancel = this.items.filter(item => item.active).length > 0;
+    return (h("ez-modal-container", { modalTitle: this.modalTitle, modalSubTitle: this.modalSubTitle, cancelButtonLabel: this.cancelButtonLabel, okButtonLabel: this.okButtonLabel, onEzModalAction: evt => this.processModalAction(evt.detail), cancelButtonStatus: allowCancel ? ModalButtonStatus.ENABLED : ModalButtonStatus.DISABLED }, h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-content" }, h("div", null, this.useSearch ? h("ez-filter-input", { label: this.getMessage("snkFilterBar.modalFindFilter"), onEzChange: (evt) => this._filterArgument = evt.detail }) : undefined), this.getFilteredItems().length > 0 ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding-bottom--small" }, this.getActiveFiltersMsg()) : undefined, h("div", null, this.getFilteredItems().map(item => h("div", { class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: "switch" }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)))), h("div", { class: "ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large" }, this.infoText))));
+  }
+}, [0, "snk-filter-modal", {
+    "getMessage": [16],
+    "items": [1040],
+    "modalTitle": [1, "modal-title"],
+    "modalSubTitle": [1, "modal-sub-title"],
+    "cancelButtonLabel": [1, "cancel-button-label"],
+    "okButtonLabel": [1, "ok-button-label"],
+    "infoText": [1, "info-text"],
+    "useSearch": [4, "use-search"],
+    "processModalAction": [16],
+    "_filterArgument": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-modal"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-modal":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterModal);
+      }
+      break;
+  } });
+}
+
+export { SnkFilterModal as S, defineCustomElement as d };

package/dist/components/snk-filter-personalized.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkFilterPersonalized extends Components.SnkFilterPersonalized, HTMLElement {}
+export const SnkFilterPersonalized: {
+  prototype: SnkFilterPersonalized;
+  new (): SnkFilterPersonalized;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,108 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { UserInterface, ApplicationContext } from '@sankhyalabs/core';
+import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
+import { F as FilterItemType } from './filter-item-type.enum.js';
+
+const SnkFilterPersonalized$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  getValue(param, index) {
+    if (this.value && index >= 0 && index < this.value.length) {
+      const rawValue = this.value[index];
+      if (param.type === UserInterface.SEARCH) {
+        return rawValue;
+      }
+      return convertType(param.dataType, rawValue);
+    }
+    return undefined;
+  }
+  setValue(index, value) {
+    if (this.value == undefined) {
+      this.value = Array(index).fill(null);
+    }
+    else {
+      this.value = [...this.value];
+    }
+    this.value[index] = value;
+    if (this.value.filter(item => item != undefined).length == 0) {
+      this.value = null;
+    }
+  }
+  doSearch(mode, argument, param) {
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this.fix) {
+      this.fix();
+    }
+    return new Promise((resolve, reject) => {
+      application.executePreparedSearch(mode, argument, param.searchContext)
+        .then(result => {
+        resolve(result);
+        if (this.unfix) {
+          this.unfix();
+        }
+      }).catch(reason => {
+        reject(reason);
+        if (this.unfix) {
+          this.unfix();
+        }
+      });
+    });
+  }
+  getParamsInterface() {
+    var _a, _b, _c;
+    const params = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.personalizedFilter) === null || _c === void 0 ? void 0 : _c.parameters;
+    return params.map((param, index) => {
+      var _a;
+      switch (param.type) {
+        case UserInterface.SEARCH:
+          return h("ez-search", { suppressEmptyOption: true, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
+        case UserInterface.SWITCH:
+        case UserInterface.CHECKBOX:
+          const mode = UserInterface.SWITCH === param.type ? "switch" : "regular";
+          return h("ez-check", { class: "ez-padding-bottom--medium", mode: mode, value: this.getValue(param, index), label: param.label, onEzChange: evt => this.setValue(index, evt.detail) });
+        case UserInterface.DECIMALNUMBER:
+        case UserInterface.INTEGERNUMBER:
+          return h("ez-number-input", { label: param.label, value: this.getValue(param, index), precision: (_a = param.props) === null || _a === void 0 ? void 0 : _a.precision, onEzChange: evt => this.setValue(index, evt.detail) });
+        case UserInterface.OPTIONSELECTOR:
+          return h("ez-combo-box", { label: param.label, value: this.getValue(param, index), options: param.options, onEzChange: evt => { var _a; return this.setValue(index, (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); } });
+        case UserInterface.DATE:
+          return h("ez-date-input", { label: param.label, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail) });
+        case UserInterface.DATETIME:
+          return h("ez-date-time-input", { label: param.label, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail) });
+        default:
+          return h("ez-text-input", { label: param.label, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail) });
+      }
+    });
+  }
+  render() {
+    if (!this.config || this.config.type !== FilterItemType.PERSONALIZED) {
+      return undefined;
+    }
+    return (h(Host, null, this.getParamsInterface()));
+  }
+}, [0, "snk-filter-personalized", {
+    "config": [16],
+    "value": [1040],
+    "fix": [16],
+    "unfix": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-personalized"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-personalized":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterPersonalized$1);
+      }
+      break;
+  } });
+}
+
+const SnkFilterPersonalized = SnkFilterPersonalized$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkFilterPersonalized, defineCustomElement };

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { A as ApplicationContext } from './index2.js';
+import { ApplicationContext } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum.js';
 
 const SnkFilterSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

package/dist/components/snk-form2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { A as ApplicationContext } from './index2.js';
+import { ApplicationContext } from '@sankhyalabs/core';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
 import { d as defineCustomElement$1 } from './snk-taskbar2.js';
 

package/dist/components/snk-grid2.js

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { A as ApplicationContext } from './index2.js';
+import { ApplicationContext } from '@sankhyalabs/core';
 import { T as TaskbarElement, d as defineCustomElement$1 } from './snk-taskbar2.js';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
-import { d as defineCustomElement$5 } from './snk-filter-bar2.js';
-import { d as defineCustomElement$4 } from './snk-filter-detail2.js';
-import { d as defineCustomElement$3 } from './snk-filter-item2.js';
-import { d as defineCustomElement$2 } from './snk-filter-list2.js';
+import { d as defineCustomElement$6 } from './snk-filter-bar2.js';
+import { d as defineCustomElement$5 } from './snk-filter-detail2.js';
+import { d as defineCustomElement$4 } from './snk-filter-item2.js';
+import { d as defineCustomElement$3 } from './snk-filter-list2.js';
+import { d as defineCustomElement$2 } from './snk-filter-modal2.js';
 
 const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--small)}";
 
@@ -79,7 +80,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "configName": [1, "config-name"],
     "actionsList": [16],
     "taskbarManager": [16],
-    "statusResolver": [8, "status-resolver"],
+    "statusResolver": [16],
     "_dataUnit": [32],
     "_configLoaded": [32],
     "_dataState": [32],
@@ -89,7 +90,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-taskbar"];
+  const components = ["snk-grid", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
@@ -98,20 +99,25 @@ function defineCustomElement() {
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "snk-filter-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-filter-modal":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/snk-pesquisa2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { O as ObjectUtils, S as StringUtils } from './index2.js';
+import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 
 const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__content-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-pesquisa__content-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--snk-pesquisa__content-scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__content-scrollbar--width:var(--space--medium, 12px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__content-scrollbar--background-color-primary) var(--snk-pesquisa__content-scrollbar--background-color-secondary);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__content-scrollbar--background-color-primary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);width:var(--snk-pesquisa__content-scrollbar--width);max-width:var(--snk-pesquisa__content-scrollbar--width);min-width:var(--snk-pesquisa__content-scrollbar--width)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
 

package/dist/components/snk-taskbar2.js

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { A as ApplicationContext } from './index2.js';
+import { ApplicationContext } from '@sankhyalabs/core';
 
 var TaskbarElement;
 (function (TaskbarElement) {

package/dist/components/teste-pesquisa.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { D as DataUnit, b as DataType, U as UserInterface } from './index2.js';
+import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
 import { d as defineCustomElement$3 } from './snk-application2.js';
 import { d as defineCustomElement$2 } from './snk-pesquisa2.js';
 

package/dist/{sankhyablocks/SnkMessageBuilder-a7da466b.js → esm/SnkMessageBuilder-35a20271.js}

@@ -1,119 +1,3 @@
-var DialogType;
-(function (DialogType) {
-  DialogType["WARN"] = "warn";
-  DialogType["CRITICAL"] = "critical";
-  DialogType["DEFAULT"] = "default";
-})(DialogType || (DialogType = {}));
-
-class ApplicationUtils {
-  static async showDialog(title, message, icon = null, confirm, dialogType = DialogType.DEFAULT, options) {
-    if (options) {
-      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
-    }
-    return new Promise(resolve => {
-      let dialog = document.querySelector("ez-dialog");
-      if (!dialog) {
-        dialog = document.createElement("ez-dialog");
-        window.document.body.appendChild(dialog);
-      }
-      dialog.show(title, message, dialogType, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger).then(ok => resolve(ok));
-    });
-  }
-  static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
-    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.WARN, options);
-  }
-  static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
-    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.CRITICAL, options);
-  }
-  static async confirm(title, message, icon = null, dialogType = DialogType.WARN, options = ApplicationUtils.defaultMessageOptions) {
-    return ApplicationUtils.showDialog(title, message, icon, true, dialogType, options);
-  }
-  static async message(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
-    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DEFAULT, options);
-  }
-  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
-    let toast = document.querySelector("ez-toast");
-    if (!toast) {
-      toast = document.createElement("ez-toast");
-      const icon = document.createElement("ez-icon");
-      icon.className = "ez-margin-right--small toast__icon--color";
-      icon.slot = "icon";
-      toast.appendChild(icon);
-      window.document.body.appendChild(toast);
-    }
-    if (options.iconName) {
-      const iconElem = toast.querySelector("ez-icon");
-      if (iconElem) {
-        iconElem.iconName = options.iconName;
-        toast.useIcon = true;
-      }
-    }
-    else {
-      toast.useIcon = false;
-    }
-    toast.show(message, 5000, false, options.canClose);
-  }
-}
-ApplicationUtils.defaultMessageOptions = {
-  canClose: true,
-  labelCancel: 'Não',
-  labelConfirm: 'Sim',
-  btnConfirmDanger: false
-};
-;
-
-class CSSVarsUtils {
-  static applyVarsTextInput(host, child) {
-    if (child) {
-      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--background-color');
-      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--border-color');
-      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height');
-      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--disabled--background-color');
-      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--disabled--color');
-    }
-  }
-  static applyVarsButton(host, child) {
-    if (child) {
-      ["--ez-button--min-width",
-        "--ez-button--height",
-        "--ez-button__icon--width",
-        "--ez-button__inline__icon--padding",
-        "--ez-button--padding-top",
-        "--ez-button--padding-bottom",
-        "--ez-button--padding-right",
-        "--ez-button--padding-left",
-        "--ez-button--color",
-        "--ez-button--font-size",
-        "--ez-button--font-family",
-        "--ez-button--font-weight",
-        "--ez-button--background-color",
-        "--ez-button--border-radius",
-        "--ez-button--border",
-        "--ez-button--hover-color",
-        "--ez-button--hover--background-color",
-        "--ez-button--disabled-color",
-        "--ez-button--disabled--background-color",
-        "--ez-button--focus--border",
-        "--ez-button--focus--box-shadow",
-        "--ez-button--active-color",
-        "--ez-button--active--background-color",
-        "--ez-button--link-color",
-        "--ez-button--link--hover-color",
-        "--ez-button--link--small--font-size",
-        "--ez-button--link--medium--font-size",
-        "--ez-button--link--large--font-size",].forEach(prop => {
-        CSSVarsUtils.applyIfExists(host, child, prop);
-      });
-    }
-  }
-  static applyIfExists(host, element, varName) {
-    const prop = getComputedStyle(host).getPropertyValue(varName);
-    if (prop) {
-      element.style.setProperty(varName, prop);
-    }
-  }
-}
-
 const snkDataUnitMessages = {
   saveInfo: {
     clone: "Duplicação realizada!",
@@ -146,13 +30,25 @@ const snkFilterBarMessages = {
   "applyFilter": "Aplicar",
   "findFilter": "Buscar filtros...",
   "findField": "Buscar filtros...",
+  "modalFindFilter": "Buscar filtro",
   "emptyFiltersList": "Não há filtros disponíveis",
   "emptyAppliedFiltersList": "Não há filtros aplicados",
   "customFilter": "Filtro personalizado",
-  "defaultFilter": "Filtro padrao",
+  "defaultFilter": "Filtro padrão",
   "failToLoadConfig": "Falha ao buscar configuração de filtros",
   "clearAllFilters": "Limpar todos os filtros",
-  "successfullyCleaned": "Filtro limpo com sucesso!"
+  "successfullyCleaned": "Filtro limpo com sucesso!",
+  "activeFilter": "{{ACTIVE_FILTERS}} filtro aplicado",
+  "activeFilters": "{{ACTIVE_FILTERS}} filtros aplicados",
+  "noActiveFilters": "Nenhum filtro aplicado",
+  "modalDefaultFilterTitle": "Filtro padrão",
+  "modalInfoTextEditDefault": "Use o layout antigo para editar o seu filtro padrão, em breve traremos uma nova experiência.",
+  "modalInfoTextCreateDefault": "Use o layout antigo para criar o seu filtro padrão, em breve traremos uma nova experiência.",
+  "modalPersonalizedFilterTitle": "Filtro personalizado",
+  "modalPersonalizedFilterSubTitle": "Gerencie seus filtros",
+  "modalInfoTextCreateEditPersonalized": "Use o layout antigo para criar ou editar filtros, em breve traremos uma nova experiência",
+  "modalOkButtonLabel": "Aplicar",
+  "modalCancelButtonLabel": "Limpar"
 };
 
 const snkFormMessages = {
@@ -300,4 +196,4 @@ var OperationMap;
   OperationMap["CLEAN"] = "clean";
 })(OperationMap || (OperationMap = {}));
 
-export { ApplicationUtils as A, DialogType as D, OperationMap as O, SnkMessageBuilder as S };
+export { OperationMap as O, SnkMessageBuilder as S };

package/dist/esm/{filter-item-type.enum-61fbf80a.js → filter-item-type.enum-a79b2fa8.js}

@@ -6,6 +6,8 @@ var FilterItemType;
   FilterItemType["SEARCH"] = "SEARCH";
   FilterItemType["TEXT"] = "TEXT";
   FilterItemType["NUMBER"] = "NUMBER";
+  FilterItemType["DEFAULT_FILTER"] = "DEFAULT_FILTER";
+  FilterItemType["PERSONALIZED"] = "PERSONALIZED";
 })(FilterItemType || (FilterItemType = {}));
 const FilterItemType$1 = FilterItemType;