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

package/dist/components/snk-filter-item2.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 { F as FloatingManager, h as ArrayUtils } from './index2.js';
 
 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,73 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { h as ArrayUtils } from './index2.js';
+
+var ModalAction;
+(function (ModalAction) {
+  ModalAction["CLOSE"] = "CLOSE";
+  ModalAction["OK"] = "OK";
+  ModalAction["CANCEL"] = "CANCEL";
+})(ModalAction || (ModalAction = {}));
+const ModalAction$1 = ModalAction;
+
+var ModalButtonStatus;
+(function (ModalButtonStatus) {
+  ModalButtonStatus["ENABLED"] = "ENABLED";
+  ModalButtonStatus["DISABLED"] = "DISABLED";
+  ModalButtonStatus["HIDDEN"] = "HIDDEN";
+})(ModalButtonStatus || (ModalButtonStatus = {}));
+const ModalButtonStatus$1 = ModalButtonStatus;
+
+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$1.ENABLED : ModalButtonStatus$1.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 { ModalAction$1 as M, 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,107 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { U as UserInterface, c as convertType, A as ApplicationContext } from './index2.js';
+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-grid2.js

@@ -2,10 +2,11 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { A as ApplicationContext } from './index2.js';
 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/{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;
 

package/dist/esm/index-5992b7e6.js

@@ -0,0 +1,139 @@
+var DialogType;
+(function (DialogType) {
+  DialogType["WARN"] = "warn";
+  DialogType["CRITICAL"] = "critical";
+  DialogType["SUCCESS"] = "success";
+  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 success(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.SUCCESS, 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";
+      icon.slot = "icon";
+      icon.style.setProperty('--ez-icon--color', 'var(--color--success)');
+      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 applyCSSVars(document, host, child) {
+    const isSameDomain = (styleSheet) => {
+      if (!styleSheet.href) {
+        return true;
+      }
+      return styleSheet.href.indexOf(window.location.origin) === 0;
+    };
+    Array.from(document.styleSheets).filter(isSameDomain).forEach((sheet) => {
+      Array.from(sheet.cssRules).filter(rule => rule instanceof CSSStyleRule).forEach((rule) => {
+        Array.from(rule.style).forEach((propName) => {
+          if (propName.startsWith("--")) {
+            CSSVarsUtils.applyIfExists(host, child, propName);
+          }
+        });
+      });
+    });
+  }
+  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);
+    }
+  }
+}
+
+export { ApplicationUtils as A, DialogType as D };