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

package/dist/components/SnkMessageBuilder.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/components/filter-item-type.enum.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/components/index.d.ts

@@ -7,9 +7,11 @@ export { SnkFilterBinarySelect as SnkFilterBinarySelect } from '../types/compone
 export { SnkFilterDetail as SnkFilterDetail } from '../types/components/snk-filter-bar/filter-item/snk-filter-detail';
 export { SnkFilterItem as SnkFilterItem } from '../types/components/snk-filter-bar/filter-item/snk-filter-item';
 export { SnkFilterList as SnkFilterList } from '../types/components/snk-filter-bar/filter-list/snk-filter-list';
+export { SnkFilterModal as SnkFilterModal } from '../types/components/snk-filter-bar/filter-modal/snk-filter-modal';
 export { SnkFilterMultiSelect as SnkFilterMultiSelect } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select';
 export { SnkFilterPeriod as SnkFilterNumber } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-number';
 export { SnkFilterPeriod as SnkFilterPeriod } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-period';
+export { SnkFilterPersonalized as SnkFilterPersonalized } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-personalized';
 export { SnkFilterSearch as SnkFilterSearch } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-search';
 export { SnkFilterText as SnkFilterText } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-text';
 export { SnkForm as SnkForm } from '../types/components/snk-form/snk-form';

package/dist/components/index.js

@@ -7,9 +7,11 @@ export { SnkFilterBinarySelect, defineCustomElement as defineCustomElementSnkFil
 export { SnkFilterDetail, defineCustomElement as defineCustomElementSnkFilterDetail } from './snk-filter-detail.js';
 export { SnkFilterItem, defineCustomElement as defineCustomElementSnkFilterItem } from './snk-filter-item.js';
 export { SnkFilterList, defineCustomElement as defineCustomElementSnkFilterList } from './snk-filter-list.js';
+export { SnkFilterModal, defineCustomElement as defineCustomElementSnkFilterModal } from './snk-filter-modal.js';
 export { SnkFilterMultiSelect, defineCustomElement as defineCustomElementSnkFilterMultiSelect } from './snk-filter-multi-select.js';
 export { SnkFilterNumber, defineCustomElement as defineCustomElementSnkFilterNumber } from './snk-filter-number.js';
 export { SnkFilterPeriod, defineCustomElement as defineCustomElementSnkFilterPeriod } from './snk-filter-period.js';
+export { SnkFilterPersonalized, defineCustomElement as defineCustomElementSnkFilterPersonalized } from './snk-filter-personalized.js';
 export { SnkFilterSearch, defineCustomElement as defineCustomElementSnkFilterSearch } from './snk-filter-search.js';
 export { SnkFilterText, defineCustomElement as defineCustomElementSnkFilterText } from './snk-filter-text.js';
 export { SnkForm, defineCustomElement as defineCustomElementSnkForm } from './snk-form.js';

package/dist/components/index2.js

@@ -268,6 +268,16 @@ NumberUtils.changeFormat = (value) => {
     //Formatting output following formatnumber
     return value.replace(/\./g, '_').replace(/\,/g, '.').replace(/\_/g, ',');
 };
+/**
+* @getValueOrZero: valida se o parametro é undefined caso seja retorna zero.
+*
+* @param value numero a ser validado
+*
+* @returns o proprio numero passado ou zero
+*/
+NumberUtils.getValueOrZero = (value) => {
+    return value !== undefined ? value : 0;
+};
 
 /**
  * `MaskFormatter` é usado para formatar strings. Seu comportamento
@@ -2381,4 +2391,4 @@ class ErrorTracking {
     }
 }
 
-export { ApplicationContext as A, ChangeOperation as C, DataUnit as D, ErrorException as E, FloatingManager as F, ObjectUtils as O, StringUtils as S, UserInterface as U, WarningException as W, Action as a, DataType as b, DateUtils as c, WaitingChangeException as d, DependencyType as e, ErrorTracking as f, ArrayUtils as g, toString as t };
+export { ApplicationContext as A, ChangeOperation as C, DataUnit as D, ErrorException as E, FloatingManager as F, ObjectUtils as O, StringUtils as S, UserInterface as U, WarningException as W, Action as a, DataType as b, convertType as c, DateUtils as d, WaitingChangeException as e, DependencyType as f, ErrorTracking as g, ArrayUtils as h, toString as t };

package/dist/components/index3.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 };

package/dist/components/snk-application2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { E as ErrorException, W as WarningException, S as StringUtils, D as DataUnit, b as DataType, C as ChangeOperation, c as DateUtils, O as ObjectUtils, d as WaitingChangeException, e as DependencyType, A as ApplicationContext, f as ErrorTracking } from './index2.js';
-import { A as ApplicationUtils, S as SnkMessageBuilder } from './SnkMessageBuilder.js';
+import { E as ErrorException, W as WarningException, S as StringUtils, D as DataUnit, b as DataType, C as ChangeOperation, d as DateUtils, O as ObjectUtils, e as WaitingChangeException, f as DependencyType, A as ApplicationContext, g as ErrorTracking } from './index2.js';
+import { A as ApplicationUtils } from './index3.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { d as defineCustomElement$1 } from './snk-pesquisa2.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -7516,20 +7517,28 @@ class TotalsFetcher {
 }
 
 function normalizeValue(value) {
+  if (value == undefined) {
+    return value;
+  }
   if (value instanceof Date) {
     return value.toISOString();
   }
   if (typeof value === "object") {
-    const normalized = Object.assign({}, value);
-    Object.keys(value).forEach(prop => {
-      if (value[prop]) {
-        normalized[prop] = normalizeValue(value[prop]);
-      }
-      else {
-        delete normalized[prop];
-      }
-    });
-    return normalized;
+    if (value instanceof Array) {
+      return value.map(item => normalizeValue(item));
+    }
+    else {
+      const normalized = Object.assign({}, value);
+      Object.keys(value).forEach(prop => {
+        if (value[prop]) {
+          normalized[prop] = normalizeValue(value[prop]);
+        }
+        else {
+          delete normalized[prop];
+        }
+      });
+      return normalized;
+    }
   }
   return value;
 }
@@ -7695,15 +7704,24 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    * Mostra o conteúdo passado em um Popup
    */
   async showPopUp(content) {
-    this.clearPopUpContent();
+    this.clearContent(this._popUp);
     this._popUp.appendChild(content);
     this._popUp.opened = true;
   }
+  async showModal(content) {
+    this.clearContent(this._rightModal);
+    this._rightModal.appendChild(content);
+    this._rightModal.opened = true;
+  }
+  async closeModal() {
+    this.clearContent(this._rightModal);
+    this._rightModal.opened = false;
+  }
   /**
    * Fecha o popup, liberando o conteúdo.
    */
   async closePopUp() {
-    this.clearPopUpContent();
+    this.clearContent(this._popUp);
     this._popUp.opened = false;
   }
   /**
@@ -8046,10 +8064,10 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       accept(window['isDebugMode']);
     });
   }
-  clearPopUpContent() {
-    if (this._popUp) {
-      Array.from(this._popUp.children).forEach(c => {
-        this._popUp.removeChild(c);
+  clearContent(container) {
+    if (container) {
+      Array.from(container.children).forEach(child => {
+        container.removeChild(child);
       });
     }
   }
@@ -8093,7 +8111,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     });
   }
   render() {
-    return (h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.loadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() })));
+    return (h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.loadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "col col--sd-3", closeOutsideClick: true })));
   }
   static get style() { return snkApplicationCss; }
 }, [2, "snk-application", {
@@ -8108,6 +8126,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "getBooleanParam": [64],
     "getDateParam": [64],
     "showPopUp": [64],
+    "showModal": [64],
+    "closeModal": [64],
     "closePopUp": [64],
     "temOpcional": [64],
     "getConfig": [64],

package/dist/components/snk-crud.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { A as ApplicationContext } from './index2.js';
-import { d as defineCustomElement$8 } from './snk-filter-bar2.js';
-import { d as defineCustomElement$7 } from './snk-filter-detail2.js';
-import { d as defineCustomElement$6 } from './snk-filter-item2.js';
-import { d as defineCustomElement$5 } from './snk-filter-list2.js';
+import { d as defineCustomElement$9 } from './snk-filter-bar2.js';
+import { d as defineCustomElement$8 } from './snk-filter-detail2.js';
+import { d as defineCustomElement$7 } from './snk-filter-item2.js';
+import { d as defineCustomElement$6 } from './snk-filter-list2.js';
+import { d as defineCustomElement$5 } from './snk-filter-modal2.js';
 import { d as defineCustomElement$4 } from './snk-form2.js';
 import { d as defineCustomElement$3 } from './snk-grid2.js';
 import { d as defineCustomElement$2 } from './snk-taskbar2.js';
@@ -74,7 +75,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "actionsList": [16],
     "taskbarManager": [16],
     "recordsValidator": [16],
-    "statusResolver": [8, "status-resolver"],
+    "statusResolver": [16],
     "_dataUnit": [32],
     "_dataState": [32]
   }]);
@@ -82,7 +83,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-form", "snk-grid", "snk-taskbar"];
+  const components = ["snk-crud", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form", "snk-grid", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
@@ -91,20 +92,25 @@ function defineCustomElement$1() {
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "snk-filter-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "snk-filter-modal":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }

package/dist/components/snk-data-unit.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as Action, A as ApplicationContext } from './index2.js';
-import { A as ApplicationUtils, D as DialogType, O as OperationMap } from './SnkMessageBuilder.js';
+import { A as ApplicationUtils, D as DialogType } from './index3.js';
+import { O as OperationMap } from './SnkMessageBuilder.js';
 
 const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%}";
 
@@ -17,10 +18,6 @@ const SnkDataUnit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
      * Determina quantas linhas são retornadas por página
      */
     this.pageSize = 150;
-    /**
-     * Quando ativada essa propriedade faz com que haja uma carga imediata no DataUnit
-     */
-    this.autoLoad = true;
     this._dataUnitObserver = (action) => {
       const duState = {
         insertionMode: false,
@@ -242,11 +239,6 @@ const SnkDataUnit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         while (resolver = this._onDataUnitResolve.pop()) {
           resolver(this.dataUnit);
         }
-        if (this.autoLoad) {
-          setTimeout(() => {
-            this.dataUnit.loadData();
-          }, 500); //TODO: Ajustar para aguardar filterProvider do dataunit estar pronto.
-        }
       }
     }
   }
@@ -280,7 +272,6 @@ const SnkDataUnit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "dataUnit": [1040],
     "beforeSave": [16],
     "afterSave": [16],
-    "autoLoad": [4, "auto-load"],
     "getDataUnit": [64]
   }]);
 function defineCustomElement$1() {