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

package/dist/cjs/{snk-guides-viewer-8b841753.js → snk-guides-viewer-366d5c32.js}

@@ -5,16 +5,16 @@ const core = require('@sankhyalabs/core');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./DataFetcher-ed9d97ea.js');
-require('./ISave-81eb2fbc.js');
+require('./DataFetcher-991b0349.js');
+require('./ISave-ebf6b4ed.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-ab1cc071.js');
+require('./dataunit-fetcher-8bf469e7.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-f0897eb5.js');
+require('./form-config-fetcher-c7af90d8.js');
 const constants = require('./constants-6d82e405.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-6838389c.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-cdbb29d4.js');
 const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
 
@@ -25,10 +25,13 @@ const SnkGuidesViewer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.snkMasterFormConfigChange = index.createEvent(this, "snkMasterFormConfigChange", 7);
+    this.formConfigVisibilityChanged = index.createEvent(this, "formConfigVisibilityChanged", 7);
     this.exit = index.createEvent(this, "exit", 7);
     this.actionClick = index.createEvent(this, "actionClick", 7);
     this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
     this._guideBuilders = new Map();
+    this.CUSTOM_GUIDE_ID_PREFIX = "CUSTOM_GUIDE_";
+    this.CUSTOM_GUIDE_DATA_CUSTOM_ID = "CUSTOM_GUIDE";
     this.dataUnit = undefined;
     this.dataState = undefined;
     this.configName = undefined;
@@ -47,6 +50,7 @@ const SnkGuidesViewer = class {
     this.enableGridInsert = false;
     this.ignoreReadOnlyFormFields = undefined;
     this.getCustomTitle = undefined;
+    this.customGuidesConfig = [];
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -61,6 +65,9 @@ const SnkGuidesViewer = class {
   observeDataUnit() {
     this.loadGuides(true);
   }
+  observeFormConfigManager(value) {
+    this.formConfigVisibilityChanged.emit(!!value);
+  }
   observeDataState(newValue, oldValue) {
     var _a, _b, _c, _d, _e, _f;
     const newRecordsIds = (_b = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.selectionInfo) === null || _a === void 0 ? void 0 : _a.recordIds) !== null && _b !== void 0 ? _b : (_c = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord) === null || _c === void 0 ? void 0 : _c['__record__id__'];
@@ -159,7 +166,7 @@ const SnkGuidesViewer = class {
     if (!this._configManager.isLoaded) {
       return;
     }
-    this._masterFormMetadata = form.buildFormMetadata(this.masterFormConfig, this.dataUnit, true);
+    this._masterFormMetadata = form.buildFormMetadata(this.masterFormConfig, this.dataUnit, true, this.customGuidesConfig);
     const allSheets = this._masterFormMetadata.getAllSheets();
     const currentRecord = this.dataUnit.getSelectedRecord();
     const disableDetails = this.hasToDisableDetails(currentRecord);
@@ -305,38 +312,67 @@ const SnkGuidesViewer = class {
     return `${this.entityPath}/${entityName}`;
   }
   getContent() {
-    var _a, _b, _c, _d, _e;
     if (!this.selectedGuide) {
       return;
     }
     const guideId = this.selectedGuide.id;
-    let content;
+    if (this.isCustomGuide(guideId)) {
+      return index.h("div", { "data-custom-id": `${this.CUSTOM_GUIDE_DATA_CUSTOM_ID}`, "data-reserved-slot-id": guideId, id: this.buildCustomGuideContainerId(guideId) });
+    }
     const levels = guideId.split("::");
     const currentLevel = levels.pop();
     const childEntityName = form.FormMetadata.getDetailName(currentLevel);
     let detailId = guideId;
-    if (childEntityName || levels.length > 0) {
-      let formName;
-      let detailBranch;
-      if (guideId.includes(FORM_NAME_PREFIX)) {
-        [detailId, formName] = guideId.split(FORM_NAME_PREFIX);
-        const pathSize = ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) || 0;
-        detailBranch = pathSize > 1 ? this._breadcrumbItems[pathSize - 2] : this.selectedGuide;
-      }
-      else {
-        detailBranch = this.selectedGuide;
-      }
-      content = this.wrapDetail(levels, index.h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders, presentationMode: this.presentationMode }));
+    if (this.isDetailGuide(childEntityName, levels)) {
+      return this.buildDetailGuideContent(guideId, detailId, levels, childEntityName);
+    }
+    return this.buildFormViewGuideContent(guideId);
+  }
+  buildCustomGuideContainerId(guideId) {
+    return `${this.CUSTOM_GUIDE_ID_PREFIX}${guideId}`;
+  }
+  buildFormViewGuideContent(cardId) {
+    var _a, _b, _c, _d;
+    const sheet = this._masterFormMetadata.getSheet(cardId);
+    if (!sheet)
+      return;
+    const cardConfig = (_b = (_a = this.masterFormConfig) === null || _a === void 0 ? void 0 : _a.cardsState) === null || _b === void 0 ? void 0 : _b.get(cardId);
+    return (index.h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_d = (_c = this.masterFormConfig) === null || _c === void 0 ? void 0 : _c.summary) === null || _d === void 0 ? void 0 : _d.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: cardId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar()));
+  }
+  isDetailGuide(childEntityName, levels) {
+    return childEntityName || levels.length > 0;
+  }
+  buildDetailGuideContent(guideId, detailId, levels, childEntityName) {
+    var _a;
+    let formName;
+    let detailBranch;
+    if (guideId.includes(FORM_NAME_PREFIX)) {
+      [detailId, formName] = guideId.split(FORM_NAME_PREFIX);
+      const pathSize = ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) || 0;
+      detailBranch = pathSize > 1 ? this._breadcrumbItems[pathSize - 2] : this.selectedGuide;
     }
     else {
-      const cardId = this.selectedGuide.id;
-      const sheet = this._masterFormMetadata.getSheet(cardId);
-      if (sheet) {
-        const cardConfig = (_c = (_b = this.masterFormConfig) === null || _b === void 0 ? void 0 : _b.cardsState) === null || _c === void 0 ? void 0 : _c.get(cardId);
-        content = index.h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar());
-      }
+      detailBranch = this.selectedGuide;
     }
-    return content;
+    return this.wrapDetail(levels, index.h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders, presentationMode: this.presentationMode }));
+  }
+  isCustomGuide(guideId) {
+    var _a;
+    return (_a = this.customGuidesConfig) === null || _a === void 0 ? void 0 : _a.map(g => g.id).includes(guideId);
+  }
+  attachCustomGuideInView() {
+    //As guias customizadas ficam em slots reservados na DOM e
+    // precisam ser acessadas via querySelector e colocadas no container correto na view.
+    var _a;
+    const guideId = (_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id;
+    if (!this.isCustomGuide(guideId))
+      return;
+    const customGuideSlot = document.querySelector(`#${guideId}`);
+    const customGuideElement = customGuideSlot === null || customGuideSlot === void 0 ? void 0 : customGuideSlot.firstElementChild;
+    const customGuideViewContainer = document.querySelector(`#${this.buildCustomGuideContainerId(guideId)}`);
+    if (!customGuideElement || !customGuideViewContainer)
+      return;
+    customGuideViewContainer.appendChild(customGuideElement);
   }
   onBreadcrumbClickHandler(item) {
     if ((item === null || item === void 0 ? void 0 : item.id) == undefined) {
@@ -419,7 +455,29 @@ const SnkGuidesViewer = class {
     this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
+  componentWillRender() {
+    this.detachCustomGuideFromView();
+  }
+  detachCustomGuideFromView() {
+    // Antes de cada renderização, o componente remove a guia customizada da view
+    // e a coloca de volta no slot reservado na DOM para que não seja perdida sua referência.
+    if (!this.customGuidesConfig || this.customGuidesConfig.length === 0)
+      return;
+    const viewCustomGuideContainer = this._element.querySelector(`[data-custom-id="${this.CUSTOM_GUIDE_DATA_CUSTOM_ID}"]`);
+    const reservedSlotId = viewCustomGuideContainer === null || viewCustomGuideContainer === void 0 ? void 0 : viewCustomGuideContainer.getAttribute('data-reserved-slot-id');
+    if (!(viewCustomGuideContainer === null || viewCustomGuideContainer === void 0 ? void 0 : viewCustomGuideContainer.hasChildNodes()) || !reservedSlotId)
+      return;
+    const customGuideReservedSlot = document.querySelector(`#${reservedSlotId}`);
+    const customGuideElement = viewCustomGuideContainer === null || viewCustomGuideContainer === void 0 ? void 0 : viewCustomGuideContainer.firstElementChild;
+    if (!customGuideReservedSlot || !customGuideElement)
+      return;
+    customGuideReservedSlot.appendChild(customGuideElement);
+  }
   componentDidRender() {
+    var _a;
+    if (this.isCustomGuide((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id)) {
+      this.attachCustomGuideInView();
+    }
     if (!this._guideHasChanged) {
       return;
     }
@@ -548,6 +606,9 @@ const SnkGuidesViewer = class {
     const labels = selectedRecords.map(record => this.messagesBuilder.getMessage("snkCrud.title", record));
     return `[${labels.join(", ")}]`;
   }
+  getCustomGuidesConfig() {
+    return this._currentDetail ? [] : this.customGuidesConfig;
+  }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
     this.initKeyboardManager();
@@ -567,7 +628,7 @@ const SnkGuidesViewer = class {
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {
-      return (index.h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
+      return (index.h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null, customGuidesConfig: this.getCustomGuidesConfig() }));
     }
     if (!this.dataUnit || !this._configManager.isLoaded) {
       return;
@@ -593,6 +654,7 @@ const SnkGuidesViewer = class {
   get _element() { return index.getElement(this); }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],
+    "_formEditorConfigManager": ["observeFormConfigManager"],
     "dataState": ["observeDataState"],
     "masterFormConfig": ["observeMasterFormConfig"]
   }; }

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

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-8b841753.js');
+const snkGuidesViewer = require('./snk-guides-viewer-366d5c32.js');
 require('./index-1cf293c1.js');
 require('@sankhyalabs/core');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');
 require('@sankhyalabs/ezui/dist/collection/utils');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./DataFetcher-ed9d97ea.js');
+require('./DataFetcher-991b0349.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./ISave-81eb2fbc.js');
+require('./ISave-ebf6b4ed.js');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./dataunit-fetcher-ab1cc071.js');
+require('./dataunit-fetcher-8bf469e7.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-f0897eb5.js');
+require('./form-config-fetcher-c7af90d8.js');
 require('./constants-6d82e405.js');
-require('./SnkFormConfigManager-6838389c.js');
-require('./ConfigStorage-b29e31be.js');
+require('./SnkFormConfigManager-cdbb29d4.js');
+require('./ConfigStorage-72f34bd4.js');
 require('./taskbar-elements-fb5d1e08.js');
 require('./index-13d05f03.js');
 require('./taskbar-processor-2fba34a8.js');

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-7259cf65.js');
-const ConfigStorage = require('./ConfigStorage-b29e31be.js');
+const ConfigStorage = require('./ConfigStorage-72f34bd4.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index$1 = require('./index-62760a9c.js');
 const index$2 = require('./index-13d05f03.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-f0897eb5.js');
-require('./DataFetcher-ed9d97ea.js');
+require('./form-config-fetcher-c7af90d8.js');
+require('./DataFetcher-991b0349.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const ISave = require('./ISave-81eb2fbc.js');
-require('./DataFetcher-ed9d97ea.js');
+const ISave = require('./ISave-ebf6b4ed.js');
+require('./DataFetcher-991b0349.js');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-ab1cc071.js');
+require('./dataunit-fetcher-8bf469e7.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-f0897eb5.js');
+require('./form-config-fetcher-c7af90d8.js');
 require('./constants-6d82e405.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');

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

@@ -7,18 +7,18 @@ const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-6d82e405.js');
 const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
-require('./DataFetcher-ed9d97ea.js');
-require('./ISave-81eb2fbc.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-1e804147.js');
+require('./DataFetcher-991b0349.js');
+require('./ISave-ebf6b4ed.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-011bec79.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-ab1cc071.js');
+const dataunitFetcher = require('./dataunit-fetcher-8bf469e7.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-const formConfigFetcher = require('./form-config-fetcher-f0897eb5.js');
+const formConfigFetcher = require('./form-config-fetcher-c7af90d8.js');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
-const ConfigStorage = require('./ConfigStorage-b29e31be.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-6838389c.js');
+const ConfigStorage = require('./ConfigStorage-72f34bd4.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-cdbb29d4.js');
 const index$2 = require('./index-13d05f03.js');
 require('./PrintUtils-bcaeb82f.js');
 require('./GetSelectedRecordsIDsInfo-bd50caf1.js');

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
+const index$1 = require('./index-e3e39724.js');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
 const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
-const index$1 = require('./index-e3e39724.js');
 require('./index-13d05f03.js');
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex;flex-wrap:wrap}.no-wrap.sc-snk-taskbar-h{flex-wrap:nowrap}.full-width.sc-snk-taskbar-h{width:100%}.align-right.sc-snk-taskbar-h{justify-content:flex-end}.overflowed.sc-snk-taskbar{display:none}";
@@ -23,6 +23,7 @@ const SnkTaskbar = class {
     this.TASKBAR_CUSTOM_ELEMENTS = 'taskbar-custom-elements-container';
     this.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME = 'taskbar-additional-slot-container';
     this.TASKBAR_ADDITIONAL_SLOT = 'taskbar-additional-slot-container';
+    this._dataUnitInitialized = false;
     this._titleKeyByElement = {
       [taskbarElements.TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [taskbarElements.TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
@@ -121,6 +122,17 @@ const SnkTaskbar = class {
       this.taskbarSaveUnlocker.emit();
     }
   }
+  observeDataUnit(newValue) {
+    this.initializeDataUnit(newValue);
+  }
+  initializeDataUnit(dataUnit) {
+    if (!!dataUnit && !this._dataUnitInitialized) {
+      this._dataUnitInitialized = true;
+      const dataInfo = { dataUnit: this.dataUnit };
+      core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+      this.dataUnit.subscribe(this.onSaveEvent);
+    }
+  }
   // Internal methods
   elementsFromString(strButtons) {
     const elements = [];
@@ -166,45 +178,46 @@ const SnkTaskbar = class {
   }
   elementClick(elem) {
     core.LockManager.whenResolve(this._element, core.LockManagerOperation.TASKBAR_CLICK).then(() => {
-      if (this.dataUnit) {
-        switch (elem) {
-          case taskbarElements.TaskbarElement.PREVIOUS:
-            this.dataUnit.previousRecord();
-            break;
-          case taskbarElements.TaskbarElement.NEXT:
-            this.dataUnit.nextRecord();
-            break;
-          case taskbarElements.TaskbarElement.REFRESH:
-            this.dataUnit.loadData();
-            break;
-          case taskbarElements.TaskbarElement.CLONE:
-            this.dataUnit.copySelected();
-            break;
-          case taskbarElements.TaskbarElement.REMOVE:
-            this.dataUnit.removeSelectedRecords();
-            break;
-          case taskbarElements.TaskbarElement.INSERT:
-            this.dataUnit.addRecord();
-            break;
-          case taskbarElements.TaskbarElement.CANCEL:
-            this.dataUnit.cancelEdition();
-            break;
-          case taskbarElements.TaskbarElement.SAVE:
-            if (!this._isWaitingForSave) {
-              this._isWaitingForSave = true;
-              this.dataUnit.saveData().catch((err) => {
-                if (err instanceof core.SilentException) {
-                  return;
-                }
-                else {
-                  throw err;
-                }
-              }).finally(() => {
-                this._isWaitingForSave = false;
-              });
-            }
-            break;
-        }
+      if (!this.dataUnit) {
+        return;
+      }
+      switch (elem) {
+        case taskbarElements.TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case taskbarElements.TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case taskbarElements.TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case taskbarElements.TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case taskbarElements.TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case taskbarElements.TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case taskbarElements.TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case taskbarElements.TaskbarElement.SAVE:
+          if (!this._isWaitingForSave) {
+            this._isWaitingForSave = true;
+            this.dataUnit.saveData().catch((err) => {
+              if (err instanceof core.SilentException) {
+                return;
+              }
+              else {
+                throw err;
+              }
+            }).finally(() => {
+              this._isWaitingForSave = false;
+            });
+          }
+          break;
       }
       if (this.isEnabled(elem))
         this.actionClick.emit(elem);
@@ -403,10 +416,8 @@ const SnkTaskbar = class {
     };
   }
   componentDidLoad() {
-    const dataInfo = { dataUnit: this.dataUnit };
-    core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+    this.initializeDataUnit(this.dataUnit);
     this.handleOverFlowStrategy();
-    this.dataUnit.subscribe(this.onSaveEvent);
   }
   componentDidRender() {
     this.appendCustomElementsInTaskbar();
@@ -466,7 +477,8 @@ const SnkTaskbar = class {
     "buttons": ["observeButtons"],
     "disabledButtons": ["observeDisabledButtons"],
     "_lastWidth": ["observeLastWidth"],
-    "_isWaitingForSave": ["observeIsWaitingForSave"]
+    "_isWaitingForSave": ["observeIsWaitingForSave"],
+    "dataUnit": ["observeDataUnit"]
   }; }
 };
 SnkTaskbar.style = snkTaskbarCss;

package/dist/collection/collection-manifest.json

@@ -11,10 +11,10 @@
     "./components/snk-actions-button/subcomponents/snk-client-confirm.js",
     "./components/snk-attach/snk-attach.js",
     "./components/snk-configurator/snk-configurator.js",
+    "./components/snk-crud/subcomponents/snk-guides-viewer.js",
     "./components/snk-crud/snk-crud.js",
     "./components/snk-crud/subcomponents/snk-form-summary.js",
     "./components/snk-crud/subcomponents/snk-form-view.js",
-    "./components/snk-crud/subcomponents/snk-guides-viewer.js",
     "./components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js",
     "./components/snk-custom-slot-elements/snk-custom-slot-elements.js",
     "./components/snk-data-exporter/snk-data-exporter.js",

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

@@ -58,6 +58,7 @@ export class SnkCrud {
     };
     this._dataUnit = undefined;
     this._dataState = undefined;
+    this._suppressEntitySearch = false;
     this.attachmentRegisterKey = undefined;
     this._currentViewMode = VIEW_MODE.GRID;
     this._canEdit = undefined;
@@ -94,6 +95,7 @@ export class SnkCrud {
     this.layoutFormConfig = true;
     this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
+    this.customGuidesConfig = [];
     this.showEntitySearch = true;
     this.disableNumberingConfig = false;
   }
@@ -542,7 +544,7 @@ export class SnkCrud {
   }
   renderDynamicSearch(slotName) {
     var _a;
-    if (!this.showEntitySearch || ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.insertionMode) === true)
+    if (this._suppressEntitySearch || !this.showEntitySearch || ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.insertionMode) === true)
       return;
     return (h("div", { slot: slotName, class: "entity-search-container", style: { position: 'relative', display: 'inline-block', marginLeft: '10px', minWidth: '200px' } }, h("ez-search", { label: "Buscar registros", optionLoader: this.loadEntitySuggestions, onEzChange: (evt) => this.searchEntitySelect(evt.detail), mode: "slim", showMore: this._showMoreOnSearch, suppressEmptyOption: true, suppressInputPersist: true })));
   }
@@ -551,7 +553,7 @@ export class SnkCrud {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert);
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }), this.renderDynamicSearch("GRID_HEADER_DYNAMIC_SEARCH"))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), this.renderDynamicSearch("GUIDES_VIEWER_DYNAMIC_SEARCH"), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", { tabIndex: "0" }, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, entityName: this._snkDataUnit.entityName, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }), this.renderDynamicSearch("GRID_HEADER_DYNAMIC_SEARCH"))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, customGuidesConfig: this.customGuidesConfig, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), onFormConfigVisibilityChanged: evt => this._suppressEntitySearch = evt.detail, presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), this.renderDynamicSearch("GUIDES_VIEWER_DYNAMIC_SEARCH"), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", { tabIndex: "0" }, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, entityName: this._snkDataUnit.entityName, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -1088,6 +1090,30 @@ export class SnkCrud {
         "reflect": false,
         "defaultValue": "'auto'"
       },
+      "customGuidesConfig": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<CustomGuideItem>",
+          "resolved": "CustomGuideItem[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "CustomGuideItem": {
+              "location": "import",
+              "path": "./subcomponents/snk-guides-viewer"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Fornece as informa\u00E7\u00F5es das guias personalizadas."
+        },
+        "defaultValue": "[]"
+      },
       "showEntitySearch": {
         "type": "boolean",
         "mutable": false,
@@ -1130,6 +1156,7 @@ export class SnkCrud {
     return {
       "_dataUnit": {},
       "_dataState": {},
+      "_suppressEntitySearch": {},
       "attachmentRegisterKey": {},
       "_currentViewMode": {},
       "_canEdit": {},