@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-131882.2 → 0.0.0-bugfix-dev-KB-174860.0

package/dist/collection/components/snk-dynaform-form-config/snk-dynaform-guides-configurator/snk-dynaform-guides-configurator.js

@@ -0,0 +1,326 @@
+import { ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { h } from '@stencil/core';
+export class SnkDynaformGuidesConfigurator {
+  constructor() {
+    this.sortLogic = (a, b) => {
+      var _a, _b;
+      const orderA = (_a = a.order) !== null && _a !== void 0 ? _a : Number.MAX_VALUE;
+      const orderB = (_b = b.order) !== null && _b !== void 0 ? _b : Number.MAX_VALUE;
+      return orderA - orderB;
+    };
+    this.handleAddGuide = () => {
+      this.createNewGuide.emit();
+    };
+    this.mainGuide = undefined;
+    this.visibleGuides = [];
+    this.hiddenGuides = [];
+    this.guidesList = [];
+    this.selectedGuide = undefined;
+    this.mainGuideName = undefined;
+    this.messagesBuilder = undefined;
+  }
+  observeGuidesList(newGuides) {
+    this.initGuidesConfig(newGuides);
+  }
+  observeMainGuideName() {
+    this.initGuidesConfig(this.guidesList);
+  }
+  observeSelectedGuide(newGuide) {
+    this.guideSelected.emit(newGuide);
+  }
+  componentWillLoad() {
+    this.initGuidesConfig(this.guidesList);
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  initGuidesConfig(newGuides) {
+    const mainName = this.mainGuideName;
+    const isMain = (guide) => !!mainName && guide.name === mainName;
+    const visibleAux = newGuides.filter(guide => guide.visible && !isMain(guide));
+    const hiddenAux = newGuides.filter(guide => !guide.visible && !isMain(guide));
+    this.visibleGuides = [...visibleAux].sort(this.sortLogic);
+    this.hiddenGuides = [...hiddenAux].sort(this.sortLogic);
+    this.mainGuide = newGuides.find(g => isMain(g));
+  }
+  handleSelectGuide(guide, evt) {
+    evt.stopPropagation();
+    this.selectedGuide = guide;
+  }
+  toggleGuideVisibility(guide, evt) {
+    evt.stopPropagation();
+    const updatedGuide = Object.assign(Object.assign({}, guide), { visible: !guide.visible });
+    let visibleAux;
+    let hiddenAux;
+    if (guide.visible) {
+      visibleAux = this.visibleGuides.filter(g => g.name !== guide.name);
+      hiddenAux = [...this.hiddenGuides, updatedGuide];
+    }
+    else {
+      visibleAux = [...this.visibleGuides, updatedGuide];
+      hiddenAux = this.hiddenGuides.filter(g => g.name !== guide.name);
+    }
+    this.applyGuidesUpdate([...visibleAux, ...hiddenAux]);
+  }
+  adjustListOrder(guideList) {
+    return guideList.map((g, index) => (Object.assign(Object.assign({}, g), { order: index })));
+  }
+  applyGuidesUpdate(updatedGuideList) {
+    let newGuidesList = this.adjustListOrder(updatedGuideList);
+    if (this.mainGuide) {
+      newGuidesList = [this.mainGuide, ...newGuidesList];
+    }
+    if (!ObjectUtils.equals(newGuidesList, this.guidesList)) {
+      this.guideListChanged.emit(newGuidesList);
+    }
+  }
+  async handleDeleteGuide(guide, e) {
+    e.stopPropagation();
+    const title = this.getMessage('snkFormConfig.confirm.title');
+    const message = this.getMessage('snkFormConfig.confirm.deleteGuide').replace('{0}', guide.label);
+    const canRemove = await ApplicationUtils.confirm(title, message);
+    if (!canRemove)
+      return;
+    this.guideDeleted.emit(guide);
+    const deletedMessage = this.getMessage('snkFormConfig.info.successfullyGuideDeleted').replace('{0}', guide.label);
+    ApplicationUtils.info(deletedMessage);
+  }
+  buildTabs() {
+    return this.visibleGuides.map((guide, i) => ({
+      tabKey: guide.name,
+      label: guide.label,
+      index: i,
+    }));
+  }
+  handleTabChange(tab) {
+    var _a;
+    if (!tab)
+      return;
+    const guide = this.guidesList.find(g => g.name === tab.tabKey);
+    if (guide && guide.name !== ((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.name)) {
+      this.selectedGuide = guide;
+    }
+  }
+  handleReorder(reorderedTabs) {
+    const visibleReordered = reorderedTabs
+      .map(t => this.visibleGuides.find(g => g.name === t.tabKey))
+      .filter(Boolean);
+    this.applyGuidesUpdate([...visibleReordered, ...this.hiddenGuides]);
+  }
+  renderTabActions() {
+    return this.visibleGuides.map((guide, i) => {
+      const slotIndex = i;
+      const isProtected = guide.isCustom || guide.isDetail;
+      return (h("div", { key: guide.name, slot: `tab${slotIndex}`, class: "tab-actions", onClick: (e) => e.stopPropagation() }, h("ez-button", { mode: "icon", class: "ez-button--tertiary tab-action-btn", size: "small", iconName: "eye-off", title: this.getMessage('snkFormConfig.guidesConfigurator.actions.hide'), onClick: (e) => this.toggleGuideVisibility(guide, e) }), h("ez-button", { mode: "icon", class: "ez-button--tertiary tab-action-btn", size: "small", iconName: "delete", isDisabled: isProtected, title: isProtected
+          ? this.getMessage('snkFormConfig.guidesConfigurator.canNotDeleteCustomGuide')
+          : this.getMessage('snkFormConfig.guidesConfigurator.actions.delete'), onClick: (e) => this.handleDeleteGuide(guide, e) })));
+    });
+  }
+  renderHiddenGuidesBar() {
+    if (this.hiddenGuides.length === 0)
+      return null;
+    return (h("div", { class: "hidden-guides-bar" }, h("span", { class: "hidden-guides-label" }, this.getMessage('snkFormConfig.guidesConfigurator.hiddenGuides'), ":"), this.hiddenGuides.map(guide => {
+      const isProtected = guide.isCustom || guide.isDetail;
+      return (h("div", { key: guide.name, class: "hidden-guide-chip", title: guide.label }, h("span", { class: "chip-label", onClick: (e) => this.handleSelectGuide(guide, e) }, guide.label), h("ez-button", { mode: "icon", class: "ez-button--tertiary", size: "small", iconName: "eye", title: this.getMessage('snkFormConfig.guidesConfigurator.actions.show'), onClick: (e) => this.toggleGuideVisibility(guide, e) }), h("ez-button", { mode: "icon", class: "ez-button--tertiary", size: "small", iconName: "delete", isDisabled: isProtected, title: isProtected
+          ? this.getMessage('snkFormConfig.guidesConfigurator.canNotDeleteCustomGuide')
+          : this.getMessage('snkFormConfig.guidesConfigurator.actions.delete'), onClick: (e) => this.handleDeleteGuide(guide, e) })));
+    })));
+  }
+  render() {
+    var _a;
+    const tabs = this.buildTabs();
+    return (h("div", { class: "guides-tab-configurator" }, h("div", { class: "tab-bar-row" }, h("ez-tabselector", { class: "guides-tabselector", tabs: tabs, selectedTab: (_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.name, reorderable: true, onEzChange: (evt) => this.handleTabChange(evt.detail), onEzReorder: (evt) => this.handleReorder(evt.detail) }, this.renderTabActions()), h("ez-button", { label: this.getMessage('snkFormConfig.guidesConfigurator.createNewGuide'), variant: "secondary", size: "medium", leftIconName: "plus", onClick: this.handleAddGuide })), this.renderHiddenGuidesBar()));
+  }
+  static get is() { return "snk-dynaform-guides-configurator"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-dynaform-guides-configurator.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-dynaform-guides-configurator.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "guidesList": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IGuideConfig[]",
+          "resolved": "IGuideConfig[]",
+          "references": {
+            "IGuideConfig": {
+              "location": "import",
+              "path": "../FormConfigHelper"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "selectedGuide": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IGuideConfig",
+          "resolved": "IGuideConfig",
+          "references": {
+            "IGuideConfig": {
+              "location": "import",
+              "path": "../FormConfigHelper"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "mainGuideName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-guide-name",
+        "reflect": false
+      },
+      "messagesBuilder": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkMessageBuilder",
+          "resolved": "SnkMessageBuilder",
+          "references": {
+            "SnkMessageBuilder": {
+              "location": "import",
+              "path": "../../../lib/message/SnkMessageBuilder"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "mainGuide": {},
+      "visibleGuides": {},
+      "hiddenGuides": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "guideSelected",
+        "name": "guideSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IGuideConfig",
+          "resolved": "IGuideConfig",
+          "references": {
+            "IGuideConfig": {
+              "location": "import",
+              "path": "../FormConfigHelper"
+            }
+          }
+        }
+      }, {
+        "method": "guideListChanged",
+        "name": "guideListChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IGuideConfig[]",
+          "resolved": "IGuideConfig[]",
+          "references": {
+            "IGuideConfig": {
+              "location": "import",
+              "path": "../FormConfigHelper"
+            }
+          }
+        }
+      }, {
+        "method": "guideDeleted",
+        "name": "guideDeleted",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IGuideConfig",
+          "resolved": "IGuideConfig",
+          "references": {
+            "IGuideConfig": {
+              "location": "import",
+              "path": "../FormConfigHelper"
+            }
+          }
+        }
+      }, {
+        "method": "createNewGuide",
+        "name": "createNewGuide",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "guidesList",
+        "methodName": "observeGuidesList"
+      }, {
+        "propName": "mainGuideName",
+        "methodName": "observeMainGuideName"
+      }, {
+        "propName": "selectedGuide",
+        "methodName": "observeSelectedGuide"
+      }];
+  }
+}

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-search.js

@@ -53,6 +53,16 @@ export class SnkFilterSearch {
       this._searchInput.value = this.config.value;
     }
   }
+  // Resolve o valor (searchPlus) para o "Aplicar", evitando a corrida com o ezChange.
+  async getValueAsync() {
+    if (this._isSearchPlus) {
+      this.value = await this._searchInput.getValueAsync();
+    }
+    else {
+      this.value = this._searchInput.value;
+    }
+    return this.value;
+  }
   getInputItem() {
     var _a;
     this._isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
@@ -178,6 +188,26 @@ export class SnkFilterSearch {
           "text": "Limpa o valor do componente restaurando o valor original da configura\u00E7\u00E3o.",
           "tags": []
         }
+      },
+      "getValueAsync": {
+        "complexType": {
+          "signature": "() => Promise<IOption>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "IOption": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box"
+            }
+          },
+          "return": "Promise<IOption>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
     };
   }

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-detail.js

@@ -125,12 +125,18 @@ export class SnkFilterDetail {
     this.config = ObjectUtils.copy(this.originalConfig);
     this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
   }
-  apply() {
-    const isValid = PersonalizedFilterUtils.validateVariableValues(this.config, this._editor["value"]);
+  async apply() {
+    var _a, _b;
+    // Aguarda o valor resolvido do editor (SEARCH) em vez de ler o cru — evita filtro sem valor.
+    let editorValue = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["value"];
+    if (typeof ((_b = this._editor) === null || _b === void 0 ? void 0 : _b["getValueAsync"]) === "function") {
+      editorValue = await this._editor["getValueAsync"]();
+    }
+    const isValid = PersonalizedFilterUtils.validateVariableValues(this.config, editorValue);
     if (!isValid) {
       return ApplicationUtils.alert(this.getMessage('snkFilterBar.filterModal.validations.notFullFilled.title'), this.getMessage('snkFilterBar.filterModal.validations.notFullFilled.message'));
     }
-    const valuesArray = this._editor["value"] !== undefined ? this._editor["value"] : this.config.value;
+    const valuesArray = editorValue !== undefined ? editorValue : this.config.value;
     this.changeConfig(Object.assign(Object.assign({}, this.config), { visible: this.isVisible(), value: valuesArray }));
   }
   isVisible() {

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.css

@@ -4,5 +4,5 @@ ez-popover-core {
 }
 
 ez-chip {
-    --ez-label-chip__label__container--margin: var(--space--2, 2px);
-}
+    --ez-label-chip__label__container--margin: var(--space--4, 4px);
+}

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.js

@@ -9,6 +9,7 @@ export class SnkFilterItem {
     this.config = undefined;
     this.getMessage = undefined;
     this.showChips = true;
+    this.sizeChips = 'default';
   }
   observeDetailIsVisible(value) {
     this.visibleChanged.emit(value);
@@ -16,10 +17,8 @@ export class SnkFilterItem {
   /**
    * Emitido quando o estado do filtro é alterado.
    */
-  filterChangeListener(event) {
+  filterChangeListener(_event) {
     this.hideDetail();
-    // Re-emite o evento para o pai (snk-filter-bar)
-    this.filterChange.emit(event.detail);
   }
   /**
    * Exibe os detalhes de um item da lista.
@@ -296,7 +295,7 @@ export class SnkFilterItem {
   render() {
     const leftIcon = this.getLeftIconName();
     const { type, message } = this.getTooltipMessage();
-    return (h(Host, null, this.showChips && (h("ez-tooltip", { id: this.config.id, message: message, type: type, active: !this.detailIsVisible, strategy: "fixed" }, h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip(), onClick: (event) => this.togglePopover(event), disableAutoUpdateValue: true, type: this.getTypeChip(type), enabled: this.config.enabled }, leftIcon && (h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, slot: "leftIcon" })), h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), slot: "rightIcon", id: "removeFilter", onClick: (event) => this.clearFilter(event) })))), h("ez-popover-core", { ref: elem => this._popover = elem, onEzVisibilityChange: (event) => this.handleVisibilityPopover(event) }, h("snk-filter-detail", { ref: ref => this._filterDetail = ref, key: this.config.id, config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", "data-element-id": this._idSnkFilterDetail, showHardFixed: this.showChips && !this.config.required, removalBlocked: this.config.required }))));
+    return (h(Host, null, this.showChips && (h("ez-tooltip", { id: this.config.id, message: message, type: type, active: !this.detailIsVisible, strategy: "fixed" }, h("ez-chip", { id: this.config.id, size: this.sizeChips, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip(), onClick: (event) => this.togglePopover(event), disableAutoUpdateValue: true, type: this.getTypeChip(type), enabled: this.config.enabled }, leftIcon && (h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, slot: "leftIcon" })), h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), slot: "rightIcon", id: "removeFilter", onClick: (event) => this.clearFilter(event) })))), h("ez-popover-core", { ref: elem => this._popover = elem, onEzVisibilityChange: (event) => this.handleVisibilityPopover(event) }, h("snk-filter-detail", { ref: ref => this._filterDetail = ref, key: this.config.id, config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", "data-element-id": this._idSnkFilterDetail, showHardFixed: this.showChips && !this.config.required, removalBlocked: this.config.required }))));
   }
   static get is() { return "snk-filter-item"; }
   static get encapsulation() { return "scoped"; }
@@ -363,6 +362,27 @@ export class SnkFilterItem {
         "attribute": "show-chips",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "sizeChips": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'medium' | 'large'",
+          "resolved": "\"default\" | \"large\" | \"medium\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "description",
+              "text": "Define o tamanho dos chips da barra de filtros, podendo ser 'default', 'medium' ou 'large'."
+            }],
+          "text": ""
+        },
+        "attribute": "size-chips",
+        "reflect": false,
+        "defaultValue": "'default'"
       }
     };
   }

package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.css

@@ -26,7 +26,12 @@ ez-modal {
 }
 
 .snk-filter-modal__rendered-items::-webkit-scrollbar {
-  width: var(--space--small);
+  width: var(--space--small
+);
   min-width: var(--space--small);
   max-width: var(--space--small);
 }
+
+.ez-padding-right--medium:nth-child(even) {
+  padding-right: 0;
+}

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

@@ -204,7 +204,7 @@ export class SnkFilterModal {
     return false;
   }
   renderFilterItem(filterItem, fullRow) {
-    return (h("snk-filter-modal-item", { key: `modal-item-${filterItem.id}`, class: fullRow ? 'ez-col ez-col--sd-12' : 'ez-col ez-col--sd-6 ez-padding--small', filterItem: filterItem, configName: this.configName, onFilterChange: (event) => this.handleFilterChange(event), onEditPersonalizedFilter: evt => this.editPersonalizedFilter(evt.detail), onAddPersonalizedFilter: () => this.addPersonalizedFilter() }));
+    return (h("snk-filter-modal-item", { key: `modal-item-${filterItem.id}`, class: fullRow ? 'ez-col ez-col--sd-12' : 'ez-size-width--full ez-padding-right--medium', filterItem: filterItem, configName: this.configName, onFilterChange: (event) => this.handleFilterChange(event), onEditPersonalizedFilter: evt => this.editPersonalizedFilter(evt.detail), onAddPersonalizedFilter: () => this.addPersonalizedFilter() }));
   }
   isDefaultFilterNumberVariation(filter) {
     var _a;
@@ -237,6 +237,9 @@ export class SnkFilterModal {
   }
   renderFilterLine(filters) {
     const fullLine = filters.length === 1;
+    if (!fullLine) {
+      return (h("div", { class: "ez-col ez-col--sd-12 hydrated", "data-element-id": "snkFilterModalItem" }, h("div", { class: "ez-flex ez-flex--column grow" }, h("div", { class: "ez-col ez-col--nowrap" }, filters.map(filter => this.renderFilterItem(filter, fullLine))))));
+    }
     return filters.map((filter) => this.renderFilterItem(filter, fullLine));
   }
   getIformedFiltersCount(listItems) {
@@ -270,13 +273,13 @@ export class SnkFilterModal {
     });
     return countInformedItens;
   }
-  renderCollapsibleFilterBox(label, listItems, isSingleItem, shouldRenderFooter = true) {
+  renderCollapsibleFilterBox({ label, listItems, isSingleItem, shouldRenderFooter = true, initializeOpen = false }) {
     if (!listItems.length)
       return null;
     const appliedFilters = this.getIformedFiltersCount(listItems);
     const lines = this.mountFiltersLines(listItems);
     const countFiltersWithError = this.filtersWithError.filter(item => listItems.some(filter => filter.id === item)).length;
-    return (h("ez-collapsible-box", { class: "snk-filter-modal__collapsible-box", headerSize: "medium", value: true, label: label }, h("div", { class: "ez-flex ez-flex--justify-end grow", slot: "rightSlot" }, !!appliedFilters && (h("ez-badge", { class: "ez-badge--primary-subtle", label: appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.toString() })), !!countFiltersWithError && (h("ez-badge", { class: "ez-badge--error-subtle", label: countFiltersWithError === null || countFiltersWithError === void 0 ? void 0 : countFiltersWithError.toString() }))), h("div", { class: "ez-row snk-filter-modal__rendered-items" }, lines.map(this.renderFilterLine.bind(this))), shouldRenderFooter && (h("div", { class: "ez-flex ez-flex--justify-end grow" }, h("ez-button", { class: "ez-button--tertiary", size: "medium", label: this.getCustomMessage("clearModal"), onClick: () => isSingleItem ? this.handleClearSigleFilter(listItems[0]) : this.handleClearFilterList(listItems) })))));
+    return (h("ez-collapsible-box", { class: "snk-filter-modal__collapsible-box", headerSize: "medium", value: !initializeOpen, label: label }, h("div", { class: "ez-flex ez-flex--justify-end grow", slot: "rightSlot" }, !!appliedFilters && (h("ez-badge", { class: "ez-badge--primary-subtle", label: appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.toString() })), !!countFiltersWithError && (h("ez-badge", { class: "ez-badge--error-subtle", label: countFiltersWithError === null || countFiltersWithError === void 0 ? void 0 : countFiltersWithError.toString() }))), h("div", { class: "ez-row snk-filter-modal__rendered-items" }, lines.map(this.renderFilterLine.bind(this))), shouldRenderFooter && (h("div", { class: "ez-flex ez-flex--justify-end grow" }, h("ez-button", { class: "ez-button--tertiary", size: "medium", label: this.getCustomMessage("clearModal"), onClick: () => isSingleItem ? this.handleClearSigleFilter(listItems[0]) : this.handleClearFilterList(listItems) })))));
   }
   handleDeleteFilter() {
     this._application.confirm(this.getMessage('snkPersonalizedFilter.deleteConfirm.title'), this.getMessage('snkPersonalizedFilter.info.deleteDefaultFilterConfirm'), "alert-circle-inverted", "critical").then((actionConfirmed) => {
@@ -329,7 +332,7 @@ export class SnkFilterModal {
     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" }, 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))))));
+      h("snk-default-filter", { getMessage: this.getCustomMessage.bind(this), hasDefaultFilter: !!this._defaultFilter, onActionSelected: this.handleActionSelectedDefaultFilter.bind(this) }), !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox({ label: this.getCustomMessage('customFilters'), listItems: customFilters, isSingleItem: false, shouldRenderFooter: false }), this.renderCollapsibleFilterBox({ label: this.getCustomMessage('quickFilters'), listItems: quickFilters, isSingleItem: false, shouldRenderFooter: true, initializeOpen: true }), otherFilters.map(filter => this.renderCollapsibleFilterBox({ label: filter.label, listItems: [filter], isSingleItem: true, shouldRenderFooter: true }))))));
   }
   static get is() { return "snk-filter-modal"; }
   static get originalStyleUrls() {
@@ -558,7 +561,7 @@ export class SnkFilterModal {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Desabilita a apresenta\u00E7\u00E3o da op\u00E7\u00E3o de filtros personalizados na filter bar (chip de filtros) \ne no modal lateral de filtros (container de filtros personalizados)."
+          "text": "Desabilita a apresenta\u00E7\u00E3o da op\u00E7\u00E3o de filtros personalizados na filter bar (chip de filtros)\ne no modal lateral de filtros (container de filtros personalizados)."
         },
         "attribute": "disable-personalized-filter",
         "reflect": false

package/dist/collection/components/snk-filter-bar/snk-filter-bar.css

@@ -103,14 +103,9 @@
 .snk-filter-bar__filter-item-container {
   display: flex;
   align-items: start;
-  margin: var(--space--2, 2px) 0;
+  /* margin: var(--space--2, 2px) 0; */
 }
 
-.snk-filter-bar__scroller :first-child {
-  margin-left: var(--space-extra-small, 3px);
-}
-
-
 .snk-filter-bar__filter-list-items-container{
   overflow-y: auto;
   max-height: 360px;