@sankhyalabs/sankhyablocks 4.6.1 → 4.6.3

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 const taskbarElements = require('./taskbar-elements-5e87cf44.js');
 require('./DataFetcher-6acfc3a8.js');
 const index$1 = require('./index-f400b1d6.js');
-const taskbarProcessor = require('./taskbar-processor-6f3d2a75.js');
+const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 require('./index-fc7ca86c.js');
 require('./_commonjsHelpers-537d719a.js');
 

package/dist/cjs/snk-tab-config.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 require('./_commonjsHelpers-537d719a.js');
 
 const snkTabConfigCss = "@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}.sc-snk-tab-config-h{--snk-tab-config--backward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--snk-tab-config--forward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--snk-tab-config__lower-bar--background-color:var(--color--disable-primary, #e5eaf0);--snk-tab-config__lower-bar--border:2px solid var(--color--disable-primary, #e5eaf0);--snk-tab-config__tab--color:var(--text--primary, #626e82);--snk-tab-config__tab--font-family:var(--font-pattern, \"Roboto\");--snk-tab-config__tab--font-size:var(--title--small, 14px);--snk-tab-config__tab--padding:var(--space--small, 6px) var(--space--medium, 12px);--snk-tab-config__tab-is-active--color:var(--color--primary, #008561);--snk-tab-config__tab-hover--color:var(--color--secondary, #383c45);--snk-tab-config__tab-is-focused--border:1px dashed var(--color--primary, #008561);--snk-tab-config__tab-label--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--snk-tab-config__tab-label--margin-bottom:var(--space--extra-small, 3px);--snk-tab-config__new-button-icon--color:var(--color--secondary-700, #1C1D22);--snk-tab-config__forward-button--background-color:var(--text--primary, #626e82);--snk-tab-config__forward-button-hover--background-color:var(--color--primary, #008561);--snk-tab-config__left-icon--padding-right:var(--space--small, 6px);--snk-tab-config__left-icon--color:var(--text--disable, #AFB6C0);--snk-tab-config__tab-label-disabled--color:var(--text--disable, #AFB6C0);--snk-tab-config__slot--margin-left:var(--space--small, 6px);display:flex;position:relative;width:100%;overflow:hidden}.tab-config__scroll.sc-snk-tab-config{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.tab-config__lower-bar.sc-snk-tab-config{position:absolute;left:0%;right:0%;top:91%;bottom:0%;border-radius:2px;background-color:var(--snk-tab-config__lower-bar--background-color);border:var(--snk-tab-config__lower-bar--border)}.tab-config__tab.sc-snk-tab-config{display:flex;border:none;background-color:unset;cursor:pointer;align-items:center;justify-content:center;min-width:fit-content;color:var(--snk-tab-config__tab--color);font-family:var(--snk-tab-config__tab--font-family);font-size:var(--snk-tab-config__tab--font-size);padding:var(--snk-tab-config__tab--padding)}.tab-config__tab.sc-snk-tab-config:focus,.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{outline:none}.tab-config__tab--is-active.sc-snk-tab-config{position:relative;color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab.sc-snk-tab-config:hover{color:var(--snk-tab-config__tab-hover--color)}.tab-config__tab--is-active.sc-snk-tab-config:hover{color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab--is-active.sc-snk-tab-config::after{content:\"\";position:absolute;width:100%;height:100%;clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out;background-color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab--is-focused.sc-snk-tab-config{border:var(--snk-tab-config__tab-is-focused--border)}.tab-config__tab-label.sc-snk-tab-config{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--snk-tab-config__tab-label--text-shadow);margin-bottom:var(--snk-tab-config__tab-label--margin-bottom)}.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config ez-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__new-button-icon--color)}.tab-config__backward-button.sc-snk-tab-config{left:0px;box-shadow:10px 10px 5px 5px white;background:white}.tab-config__forward-button.sc-snk-tab-config{box-shadow:10px 10px 5px 20px white;background:white}.tab-config__forward-button.sc-snk-tab-config::after,.tab-config__backward-button.sc-snk-tab-config::after{content:'';display:flex;width:10px;height:16px;background-color:var(--snk-tab-config__forward-button--background-color)}.tab-config__forward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--forward-icon);mask-image:var(--snk-tab-config--forward-icon)}.tab-config__backward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--backward-icon);mask-image:var(--snk-tab-config--backward-icon)}.tab-config__forward-button.sc-snk-tab-config:hover::after,.tab-config__backward-button.sc-snk-tab-config:hover::after{background-color:var(--snk-tab-config__forward-button-hover--background-color)}.tab-config__new-button.sc-snk-tab-config:hover ez-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__forward-button-hover--background-color)}.tab-config__hidden.sc-snk-tab-config{display:none}.tab-config__scroll.sc-snk-tab-config::-webkit-scrollbar{display:none}.tab-config__left-icon.sc-snk-tab-config{padding-right:var(--snk-tab-config__left-icon--padding-right);--ez-icon--color:var(--snk-tab-config__left-icon--color)}.tab-config__left-icon--eye-off.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__left-icon--color)}.tab-config__right-icon.sc-snk-tab-config{visibility:hidden;padding-left:var(--snk-tab-config__left-icon--padding-right)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{visibility:visible}.tab-config__tab--is-active.sc-snk-tab-config .tab-config__right-icon.sc-snk-tab-config{visibility:visible;--ez-icon--color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__tab-hover--color)}.tab-config__tab--is-active.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__tab-is-active--color)}.tab-config__actions-button.sc-snk-tab-config{--ez-actions-button__btn-action--min-width:100px;visibility:hidden;opacity:0;transition:visibility 1s linear, opacity 0.3s linear}.tab-config__tab.sc-snk-tab-config:hover .tab-config__actions-button.sc-snk-tab-config{visibility:visible;opacity:1;transition:visibility 0.2s linear, opacity 0.10s linear}[data-draggable-element].sc-snk-tab-config{cursor:grab}.tab-config__tab-label-disabled.sc-snk-tab-config{color:var(--snk-tab-config__tab-label-disabled--color)}.tab-config__slot.sc-snk-tab-config{margin-left:var(--snk-tab-config__slot--margin-left)}";

package/dist/cjs/{taskbar-processor-6f3d2a75.js → taskbar-processor-bce3f499.js}

@@ -8,7 +8,7 @@ class TaskbarProcessor {
     var _a;
     this.customButtons = new Map();
     this.buttons = "";
-    this.disabledButtons = [];
+    this.disabledButtons = [].concat(disabledButtons);
     (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
       let buttonName;
       if (typeof btnDef === "string") {

package/dist/collection/components/snk-crud/subcomponents/snk-detail-view.js

@@ -7,6 +7,7 @@ import { VIEW_MODE } from '../../../lib/utils/constants';
 import { SnkGuidesViewer } from './snk-guides-viewer';
 export class SnkDetailView {
   constructor() {
+    this._disabledButtons = undefined;
     this.formConfigManager = undefined;
     this.dataUnitName = undefined;
     this.guideItemPath = undefined;
@@ -42,6 +43,14 @@ export class SnkDetailView {
     if (closeInsertion) {
       this.changeViewMode(VIEW_MODE.GRID);
     }
+    const disabledButtons = [];
+    if (!this.dataState.hasPrevious) {
+      disabledButtons.push(TaskbarElement.PREVIOUS);
+    }
+    if (!this.dataState.hasNext) {
+      disabledButtons.push(TaskbarElement.NEXT);
+    }
+    this._disabledButtons = disabledButtons;
   }
   /**
   * Muda o modo de visualização do componente entre VIEW_MODE.GRID e VIEW_MODE.FORM
@@ -177,7 +186,7 @@ export class SnkDetailView {
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (h(Host, null, h("snk-data-unit", { dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: evt => this.dataState = evt.detail }, h("ez-view-stack", { ref: ref => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: evt => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit })))))));
+    return (h(Host, null, h("snk-data-unit", { dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: evt => this.dataState = evt.detail }, h("ez-view-stack", { ref: ref => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: evt => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit })))))));
   }
   static get is() { return "snk-detail-view"; }
   static get encapsulation() { return "scoped"; }
@@ -346,6 +355,11 @@ export class SnkDetailView {
       }
     };
   }
+  static get states() {
+    return {
+      "_disabledButtons": {}
+    };
+  }
   static get events() {
     return [{
         "method": "snkDetailGuidesChange",

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -142,7 +142,7 @@ export class SnkGuidesViewer {
     }
   }
   loadTaskbarProcessor() {
-    var _a;
+    var _a, _b;
     const taskbarId = ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkGuideViewer.finish_edition" : "snkGuideViewer.regular";
     const disabledButtons = [];
     if (!this.dataState || !this.dataState.hasPrevious) {
@@ -151,6 +151,14 @@ export class SnkGuidesViewer {
     if (!this.dataState || !this.dataState.hasNext) {
       disabledButtons.push("NEXT");
     }
+    if ((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) {
+      if (this.dataState.selectionInfo.length > 1) {
+        disabledButtons.push("CLONE");
+      }
+      if (this.dataState.selectionInfo.isAllRecords()) {
+        disabledButtons.push("REMOVE");
+      }
+    }
     const btnsRegularMode = ["PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "GRID_MODE", "CONFIGURATOR"];
     if (this.presentationMode == PresentationMode.SECONDARY) {
       btnsRegularMode.unshift("INSERT");
@@ -301,7 +309,7 @@ export class SnkGuidesViewer {
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    return (h("section", { class: "snk-guides-viewer" }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: "tooltip", mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+    return (h("section", { class: "snk-guides-viewer" }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
       h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: showGuides ? "snk-guides-viewer__container" : undefined }, showGuides && h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzChange: evt => this.updateSelectedGuideHandler(evt.detail) }), h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms(this.masterFormConfig, this._masterFormMetadata, (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id, this.dataUnit, this.recordsValidator), this.getContent())), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
   }
   static get is() { return "snk-guides-viewer"; }

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -2,7 +2,6 @@ import { Host, h } from '@stencil/core';
 import { Action, ApplicationContext, ObjectUtils, DataType, JSUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { OperationMap } from '../../lib/message/SnkMessageBuilder';
-import { ALL_RECORD } from '../../lib/utils/constants';
 export class SnkDataUnit {
   constructor() {
     this._onDataUnitResolve = [];
@@ -23,21 +22,27 @@ export class SnkDataUnit {
         this.cancelEdition.emit();
       }
       if (action.type === Action.RECORDS_REMOVED) {
-        let removeFinishMsg;
         const cachedRecords = action.payload.cachedRecords;
+        let removeFinishMsg;
         if ((cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords.length) > 1) {
           removeFinishMsg = this.getMessage("snkDataUnit.removeAllInfo", { size: cachedRecords.length });
         }
-        else if (cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords.some((record) => record.__record__id__ === ALL_RECORD)) {
-          const size = (_b = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo()) === null || _b === void 0 ? void 0 : _b.total;
-          removeFinishMsg = this.getMessage("snkDataUnit.removeAllInfo", { size });
-        }
         else {
-          removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords[0]);
+          removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", action.payload.cachedRecords[0]);
         }
         if (removeFinishMsg != undefined) {
           this.showSuccessMessage(removeFinishMsg);
         }
+        const recordsCount = (_b = (_a = this.dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+        const paginationInfo = this.dataUnit.getPaginationInfo();
+        if (paginationInfo) {
+          if (recordsCount > 0 || paginationInfo.hasMore) {
+            this.dataUnit.gotoPage(paginationInfo.currentPage);
+          }
+          else {
+            this.dataUnit.gotoPage(0);
+          }
+        }
       }
       this._application.messagesBuilder.currentOperation = this.getMessageOperation();
     };
@@ -99,8 +104,12 @@ export class SnkDataUnit {
    */
   async getSelectedRecordsIDsInfo() {
     var _a;
+    const selectionInfo = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
+    if (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords()) {
+      return [];
+    }
     const selectedRecordsIDsInfo = [];
-    const selectedRecords = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelection();
+    const selectedRecords = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.records;
     if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 0) {
       selectedRecords.forEach(({ __record__id__ }) => {
         if (!this.dataUnit.isNewRecord(__record__id__)) {
@@ -134,7 +143,7 @@ export class SnkDataUnit {
   }
   async interceptAction(action) {
     return new Promise(resolve => {
-      var _a, _b, _c, _d;
+      var _a, _b;
       switch (action.type) {
         case Action.RECORDS_ADDED:
           if (this.isAllowed("INSERT")) {
@@ -212,14 +221,9 @@ export class SnkDataUnit {
           if (this.isAllowed("REMOVE")) {
             let multipleSelection = false;
             let removeConfirmation = this.getMessage("snkDataUnit.removeConfirmation");
-            const selectedRecords = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.getSelection();
-            if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 1) {
-              removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size: selectedRecords.length });
-              multipleSelection = true;
-            }
-            else if (selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.some((record) => record.__record__id__ === ALL_RECORD)) {
-              const size = (_d = (_c = this.dataUnit) === null || _c === void 0 ? void 0 : _c.getPaginationInfo()) === null || _d === void 0 ? void 0 : _d.total;
-              removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size });
+            const selection = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.getSelectionInfo();
+            if ((selection === null || selection === void 0 ? void 0 : selection.length) > 1) {
+              removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size: selection.length });
               multipleSelection = true;
             }
             if (removeConfirmation == undefined) {
@@ -253,16 +257,18 @@ export class SnkDataUnit {
     return this._permissions ? this._permissions.isSup || this._permissions[flag] : false;
   }
   buildDataState() {
-    return {
+    const selectionInfo = this.dataUnit.getSelectionInfo();
+    return new DataStateImpl({
       insertionMode: this.dataUnit.hasNewRecord(),
       hasNext: this.dataUnit.hasNext(),
       hasPrevious: this.dataUnit.hasPrevious(),
       copyMode: this.dataUnit.hasCopiedRecord(),
       isDirty: this.dataUnit.isDirty(),
       hasDirtyRecords: this.dataUnit.hasDirtyRecords(),
-      selectedRecords: this.dataUnit.getSelection(),
+      selectedRecords: undefined,
+      selectionInfo,
       selectedRecord: this.dataUnit.getSelectedRecord()
-    };
+    });
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -277,10 +283,9 @@ export class SnkDataUnit {
     return this._application.messagesBuilder.getMessage(key, params);
   }
   getMessageParams() {
-    //TODO: Atualmente ainda não usamos o recurso de multiseleção do dataunit, mas no futuro
-    //precisaremos criar um mecanismo para oferecer todos os registros selecionados para a 
-    //mensagem
-    return this.dataState.selectedRecords ? this.dataState.selectedRecords[0] : undefined;
+    //FIXME: Devido ao recurso de multiseleção do dataunit, precisaremos criar um mecanismo para
+    //oferecer todos os registros selecionados para a mensagem, pois mensagens podem ficar incorretas.
+    return this.dataState.selectedRecord;
   }
   getMessageOperation() {
     if (this.dataState.copyMode) {
@@ -663,3 +668,23 @@ export class SnkDataUnit {
       }];
   }
 }
+class DataStateImpl {
+  constructor(datastate) {
+    this.copyMode = datastate.copyMode;
+    this.insertionMode = datastate.insertionMode;
+    this.isDirty = datastate.isDirty;
+    this.hasDirtyRecords = datastate.hasDirtyRecords;
+    this.hasNext = datastate.hasNext;
+    this.hasPrevious = datastate.hasPrevious;
+    this.selectionInfo = datastate.selectionInfo;
+    this.selectedRecord = datastate.selectedRecord;
+  }
+  get selectedRecords() {
+    var _a;
+    console.warn("SnkDataUnit: O método `selectedRecords` foi descontinuado. Use o método `selectionInfo`.");
+    if ((_a = this.selectionInfo) === null || _a === void 0 ? void 0 : _a.isAllRecords()) {
+      throw new Error("Erro interno: Impossível obter os registros selecionados. A seleção atual é virtual. Use o atributo `selectionInfo`.");
+    }
+    return this.selectionInfo.records;
+  }
+}

package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.js

@@ -971,7 +971,7 @@ export class SnkFormConfig {
   }
   render() {
     var _a, _b, _c, _d;
-    return (h(Host, null, h("div", { class: "ez-row ez-padding--medium" }, h("div", { class: "ez-col ez-col--sd-7 ez-col--tb-9 ez-align--middle" }, h("ez-button", { mode: "icon", iconName: "arrow_back", class: "ez-padding--small", size: "small", onClick: () => this.closeFormConfig(), id: "formConfigToBack" }), h("h1", { class: "ez-title ez-title--extra-large ez-padding--small" }, this.getMessage("snkFormConfig.title")), this._formConfigOptions &&
+    return (h(Host, null, h("div", { class: "ez-row ez-padding--medium" }, h("div", { class: "ez-col ez-col--sd-7 ez-col--tb-9 ez-align--middle" }, h("ez-button", { mode: "icon", title: this.getMessage("snkFormConfig.goBackTitle"), iconName: "arrow_back", class: "ez-padding--small", size: "small", onClick: () => this.closeFormConfig(), id: "formConfigToBack" }), h("h1", { class: "ez-title ez-title--extra-large ez-padding--small" }, this.getMessage("snkFormConfig.title")), this._formConfigOptions &&
       h("ez-actions-button", { class: "form-config__actions-button ez-margin-left--medium", value: (_a = this._optionFormConfigSelected) === null || _a === void 0 ? void 0 : _a.origin, showLabel: true, displayIcon: "chevron-down", checkOption: true, size: "small", actions: this._formConfigOptions.map((option) => {
           return { value: option.origin, label: option.name };
         }), onEzAction: (evt) => this.controlSelectFormConfig(evt), id: "selectConfig" })), h("div", { class: "ez-col ez-col--sd-5 ez-col--tb-3 ez-align--middle ez-align--right" }, this._formConfigChanged === true && this._optionFormConfigChanged === false &&

package/dist/collection/components/snk-grid/snk-grid.js

@@ -142,7 +142,6 @@ export class SnkGrid {
   }
   async dataExporterProviderStore() {
     var _a, _b;
-    const paginationInfo = this.getPaginationInfo();
     const columnsMetadata = [];
     const selectedIDs = await ((_a = this._snkDataUnit) === null || _a === void 0 ? void 0 : _a.getSelectedRecordsIDsInfo());
     await ((_b = this._grid) === null || _b === void 0 ? void 0 : _b.getColumnsState().then(this.buildColumnsMetadata.bind(this, columnsMetadata)));
@@ -164,7 +163,7 @@ export class SnkGrid {
       },
       getSelectedNumber: () => {
         var _a, _b;
-        return (_b = (_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectedRecords) === null || _b === void 0 ? void 0 : _b.length;
+        return (_b = (_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) === null || _b === void 0 ? void 0 : _b.length;
       },
       getTotalRecords: () => {
         var _a, _b, _c;
@@ -175,7 +174,7 @@ export class SnkGrid {
         return selectedIDs || [];
       },
       getOffset: () => {
-        return this.getExporterOffset(paginationInfo);
+        return this.getExporterOffset(this.getPaginationInfo());
       },
       getLimit: () => {
         var _a;
@@ -217,10 +216,23 @@ export class SnkGrid {
     }
     this.loadConfig();
   }
+  getHeaderDisabledButtons() {
+    var _a;
+    const disabledButtons = [];
+    if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
+      if (this._dataState.selectionInfo.length > 1) {
+        disabledButtons.push("CLONE");
+      }
+      if (this._dataState.selectionInfo.isAllRecords()) {
+        disabledButtons.push("REMOVE");
+      }
+    }
+    return disabledButtons;
+  }
   componentWillRender() {
     const invisibleButtons = this._dataUnit && this._dataUnit.records.length > 0 ? [] : ["DATA_EXPORTER"];
-    const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
-    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState, undefined, invisibleButtons);
+    const headerTaskbarId = this._dataState && this._dataState.selectionInfo.isEmpty() ? "snkGridHeaderTaskbar.unselected" : "snkGridHeaderTaskbar.selected";
+    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState, this.getHeaderDisabledButtons(), invisibleButtons);
     this._topTaskbarProcessor.process(this.getTopTaskBarId(this.presentationMode === PresentationMode.SECONDARY ? ".secondary" : ""), this.taskbarManager, this._dataState, undefined, invisibleButtons);
     this.dataExporterProviderStore();
   }

package/dist/collection/components/snk-taskbar/processor/taskbar-processor.js

@@ -6,7 +6,7 @@ export default class TaskbarProcessor {
     var _a;
     this.customButtons = new Map();
     this.buttons = "";
-    this.disabledButtons = [];
+    this.disabledButtons = [].concat(disabledButtons);
     (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
       let buttonName;
       if (typeof btnDef === "string") {

package/dist/collection/lib/message/resources/snk-form.msg.js

@@ -14,6 +14,7 @@ export const snkConfigOptionsMessages = {
 };
 export const snkFormConfigMessages = {
   title: "Configuração do formulário",
+  goBackTitle: "Voltar",
   applyConfig: "Aplicar configuração",
   availableFields: {
     title: "Campos disponíveis",

package/dist/components/SnkMessageBuilder.js

@@ -137,6 +137,7 @@ const snkConfigOptionsMessages = {
 };
 const snkFormConfigMessages = {
   title: "Configuração do formulário",
+  goBackTitle: "Voltar",
   applyConfig: "Aplicar configuração",
   availableFields: {
     title: "Campos disponíveis",

package/dist/components/constants.js

@@ -1,6 +1,5 @@
 const REPORT_LAUNCHER_RESOURCE_ID = "br.com.sankhya.controls.ReportLauncher";
 const KEY_PORT_EXPORT = "global.porta.app.impressao";
-const ALL_RECORD = "ALL_RECORD";
 var VIEW_MODE;
 (function (VIEW_MODE) {
   VIEW_MODE[VIEW_MODE["GRID"] = 0] = "GRID";
@@ -99,4 +98,4 @@ var SIMPLE_CRUD_MODE;
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["IN_MEMORY"] = 1] = "IN_MEMORY";
 })(SIMPLE_CRUD_MODE || (SIMPLE_CRUD_MODE = {}));
 
-export { ALL_RECORD as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_PORT_EXPORT as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAGS_BY_TYPE as T, VIEW_MODE as V, WEB_CONNECTION as W, VARS_BY_TYPE as a, ACTION_CONFIG as b, TAB_NAMES as c, KEY_EVENTS as d, TYPE_ACTIONS as e };
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_PORT_EXPORT as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAGS_BY_TYPE as T, VIEW_MODE as V, WEB_CONNECTION as W, VARS_BY_TYPE as a, TAB_NAMES as b, KEY_EVENTS as c, TYPE_ACTIONS as d };

package/dist/components/snk-data-unit2.js

@@ -2,7 +2,6 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { Action, ObjectUtils, JSUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { O as OperationMap } from './SnkMessageBuilder.js';
-import { A as ALL_RECORD } from './constants.js';
 
 const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%;width:100%}";
 
@@ -32,21 +31,27 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.cancelEdition.emit();
       }
       if (action.type === Action.RECORDS_REMOVED) {
-        let removeFinishMsg;
         const cachedRecords = action.payload.cachedRecords;
+        let removeFinishMsg;
         if ((cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords.length) > 1) {
           removeFinishMsg = this.getMessage("snkDataUnit.removeAllInfo", { size: cachedRecords.length });
         }
-        else if (cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords.some((record) => record.__record__id__ === ALL_RECORD)) {
-          const size = (_b = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo()) === null || _b === void 0 ? void 0 : _b.total;
-          removeFinishMsg = this.getMessage("snkDataUnit.removeAllInfo", { size });
-        }
         else {
-          removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords[0]);
+          removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", action.payload.cachedRecords[0]);
         }
         if (removeFinishMsg != undefined) {
           this.showSuccessMessage(removeFinishMsg);
         }
+        const recordsCount = (_b = (_a = this.dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+        const paginationInfo = this.dataUnit.getPaginationInfo();
+        if (paginationInfo) {
+          if (recordsCount > 0 || paginationInfo.hasMore) {
+            this.dataUnit.gotoPage(paginationInfo.currentPage);
+          }
+          else {
+            this.dataUnit.gotoPage(0);
+          }
+        }
       }
       this._application.messagesBuilder.currentOperation = this.getMessageOperation();
     };
@@ -108,8 +113,12 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    */
   async getSelectedRecordsIDsInfo() {
     var _a;
+    const selectionInfo = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
+    if (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords()) {
+      return [];
+    }
     const selectedRecordsIDsInfo = [];
-    const selectedRecords = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelection();
+    const selectedRecords = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.records;
     if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 0) {
       selectedRecords.forEach(({ __record__id__ }) => {
         if (!this.dataUnit.isNewRecord(__record__id__)) {
@@ -143,7 +152,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   async interceptAction(action) {
     return new Promise(resolve => {
-      var _a, _b, _c, _d;
+      var _a, _b;
       switch (action.type) {
         case Action.RECORDS_ADDED:
           if (this.isAllowed("INSERT")) {
@@ -221,14 +230,9 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
           if (this.isAllowed("REMOVE")) {
             let multipleSelection = false;
             let removeConfirmation = this.getMessage("snkDataUnit.removeConfirmation");
-            const selectedRecords = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.getSelection();
-            if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 1) {
-              removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size: selectedRecords.length });
-              multipleSelection = true;
-            }
-            else if (selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.some((record) => record.__record__id__ === ALL_RECORD)) {
-              const size = (_d = (_c = this.dataUnit) === null || _c === void 0 ? void 0 : _c.getPaginationInfo()) === null || _d === void 0 ? void 0 : _d.total;
-              removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size });
+            const selection = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.getSelectionInfo();
+            if ((selection === null || selection === void 0 ? void 0 : selection.length) > 1) {
+              removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size: selection.length });
               multipleSelection = true;
             }
             if (removeConfirmation == undefined) {
@@ -262,16 +266,18 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return this._permissions ? this._permissions.isSup || this._permissions[flag] : false;
   }
   buildDataState() {
-    return {
+    const selectionInfo = this.dataUnit.getSelectionInfo();
+    return new DataStateImpl({
       insertionMode: this.dataUnit.hasNewRecord(),
       hasNext: this.dataUnit.hasNext(),
       hasPrevious: this.dataUnit.hasPrevious(),
       copyMode: this.dataUnit.hasCopiedRecord(),
       isDirty: this.dataUnit.isDirty(),
       hasDirtyRecords: this.dataUnit.hasDirtyRecords(),
-      selectedRecords: this.dataUnit.getSelection(),
+      selectedRecords: undefined,
+      selectionInfo,
       selectedRecord: this.dataUnit.getSelectedRecord()
-    };
+    });
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -286,10 +292,9 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return this._application.messagesBuilder.getMessage(key, params);
   }
   getMessageParams() {
-    //TODO: Atualmente ainda não usamos o recurso de multiseleção do dataunit, mas no futuro
-    //precisaremos criar um mecanismo para oferecer todos os registros selecionados para a 
-    //mensagem
-    return this.dataState.selectedRecords ? this.dataState.selectedRecords[0] : undefined;
+    //FIXME: Devido ao recurso de multiseleção do dataunit, precisaremos criar um mecanismo para
+    //oferecer todos os registros selecionados para a mensagem, pois mensagens podem ficar incorretas.
+    return this.dataState.selectedRecord;
   }
   getMessageOperation() {
     if (this.dataState.copyMode) {
@@ -396,6 +401,26 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "getDataUnit": [64],
     "getSelectedRecordsIDsInfo": [64]
   }]);
+class DataStateImpl {
+  constructor(datastate) {
+    this.copyMode = datastate.copyMode;
+    this.insertionMode = datastate.insertionMode;
+    this.isDirty = datastate.isDirty;
+    this.hasDirtyRecords = datastate.hasDirtyRecords;
+    this.hasNext = datastate.hasNext;
+    this.hasPrevious = datastate.hasPrevious;
+    this.selectionInfo = datastate.selectionInfo;
+    this.selectedRecord = datastate.selectedRecord;
+  }
+  get selectedRecords() {
+    var _a;
+    console.warn("SnkDataUnit: O método `selectedRecords` foi descontinuado. Use o método `selectionInfo`.");
+    if ((_a = this.selectionInfo) === null || _a === void 0 ? void 0 : _a.isAllRecords()) {
+      throw new Error("Erro interno: Impossível obter os registros selecionados. A seleção atual é virtual. Use o atributo `selectionInfo`.");
+    }
+    return this.selectionInfo.records;
+  }
+}
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

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

@@ -168,7 +168,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
   }
   loadTaskbarProcessor() {
-    var _a;
+    var _a, _b;
     const taskbarId = ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkGuideViewer.finish_edition" : "snkGuideViewer.regular";
     const disabledButtons = [];
     if (!this.dataState || !this.dataState.hasPrevious) {
@@ -177,6 +177,14 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (!this.dataState || !this.dataState.hasNext) {
       disabledButtons.push("NEXT");
     }
+    if ((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) {
+      if (this.dataState.selectionInfo.length > 1) {
+        disabledButtons.push("CLONE");
+      }
+      if (this.dataState.selectionInfo.isAllRecords()) {
+        disabledButtons.push("REMOVE");
+      }
+    }
     const btnsRegularMode = ["PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "GRID_MODE", "CONFIGURATOR"];
     if (this.presentationMode == PresentationMode.SECONDARY) {
       btnsRegularMode.unshift("INSERT");
@@ -327,7 +335,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    return (h("section", { class: "snk-guides-viewer" }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: "tooltip", mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+    return (h("section", { class: "snk-guides-viewer" }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
       h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: showGuides ? "snk-guides-viewer__container" : undefined }, showGuides && h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzChange: evt => this.updateSelectedGuideHandler(evt.detail) }), h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms(this.masterFormConfig, this._masterFormMetadata, (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id, this.dataUnit, this.recordsValidator), this.getContent())), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
   }
   static get watchers() { return {
@@ -475,6 +483,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.snkDetailGuidesChange = createEvent(this, "snkDetailGuidesChange", 7);
     this.snkSwitchGuide = createEvent(this, "snkSwitchGuide", 7);
+    this._disabledButtons = undefined;
     this.formConfigManager = undefined;
     this.dataUnitName = undefined;
     this.guideItemPath = undefined;
@@ -510,6 +519,14 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (closeInsertion) {
       this.changeViewMode(VIEW_MODE.GRID);
     }
+    const disabledButtons = [];
+    if (!this.dataState.hasPrevious) {
+      disabledButtons.push(TaskbarElement.PREVIOUS);
+    }
+    if (!this.dataState.hasNext) {
+      disabledButtons.push(TaskbarElement.NEXT);
+    }
+    this._disabledButtons = disabledButtons;
   }
   /**
   * Muda o modo de visualização do componente entre VIEW_MODE.GRID e VIEW_MODE.FORM
@@ -645,7 +662,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (h(Host, null, h("snk-data-unit", { dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: evt => this.dataState = evt.detail }, h("ez-view-stack", { ref: ref => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: evt => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit })))))));
+    return (h(Host, null, h("snk-data-unit", { dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: evt => this.dataState = evt.detail }, h("ez-view-stack", { ref: ref => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: evt => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit })))))));
   }
   static get watchers() { return {
     "dataState": ["observerDataState"]
@@ -660,6 +677,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "dataUnit": [1040],
     "selectedForm": [1025, "selected-form"],
     "dataState": [1040],
+    "_disabledButtons": [32],
     "changeViewMode": [64],
     "configGrid": [64],
     "showUp": [64]

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
-import { b as ACTION_CONFIG } from './constants.js';
+import { A as ACTION_CONFIG } from './constants.js';
 
 const snkFieldConfigCss = ".sc-snk-field-config-h{--snk-field-config--height:42px;--snk-field-config--width:100%;--snk-field-config__icon--width:48px;--snk-field-config-slim--height:32px;--snk-field-config--border-radius:var(--border--radius-medium, 12px);--snk-field-config--font-size:var(--text--medium, 14px);--snk-field-config--font-family:var(--font-pattern, Arial);--snk-field-config--font-weight:var(--text-weight--medium, 400);--snk-field-config--color:var(--title--primary, #000);--snk-field-config--padding-left:var(--space--medium, 6px);--snk-field-config__input--background-color:var(--background--medium, #e0e0e0);--snk-field-config__input--border:var(--border--medium, 2px solid);--snk-field-config__input--border-color:var(--background--xlight, #fff);--snk-field-config__required--color:var(--color--error, #FF0000);--snk-field-config__label--gap:var(--space--extra-small, 3px);--snk-field-config__transition--visibility:var(--transition, 0.2s linear);--snk-field-config__transition--opacity:var(--transition, 0.15s linear);--snk-field-config__config-popover--z-index:var(--more-visible, 2);--snk-field-config__config-outer-arrow--background-color:var(--color--secondary-200, #D2D3DA);--snk-field-config__draggable--padding-right:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--snk-field-config--width)}.field-config.sc-snk-field-config{width:100%;box-sizing:border-box;display:flex;align-items:center;padding-left:var(--snk-field-config--padding-left);font-weight:var(--snk-field-config--font-weight);height:var(--snk-field-config--height);border-radius:var(--snk-field-config--border-radius);font-family:var(--snk-field-config--font-family);font-size:var(--snk-field-config--font-size);border:var(--snk-field-config__input--border);border-color:var(--snk-field-config__input--border-color);background-color:var(--snk-field-config__input--background-color);color:var(--snk-field-config--color)}.field-config__config-popover.sc-snk-field-config{width:40px;margin-left:auto;z-index:var(--snk-field-config__config-popover--z-index)}.field-config__label.sc-snk-field-config{display:flex;flex-direction:row-reverse;line-height:calc(var(--snk-field-config--font-size) + 2px);gap:var(--snk-field-config__label--gap)}.field-config__label-text.sc-snk-field-config{overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}.field-config__label-required.sc-snk-field-config{color:var(--snk-field-config__required--color)}.field-config__add.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options--is-active.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config__remove-icon.sc-snk-field-config{margin-right:-15px}.field-config.sc-snk-field-config:hover .field-config__options.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config.sc-snk-field-config:hover .field-config__add.sc-snk-field-config{visibility:visible;opacity:1}.field-config__draggable.sc-snk-field-config{padding-right:var(--snk-field-config__draggable--padding-right)}.field-config__config-outer-arrow.sc-snk-field-config{clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px;padding-top:3px;border-bottom:1px solid #FFFFFF;background-color:var(--snk-field-config__config-outer-arrow--background-color)}.field-config__config-inner-arrow.sc-snk-field-config{background-color:#FFFFFF;clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px}.ez-box__container.sc-snk-field-config ez-collapsible-box.sc-snk-field-config{--snk-collapsible-box__header--padding-left:6px}ez-icon.sc-snk-field-config{--snk-icon--color:var(--snk-field-config--color)}ez-popover.sc-snk-field-config{--snk-popover__box--background-color:transparent;--snk-popover__box--box-shadow:none}.field-config__options.sc-snk-field-config ez-button.sc-snk-field-config{--snk-button--background-color:transparent;--snk-button--focus--border:none;--snk-button--focus--box-shadow:none}@media screen and (min-width: 1200px){.field-config__label.sc-snk-field-config{flex-direction:row}}";