@sankhyalabs/sankhyablocks 9.0.3 → 9.1.0-dev.10

package/dist/components/snk-grid2.js

@@ -1,9 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { Action, ElementIDUtils, ApplicationContext, StringUtils } from '@sankhyalabs/core';
-import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
+import { KeyboardManager, Action, ElementIDUtils, ApplicationContext, StringUtils } from '@sankhyalabs/core';
+import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { P as PresentationMode, E as ExporterStrategy } from './ISave.js';
-import { C as CommonsExporter, T as TaskbarProcessor, S as SnkMultiSelectionListDataSource, o as openFieldSearch, a as CrudUtils, R as RmPrecisionCustomValueFormatter, c as ContinuousInsertUtils, b as buildFieldSearch, d as ClientSideExporterProvider } from './ContinuousInsertUtils.js';
+import { C as CommonsExporter, T as TaskbarProcessor, S as SnkMultiSelectionListDataSource, a as CrudUtils, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './ContinuousInsertUtils.js';
 import { s as store } from './index2.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import './DataFetcher.js';
@@ -14,23 +14,25 @@ import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import './constants.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
-import { d as defineCustomElement$i } from './snk-actions-button2.js';
-import { d as defineCustomElement$h } from './snk-data-exporter2.js';
-import { d as defineCustomElement$g } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$f } from './snk-expression-group2.js';
-import { d as defineCustomElement$e } from './snk-expression-item2.js';
-import { d as defineCustomElement$d } from './snk-filter-advanced-mode2.js';
-import { d as defineCustomElement$c } from './snk-filter-assistent-mode2.js';
-import { d as defineCustomElement$b } from './snk-filter-bar2.js';
-import { d as defineCustomElement$a } from './snk-filter-detail2.js';
-import { d as defineCustomElement$9 } from './snk-filter-field-search2.js';
-import { d as defineCustomElement$8 } from './snk-filter-item2.js';
-import { d as defineCustomElement$7 } from './snk-filter-param-config2.js';
-import { d as defineCustomElement$6 } from './snk-grid-config2.js';
-import { d as defineCustomElement$5 } from './snk-personalized-filter2.js';
-import { d as defineCustomElement$4 } from './snk-select-box2.js';
-import { d as defineCustomElement$3 } from './snk-simple-bar2.js';
-import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
+import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
+import { d as defineCustomElement$j } from './snk-actions-button2.js';
+import { d as defineCustomElement$i } from './snk-data-exporter2.js';
+import { d as defineCustomElement$h } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$g } from './snk-expression-group2.js';
+import { d as defineCustomElement$f } from './snk-expression-item2.js';
+import { d as defineCustomElement$e } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$d } from './snk-filter-assistent-mode2.js';
+import { d as defineCustomElement$c } from './snk-filter-bar2.js';
+import { d as defineCustomElement$b } from './snk-filter-detail2.js';
+import { d as defineCustomElement$a } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$9 } from './snk-filter-item2.js';
+import { d as defineCustomElement$8 } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$7 } from './snk-grid-config2.js';
+import { d as defineCustomElement$6 } from './snk-personalized-filter2.js';
+import { d as defineCustomElement$5 } from './snk-select-box2.js';
+import { d as defineCustomElement$4 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
+import { d as defineCustomElement$1 } from './taskbar-split-button2.js';
 
 class ServerSideExporterProvider extends CommonsExporter {
   getFilters() {
@@ -96,6 +98,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.gridDoubleClick = createEvent(this, "gridDoubleClick", 7);
     this._customEditors = new Map();
     this._customRenders = new Map();
+    this._keyboardManager = new KeyboardManager();
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
@@ -106,7 +109,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
       "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.selected": this.getGridHeaderSelectedBtns(),
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"],
       "snkGridHeaderTaskbar.singleTaskbar.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
@@ -156,8 +159,23 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.autoFocus = true;
     this.enableGridInsert = false;
     this.outlineMode = false;
+    this.suppressHorizontalScroll = false;
     this.strategyExporter = ExporterStrategy.SERVER_SIDE;
+    this.useSearchColumn = true;
+    this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
+    this.suppressCheckboxColumn = undefined;
+    this.compact = undefined;
+  }
+  getGridHeaderSelectedBtns() {
+    const btns = [
+      TaskbarElement.UPDATE, TaskbarElement.CLONE, TaskbarElement.REMOVE,
+      TaskbarElement.MORE_OPTIONS, TaskbarElement.DIVIDER, TaskbarElement.ATTACH, TaskbarElement.FORM_MODE,
+      TaskbarElement.CONFIGURATOR, TaskbarElement.REFRESH, TaskbarElement.DATA_EXPORTER, TaskbarElement.ACTIONS_BUTTON
+    ];
+    if (this.multipleEditionEnabled)
+      btns.unshift(TaskbarElement.UPDATE_MULTIPLE);
+    return btns;
   }
   reloadConfig() {
     this.loadConfig();
@@ -199,12 +217,6 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   async getFilterBar() {
     return this._snkFilterBar;
   }
-  /**
-   * Abre o localizador de colunas
-   */
-  async findColumn() {
-    await openFieldSearch(this._moreOptions, this._columnSearch);
-  }
   /**
    * Registra um editor customizado para campos da grade e formulário
    */
@@ -282,7 +294,6 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._grid.getColumnsState()
       .then((gridColumns) => {
       this._snkGridConfig.columns = gridColumns.filter(c => c.name);
-      this._snkGridConfig.selectedIndex = 0;
       this._popUpGridConfig = true;
     });
   }
@@ -442,20 +453,23 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const disabledButtons = [];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this._dataState.selectionInfo.length > 1) {
-        disabledButtons.push(TaskbarElement.CLONE, "ATTACH", TaskbarElement.UPDATE);
+        disabledButtons.push(TaskbarElement.CLONE, TaskbarElement.ATTACH, TaskbarElement.UPDATE);
       }
       if (this._dataState.selectionInfo.isAllRecords()) {
-        disabledButtons.push("REMOVE");
+        disabledButtons.push(TaskbarElement.REMOVE);
       }
     }
     return disabledButtons;
   }
   getInvisibleButtons() {
+    var _a, _b;
     let invisibleButtons = [];
     if (!this._dataUnit || this._dataUnit.records.length === 0)
-      invisibleButtons.push("DATA_EXPORTER");
-    if (this._dataState && this._dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
-      invisibleButtons.push("ACTIONS_BUTTON");
+      invisibleButtons.push(TaskbarElement.DATA_EXPORTER);
+    if (((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo.mode) === SelectionMode.ALL_RECORDS)
+      invisibleButtons.push(TaskbarElement.ACTIONS_BUTTON);
+    if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo.length) === 1)
+      invisibleButtons.push(TaskbarElement.UPDATE_MULTIPLE);
     return invisibleButtons;
   }
   componentWillRender() {
@@ -500,11 +514,10 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     return primaryButtonLookup[this.presentationMode];
   }
-  getColumnSearch(actionButton, item) {
+  getColumnSearch(item) {
     if (this._columnSearch != undefined) {
       return this._columnSearch;
     }
-    this._moreOptions = actionButton;
     this._columnSearch = buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
         accept(columns
@@ -514,19 +527,12 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }), (option) => {
       if (option != undefined) {
         this._grid.locateColumn(option.value);
-        actionButton.hideActions();
       }
     });
     return this._columnSearch;
   }
   getActionsList() {
-    const hardList = [{
-        value: StringUtils.generateUUID(),
-        label: this.messagesBuilder.getMessage("snkGrid.findColumn", {}),
-        disableCloseOnSelect: true,
-        eagerInitialize: true,
-        itemBuilder: (actionButton, item) => this.getColumnSearch(actionButton, item)
-      }];
+    const hardList = [];
     if (this.enableGridInsert) {
       hardList.push(this._continuousInsertUtils.actionContinuousInsert(this._enableContinuousInsert, () => {
         this._enableContinuousInsert = !this._enableContinuousInsert;
@@ -541,6 +547,16 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     return hardList.concat(this.actionsList);
   }
+  getActionsSettingsList() {
+    const hardList = [{
+        value: StringUtils.generateUUID(),
+        label: this.messagesBuilder.getMessage("snkGrid.findColumn", {}),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
+        itemBuilder: (_, item) => this.getColumnSearch(item)
+      }];
+    return hardList;
+  }
   handleFilterConfigUpdated(filterConfig) {
     if (!filterConfig.length) {
       this._showSnkFilterBar = false;
@@ -564,8 +580,8 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, paginationCounterMode: this.paginationCounterMode }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
+      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, compact: this.compact }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -600,8 +616,13 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "autoFocus": [4, "auto-focus"],
     "enableGridInsert": [4, "enable-grid-insert"],
     "outlineMode": [4, "outline-mode"],
+    "suppressHorizontalScroll": [4, "suppress-horizontal-scroll"],
     "strategyExporter": [1025, "strategy-exporter"],
+    "useSearchColumn": [4, "use-search-column"],
+    "multipleEditionEnabled": [4, "multiple-edition-enabled"],
     "paginationCounterMode": [1, "pagination-counter-mode"],
+    "suppressCheckboxColumn": [4, "suppress-checkbox-column"],
+    "compact": [4],
     "_dataUnit": [32],
     "_dataState": [32],
     "_gridConfig": [32],
@@ -614,7 +635,6 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "setConfig": [64],
     "reloadFilterBar": [64],
     "getFilterBar": [64],
-    "findColumn": [64],
     "addCustomEditor": [64],
     "addGridCustomRender": [64],
     "addCustomValueFormatter": [64],
@@ -625,7 +645,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar", "taskbar-actions-button"];
+  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
@@ -634,90 +654,95 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "snk-expression-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "snk-filter-param-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "snk-select-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-simple-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$2();
+        defineCustomElement$3();
       }
       break;
     case "taskbar-actions-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "taskbar-split-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

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

@@ -79,21 +79,23 @@ const SnkFilterPersonalized = /*@__PURE__*/ proxyCustomElement(class extends HTM
     var _a, _b;
     const params = (_b = (_a = parentItem === null || parentItem === void 0 ? void 0 : parentItem.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters;
     return params.map((param, index) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const formProp = Object.assign(Object.assign({}, param), { id: parentItem.id });
       const value = (_a = parentItem.value) === null || _a === void 0 ? void 0 : _a[index];
       const elemId = 'param_' + index;
       switch (param.userInterface) {
         case UserInterface.SEARCH:
-          return h("ez-search", { id: elemId, suppressEmptyOption: true, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
+          const isSearchPlus = ((_b = this.config.props) === null || _b === void 0 ? void 0 : _b["useSearchPlus"]) == true;
+          const TagName = isSearchPlus ? "ez-search-plus" : "ez-search";
+          return h(TagName, { id: elemId, suppressEmptyOption: true, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
         case UserInterface.SWITCH:
         case UserInterface.CHECKBOX:
           const mode = UserInterface.SWITCH === param.userInterface ? CheckMode.SWITCH : CheckMode.REGULAR;
           return h("ez-check", { id: elemId, class: "ez-padding-bottom--medium", mode: mode, value: value, label: param.label, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.DECIMALNUMBER:
-          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: ((_b = param.props) === null || _b === void 0 ? void 0 : _b.precision) || 2, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: ((_c = param.props) === null || _c === void 0 ? void 0 : _c.precision) || 2, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.INTEGERNUMBER:
-          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: (_c = param.props) === null || _c === void 0 ? void 0 : _c.precision, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: (_d = param.props) === null || _d === void 0 ? void 0 : _d.precision, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.OPTIONSELECTOR:
           return h("ez-combo-box", { id: elemId, label: param.label, value: value, options: param.options, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.DATE:

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
 import { StringUtils, ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
-import { F as FilterGroupCondition, P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
+import { F as FilterGroupCondition, D as DefaultFilter, P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
 import { P as PersonalizedFilterFetcher, C as ConfigStorage } from './ConfigStorage.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { s as store } from './index2.js';
@@ -43,6 +43,7 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.filterId = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.isDefaultFilter = false;
   }
   /*
    * Cria um novo filtro se não houver nenhum filtro existente
@@ -75,6 +76,9 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
         operand: FilterGroupCondition.AND
       }
     };
+    if (this.isDefaultFilter) {
+      this.buildDataDefaultFilter(newPersonalizedFilter);
+    }
     this._originalFilterAssistent = ObjectUtils.copy(newPersonalizedFilter);
     this._filterAssistent = ObjectUtils.copy(newPersonalizedFilter);
   }
@@ -82,6 +86,16 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
     if (newValue == null || oldValue == newValue || this.resourceID == undefined) {
       return;
     }
+    if (newValue === DefaultFilter.id) {
+      ConfigStorage.loadDefaultFilter(newValue, this.resourceID, this.configName)
+        .then((resp) => {
+        const personalizedFilter = this.applyDefaultValues(resp);
+        this._filterAssistent = personalizedFilter;
+        this._originalFilterAssistent = ObjectUtils.copy(personalizedFilter);
+        this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
+      });
+      return;
+    }
     ConfigStorage.loadPersonalizedFilter(newValue, this.resourceID, this.configName)
       .then((resp) => {
       const personalizedFilter = this.applyDefaultValues(resp);
@@ -108,20 +122,29 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
       this._elButtonMode.setAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME, ElementIDUtils.getInternalIDInfo(`${this._filterAssistentMode ? "advancedMode_ezButton" : "assistentMode_ezButton"}`));
     }
   }
+  buildDataDefaultFilter(data) {
+    data.name = DefaultFilter.name;
+    data.id = DefaultFilter.id;
+  }
   getMessage(key, params) {
     return this._application.messagesBuilder.getMessage(key, params);
   }
-  saveFilter() {
-    ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName).then((personalizedFilter) => {
-      this._elButtonSave.enabled = false;
-      const messageToken = !!this._filterAssistent.id ? 'confirmEdit' : 'confirmSave';
-      ApplicationUtils.info(this.getMessage(`snkPersonalizedFilter.${messageToken}.title`), { iconName: "check" });
-      const updatedFilterAssistent = Object.assign(Object.assign({}, personalizedFilter), this._filterAssistent);
-      updatedFilterAssistent.parameters = PersonalizedFilterUtils.buildVariableParameters(this._filterAssistent.assistent);
-      this._originalFilterAssistent = ObjectUtils.copy(updatedFilterAssistent);
-      this._filterAssistent = ObjectUtils.copy(updatedFilterAssistent);
-      this.ezAfterSave.emit();
-    });
+  async saveFilter() {
+    let response;
+    if (this.isDefaultFilter) {
+      response = await ConfigStorage.saveDefaultFilter(this._filterAssistent, this.resourceID, this.configName);
+    }
+    else {
+      response = await ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName);
+    }
+    this._elButtonSave.enabled = false;
+    const messageToken = !!this._filterAssistent.id ? 'confirmEdit' : 'confirmSave';
+    ApplicationUtils.info(this.getMessage(`snkPersonalizedFilter.${messageToken}.title`), { iconName: "check" });
+    const updatedFilterAssistent = Object.assign(Object.assign({}, response), this._filterAssistent);
+    updatedFilterAssistent.parameters = PersonalizedFilterUtils.buildVariableParameters(this._filterAssistent.assistent);
+    this._originalFilterAssistent = ObjectUtils.copy(updatedFilterAssistent);
+    this._filterAssistent = ObjectUtils.copy(updatedFilterAssistent);
+    this.ezAfterSave.emit();
   }
   removeFilter() {
     ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName);
@@ -257,7 +280,7 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
   }
   buildContainerPersonalizedFilter() {
     return (h("ez-view-stack", { ref: (ref) => this._viewStackRef = ref }, h("stack-item", null, this._filterAssistentMode &&
-      h("snk-filter-assistent-mode", { filterAssistent: this._filterAssistent, messagesBuilder: this.messagesBuilder, filterId: this.filterId, entityUri: this.entityUri, application: this._application, onEzChangeFilter: (ev) => this.handleChangeFilterAssistentMode(ev.detail) })), h("stack-item", null, h("snk-filter-advanced-mode", { ref: (ref) => this._elAdvancedMode = ref, filterAssistent: this._filterAssistent, application: this._application, onEzExpressionChange: (ev) => this.handleExpressionChangeAdvancedMode(ev.detail) }))));
+      h("snk-filter-assistent-mode", { filterAssistent: this._filterAssistent, messagesBuilder: this.messagesBuilder, filterId: this.filterId, entityUri: this.entityUri, application: this._application, onEzChangeFilter: (ev) => this.handleChangeFilterAssistentMode(ev.detail), isDefaultFilter: this.isDefaultFilter })), h("stack-item", null, h("snk-filter-advanced-mode", { ref: (ref) => this._elAdvancedMode = ref, filterAssistent: this._filterAssistent, application: this._application, onEzExpressionChange: (ev) => this.handleExpressionChangeAdvancedMode(ev.detail) }))));
   }
   handleModeChange() {
     var _a, _b;
@@ -296,12 +319,24 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
       }
     }
   }
+  buildTitle() {
+    if (this.isDefaultFilter && !this.filterId) {
+      return this.getMessage("snkPersonalizedFilter.info.titleCreateDefault");
+    }
+    if (this.isDefaultFilter && this.filterId) {
+      return this.getMessage("snkPersonalizedFilter.info.titleEditDefault");
+    }
+    if (this.filterId) {
+      return this.getMessage("snkPersonalizedFilter.info.titleEdit");
+    }
+    return this.getMessage("snkPersonalizedFilter.info.titleAdd");
+  }
   render() {
     var _a, _b, _c, _d;
     if (!((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent) && this._filterAssistentMode) {
       return;
     }
-    return (h(Host, null, h("div", { class: "snk-personalized-filter" }, h("div", null, h("snk-simple-bar", { label: this.filterId ? this.getMessage("snkPersonalizedFilter.info.titleEdit") : this.getMessage("snkPersonalizedFilter.info.titleAdd"), onExit: () => this.handleCancel() }, h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, h("div", { class: "ez-box__container" }, h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("div", { class: "ez-flex" }, h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail) }), this.renderButtonAddField(), h("ez-button", { ref: (el) => this._elButtonMode = el, class: "snk-personalized-filter__button-mode", label: this._filterAssistentMode ? this.getMessage("snkPersonalizedFilter.info.activeModeAdvanced") : this.getMessage("snkPersonalizedFilter.info.activeModeAssistent"), onClick: () => this.handleModeChange(), "data-tooltip": !(this._filterAssistentMode || ((_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent)) ? this.getMessage("snkPersonalizedFilter.info.tooltipDisabledAssistentMode") : undefined, "data-flow": "bottom", enabled: (!this._filterAssistent.name || Boolean(this._filterAssistentMode || ((_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.assistent))) })), this.buildContainerPersonalizedFilter()))))));
+    return (h(Host, null, h("div", { class: "snk-personalized-filter" }, h("div", null, h("snk-simple-bar", { label: this.buildTitle(), onExit: () => this.handleCancel() }, h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, h("div", { class: "ez-box__container" }, h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("div", { class: "ez-flex" }, h("ez-tooltip", { message: this.getMessage("snkPersonalizedFilter.info.textInputDisabled"), active: this.isDefaultFilter }, h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail), enabled: !this.isDefaultFilter })), this.renderButtonAddField(), h("ez-button", { ref: (el) => this._elButtonMode = el, class: "snk-personalized-filter__button-mode", label: this._filterAssistentMode ? this.getMessage("snkPersonalizedFilter.info.activeModeAdvanced") : this.getMessage("snkPersonalizedFilter.info.activeModeAssistent"), onClick: () => this.handleModeChange(), "data-tooltip": !(this._filterAssistentMode || ((_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent)) ? this.getMessage("snkPersonalizedFilter.info.tooltipDisabledAssistentMode") : undefined, "data-flow": "bottom", enabled: (!this._filterAssistent.name || Boolean(this._filterAssistentMode || ((_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.assistent))) })), this.buildContainerPersonalizedFilter()))))));
   }
   static get watchers() { return {
     "filterId": ["loadFilter"]
@@ -313,6 +348,7 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
     "filterId": [1025, "filter-id"],
     "configName": [1025, "config-name"],
     "resourceID": [1, "resource-i-d"],
+    "isDefaultFilter": [4, "is-default-filter"],
     "_filterAssistentMode": [32],
     "_filterAssistent": [32],
     "createPersonalizedFilter": [64]

package/dist/components/snk-select-box2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { O as ORDER_VALUES } from './constants.js';
 
-const snkSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
+const snkSelectBoxCss = "ez-combo-box{width:100px;--ez-text-input__margin-bottom:0px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
 
 const SelectBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -10,16 +10,18 @@ const SelectBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
     this.selectedOption = ORDER_VALUES.none;
+    this.preventAutoFocus = false;
   }
   render() {
-    return (h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, Object.keys(ORDER_VALUES).map((key) => {
+    return (h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true, preventAutoFocus: this.preventAutoFocus }, Object.keys(ORDER_VALUES).map((key) => {
       return h("option", { value: ORDER_VALUES[key].value }, ORDER_VALUES[key].label);
     })));
   }
   static get assetsDirs() { return ["../assets"]; }
   static get style() { return snkSelectBoxCss; }
 }, [1, "snk-select-box", {
-    "selectedOption": [1, "selected-option"]
+    "selectedOption": [1, "selected-option"],
+    "preventAutoFocus": [4, "prevent-auto-focus"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {