@sankhyalabs/sankhyablocks 8.16.0-dev.11 → 8.16.0-dev.111

package/dist/cjs/snk-filter-binary-select.cjs.entry.js

@@ -81,7 +81,7 @@ const SnkFilterBinarySelect = class {
     }
     const [optOne, optTwo] = this.config.props.options;
     if (this.presentationMode === presentationMode.EPresentationMode.MODAL) {
-      return (index.h(index.Host, null, index.h("div", { class: "ez-row ez-size-height--full" }, index.h("label", { class: "ez-text ez-title--small ez-title--primary ez-size-height--full ez-flex ez-flex--row ez-flex--align-items-center ez-col ez-col--sd-4" }, this.config.detailModal), index.h("div", { class: "ez-col ez-col--sd-4" }, index.h("ez-check", { ref: (ref) => this._checkOne = ref, id: `${this.config.id}_${optOne.name || "option1"}`, class: "sc-snk-filter-bar editor__ez-check", label: optOne.label, value: this.isSelected(optOne.name), compact: true })), index.h("div", { class: "ez-col ez-col--sd-4" }, index.h("ez-check", { ref: (ref) => this._checkTwo = ref, id: `${this.config.id}_${optTwo.name || "option2"}`, class: "sc-snk-filter-bar editor__ez-check", label: optTwo.label, value: this.isSelected(optTwo.name), compact: true })))));
+      return (index.h(index.Host, null, index.h("div", { class: "ez-row ez-size-height--full" }, index.h("label", { class: "ez-text ez-title--small ez-title--primary ez-size-height--full ez-flex ez-flex--row ez-flex--align-items-center ez-col ez-col--sd-4" }, this.config.detailModal), index.h("div", { class: "ez-col ez-col--sd-4" }, index.h("ez-check", { ref: (ref) => this._checkOne = ref, id: `${this.config.id}_${optOne.name || "option1"}`, class: "sc-snk-filter-bar editor__ez-check", label: optOne.label, value: this.isSelected(optOne.name) })), index.h("div", { class: "ez-col ez-col--sd-4" }, index.h("ez-check", { ref: (ref) => this._checkTwo = ref, id: `${this.config.id}_${optTwo.name || "option2"}`, class: "sc-snk-filter-bar editor__ez-check", label: optTwo.label, value: this.isSelected(optTwo.name) })))));
     }
     return (index.h(index.Host, null, index.h("ez-radio-button", { value: this._radioButtonValue }, index.h("ez-radio-button-option", { id: `${this.config.id}_${optOne.name || "option1"}`, class: "sc-snk-filter-bar editor__ez-check", label: optOne.label, value: optOne.name }), index.h("ez-radio-button-option", { id: `${this.config.id}_${optTwo.name || "option2"}`, class: "sc-snk-filter-bar editor__ez-check", label: optTwo.label, value: optTwo.name }), index.h("ez-radio-button-option", { id: `${this.config.id}_option3`, class: "sc-snk-filter-bar editor__ez-check", label: `${optOne.label} + ${optTwo.label}`, value: this._noOptionValue }))));
   }

package/dist/cjs/snk-filter-checkbox-list.cjs.entry.js

@@ -26,7 +26,7 @@ const SnkFilterCheckboxList = class {
     this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
   renderOptions() {
-    return this.optionsList.map(option => (index.h("ez-check", { label: option.label, compact: true, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
+    return this.optionsList.map(option => (index.h("ez-check", { label: option.label, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
   }
   isChecked(itemName) {
     var _a;

package/dist/cjs/snk-filter-modal-item.cjs.entry.js

@@ -6,10 +6,10 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const ConfigStorage = require('./ConfigStorage-e49214c6.js');
+const ConfigStorage = require('./ConfigStorage-df09fb78.js');
 const filterType_enum = require('./filter-type.enum-b14ce507.js');
-require('./form-config-fetcher-feb08214.js');
-require('./DataFetcher-77729a93.js');
+require('./form-config-fetcher-40d3f752.js');
+require('./DataFetcher-1afdb18e.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 

package/dist/cjs/snk-filter-number.cjs.entry.js

@@ -26,7 +26,7 @@ const SnkFilterPeriod = class {
     if (this.getVariation() === filterNumberVariation.FilterNumberVariation.INTERVAL) {
       const start = this._startInterval.value;
       const end = this._endInterval.value;
-      this.value = (start || end ? { start, end } : undefined);
+      this.value = (!isNaN(start) || !isNaN(end) ? { start, end } : undefined);
       this.valueChanged.emit(this.value);
       return;
     }

package/dist/cjs/snk-filter-search.cjs.entry.js

@@ -10,14 +10,20 @@ const SnkFilterSearch = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.valueChanged = index.createEvent(this, "valueChanged", 7);
+    this._isSearchPlus = false;
     this.config = undefined;
     this.value = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-search
    */
-  ezChangeListener(_evt) {
-    this.value = this._searchInput.value;
+  async ezChangeListener(_evt) {
+    if (this._isSearchPlus) {
+      this.value = await this._searchInput.getValueAsync();
+    }
+    else {
+      this.value = this._searchInput.value;
+    }
     this.valueChanged.emit(this.value);
   }
   componentDidLoad() {
@@ -25,10 +31,11 @@ const SnkFilterSearch = class {
       core.ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
     }
   }
-  doSearch(mode, argument) {
+  doSearch(mode, argument, isSearchPlus = false) {
     const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    const loader = isSearchPlus ? application.executePreparedSearchPlus : application.executePreparedSearch;
     return new Promise((resolve, reject) => {
-      application.executePreparedSearch(mode, argument, this.config.props.searchContext)
+      loader.bind(application)(mode, argument, this.config.props.searchContext)
         .then(result => {
         resolve(result);
       }).catch(reason => {
@@ -42,11 +49,17 @@ const SnkFilterSearch = class {
   async show() {
     this._searchInput.setFocus();
   }
+  getInputItem() {
+    var _a;
+    this._isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
+    const TagName = this._isSearchPlus ? "ez-search-plus" : "ez-search";
+    return (index.h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus) }));
+  }
   render() {
     if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.SEARCH) {
       return undefined;
     }
-    return (index.h("ez-search", { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument) }));
+    return this.getInputItem();
   }
   get _element() { return index.getElement(this); }
 };

package/dist/cjs/snk-filter-text.cjs.entry.js

@@ -25,10 +25,11 @@ const SnkFilterText = class {
     }
   }
   render() {
+    var _a;
     if (!this.config) {
       return undefined;
     }
-    return (index.h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value }));
+    return (index.h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, cleanValueMask: true }));
   }
   get _element() { return index.getElement(this); }
 };

package/dist/cjs/snk-form-view.cjs.entry.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 
 const snkFormViewCss = ".sc-snk-form-view-h{display:flex;width:100%;--ez-form-card-summary-field-content-weight:700}.level-path.sc-snk-form-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.summary-wrapper.sc-snk-form-view{display:flex;overflow:hidden}.summary-header.sc-snk-form-view{border-bottom:1px solid var(--color--strokes);margin-bottom:var(--space--medium);padding-bottom:var(--space--medium)}.summary-container.sc-snk-form-view{display:flex;flex-direction:column}.summary-container.sc-snk-form-view{padding-right:calc(var(--space--extra-large) / 1.5)}.summary-field.sc-snk-form-view{min-width:30px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-field__title.sc-snk-form-view{color:var(--text--primary, #626e82);font-size:var(--title--small);white-space:nowrap;font-weight:var(--text-weight--medium)}.summary-field__content.sc-snk-form-view{color:var(--title--primary, #2b3a54);font-size:var(--text--large);font-weight:var(--ez-form-card-summary-field-content-weight)}";
 
@@ -17,6 +18,7 @@ const SnkFormView = class {
     this._customEditors = new Map();
     this._fieldProps = new Map();
     this.levelPath = undefined;
+    this.fieldSearch = undefined;
     this.label = undefined;
     this.name = undefined;
     this.fields = undefined;
@@ -49,11 +51,6 @@ const SnkFormView = class {
     newCustomEditors.set(fieldName, { customEditor, detailContext });
     this._customEditors = newCustomEditors;
   }
-  observePropsCustomEditor(newValue) {
-    for (const fieldName in newValue) {
-      this.addCustomEditor(fieldName, newValue[fieldName]);
-    }
-  }
   /**
    * Altera/adiciona uma propriedade nos metadados do campo.
    */
@@ -61,6 +58,21 @@ const SnkFormView = class {
     const props = this._fieldProps.get(fieldName) || [];
     this._fieldProps.set(fieldName, [...props, { propName, value }]);
   }
+  /**
+   * Exibe a busca de campos ancorada ao container de cabeçalho do snk-form-view.
+   */
+  async showSearchField() {
+    if (!this._headerContainer || !this._ezPopoverFieldColumn)
+      return;
+    const container = this._headerContainer.getBoundingClientRect();
+    await utils.focusOnFieldSerch(this.fieldSearch);
+    this._ezPopoverFieldColumn.showUnder(this._headerContainer, { horizontalGap: container.width - (utils.SEARCH_FIELD_FULL_WIDTH), verticalGap: container.height * -1 });
+  }
+  observePropsCustomEditor(newValue) {
+    for (const fieldName in newValue) {
+      this.addCustomEditor(fieldName, newValue[fieldName]);
+    }
+  }
   async observeFieldsProps(newValue) {
     for (const field in newValue) {
       const fieldProps = newValue[field];
@@ -167,13 +179,13 @@ const SnkFormView = class {
     }
   }
   render() {
-    return (index.h(index.Host, { class: "ez-box__container" }, index.h("div", { class: "summary-header ez-flex ez-size-width--full" }, index.h("div", { class: "ez-flex ez-text ez-title--primary ez-text--bold ez-flex--justify-start ez-flex--align-items-center ez-col--sd-9" }, this.levelPath ? index.h("span", { class: "level-path" }, this.levelPath + " /") : undefined, this.label), index.h("div", { class: "ez-flex ez-flex--justify-end ez-col--sd-3" }, this.canFix &&
+    return (index.h(index.Host, { class: "ez-box__container" }, index.h("div", { class: "summary-header ez-flex ez-size-width--full", ref: ref => this._headerContainer = ref }, index.h("div", { class: "ez-flex ez-text ez-title--primary ez-text--bold ez-flex--justify-start ez-flex--align-items-center ez-col--sd-9" }, this.levelPath ? index.h("span", { class: "level-path" }, this.levelPath + " /") : undefined, this.label), index.h("div", { class: "ez-flex ez-flex--justify-end ez-col--sd-3" }, this.canFix &&
       index.h("ez-button", { class: "ez-padding-left--medium", mode: "icon", size: "small", iconName: this.fixed ? "un-pin" : "push-pin", "data-element-id": core.ElementIDUtils.getInternalIDInfo("toggleFixed_ezFormCard"), onClick: () => this.changeFix(), title: this.fixed ? "Desafixar" : "Fixar" }), this.canExpand &&
       index.h("ez-button", { class: "ez-padding-left--medium", mode: "icon", size: "small", iconName: this.contracted ? "chevron-down" : "chevron-up", "data-element-id": core.ElementIDUtils.getInternalIDInfo("toggleExpand_ezFormCard"), onClick: () => this.changeContracted(), title: this.contracted ? "Expandir" : "Resumir" }))), index.h("slot", null), this.contracted
       ?
         index.h("snk-form-summary", { summary: this.getCardSummary() })
       :
-        index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event) })));
+        index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event) }), this.fieldSearch && index.h("ez-popover", { ref: elem => (this._ezPopoverFieldColumn = elem), overlayType: "none" }, this.fieldSearch)));
   }
   static get watchers() { return {
     "customEditors": ["observePropsCustomEditor"],

package/dist/cjs/snk-grid.cjs.entry.js

@@ -4,29 +4,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
-const ConfigStorage = require('./ConfigStorage-e49214c6.js');
-const index$1 = require('./index-1dfc7a6e.js');
-const fieldSearch = require('./field-search-f56aa7d6.js');
+const taskbarElements = require('./taskbar-elements-6f4e06af.js');
+const ConfigStorage = require('./ConfigStorage-df09fb78.js');
+const index$1 = require('./index-e3e39724.js');
+const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
 const index$2 = require('./index-102ba62d.js');
-const IExporterProvider = require('./IExporterProvider-10b7fed5.js');
+const ClientSideExporterProvider = require('./ClientSideExporterProvider-a2753c93.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
-require('./DataFetcher-77729a93.js');
-require('./pesquisa-fetcher-a1d0353f.js');
-require('./ISave-e91b70a7.js');
+require('./DataFetcher-1afdb18e.js');
+require('./ISave-c76e2c51.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-d4873076.js');
+require('./dataunit-fetcher-a723f0dc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-feb08214.js');
-const RecordIDUtils = require('./RecordIDUtils-3735135c.js');
+require('./form-config-fetcher-40d3f752.js');
+require('./constants-77c1b8bd.js');
+const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
+require('./IFetchDataExporterParams-e78ec415.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
 
-class ServerSideExporterProvider extends IExporterProvider.CommonsExporter {
+class ServerSideExporterProvider extends ClientSideExporterProvider.CommonsExporter {
   getFilters() {
     var _a;
     return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getAppliedFilters();
@@ -48,7 +50,7 @@ class ServerSideExporterProvider extends IExporterProvider.CommonsExporter {
     return total !== null && total !== void 0 ? total : (_c = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length;
   }
   getSelectedIDs() {
-    return RecordIDUtils.getSelectedIDs(this.dataUnit);
+    return GetSelectedRecordsIDsInfo.getSelectedRecordsIDsInfo(this.dataUnit);
   }
   getOffset() {
     return this.getExporterOffset(this.getPaginationInfo());
@@ -80,7 +82,7 @@ class ServerSideExporterProvider extends IExporterProvider.CommonsExporter {
   }
 }
 
-const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
+const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px;--snk-grid-padding:var(--space--small)}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%;padding:var(--snk-grid-padding)}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}.snk-grid-container__footer.sc-snk-grid{background-color:var(--background--xlight, #FFF);border-radius:0 0 var(--border--radius-medium) var(--border--radius-medium);box-shadow:var(--shadow--small)}";
 
 const SnkGrid = class {
   constructor(hostRef) {
@@ -89,24 +91,25 @@ const SnkGrid = class {
     this.gridDoubleClick = index.createEvent(this, "gridDoubleClick", 7);
     this._customEditors = new Map();
     this._customRenders = new Map();
-    this._topTaskbarProcessor = new fieldSearch.TaskbarProcessor({
+    this._keyboardManager = new core.KeyboardManager();
+    this._topTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.singleTaskbar": [],
-      "snkGridTopTaskbar.finish_edition": ["CANCEL", "SAVE"],
+      "snkGridTopTaskbar.finish_edition": ["CANCEL", "SAVE", this.handleAddFormMode()],
       "snkGridTopTaskbar.finish_edition.secondary": [],
       "snkGridTopTaskbar.finish_edition.singleTaskbar": [],
     });
-    this._headerTaskbarProcessor = new fieldSearch.TaskbarProcessor({
+    this._headerTaskbarProcessor = new taskbarProcessor.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"],
       "snkGridHeaderTaskbar.singleTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
       "snkGridHeaderTaskbar.singleTaskbar.detail.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.singleTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "FORM_MODE", "CONFIGURATOR", "REFRESH"],
-      "snkGridHeaderTaskbar.singleTaskbar.finish_edition": ["CANCEL", "SAVE"]
+      "snkGridHeaderTaskbar.singleTaskbar.finish_edition": ["CANCEL", "SAVE", this.handleAddFormMode()]
     });
     this.dataUnitInterceptor = {
       interceptAction: async (action) => {
@@ -121,7 +124,10 @@ const SnkGrid = class {
     this._gridConfig = undefined;
     this._popUpGridConfig = false;
     this._showSnkFilterBar = true;
-    this.columnFilterDataSource = new IExporterProvider.SnkMultiSelectionListDataSource();
+    this._enableContinuousInsert = false;
+    this.columnFilterDataSource = new ClientSideExporterProvider.SnkMultiSelectionListDataSource();
+    this.enableLockManagerLoadingComp = false;
+    this.enableLockManagerTaskbarClick = false;
     this.configName = undefined;
     this.filterBarTitle = undefined;
     this.resourceID = undefined;
@@ -144,6 +150,24 @@ const SnkGrid = class {
     this.filterBarLegacyConfigName = undefined;
     this.autoLoad = undefined;
     this.autoFocus = true;
+    this.enableGridInsert = false;
+    this.outlineMode = false;
+    this.strategyExporter = index$1.ExporterStrategy.SERVER_SIDE;
+    this.useSearchColumn = true;
+    this.multipleEditionEnabled = true;
+  }
+  getGridHeaderSelectedBtns() {
+    const btns = [
+      taskbarElements.TaskbarElement.UPDATE, taskbarElements.TaskbarElement.CLONE, taskbarElements.TaskbarElement.REMOVE,
+      taskbarElements.TaskbarElement.MORE_OPTIONS, taskbarElements.TaskbarElement.DIVIDER, taskbarElements.TaskbarElement.ATTACH, taskbarElements.TaskbarElement.FORM_MODE,
+      taskbarElements.TaskbarElement.CONFIGURATOR, taskbarElements.TaskbarElement.REFRESH, taskbarElements.TaskbarElement.DATA_EXPORTER, taskbarElements.TaskbarElement.ACTIONS_BUTTON
+    ];
+    if (this.multipleEditionEnabled)
+      btns.unshift(taskbarElements.TaskbarElement.UPDATE_MULTIPLE);
+    return btns;
+  }
+  reloadConfig() {
+    this.loadConfig();
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -182,12 +206,6 @@ const SnkGrid = class {
   async getFilterBar() {
     return this._snkFilterBar;
   }
-  /**
-   * Abre o localizador de colunas
-   */
-  async findColumn() {
-    await fieldSearch.openFieldSearch(this._moreOptions, this._columnSearch);
-  }
   /**
    * Registra um editor customizado para campos da grade e formulário
    */
@@ -230,6 +248,24 @@ const SnkGrid = class {
   async setFocus() {
     this._grid.setFocus();
   }
+  async handleClick(event) {
+    var _a;
+    if (this.hasToBlockEvent(event)) {
+      event.preventDefault();
+      event.stopPropagation();
+      if (!await this._dataUnit.cancelEdition())
+        return;
+      const newEvent = new event.constructor(event.type, event);
+      (_a = event.target) === null || _a === void 0 ? void 0 : _a.dispatchEvent(newEvent);
+    }
+    if (this._grid && !this._grid.contains(event.target)) {
+      this._grid.stopEdit();
+    }
+  }
+  hasToBlockEvent(event) {
+    var _a;
+    return ((_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.contains(event.target)) && this.enableGridInsert && this._dataUnit.hasNewRecord();
+  }
   async handleGridLegacyConfigName(newLegacyConfig, oldLegacyConfig) {
     if (!newLegacyConfig) {
       return;
@@ -240,6 +276,9 @@ const SnkGrid = class {
     this.addGridLegacyConfigName();
     this.loadConfig();
   }
+  handleAddFormMode() {
+    return this.enableGridInsert ? taskbarElements.TaskbarElement.FORM_MODE : "";
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -253,12 +292,26 @@ const SnkGrid = class {
   }
   setGridConfig(config) {
     this._gridConfig = config;
-    IExporterProvider.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
+    ClientSideExporterProvider.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
+  }
+  fixColumNameCharset(columnName) {
+    try {
+      return decodeURIComponent(escape(columnName));
+    }
+    catch (e) {
+      return columnName;
+    }
+  }
+  normalizeGridConfig(config) {
+    if (!config)
+      return config;
+    const columnsMapped = config.columns.map(column => (Object.assign(Object.assign({}, column), { name: this.fixColumNameCharset(column.name) })));
+    return Object.assign(Object.assign({}, config), { columns: columnsMapped });
   }
   loadConfig() {
     ConfigStorage.ConfigStorage.loadGridConfig(this.configName, this.resourceID)
       .then((config) => {
-      this.setGridConfig(config);
+      this.setGridConfig(this.normalizeGridConfig(config));
     })
       .catch((error) => {
       console.warn(error);
@@ -270,12 +323,12 @@ const SnkGrid = class {
     }
   }
   gridConfigChangeHandler(evt) {
-    const config = evt.detail;
+    const config = this.normalizeGridConfig(evt.detail);
     ConfigStorage.ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
     evt.stopPropagation();
   }
   modalConfigChangeHandler(evt) {
-    const config = evt.detail;
+    const config = this.normalizeGridConfig(evt.detail);
     this._grid.setColumnsState(config.columns)
       .then(() => {
       this.setGridConfig(config);
@@ -285,7 +338,9 @@ const SnkGrid = class {
     evt.stopPropagation();
   }
   async dataExporterProviderStore() {
-    const dataExporterProvider = new ServerSideExporterProvider(this._dataUnit, this._grid);
+    const dataExporterProvider = this.strategyExporter === index$1.ExporterStrategy.SERVER_SIDE
+      ? new ServerSideExporterProvider(this._dataUnit, this._grid)
+      : new ClientSideExporterProvider.ClientSideExporterProvider(this._dataUnit, this._grid);
     index$2.store.set("exporterProviders", Object.assign(Object.assign({}, index$2.store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
   }
   addElementID() {
@@ -309,7 +364,7 @@ const SnkGrid = class {
   }
   finishLoading() {
     this._dataUnit.addInterceptor(this.dataUnitInterceptor);
-    IExporterProvider.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
+    ClientSideExporterProvider.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
     this.addElementID();
     if (this.columnFilterDataSource != undefined) {
       this.columnFilterDataSource.setApplication(this._application);
@@ -364,13 +419,18 @@ const SnkGrid = class {
       }
       parent = parent.parentElement;
     }
-    this._rmPrecisionCustomValueFormatter = new IExporterProvider.RmPrecisionCustomValueFormatter();
+    this._rmPrecisionCustomValueFormatter = new ClientSideExporterProvider.RmPrecisionCustomValueFormatter();
     this.addGridLegacyConfigName();
     this.loadConfig();
+    this._continuousInsertUtils = new ClientSideExporterProvider.ContinuousInsertUtils(this._application, this.resourceID, this.configName);
+    if (this.enableGridInsert) {
+      this._continuousInsertUtils.getConfig().then(value => this._enableContinuousInsert = value);
+    }
   }
   componentDidRender() {
+    var _a, _b;
     this._rmPrecisionCustomValueFormatter.setGrid(this._grid);
-    this.loadGridCustomFormatters(this._dataUnit.metadata.fields);
+    this.loadGridCustomFormatters((_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.fields);
     this.setCustomRenders();
     this.setCustomEditors();
   }
@@ -383,20 +443,23 @@ const SnkGrid = class {
     const disabledButtons = [];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this._dataState.selectionInfo.length > 1) {
-        disabledButtons.push(taskbarElements.TaskbarElement.CLONE, "ATTACH");
+        disabledButtons.push(taskbarElements.TaskbarElement.CLONE, taskbarElements.TaskbarElement.ATTACH, taskbarElements.TaskbarElement.UPDATE);
       }
       if (this._dataState.selectionInfo.isAllRecords()) {
-        disabledButtons.push("REMOVE");
+        disabledButtons.push(taskbarElements.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 === DataUnit.SelectionMode.ALL_RECORDS)
-      invisibleButtons.push("ACTIONS_BUTTON");
+      invisibleButtons.push(taskbarElements.TaskbarElement.DATA_EXPORTER);
+    if (((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo.mode) === DataUnit.SelectionMode.ALL_RECORDS)
+      invisibleButtons.push(taskbarElements.TaskbarElement.ACTIONS_BUTTON);
+    if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo.length) === 1)
+      invisibleButtons.push(taskbarElements.TaskbarElement.UPDATE_MULTIPLE);
     return invisibleButtons;
   }
   componentWillRender() {
@@ -441,12 +504,11 @@ const SnkGrid = class {
     };
     return primaryButtonLookup[this.presentationMode];
   }
-  getColumnSearch(actionButton, item) {
+  getColumnSearch(item) {
     if (this._columnSearch != undefined) {
       return this._columnSearch;
     }
-    this._moreOptions = actionButton;
-    this._columnSearch = fieldSearch.buildFieldSearch(item, ({ argument }) => new Promise(accept => {
+    this._columnSearch = utils.buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
         accept(columns
           .filter(column => !column.hidden)
@@ -455,24 +517,35 @@ const SnkGrid = class {
     }), (option) => {
       if (option != undefined) {
         this._grid.locateColumn(option.value);
-        actionButton.hideActions();
       }
     });
     return this._columnSearch;
   }
   getActionsList() {
+    const hardList = [];
+    if (this.enableGridInsert) {
+      hardList.push(this._continuousInsertUtils.actionContinuousInsert(this._enableContinuousInsert, () => {
+        this._enableContinuousInsert = !this._enableContinuousInsert;
+        this._continuousInsertUtils.handleSaveConfig(this._enableContinuousInsert);
+      }));
+    }
+    if (this.isGridInsertActive())
+      return hardList;
+    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
+      const taskbarID = this.getTopTaskBarId();
+      return hardList.concat(this.taskbarManager.getMoreOptions(taskbarID, this.configName, this._dataState, this.actionsList));
+    }
+    return hardList.concat(this.actionsList);
+  }
+  getActionsSettingsList() {
     const hardList = [{
         value: core.StringUtils.generateUUID(),
         label: this.messagesBuilder.getMessage("snkGrid.findColumn", {}),
         disableCloseOnSelect: true,
         eagerInitialize: true,
-        itemBuilder: (actionButton, item) => this.getColumnSearch(actionButton, item)
+        itemBuilder: (_, item) => this.getColumnSearch(item)
       }];
-    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
-      const taskbarID = this.getTopTaskBarId();
-      return hardList.concat(this.taskbarManager.getMoreOptions(taskbarID, this.configName, this._dataState, this.actionsList));
-    }
-    return hardList.concat(this.actionsList);
+    return hardList;
   }
   handleFilterConfigUpdated(filterConfig) {
     if (!filterConfig.length) {
@@ -485,12 +558,20 @@ const SnkGrid = class {
     }
     this._showSnkFilterBar = true;
   }
+  getGridHeaderButtons() {
+    if (this.isGridInsertActive())
+      return taskbarElements.TaskbarElement.MORE_OPTIONS;
+    return this._headerTaskbarProcessor.buttons;
+  }
+  isGridInsertActive() {
+    return this.enableGridInsert && this._dataUnit.hasNewRecord();
+  }
   render() {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
-      index.h(index.Fragment, null, index.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 }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.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' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.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 }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, 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 }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
+      index.h(index.Fragment, null, index.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 }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.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() }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.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 }, index.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() }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.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 index.getElement(this); }
   static get watchers() { return {