@sankhyalabs/sankhyablocks 10.1.0-dev.9 → 10.1.0-rc.10

package/dist/components/snk-detail-view2.js

@@ -63,13 +63,10 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     super();
     this.__registerHost();
     this.snkMasterFormConfigChange = createEvent(this, "snkMasterFormConfigChange", 7);
-    this.formConfigVisibilityChanged = createEvent(this, "formConfigVisibilityChanged", 7);
     this.exit = createEvent(this, "exit", 7);
     this.actionClick = createEvent(this, "actionClick", 7);
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._guideBuilders = new Map();
-    this.CUSTOM_GUIDE_ID_PREFIX = "CUSTOM_GUIDE_";
-    this.CUSTOM_GUIDE_DATA_CUSTOM_ID = "CUSTOM_GUIDE";
     this.dataUnit = undefined;
     this.dataState = undefined;
     this.configName = undefined;
@@ -88,7 +85,6 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.enableGridInsert = false;
     this.ignoreReadOnlyFormFields = undefined;
     this.getCustomTitle = undefined;
-    this.customGuidesConfig = [];
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -103,9 +99,6 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   observeDataUnit() {
     this.loadGuides(true);
   }
-  observeFormConfigManager(value) {
-    this.formConfigVisibilityChanged.emit(!!value);
-  }
   observeDataState(newValue, oldValue) {
     var _a, _b, _c, _d, _e, _f;
     const newRecordsIds = (_b = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.selectionInfo) === null || _a === void 0 ? void 0 : _a.recordIds) !== null && _b !== void 0 ? _b : (_c = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord) === null || _c === void 0 ? void 0 : _c['__record__id__'];
@@ -204,7 +197,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (!this._configManager.isLoaded) {
       return;
     }
-    this._masterFormMetadata = buildFormMetadata(this.masterFormConfig, this.dataUnit, true, this.customGuidesConfig);
+    this._masterFormMetadata = buildFormMetadata(this.masterFormConfig, this.dataUnit, true);
     const allSheets = this._masterFormMetadata.getAllSheets();
     const currentRecord = this.dataUnit.getSelectedRecord();
     const disableDetails = this.hasToDisableDetails(currentRecord);
@@ -350,67 +343,38 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     return `${this.entityPath}/${entityName}`;
   }
   getContent() {
+    var _a, _b, _c, _d, _e;
     if (!this.selectedGuide) {
       return;
     }
     const guideId = this.selectedGuide.id;
-    if (this.isCustomGuide(guideId)) {
-      return h("div", { "data-custom-id": `${this.CUSTOM_GUIDE_DATA_CUSTOM_ID}`, "data-reserved-slot-id": guideId, id: this.buildCustomGuideContainerId(guideId) });
-    }
+    let content;
     const levels = guideId.split("::");
     const currentLevel = levels.pop();
     const childEntityName = FormMetadata.getDetailName(currentLevel);
     let detailId = guideId;
-    if (this.isDetailGuide(childEntityName, levels)) {
-      return this.buildDetailGuideContent(guideId, detailId, levels, childEntityName);
-    }
-    return this.buildFormViewGuideContent(guideId);
-  }
-  buildCustomGuideContainerId(guideId) {
-    return `${this.CUSTOM_GUIDE_ID_PREFIX}${guideId}`;
-  }
-  buildFormViewGuideContent(cardId) {
-    var _a, _b, _c, _d;
-    const sheet = this._masterFormMetadata.getSheet(cardId);
-    if (!sheet)
-      return;
-    const cardConfig = (_b = (_a = this.masterFormConfig) === null || _a === void 0 ? void 0 : _a.cardsState) === null || _b === void 0 ? void 0 : _b.get(cardId);
-    return (h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_d = (_c = this.masterFormConfig) === null || _c === void 0 ? void 0 : _c.summary) === null || _d === void 0 ? void 0 : _d.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: cardId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar()));
-  }
-  isDetailGuide(childEntityName, levels) {
-    return childEntityName || levels.length > 0;
-  }
-  buildDetailGuideContent(guideId, detailId, levels, childEntityName) {
-    var _a;
-    let formName;
-    let detailBranch;
-    if (guideId.includes(FORM_NAME_PREFIX)) {
-      [detailId, formName] = guideId.split(FORM_NAME_PREFIX);
-      const pathSize = ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) || 0;
-      detailBranch = pathSize > 1 ? this._breadcrumbItems[pathSize - 2] : this.selectedGuide;
+    if (childEntityName || levels.length > 0) {
+      let formName;
+      let detailBranch;
+      if (guideId.includes(FORM_NAME_PREFIX)) {
+        [detailId, formName] = guideId.split(FORM_NAME_PREFIX);
+        const pathSize = ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        detailBranch = pathSize > 1 ? this._breadcrumbItems[pathSize - 2] : this.selectedGuide;
+      }
+      else {
+        detailBranch = this.selectedGuide;
+      }
+      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders, presentationMode: this.presentationMode }));
     }
     else {
-      detailBranch = this.selectedGuide;
+      const cardId = this.selectedGuide.id;
+      const sheet = this._masterFormMetadata.getSheet(cardId);
+      if (sheet) {
+        const cardConfig = (_c = (_b = this.masterFormConfig) === null || _b === void 0 ? void 0 : _b.cardsState) === null || _c === void 0 ? void 0 : _c.get(cardId);
+        content = h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
+      }
     }
-    return this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders, presentationMode: this.presentationMode }));
-  }
-  isCustomGuide(guideId) {
-    var _a;
-    return (_a = this.customGuidesConfig) === null || _a === void 0 ? void 0 : _a.map(g => g.id).includes(guideId);
-  }
-  attachCustomGuideInView() {
-    //As guias customizadas ficam em slots reservados na DOM e
-    // precisam ser acessadas via querySelector e colocadas no container correto na view.
-    var _a;
-    const guideId = (_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id;
-    if (!this.isCustomGuide(guideId))
-      return;
-    const customGuideSlot = document.querySelector(`#${guideId}`);
-    const customGuideElement = customGuideSlot === null || customGuideSlot === void 0 ? void 0 : customGuideSlot.firstElementChild;
-    const customGuideViewContainer = document.querySelector(`#${this.buildCustomGuideContainerId(guideId)}`);
-    if (!customGuideElement || !customGuideViewContainer)
-      return;
-    customGuideViewContainer.appendChild(customGuideElement);
+    return content;
   }
   onBreadcrumbClickHandler(item) {
     if ((item === null || item === void 0 ? void 0 : item.id) == undefined) {
@@ -493,29 +457,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
-  componentWillRender() {
-    this.detachCustomGuideFromView();
-  }
-  detachCustomGuideFromView() {
-    // Antes de cada renderização, o componente remove a guia customizada da view
-    // e a coloca de volta no slot reservado na DOM para que não seja perdida sua referência.
-    if (!this.customGuidesConfig || this.customGuidesConfig.length === 0)
-      return;
-    const viewCustomGuideContainer = this._element.querySelector(`[data-custom-id="${this.CUSTOM_GUIDE_DATA_CUSTOM_ID}"]`);
-    const reservedSlotId = viewCustomGuideContainer === null || viewCustomGuideContainer === void 0 ? void 0 : viewCustomGuideContainer.getAttribute('data-reserved-slot-id');
-    if (!(viewCustomGuideContainer === null || viewCustomGuideContainer === void 0 ? void 0 : viewCustomGuideContainer.hasChildNodes()) || !reservedSlotId)
-      return;
-    const customGuideReservedSlot = document.querySelector(`#${reservedSlotId}`);
-    const customGuideElement = viewCustomGuideContainer === null || viewCustomGuideContainer === void 0 ? void 0 : viewCustomGuideContainer.firstElementChild;
-    if (!customGuideReservedSlot || !customGuideElement)
-      return;
-    customGuideReservedSlot.appendChild(customGuideElement);
-  }
   componentDidRender() {
-    var _a;
-    if (this.isCustomGuide((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id)) {
-      this.attachCustomGuideInView();
-    }
     if (!this._guideHasChanged) {
       return;
     }
@@ -570,7 +512,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   buildTaskBar() {
     var _a;
-    return h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), actionsSettingsList: this.getSettingsListForm(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? TaskbarElement.SAVE : TaskbarElement.INSERT, "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", additionalSlotId: "GUIDES_VIEWER_DYNAMIC_SEARCH", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GUIDES_VIEWER_DYNAMIC_SEARCH" })));
+    return h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), actionsSettingsList: this.getSettingsListForm(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? TaskbarElement.SAVE : TaskbarElement.INSERT, "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
   async dataUnitActionHandler(action) {
     var _a;
@@ -644,9 +586,6 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     const labels = selectedRecords.map(record => this.messagesBuilder.getMessage("snkCrud.title", record));
     return `[${labels.join(", ")}]`;
   }
-  getCustomGuidesConfig() {
-    return this._currentDetail ? [] : this.customGuidesConfig;
-  }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
     this.initKeyboardManager();
@@ -666,7 +605,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {
-      return (h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null, customGuidesConfig: this.getCustomGuidesConfig() }));
+      return (h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
     }
     if (!this.dataUnit || !this._configManager.isLoaded) {
       return;
@@ -692,7 +631,6 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   get _element() { return this; }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],
-    "_formEditorConfigManager": ["observeFormConfigManager"],
     "dataState": ["observeDataState"],
     "masterFormConfig": ["observeMasterFormConfig"]
   }; }
@@ -716,7 +654,6 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "enableGridInsert": [4, "enable-grid-insert"],
     "ignoreReadOnlyFormFields": [4, "ignore-read-only-form-fields"],
     "getCustomTitle": [16],
-    "customGuidesConfig": [16],
     "_hasToCreateFieldSearch": [32],
     "_breadcrumbItems": [32],
     "_guides": [32],

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

@@ -260,10 +260,19 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.isFilterModalOpen = false;
   }
   hasValidValue(item) {
-    if (item.value === undefined || item.value === null)
+    var _a, _b;
+    if (item.value === undefined || item.value === null) {
       return false;
-    if (!Array.isArray(item.value))
+    }
+    if (item.type === FilterItemType.PERIOD) {
+      return (!!((_a = item.value) === null || _a === void 0 ? void 0 : _a.start) || !!((_b = item.value) === null || _b === void 0 ? void 0 : _b.end));
+    }
+    if (item.groupedItems) {
       return true;
+    }
+    if (!Array.isArray(item.value)) {
+      return true;
+    }
     return item.value.some(filterItem => filterItem.check === true);
   }
   observeFilterConfig(newValue, oldValue) {
@@ -465,7 +474,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (item.type === FilterItemType.DEFAULT_FILTER) {
       return true;
     }
-    return this.filterActiveFilter(item) && (item.groupedItems || item.value != undefined);
+    return this.filterActiveFilter(item) && this.hasValidValue(item);
   }
   async registryFilterProvider() {
     this.dataUnit.addFilterProvider(this);

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

@@ -4,7 +4,7 @@ import { F as FilterNumberVariation } from './filterNumberVariation.js';
 import { F as FilterItemType } from './filter-item-type.enum.js';
 import { d as defineCustomElement$1 } from './snk-filter-detail2.js';
 
-const snkFilterItemCss = "ez-popover-core.sc-snk-filter-item{--ez-popover__box--z-index:var(--elevation--20, 20);--ez-popover__box--overlay-z-index:var(--elevation--16, 16)}";
+const snkFilterItemCss = "ez-popover-core.sc-snk-filter-item{--ez-popover__box--z-index:var(--elevation--20, 20);--ez-popover__box--overlay-z-index:var(--elevation--16, 16)}ez-chip.sc-snk-filter-item{--ez-label-chip__label__container--margin:var(--space--2, 2px)}";
 
 const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -226,6 +226,10 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return ((_a = list === null || list === void 0 ? void 0 : list.filter((val) => val === null || val === void 0 ? void 0 : val.check)) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
   hasActiveValue(config) {
+    var _a, _b;
+    if (config.type === FilterItemType.PERIOD) {
+      return (!!((_a = config.value) === null || _a === void 0 ? void 0 : _a.start) || !!((_b = config.value) === null || _b === void 0 ? void 0 : _b.end));
+    }
     return (config.type !== FilterItemType.MULTI_LIST && config.value !== undefined) || this.hasActiveElements(config.value);
   }
   getEnabledChip() {

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

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
 import { ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
@@ -39,6 +39,7 @@ const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   constructor() {
     super();
     this.__registerHost();
+    this._isUserSup = false;
     this.filters = [];
     this.filtersWithError = [];
     this.getMessage = undefined;
@@ -94,6 +95,7 @@ const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.handleClearCustomFilters(customFilters);
     this.handleClearOthersFilters(otherFilters);
     multiListFilters.forEach(multiListFilter => this.handleClearSigleFilter(multiListFilter));
+    forceUpdate(this);
   }
   handleClearOthersFilters(otherFilters) {
     this.filters = this.filters.map(filter => otherFilters.includes(filter) ? (Object.assign(Object.assign({}, filter), { value: undefined })) : filter);
@@ -265,7 +267,7 @@ const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   getIformedFiltersCount(listItems) {
     let countInformedItens = 0;
     listItems.forEach(localItem => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       const item = this.filterConfig.find(filter => filter.id === localItem.id);
       if (FilterItemType.MULTI_LIST === item.type) {
         countInformedItens += (_e = (_d = (_c = ((_b = (_a = item.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : item.value)) === null || _c === void 0 ? void 0 : _c.filter(value => value === null || value === void 0 ? void 0 : value.check)) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0;
@@ -277,6 +279,12 @@ const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
           .map(([key, _]) => key).length;
         return;
       }
+      if (FilterItemType.PERIOD === item.type) {
+        if (!!((_g = item.value) === null || _g === void 0 ? void 0 : _g.start) || !!((_h = item.value) === null || _h === void 0 ? void 0 : _h.end)) {
+          countInformedItens++;
+        }
+        return;
+      }
       if (item.groupedItems != undefined) {
         countInformedItens = item.groupedItems.filter(item => item.visible).length;
         return;
@@ -325,8 +333,9 @@ const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     const defaultFilter = filters.find((item) => item.id === DefaultFilter.id);
     return defaultFilter;
   }
-  componentWillLoad() {
+  async componentWillLoad() {
     this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
+    this._isUserSup = await this._application.isUserSup();
     this.filters = ObjectUtils.copy(this.filterConfig);
   }
   componentWillRender() {
@@ -338,11 +347,12 @@ const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.validateFilters();
   }
   render() {
-    this._defaultFilter = this.getDefaultFilter(this.filters);
+    this._defaultFilter = this._isUserSup ? this.getDefaultFilter(this.filters) : undefined;
     const customFilters = this.getCustomFilter(this.filters);
     const quickFilters = this.filters.filter(filter => filter.filterType === FilterType.QUICK_FILTER);
     const otherFilters = this.filters.filter(filter => filter.filterType === FilterType.OTHER_FILTERS);
-    return (h("ez-modal", { opened: this.opened, modalSize: "col--sd-3", align: "right", heightMode: "full", closeEsc: true }, h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, h("snk-default-filter", { getMessage: this.getCustomMessage.bind(this), hasDefaultFilter: !!this._defaultFilter, onActionSelected: this.handleActionSelectedDefaultFilter.bind(this) }), !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true))))));
+    return (h("ez-modal", { opened: this.opened, modalSize: "col--sd-3", align: "right", heightMode: "full", closeEsc: true }, h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, this._isUserSup &&
+      h("snk-default-filter", { getMessage: this.getCustomMessage.bind(this), hasDefaultFilter: !!this._defaultFilter, onActionSelected: this.handleActionSelectedDefaultFilter.bind(this) }), !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true))))));
   }
   get _element() { return this; }
   static get watchers() { return {

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

@@ -105,7 +105,7 @@ const SnkFilterPeriod = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (this.getVariation() === FilterNumberVariation.INTERVAL) {
       return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("div", { class: "ez-col ez-col--nowrap" }, h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startIntervalLabel, ref: ref => this._startInterval = ref, value: this.getIntervalValue("start"), enabled: this.config.enabled, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision, errorMessage: this.errorMessage }), this.buildLabel(), h("ez-number-input", { id: `${this.config.id}_end`, label: this._endIntervalLabel, ref: ref => this._endInterval = ref, value: this.getIntervalValue("end"), enabled: this.config.enabled, precision: (_b = this.config.props) === null || _b === void 0 ? void 0 : _b.precision, errorMessage: this.errorMessage }))));
     }
-    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision, enabled: this.config.enabled, errorMessage: this.errorMessage })));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-number-input", { id: this.config.id, label: this.config.label, ref: ref => this._numberElement = ref, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision, enabled: this.config.enabled, errorMessage: this.errorMessage })));
   }
   get _element() { return this; }
 }, [0, "snk-filter-number", {

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

@@ -11,16 +11,17 @@ const SnkFilterPeriod$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this._startDateLabel = 'Inicial';
     this._endDateLabel = 'Final';
     this._toLabel = 'até';
+    this._defaultEmptyValue = {
+      start: null,
+      end: null
+    };
     this.internalChange = {
       start: false,
       end: false
     };
     this.config = undefined;
     this.getMessage = undefined;
-    this.value = {
-      start: null,
-      end: null
-    };
+    this.value = this._defaultEmptyValue;
     this.presentationMode = EPresentationMode.CHIP;
     this.errorMessage = undefined;
   }
@@ -33,6 +34,10 @@ const SnkFilterPeriod$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       this.internalChange.start = false;
       return;
     }
+    if ((!newValue && oldValue) || (!(newValue === null || newValue === void 0 ? void 0 : newValue.start) && !(newValue === null || newValue === void 0 ? void 0 : newValue.end))) {
+      this.clearValue();
+      return;
+    }
     if (newValue && (newValue.start !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.start) || newValue.end !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.end))) {
       this.valueStart = this.parseDate(newValue.start);
       this.valueEnd = this.parseDate(newValue.end);
@@ -54,7 +59,7 @@ const SnkFilterPeriod$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
    * Limpa o valor do componente restaurando o valor original da configuração.
    */
   async clearValue() {
-    this.value = this.config.value;
+    this.value = this.config.value || this._defaultEmptyValue;
     this.valueStart = this.getDate("start");
     this.valueEnd = this.getDate("end");
   }

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

@@ -43,7 +43,7 @@ const SnkFilterText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (!this.config) {
       return undefined;
     }
-    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-text-input", { id: this.config.id, label: this.config.label, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
   }
   get _element() { return this; }
 }, [0, "snk-filter-text", {

package/dist/components/snk-form-config2.js

@@ -4,7 +4,7 @@ import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/u
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { U as UserConfigType } from './form-config-fetcher.js';
 import { T as TAB_NAMES, G as GROUP_NAMES } from './constants.js';
-import { b as buildGuides, c as buildChildrenGuides, e as buildCustomGuides, f as buildGuidesMap, h as getFieldsToSave, u as updateTabInFieldsFromGroupList, i as buildNewGuideName, d as defineCustomElement$5 } from './field-config2.js';
+import { b as buildGuides, c as buildChildrenGuides, e as buildGuidesMap, f as getFieldsToSave, u as updateTabInFieldsFromGroupList, h as buildNewGuideName, d as defineCustomElement$5 } from './field-config2.js';
 import { d as defineCustomElement$7 } from './config-header2.js';
 import { d as defineCustomElement$6 } from './configs-button2.js';
 import { d as defineCustomElement$4 } from './field-item2.js';
@@ -35,7 +35,6 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.configManager = undefined;
     this.ignoreReadOnlyFormFields = undefined;
     this.messagesBuilder = undefined;
-    this.customGuidesConfig = [];
   }
   handleFieldConfigChanged() {
     this.hasChanges = true;
@@ -175,7 +174,6 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.guidesList = [];
     this.guidesList.push(...buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea')));
     this.guidesList.push(...buildChildrenGuides(this.dataUnit, this.getInitialOrder(this.guidesList), this.guidesList));
-    this.guidesList.push(...buildCustomGuides(this.customGuidesConfig, this.guidesList));
     this.guidesMap = buildGuidesMap((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
   }
   getConfig() {
@@ -324,7 +322,6 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "configManager": [16],
     "ignoreReadOnlyFormFields": [4, "ignore-read-only-form-fields"],
     "messagesBuilder": [1040],
-    "customGuidesConfig": [16],
     "availableFields": [32],
     "guidesList": [32],
     "groupsList": [32],