@sankhyalabs/sankhyablocks 4.6.1 → 4.6.2

package/dist/cjs/{SnkMessageBuilder-d147f088.js → SnkMessageBuilder-47185d5d.js}

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

package/dist/cjs/{constants-73803daf.js → constants-ae0ed870.js}

@@ -2,7 +2,6 @@
 
 const REPORT_LAUNCHER_RESOURCE_ID = "br.com.sankhya.controls.ReportLauncher";
 const KEY_PORT_EXPORT = "global.porta.app.impressao";
-const ALL_RECORD = "ALL_RECORD";
 exports.VIEW_MODE = void 0;
 (function (VIEW_MODE) {
   VIEW_MODE[VIEW_MODE["GRID"] = 0] = "GRID";
@@ -102,7 +101,6 @@ exports.SIMPLE_CRUD_MODE = void 0;
 })(exports.SIMPLE_CRUD_MODE || (exports.SIMPLE_CRUD_MODE = {}));
 
 exports.ACTION_CONFIG = ACTION_CONFIG;
-exports.ALL_RECORD = ALL_RECORD;
 exports.CONFIG_EVENTS = CONFIG_EVENTS;
 exports.DEFAULT_TYPE = DEFAULT_TYPE;
 exports.KEY_EVENTS = KEY_EVENTS;

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

@@ -6,7 +6,7 @@ const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const DataFetcher = require('./DataFetcher-6acfc3a8.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const SnkMessageBuilder = require('./SnkMessageBuilder-d147f088.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-47185d5d.js');
 const ConfigStorage = require('./ConfigStorage-bc7d1d9b.js');
 const formConfigFetcher = require('./form-config-fetcher-4a952a50.js');
 require('./_commonjsHelpers-537d719a.js');

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

@@ -6,7 +6,7 @@ const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 
 const snkConfigOptionsCss = ".sc-snk-config-options-h{--snk-config-options--border:2px solid var(--color--secondary-200, #D2D3DA);width:100%;border-radius:15px;border:var(--snk-config-options--border)}.config-options__switch-row.sc-snk-config-options{margin-top:-30px}";
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 
 const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-configurator__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-configurator__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-configurator__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--medium, 12px)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--color-background);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--color-background);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--color-default);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:hover,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-configurator__scrollbar--color-hover)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:active,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-configurator__scrollbar--color-clicked)}";
 

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

@@ -7,7 +7,7 @@ const core = require('@sankhyalabs/core');
 const taskbarElements = require('./taskbar-elements-5e87cf44.js');
 require('./DataFetcher-6acfc3a8.js');
 const index$1 = require('./index-f400b1d6.js');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 require('./index-fc7ca86c.js');
 require('./_commonjsHelpers-537d719a.js');
 

package/dist/cjs/snk-data-exporter.cjs.entry.js

@@ -6,7 +6,7 @@ const index$1 = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index = require('./index-f400b1d6.js');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 const DataFetcher = require('./DataFetcher-6acfc3a8.js');
 require('./_commonjsHelpers-537d719a.js');
 

package/dist/cjs/snk-data-unit.cjs.entry.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const SnkMessageBuilder = require('./SnkMessageBuilder-d147f088.js');
-const constants = require('./constants-73803daf.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-47185d5d.js');
 
 const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%;width:100%}";
 
@@ -35,21 +34,27 @@ const SnkDataUnit = class {
         this.cancelEdition.emit();
       }
       if (action.type === core.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__ === constants.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();
     };
@@ -111,8 +116,12 @@ const SnkDataUnit = class {
    */
   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__)) {
@@ -146,7 +155,7 @@ const SnkDataUnit = class {
   }
   async interceptAction(action) {
     return new Promise(resolve => {
-      var _a, _b, _c, _d;
+      var _a, _b;
       switch (action.type) {
         case core.Action.RECORDS_ADDED:
           if (this.isAllowed("INSERT")) {
@@ -224,14 +233,9 @@ const SnkDataUnit = class {
           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__ === constants.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) {
@@ -265,16 +269,18 @@ const SnkDataUnit = class {
     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
@@ -289,10 +295,9 @@ const SnkDataUnit = class {
     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) {
@@ -388,6 +393,26 @@ const SnkDataUnit = class {
     "dataUnit": ["observeDataUnit"]
   }; }
 };
+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;
+  }
+}
 SnkDataUnit.style = snkDataUnitCss;
 
 exports.snk_data_unit = SnkDataUnit;

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

@@ -9,13 +9,13 @@ require('./DataFetcher-6acfc3a8.js');
 require('@sankhyalabs/core');
 const index$1 = require('./index-f400b1d6.js');
 const taskbarElements = require('./taskbar-elements-5e87cf44.js');
-const constants = require('./constants-73803daf.js');
-const snkGuidesViewer = require('./snk-guides-viewer-5d3dca5d.js');
+const constants = require('./constants-ae0ed870.js');
+const snkGuidesViewer = require('./snk-guides-viewer-cb02e675.js');
 require('./ConfigStorage-bc7d1d9b.js');
 require('./form-config-fetcher-4a952a50.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./index-fc7ca86c.js');
-require('./taskbar-processor-6f3d2a75.js');
+require('./taskbar-processor-bce3f499.js');
 
 const snkDetailViewCss = ".sc-snk-detail-view-h{display:flex;row-gap:24px;flex-direction:column;width:100%;height:100%}.level-path.sc-snk-detail-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.form-taskbar.sc-snk-detail-view{padding-bottom:var(--space--medium)}.grid-container.sc-snk-detail-view{background-color:#FFF;min-height:100px}.detail-header.sc-snk-detail-view{padding-bottom:0}";
 

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

@@ -4,7 +4,7 @@ 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 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}}";
 

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

@@ -6,7 +6,7 @@ const index = require('./index-21bd01e1.js');
 const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 const formConfigFetcher = require('./form-config-fetcher-4a952a50.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./_commonjsHelpers-537d719a.js');
@@ -980,7 +980,7 @@ const SnkFormConfig = class {
   }
   render() {
     var _a, _b, _c, _d;
-    return (index.h(index.Host, null, index.h("div", { class: "ez-row ez-padding--medium" }, index.h("div", { class: "ez-col ez-col--sd-7 ez-col--tb-9 ez-align--middle" }, index.h("ez-button", { mode: "icon", iconName: "arrow_back", class: "ez-padding--small", size: "small", onClick: () => this.closeFormConfig(), id: "formConfigToBack" }), index.h("h1", { class: "ez-title ez-title--extra-large ez-padding--small" }, this.getMessage("snkFormConfig.title")), this._formConfigOptions &&
+    return (index.h(index.Host, null, index.h("div", { class: "ez-row ez-padding--medium" }, index.h("div", { class: "ez-col ez-col--sd-7 ez-col--tb-9 ez-align--middle" }, index.h("ez-button", { mode: "icon", title: this.getMessage("snkFormConfig.goBackTitle"), iconName: "arrow_back", class: "ez-padding--small", size: "small", onClick: () => this.closeFormConfig(), id: "formConfigToBack" }), index.h("h1", { class: "ez-title ez-title--extra-large ez-padding--small" }, this.getMessage("snkFormConfig.title")), this._formConfigOptions &&
       index.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" })), index.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/cjs/snk-grid-config.cjs.entry.js

@@ -7,7 +7,7 @@ const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const CheckMode = require('@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode');
 const ConfigStorage = require('./ConfigStorage-bc7d1d9b.js');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 require('./form-config-fetcher-4a952a50.js');
 require('./DataFetcher-6acfc3a8.js');
 require('./_commonjsHelpers-537d719a.js');

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

@@ -7,7 +7,7 @@ const core = require('@sankhyalabs/core');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 const ConfigStorage = require('./ConfigStorage-bc7d1d9b.js');
 const index$1 = require('./index-f400b1d6.js');
-const taskbarProcessor = require('./taskbar-processor-6f3d2a75.js');
+const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const index$2 = require('./index-fc7ca86c.js');
 require('./form-config-fetcher-4a952a50.js');
 require('./DataFetcher-6acfc3a8.js');
@@ -155,7 +155,6 @@ const SnkGrid = class {
   }
   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)));
@@ -177,7 +176,7 @@ const SnkGrid = class {
       },
       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;
@@ -188,7 +187,7 @@ const SnkGrid = class {
         return selectedIDs || [];
       },
       getOffset: () => {
-        return this.getExporterOffset(paginationInfo);
+        return this.getExporterOffset(this.getPaginationInfo());
       },
       getLimit: () => {
         var _a;
@@ -230,10 +229,23 @@ const SnkGrid = class {
     }
     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 === index$1.PresentationMode.SECONDARY ? ".secondary" : ""), this.taskbarManager, this._dataState, undefined, invisibleButtons);
     this.dataExporterProviderStore();
   }

package/dist/cjs/{snk-guides-viewer-5d3dca5d.js → snk-guides-viewer-cb02e675.js}

@@ -4,9 +4,9 @@ const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const SnkFormConfigManager = require('./SnkFormConfigManager-5230e010.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-const taskbarProcessor = require('./taskbar-processor-6f3d2a75.js');
+const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const taskbarElements = require('./taskbar-elements-5e87cf44.js');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 require('./DataFetcher-6acfc3a8.js');
 const index$1 = require('./index-f400b1d6.js');
 
@@ -151,7 +151,7 @@ const SnkGuidesViewer = class {
     }
   }
   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) {
@@ -160,6 +160,14 @@ const SnkGuidesViewer = class {
     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 == index$1.PresentationMode.SECONDARY) {
       btnsRegularMode.unshift("INSERT");
@@ -310,7 +318,7 @@ const SnkGuidesViewer = class {
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    return (index.h("section", { class: "snk-guides-viewer" }, index.h("div", { class: "ez-row snk-guides-viewer__header" }, index.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" }, index.h("ez-button", { onClick: () => this.exitViewer(), title: "tooltip", mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), index.h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, index.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 (index.h("section", { class: "snk-guides-viewer" }, index.h("div", { class: "ez-row snk-guides-viewer__header" }, index.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" }, index.h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), index.h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, index.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 &&
       index.h("div", { class: "ez-margin-top--extra-small" }, index.h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != index$1.PresentationMode.SECONDARY && this.buildTaskBar()), index.h("div", { class: showGuides ? "snk-guides-viewer__container" : undefined }, showGuides && index.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) }), index.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())), index.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 {

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-5d3dca5d.js');
+const snkGuidesViewer = require('./snk-guides-viewer-cb02e675.js');
 require('./index-21bd01e1.js');
 require('@sankhyalabs/core');
 require('./SnkFormConfigManager-5230e010.js');
@@ -11,11 +11,11 @@ require('./form-config-fetcher-4a952a50.js');
 require('./DataFetcher-6acfc3a8.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./taskbar-processor-6f3d2a75.js');
+require('./taskbar-processor-bce3f499.js');
 require('./taskbar-elements-5e87cf44.js');
 require('./index-f400b1d6.js');
 require('./index-fc7ca86c.js');
-require('./constants-73803daf.js');
+require('./constants-ae0ed870.js');
 
 
 

package/dist/cjs/snk-select-box.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
-const constants = require('./constants-73803daf.js');
+const constants = require('./constants-ae0ed870.js');
 
 const snkSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
 

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-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"; }