@sankhyalabs/sankhyablocks 10.1.0-dev.5 → 10.1.0-dev.51

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
@@ -14,16 +14,17 @@ const SnkFilterPeriod = class {
     this._startDateLabel = 'Inicial';
     this._endDateLabel = 'Final';
     this._toLabel = 'até';
+    this._defaultEmptyValue = {
+      start: null,
+      end: null
+    };
     this.internalChange = {
       start: false,
       end: false
     };
     this.config = undefined;
     this.getMessage = undefined;
-    this.value = {
-      start: null,
-      end: null
-    };
+    this.value = this._defaultEmptyValue;
     this.presentationMode = presentationMode.EPresentationMode.CHIP;
     this.errorMessage = undefined;
   }
@@ -36,6 +37,10 @@ const SnkFilterPeriod = class {
       this.internalChange.start = false;
       return;
     }
+    if ((!newValue && oldValue) || (!(newValue === null || newValue === void 0 ? void 0 : newValue.start) && !(newValue === null || newValue === void 0 ? void 0 : newValue.end))) {
+      this.clearValue();
+      return;
+    }
     if (newValue && (newValue.start !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.start) || newValue.end !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.end))) {
       this.valueStart = this.parseDate(newValue.start);
       this.valueEnd = this.parseDate(newValue.end);
@@ -57,9 +62,11 @@ const SnkFilterPeriod = class {
    * Limpa o valor do componente restaurando o valor original da configuração.
    */
   async clearValue() {
-    this.value = this.config.value;
+    this.value = this.config.value || this._defaultEmptyValue;
     this.valueStart = this.getDate("start");
     this.valueEnd = this.getDate("end");
+    this._startDate.value = this.valueStart;
+    this._endDate.value = this.valueEnd;
   }
   componentDidLoad() {
     if (this._element) {
@@ -109,7 +116,7 @@ const SnkFilterPeriod = class {
     if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.PERIOD) {
       return undefined;
     }
-    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, enabled: this.config.enabled, value: this.valueStart, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'start') }), this.buildLabel(), index.h("ez-date-input", { id: `${this.config.id}_end`, label: this._endDateLabel, ref: ref => this._endDate = ref, enabled: this.config.enabled, value: this.valueEnd, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'end') }))));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, enabled: this.config.enabled, value: this.valueStart, errorMessage: this.errorMessage, onEzInput: (event) => this.ezChangeListener(event, 'start') }), this.buildLabel(), index.h("ez-date-input", { id: `${this.config.id}_end`, label: this._endDateLabel, ref: ref => this._endDate = ref, enabled: this.config.enabled, value: this.valueEnd, errorMessage: this.errorMessage, onEzInput: (event) => this.ezChangeListener(event, 'end') }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 
 const SnkFilterText = class {
@@ -46,7 +46,7 @@ const SnkFilterText = class {
     if (!this.config) {
       return undefined;
     }
-    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-text-input", { id: this.config.id, label: this.config.label, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 
 const BOUNDARY_FALSE_POSITIVE_VALUE = 14;

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

@@ -2,13 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const ImageUtils = require('./ImageUtils-d6139911.js');
 
 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)}";
 
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
 const SnkFormView = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -17,7 +30,23 @@ const SnkFormView = class {
     this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
     this._customEditors = new Map();
     this._fieldProps = new Map();
+    this.dataUnitObserver = async (action) => {
+      if (action.type === core.Action.RECORDS_COPIED) {
+        const sourcePK = this.buildSourceRecordPK(action);
+        this.getImageField().forEach(async (field) => {
+          this.dataUnit.setFieldValue(field.name, JSON.stringify(sourcePK));
+        });
+      }
+    };
+    this.customUiBuilders = new Map([
+      [core.UserInterface.IMAGE, (_a) => {
+          var { name } = _a, props = __rest(_a, ["name"]);
+          return index.h("snk-image-input", Object.assign({ dataUnit: this.dataUnit, maxSize: Infinity, fieldName: name, entityName: this.entityPath }, props));
+        }
+      ]
+    ]);
     this._singleColumn = false;
+    this._currentFormLayout = undefined;
     this.levelPath = undefined;
     this.fieldSearch = undefined;
     this.label = undefined;
@@ -34,6 +63,7 @@ const SnkFormView = class {
     this.fieldToFocus = undefined;
     this.customEditors = undefined;
     this.fieldsProps = undefined;
+    this.entityPath = undefined;
   }
   async showUp() {
     if (this._formView) {
@@ -83,6 +113,11 @@ const SnkFormView = class {
       }
     }
   }
+  async observeDataUnit(newValue, oldValue) {
+    if (newValue !== oldValue && newValue) {
+      newValue.subscribe(this.dataUnitObserver);
+    }
+  }
   changeFix() {
     this.fixed = !this.fixed;
     this.emitEvent("fixed");
@@ -140,28 +175,38 @@ const SnkFormView = class {
     if (this._dataBinder != undefined) {
       this._dataBinder.onDisconnectedCallback();
     }
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this.dataUnitObserver);
+    }
+  }
+  async componentWillLoad() {
+    await this.initLayoutFormConfig();
   }
   componentDidLoad() {
     this.observePropsCustomEditor(this.customEditors);
     this.observeFieldsProps(this.fieldsProps);
-    this.initLayoutFormConfig();
   }
   async initLayoutFormConfig() {
-    const _application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    const layoutFormConfig = await (_application === null || _application === void 0 ? void 0 : _application.getLayoutFormConfig());
+    var _a;
+    if (!this._application) {
+      this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    }
+    const layoutFormConfig = await ((_a = this._application) === null || _a === void 0 ? void 0 : _a.getLayoutFormConfig());
     if (layoutFormConfig) {
       this.setSingleColumn(layoutFormConfig);
       this.registerNotifyListeners(layoutFormConfig);
     }
   }
   setSingleColumn(layoutFormConfig) {
-    this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === utils.FormLayout.CASCADE;
+    this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === utils.FormLayout.CASCADE || (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === utils.FormLayout.CLASSIC_CASCADE;
+    this._currentFormLayout = layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config;
   }
   registerNotifyListeners(layoutFormConfig) {
     if (!layoutFormConfig)
       return;
     layoutFormConfig.onConfigChange((config) => {
-      this._singleColumn = (config === utils.FormLayout.CASCADE);
+      this._singleColumn = (config === utils.FormLayout.CASCADE || config === utils.FormLayout.CLASSIC_CASCADE);
+      this._currentFormLayout = config;
     });
   }
   componentDidRender() {
@@ -198,6 +243,22 @@ const SnkFormView = class {
       });
     }
   }
+  buildSourceRecordPK(action) {
+    var _a, _b;
+    const currentRecord = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const sourceBase64 = currentRecord["__record__source__id__"];
+    const sourceRecord = JSON.parse(atob(sourceBase64 || ''));
+    delete sourceRecord["__DATA_UNIT_NAME__"];
+    const pkFields = Object.keys(ImageUtils.getPKs(this.dataUnit));
+    const filteredSourceRecord = {};
+    for (const pkField of pkFields) {
+      filteredSourceRecord[pkField] = (_b = sourceRecord[pkField]) === null || _b === void 0 ? void 0 : _b.value;
+    }
+    return filteredSourceRecord;
+  }
+  getImageField() {
+    return this.dataUnit.metadata.fields.filter(field => field.userInterface === core.UserInterface.IMAGE);
+  }
   render() {
     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 &&
@@ -205,11 +266,12 @@ const SnkFormView = class {
       ?
         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), singleColumn: this._singleColumn }), this.fieldSearch && index.h("ez-popover", { ref: elem => (this._ezPopoverFieldColumn = elem), overlayType: "none" }, this.fieldSearch)));
+        index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event), singleColumn: this._singleColumn, customUiBuilders: this.customUiBuilders, formLayout: this._currentFormLayout }), this.fieldSearch && index.h("ez-popover", { ref: elem => (this._ezPopoverFieldColumn = elem), overlayType: "none" }, this.fieldSearch)));
   }
   static get watchers() { return {
     "customEditors": ["observePropsCustomEditor"],
-    "fieldsProps": ["observeFieldsProps"]
+    "fieldsProps": ["observeFieldsProps"],
+    "dataUnit": ["observeDataUnit"]
   }; }
 };
 SnkFormView.style = snkFormViewCss;

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

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-cdbb29d4.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-44386305.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const formConfigFetcher = require('./form-config-fetcher-c7af90d8.js');
+const formConfigFetcher = require('./form-config-fetcher-45d1964c.js');
 const constants = require('./constants-6d82e405.js');
-const FormConfigHelper = require('./FormConfigHelper-e253a418.js');
-require('./ConfigStorage-72f34bd4.js');
-require('./DataFetcher-991b0349.js');
+const FormConfigHelper = require('./FormConfigHelper-28fe4668.js');
+require('./ConfigStorage-a1fab5ca.js');
+require('./DataFetcher-384d2ce8.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-a9300ebe.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
 
@@ -263,8 +264,8 @@ const SnkFormConfig = class {
       this.configOptions = userConfig;
       const isDefault = this._formConfig != undefined ? this._formConfig.defaultConfiguration : true;
       const origin = (isDefault ? formConfigFetcher.UserConfigType.DEFAULT : formConfigFetcher.UserConfigType.USER);
-      this.configSelected = userConfig.find((config) => config.origin === origin);
-      this.originalConfigSelected = userConfig.find((config) => config.origin === origin);
+      this.configSelected = userConfig === null || userConfig === void 0 ? void 0 : userConfig.find((config) => config.origin === origin);
+      this.originalConfigSelected = userConfig === null || userConfig === void 0 ? void 0 : userConfig.find((config) => config.origin === origin);
     }
     catch (error) {
       console.error(this.getMessage('snkFormConfig.errors.failFetchUserConfig'));
@@ -317,13 +318,23 @@ const SnkFormConfig = class {
       return fieldVisible === true && hasCfg === false;
     });
   }
+  getInitialOrder(guidesList) {
+    var _a, _b;
+    if (Array.isArray((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.tabs)) {
+      return (_b = this._formConfig.tabs) === null || _b === void 0 ? void 0 : _b.length;
+    }
+    if (guidesList.length > 0) {
+      return Math.max(...guidesList.map(g => g.order));
+    }
+    return 0;
+  }
   loadGuides() {
-    var _a, _b, _c, _d;
+    var _a;
     this.guidesList = [];
     this.guidesList.push(...FormConfigHelper.buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea')));
-    this.guidesList.push(...FormConfigHelper.buildChildrenGuides(this.dataUnit, (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, this.guidesList));
+    this.guidesList.push(...FormConfigHelper.buildChildrenGuides(this.dataUnit, this.getInitialOrder(this.guidesList), this.guidesList));
     this.guidesList.push(...FormConfigHelper.buildCustomGuides(this.customGuidesConfig, this.guidesList));
-    this.guidesMap = FormConfigHelper.buildGuidesMap((_d = this._formConfig) === null || _d === void 0 ? void 0 : _d.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
+    this.guidesMap = FormConfigHelper.buildGuidesMap((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
   }
   getConfig() {
     let config = this.configManager.getConfig(this.dataUnit, false);

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

@@ -2,27 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-require('./DataFetcher-991b0349.js');
-require('./ISave-ebf6b4ed.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-011bec79.js');
+require('./DataFetcher-384d2ce8.js');
+require('./ISave-ecbe9336.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-293bc3d2.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8bf469e7.js');
+require('./dataunit-fetcher-b9822794.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-c7af90d8.js');
+require('./form-config-fetcher-45d1964c.js');
 require('./constants-6d82e405.js');
-const ConfigStorage = require('./ConfigStorage-72f34bd4.js');
-const index$2 = require('./index-13d05f03.js');
+const ConfigStorage = require('./ConfigStorage-a1fab5ca.js');
+const index$2 = require('./index-f0fe7e6e.js');
+const ContinuousInsertUtils = require('./ContinuousInsertUtils-1ae0c6ac.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 const filterValidate = require('./filter-validate-cb4ed41a.js');
-const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
-const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
+const taskbarElements = require('./taskbar-elements-80eddec8.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-a9300ebe.js');
 require('./IFetchDataExporterParams-e78ec415.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
@@ -83,7 +84,7 @@ class ServerSideExporterProvider extends SnkMultiSelectionListDataSource.Commons
   }
 }
 
-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);outline:none}.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 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:calc(100% - var(--space--12, 12px));margin:var(--snk-grid-padding);outline:none;border:1px solid var(--color--strokes, #E1E2E5);border-radius:var(--border--radius-12, 12px);box-shadow:var(--shadow--small);--snk-grid-header--min-height:var(--space--52)}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-start;min-height:var(--snk-grid-header--min-height)}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium);margin-right:var(--space--0);align-self:stretch}.snk-grid__header.sc-snk-grid snk-taskbar.sc-snk-grid{display:flex;align-items:flex-start;min-height:var(--snk-grid-header--min-height)}.snk-grid__header.sc-snk-grid ez-tooltip.sc-snk-grid{width:auto;margin-inline:var(--space--8, 8px)}.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-top:1px solid var(--color--strokes, #E1E2E5);border-radius:0 0 var(--border--radius-medium) var(--border--radius-medium)}";
 
 const SnkGrid = class {
   constructor(hostRef) {
@@ -94,7 +95,7 @@ const SnkGrid = class {
     this._customEditors = new Map();
     this._customRenders = new Map();
     this._keyboardManager = new core.KeyboardManager();
-    this._topTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
+    this._topTaskbarProcessor = new SnkMultiSelectionListDataSource.TaskbarProcessor({
       'snkGridTopTaskbar.regular': ['FORM_MODE', 'CONFIGURATOR', 'INSERT'],
       'snkGridTopTaskbar.regular.secondary': ['FORM_MODE', 'CONFIGURATOR', 'INSERT'],
       'snkGridTopTaskbar.regular.singleTaskbar': [],
@@ -102,15 +103,15 @@ const SnkGrid = class {
       'snkGridTopTaskbar.finish_edition.secondary': [],
       'snkGridTopTaskbar.finish_edition.singleTaskbar': [],
     });
-    this._headerTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
+    this._headerTaskbarProcessor = new SnkMultiSelectionListDataSource.TaskbarProcessor({
       'snkGridHeaderTaskbar.unselected': ['REFRESH', 'DATA_EXPORTER', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
       'snkGridHeaderTaskbar.selected': this.getGridHeaderSelectedBtns(),
-      'snkGridHeaderTaskbar.detail.unselected': ['REFRESH', 'MORE_OPTIONS'],
-      'snkGridHeaderTaskbar.detail.selected': ['UPDATE', 'ATTACH', 'CLONE', 'REMOVE', 'MORE_OPTIONS', 'DIVIDER', 'REFRESH'],
+      'snkGridHeaderTaskbar.detail.unselected': ['REFRESH', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
+      'snkGridHeaderTaskbar.detail.selected': this.getDetailGridSelectedBtns(),
       '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.detail.unselected': ['INSERT', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
+      'snkGridHeaderTaskbar.singleTaskbar.detail.selected': ['UPDATE', 'ATTACH', 'CLONE', 'REMOVE', 'MORE_OPTIONS', 'DIVIDER', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'ACTIONS_BUTTON'],
       'snkGridHeaderTaskbar.singleTaskbar.finish_edition': ['CANCEL', 'SAVE', this.handleAddFormMode()],
     });
     this.dataUnitInterceptor = {
@@ -131,7 +132,7 @@ const SnkGrid = class {
     this._showSnkFilterBar = true;
     this._enableContinuousInsert = false;
     this._filterMode = 'regular';
-    this.columnFilterDataSource = new SnkMultiSelectionListDataSource.SnkMultiSelectionListDataSource();
+    this.columnFilterDataSource = undefined;
     this.enableLockManagerLoadingComp = false;
     this.enableLockManagerTaskbarClick = false;
     this.configName = undefined;
@@ -169,6 +170,18 @@ const SnkGrid = class {
     this.compact = undefined;
     this.filterCustomConfig = undefined;
     this.filterCustomConfigInterceptor = undefined;
+    this.hidePagination = false;
+    this.hideHeader = false;
+    this.hideGridTaskbar = false;
+  }
+  getDetailGridSelectedBtns() {
+    const btns = [
+      taskbarElements.TaskbarElement.UPDATE, taskbarElements.TaskbarElement.ATTACH, taskbarElements.TaskbarElement.CLONE, taskbarElements.TaskbarElement.MORE_OPTIONS,
+      taskbarElements.TaskbarElement.DIVIDER, taskbarElements.TaskbarElement.REFRESH, taskbarElements.TaskbarElement.ACTIONS_BUTTON
+    ];
+    if (this.multipleEditionEnabled)
+      btns.unshift(taskbarElements.TaskbarElement.UPDATE_MULTIPLE);
+    return btns;
   }
   getGridHeaderSelectedBtns() {
     const btns = [
@@ -200,7 +213,7 @@ const SnkGrid = class {
     if (this._grid == undefined) {
       return;
     }
-    this.openGridConfig();
+    await this.openGridConfig();
   }
   /**
    * Fecha a janela de configurações da grade.
@@ -309,6 +322,24 @@ const SnkGrid = class {
   async setFocus() {
     this._grid.setFocus();
   }
+  /**
+   * Manipula a mudança de página da grid.
+   */
+  async handlePageChange() {
+    await this._grid.handlePageChange();
+  }
+  /**
+   * Localiza determinada coluna tornando-a visível.
+   */
+  async locateColumn(columnName) {
+    return this._grid.locateColumn(columnName);
+  }
+  /**
+   * Usa um argumento para filtrar as colunas por label
+   */
+  async filterColumns(search) {
+    return this._grid.filterColumns(search);
+  }
   async handleClick(event) {
     var _a;
     if (this.hasToBlockEvent(event)) {
@@ -340,12 +371,12 @@ const SnkGrid = class {
   handleAddFormMode() {
     return this.enableGridInsert ? taskbarElements.TaskbarElement.FORM_MODE : '';
   }
-  openGridConfig() {
-    this._grid.getColumnsState()
-      .then((gridColumns) => {
-      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
-      this._popUpGridConfig = true;
-    });
+  async openGridConfig() {
+    const originalColumns = await this._grid.getColumns();
+    const gridColumns = await this._grid.getColumnsState();
+    this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+    this._snkGridConfig.originalColumns = originalColumns.filter(c => c.name);
+    this._popUpGridConfig = true;
   }
   closeGridConfig() {
     this._popUpGridConfig = false;
@@ -458,14 +489,20 @@ const SnkGrid = class {
     }
     return action;
   }
+  initializeColumnFilterDataSource() {
+    var _a, _b, _c;
+    const isInMemoryDataUnit = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name.includes("InMemoryDataUnit");
+    if (!this.columnFilterDataSource && !isInMemoryDataUnit) {
+      this.columnFilterDataSource = new SnkMultiSelectionListDataSource.SnkMultiSelectionListDataSource();
+    }
+    (_b = this.columnFilterDataSource) === null || _b === void 0 ? void 0 : _b.setApplication(this._application);
+    (_c = this.columnFilterDataSource) === null || _c === void 0 ? void 0 : _c.setDataUnit(this._dataUnit);
+  }
   finishLoading() {
     this._dataUnit.addInterceptor(this.dataUnitInterceptor);
     SnkMultiSelectionListDataSource.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
     this.addElementID();
-    if (this.columnFilterDataSource != undefined) {
-      this.columnFilterDataSource.setApplication(this._application);
-      this.columnFilterDataSource.setDataUnit(this._dataUnit);
-    }
+    this.initializeColumnFilterDataSource();
   }
   setCustomRenders() {
     if (!this._grid) {
@@ -518,7 +555,7 @@ const SnkGrid = class {
     this._rmPrecisionCustomValueFormatter = new SnkMultiSelectionListDataSource.RmPrecisionCustomValueFormatter();
     this.addGridLegacyConfigName();
     this.loadConfig();
-    this._continuousInsertUtils = new SnkMultiSelectionListDataSource.ContinuousInsertUtils(this._application, this.resourceID, this.configName);
+    this._continuousInsertUtils = new ContinuousInsertUtils.ContinuousInsertUtils(this._application, this.resourceID, this.configName);
     if (this.enableGridInsert) {
       this._continuousInsertUtils.getConfig().then(value => this._enableContinuousInsert = value);
     }
@@ -548,7 +585,7 @@ const SnkGrid = class {
     return disabledButtons;
   }
   getInvisibleButtons() {
-    var _a, _b;
+    var _a, _b, _c;
     let invisibleButtons = [];
     if (!this._dataUnit || this._dataUnit.records.length === 0)
       invisibleButtons.push(taskbarElements.TaskbarElement.DATA_EXPORTER);
@@ -556,6 +593,8 @@ const SnkGrid = class {
       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);
+    if (!((_c = this._dataState) === null || _c === void 0 ? void 0 : _c.selectionInfo.length))
+      invisibleButtons.push(taskbarElements.TaskbarElement.FORM_MODE);
     return invisibleButtons;
   }
   componentWillRender() {
@@ -664,13 +703,16 @@ const SnkGrid = class {
     return this.enableGridInsert && this._dataUnit.hasNewRecord();
   }
   render() {
+    var _a, _b;
     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 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, filterCustomConfig: this.filterCustomConfig, filterCustomConfigInterceptor: this.filterCustomConfigInterceptor, mode: this._filterMode }), 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) => {
+    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-box--no-outline", tabindex: "0" }, !this.hideHeader &&
+      index.h("div", { class: "snk-grid__header" }, 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, filterCustomConfig: this.filterCustomConfig, filterCustomConfigInterceptor: this.filterCustomConfigInterceptor, mode: this._filterMode, hideFilterButton: true }), index.h("ez-tooltip", { message: (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkCrud.customButtons.filter") }, index.h("ez-button", { mode: "icon", iconName: "filter", onClick: () => this._snkFilterBar.showFilterModal(), size: "small" }))), index.h("snk-taskbar", { "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);
-      }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), 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, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact }, 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, additionalSlotId: this.gridHeaderDynamicSearchSlotId, actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.gridHeaderCustomSlotId }), index.h("slot", { name: this.gridHeaderDynamicSearchSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => 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 }))));
+      }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), 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, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact, hidePagination: this.hidePagination }, !this.hideGridTaskbar &&
+      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, additionalSlotId: this.gridHeaderDynamicSearchSlotId, actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.gridHeaderCustomSlotId }), index.h("slot", { name: this.gridHeaderDynamicSearchSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => 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, metadata: (_b = this._dataUnit) === null || _b === void 0 ? void 0 : _b.metadata }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {