@sankhyalabs/sankhyablocks 10.1.0-dev.2 → 10.1.0-dev.3

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

@@ -74,6 +74,7 @@ export class SnkGrid {
     this.canEdit = true;
     this.taskbarCustomContainerId = undefined;
     this.gridHeaderCustomSlotId = 'GRID_HEADER_CUSTOM_ELEMENTS';
+    this.gridHeaderDynamicSearchSlotId = 'GRID_HEADER_DYNAMIC_SEARCH';
     this.topTaskbarCustomSlotId = 'GRID_TASKBAR_CUSTOM_ELEMENTS';
     this.disablePersonalizedFilter = undefined;
     this.gridLegacyConfigName = undefined;
@@ -592,7 +593,7 @@ export class SnkGrid {
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
       h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, filterCustomConfig: this.filterCustomConfig, filterCustomConfigInterceptor: this.filterCustomConfigInterceptor }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? 'snk-grid-container__without-shadow ' : '') + 'snk-grid__table', "data-element-id": "embedded", dataUnit: this._dataUnit, key: 'grid-' + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => {
         this.gridConfigChangeHandler(evt);
-      }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+      }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, additionalSlotId: this.gridHeaderDynamicSearchSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }), h("slot", { name: this.gridHeaderDynamicSearchSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -974,6 +975,24 @@ export class SnkGrid {
         "reflect": false,
         "defaultValue": "'GRID_HEADER_CUSTOM_ELEMENTS'"
       },
+      "gridHeaderDynamicSearchSlotId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o nome do slot para a aba de pesquisa no cabe\u00E7alho da grade."
+        },
+        "attribute": "grid-header-dynamic-search-slot-id",
+        "reflect": false,
+        "defaultValue": "'GRID_HEADER_DYNAMIC_SEARCH'"
+      },
       "topTaskbarCustomSlotId": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/snk-pesquisa/snk-pesquisa.css

@@ -43,6 +43,10 @@
   /*@doc Define a largura da barra de rolagem do componente.*/
   --snk-pesquisa__scrollbar--width: var(--space--small, 6px);
 
+  /*@doc Define o tamanho do conteúdo scrollável do popup */
+  --snk-pesquisa__scrollable-content--height: calc(100vh - 300px);
+
+
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -79,7 +83,7 @@
   /*public*/
   scrollbar-color: var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);
   padding-right: var(--snk-pesquisa__content--padding-right);
-  height: 100vh;
+  height: var(--snk-pesquisa__scrollable-content--height);
 }
 
 .snk-pesquisa__content::-webkit-scrollbar {

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

@@ -33,6 +33,18 @@ export class SnkPesquisa {
       this._textInput.value = this.argument;
     }
   }
+  /** * Executa uma pesquisa programaticamente.
+   * Útil para cenários onde a pesquisa precisa ser disparada sem interação do usuário.
+   *
+   * @param text Texto utilizado como argumento de pesquisa.
+   * @returns Promise<void>
+   * @example
+   * await pesquisaRef.executeSearch("Texto para pesquisa");
+   */
+  async executeSearch(text) {
+    this.argument = text;
+    this.onChangeValue({ detail: text });
+  }
   clearSearch() {
     this.argument = "";
     this._itemList = undefined;
@@ -606,6 +618,41 @@ export class SnkPesquisa {
       "_valideDataSource": {}
     };
   }
+  static get methods() {
+    return {
+      "executeSearch": {
+        "complexType": {
+          "signature": "(text: string) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "text Texto utilizado como argumento de pesquisa."
+                }],
+              "text": "Texto utilizado como argumento de pesquisa."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "* Executa uma pesquisa programaticamente.\n\u00DAtil para cen\u00E1rios onde a pesquisa precisa ser disparada sem intera\u00E7\u00E3o do usu\u00E1rio.",
+          "tags": [{
+              "name": "param",
+              "text": "text Texto utilizado como argumento de pesquisa."
+            }, {
+              "name": "returns",
+              "text": "Promise<void>"
+            }, {
+              "name": "example",
+              "text": "await pesquisaRef.executeSearch(\"Texto para pesquisa\");"
+            }]
+        }
+      }
+    };
+  }
   static get elementRef() { return "_element"; }
   static get watchers() {
     return [{

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

@@ -7,9 +7,10 @@ export class SnkTaskbar {
   constructor() {
     this.TASKBAR_ITEM_ID_PREFIX = 'TASKBAR_ITEM_';
     this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME = 'taskbar-custom-elements-container';
-    this.ACTIONS_BUTTON_TAG = 'TASKBAR-ACTIONS-BUTTON';
     this.NOT_OVERFLOW_ELEMENTS = ["moreOptions", "dataExporter_snkDataExporter", "actionsButton_snkActionsButton"];
     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._titleKeyByElement = {
       [TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
@@ -52,6 +53,7 @@ export class SnkTaskbar {
     this._isWaitingForSave = false;
     this.alignRigth = false;
     this.customSlotId = "TASKBAR_CUSTOM_ELEMENTS";
+    this.additionalSlotId = "TASKBAR_ADDITIONAL_SLOT";
     this.customContainerId = undefined;
     this.overflowStrategy = 'hiddenItems';
     this.configName = undefined;
@@ -372,7 +374,8 @@ export class SnkTaskbar {
     return (_a = element.getAttribute('data-taskbar-label')) !== null && _a !== void 0 ? _a : "";
   }
   hasToIgnoreOverFlow(element) {
-    return element.classList.contains(this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME);
+    return element.classList.contains(this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME) ||
+      element.classList.contains(this.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME);
   }
   handleOverFlowStrategy() {
     if (this.overflowStrategy === 'hiddenItems') {
@@ -418,7 +421,7 @@ export class SnkTaskbar {
     this._slotContainer.appendChild(customElement);
   }
   render() {
-    var _a;
+    var _a, _b;
     if (this._definitions === undefined) {
       return undefined;
     }
@@ -438,7 +441,8 @@ export class SnkTaskbar {
       (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.addNotOverFlowElement(elem);
       return h("slot", { name: elem });
     })), h("div", { id: this.TASKBAR_CUSTOM_ELEMENTS, class: this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME }, h("slot", { name: this.customSlotId }), (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 :
-      _a.addNotOverFlowElement(this.TASKBAR_CUSTOM_ELEMENTS))));
+      _a.addNotOverFlowElement(this.TASKBAR_CUSTOM_ELEMENTS)), h("div", { id: this.TASKBAR_ADDITIONAL_SLOT, class: this.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME }, h("slot", { name: this.additionalSlotId }), (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 :
+      _b.addNotOverFlowElement(this.TASKBAR_ADDITIONAL_SLOT))));
   }
   getHostClasses() {
     if (this.overflowStrategy !== 'hiddenItems')
@@ -501,6 +505,27 @@ export class SnkTaskbar {
         "reflect": false,
         "defaultValue": "\"TASKBAR_CUSTOM_ELEMENTS\""
       },
+      "additionalSlotId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "description",
+              "text": "Define o identificador do slot adicional."
+            }],
+          "text": ""
+        },
+        "attribute": "additional-slot-id",
+        "reflect": false,
+        "defaultValue": "\"TASKBAR_ADDITIONAL_SLOT\""
+      },
       "customContainerId": {
         "type": "string",
         "mutable": false,

package/dist/collection/lib/http/data-fetcher/fetchers/pesquisa-fetcher.js

@@ -64,7 +64,7 @@ export class PesquisaFetcher {
     return result;
   }
   loadAdvancedSearch(entityName, argument, criteria, searchOptions, codeValue) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const values = {
       argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
@@ -103,11 +103,11 @@ export class PesquisaFetcher {
       };
     }
     const options = searchOptions != undefined
-      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true }) : undefined;
+      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true, "limit": searchOptions.limit }) : undefined;
     const reqBody = {
       "serviceName": serviceName,
       "requestBody": {
-        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": (_e = options === null || options === void 0 ? void 0 : options.limit) !== null && _e !== void 0 ? _e : this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_f = values.searchOptions) === null || _f === void 0 ? void 0 : _f.rootEntity }, { options }),
         "clientEventList": {
           "clientEvent": []
         }

package/dist/collection/lib/message/resources/pt-br/snk-pesquisa.msg.js

@@ -8,7 +8,7 @@ export const snkPesquisaMessages = {
     initialMessage: "Os resultados de sua pesquisa aparecerão aqui...",
     resultsFoundSingular: "1 registro encontrado",
     resultsFoundPlural: "{{COUNT}} registros encontrados",
-    limitMessage: "Essa pesquisa foi limitada, existem mais resultados."
+    limitMessage: "Esta pesquisa foi limitada, existem mais resultados."
   },
   viewMode: {
     tableMode: "Modo grade",

package/dist/components/DataFetcher.js

@@ -7257,7 +7257,7 @@ const snkPesquisaMessages$2 = {
     initialMessage: "Os resultados de sua pesquisa aparecerão aqui...",
     resultsFoundSingular: "1 registro encontrado",
     resultsFoundPlural: "{{COUNT}} registros encontrados",
-    limitMessage: "Essa pesquisa foi limitada, existem mais resultados."
+    limitMessage: "Esta pesquisa foi limitada, existem mais resultados."
   },
   viewMode: {
     tableMode: "Modo grade",

package/dist/components/ISave.js

@@ -162,7 +162,7 @@ class PesquisaFetcher {
     return result;
   }
   loadAdvancedSearch(entityName, argument, criteria, searchOptions, codeValue) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const values = {
       argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
@@ -201,11 +201,11 @@ class PesquisaFetcher {
       };
     }
     const options = searchOptions != undefined
-      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true }) : undefined;
+      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true, "limit": searchOptions.limit }) : undefined;
     const reqBody = {
       "serviceName": serviceName,
       "requestBody": {
-        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": (_e = options === null || options === void 0 ? void 0 : options.limit) !== null && _e !== void 0 ? _e : this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_f = values.searchOptions) === null || _f === void 0 ? void 0 : _f.rootEntity }, { options }),
         "clientEventList": {
           "clientEvent": []
         }

package/dist/components/snk-application2.js

@@ -385,32 +385,40 @@ class RequestListenerFactory {
   }
 }
 
+const executeAdvancedModeSearch = async (argument, options, app, pesquisaFetcher) => {
+  const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic, executeOnOpen } = options;
+  return new Promise((accept, reject) => {
+    const pesquisaContent = document.createElement("snk-pesquisa");
+    pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
+    pesquisaContent.entityName = entity;
+    pesquisaContent.argument = argument;
+    pesquisaContent.searchLoader = (text) => pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
+    pesquisaContent.isHierarchyEntity = isHierarchyEntity;
+    if (isHierarchyEntity) {
+      pesquisaContent.treeLoader = (text) => pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
+      pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
+    }
+    pesquisaContent.selectItem = (option) => {
+      accept(option);
+      app.clearPopUpTitle();
+      app.closePopUp();
+    };
+    app.setPopUpTitle(entityDescription);
+    app.showPopUp(pesquisaContent, undefined, undefined, reject);
+    if (executeOnOpen) {
+      pesquisaContent.executeSearch(argument);
+    }
+  });
+};
+
 const QTD_DETAIL_FIELDS_PREDICTIVE_SEARCH = 6;
 const INVALID_CONTENT_PATTERNS = ['<img', '<svg'];
 const executePreparedSearchPlus = async (mode, argument, options, app, pesquisaFetcher) => {
   var _a;
   const mdByName = {};
-  const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic } = options;
+  const { entity, criteria, searchOptions } = options;
   if (mode === "ADVANCED") {
-    return new Promise((accept, reject) => {
-      const pesquisaContent = document.createElement("snk-pesquisa");
-      pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
-      pesquisaContent.entityName = entity;
-      pesquisaContent.argument = argument;
-      pesquisaContent.searchLoader = (text) => pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
-      pesquisaContent.isHierarchyEntity = isHierarchyEntity;
-      if (isHierarchyEntity) {
-        pesquisaContent.treeLoader = (text) => pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
-        pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
-      }
-      pesquisaContent.selectItem = (option) => {
-        accept(option);
-        app.clearPopUpTitle();
-        app.closePopUp();
-      };
-      app.setPopUpTitle(entityDescription);
-      app.showPopUp(pesquisaContent, undefined, undefined, reject);
-    });
+    return executeAdvancedModeSearch(argument, options, app, pesquisaFetcher);
   }
   else if (mode === "LOAD_DESCRIPTION") {
     let result = await pesquisaFetcher.loadByCode(entity, argument, criteria, searchOptions);
@@ -447,14 +455,13 @@ const buildOptionItem = (argument, item, fields, descriptionField, pkField) => {
   const matchFields = item['__matchFields'];
   const descriptionValue = (_a = item[descriptionField]) !== null && _a !== void 0 ? _a : "";
   const pkValue = item[pkField];
-  let searchOption = {
+  return {
     value: pkValue,
     label: descriptionValue,
     presentationValue: StringUtils.highlightValue(argument, matchFields, pkValue, fields, true),
     presentationLabel: descriptionField ? StringUtils.highlightValue(argument, matchFields, descriptionValue, fields, true) : "",
     details: SearchUtils.buildDetails(argument, fields, item)
   };
-  return searchOption;
 };
 const filterInvalidFields = (resp, item, mdByName) => {
   let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
@@ -890,7 +897,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     if (this._featureFlagsCache.get(featureName) && now < this._featureFlagsCache.get(featureName).expires) {
       return Promise.resolve(this._featureFlagsCache.get(featureName).isActive);
     }
-    //Caso ocorra um erro nessa chamada, o reject do error é feito automaticamente 
+    //Caso ocorra um erro nessa chamada, o reject do error é feito automaticamente
     const result = await DataFetcher.get().callServiceBroker("SystemUtilsSP.featureIsActive", JSON.stringify(payload));
     const isActive = result.isActive;
     this._featureFlagsCache.set(featureName, {
@@ -1381,52 +1388,57 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    */
   async executePreparedSearch(mode, argument, options) {
     const mdByName = {};
-    const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic, useSearchPlus } = options;
+    const { entity, criteria, searchOptions, useSearchPlus } = options;
     if (useSearchPlus) {
       return executePreparedSearchPlus(mode, argument, options, this, this.pesquisaFetcher);
     }
     if (mode === "ADVANCED") {
-      return new Promise((accept, reject) => {
-        const pesquisaContent = document.createElement("snk-pesquisa");
-        pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
-        pesquisaContent.entityName = entity;
-        pesquisaContent.argument = argument;
-        pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
-        pesquisaContent.isHierarchyEntity = isHierarchyEntity;
-        if (isHierarchyEntity) {
-          pesquisaContent.treeLoader = (text) => this.pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
-          pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
-        }
-        pesquisaContent.selectItem = (option) => {
-          accept(option);
-          this.clearPopUpTitle();
-          this.closePopUp();
-        };
-        this.setPopUpTitle(entityDescription);
-        this.showPopUp(pesquisaContent, undefined, undefined, reject);
-      });
+      return executeAdvancedModeSearch(argument, options, this, this.pesquisaFetcher);
     }
-    else {
-      return new Promise((resolve, reject) => {
-        this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
-          .then(result => {
-          result = ObjectUtils.stringToObject(result.json.$);
-          let descriptionField = result.descriptionField;
-          let pkField = result.pkField;
-          const list = [];
-          result.data.forEach((item) => {
-            let fieldsMetadata = this.filterInvalidFields(result, item, mdByName);
-            let qtyFields = 6;
-            let fields = this.filterMathFields(item['__matchFields'], fieldsMetadata, qtyFields, mdByName);
-            list.push(this.builOptionItem(argument, item, fields, descriptionField, pkField));
-          });
-          resolve(list);
-        })
-          .catch(error => {
-          reject(error);
-        });
+    return new Promise((resolve, reject) => {
+      this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
+        .then(result => {
+        result = ObjectUtils.stringToObject(result.json.$);
+        resolve(this.buildSearchResultList(result, mdByName, argument));
+      })
+        .catch(error => {
+        reject(error);
       });
-    }
+    });
+  }
+  /**
+   * Obtém as opções em componentes de pesquisa além dos metadados como showMore e entityPk.
+   * @param {string} argument - O argumento da pesquisa.
+   * @param {any} options - Opções preparadas para a pesquisa.
+   * @returns {Promise<Array<IOption> | IOption>} Uma lista de opções ou uma única opção.
+   * @async
+   */
+  async executePreparedSearchWithFullResponse(argument, options) {
+    const mdByName = {};
+    const { entity, criteria, searchOptions } = options;
+    return new Promise((resolve, reject) => {
+      this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
+        .then(result => {
+        result = ObjectUtils.stringToObject(result.json.$);
+        result.data = this.buildSearchResultList(result, mdByName, argument);
+        resolve(result);
+      })
+        .catch(error => {
+        reject(error);
+      });
+    });
+  }
+  buildSearchResultList(result, mdByName, argument) {
+    let descriptionField = result.descriptionField;
+    let pkField = result.pkField;
+    const list = [];
+    result.data.forEach((item) => {
+      let fieldsMetadata = this.filterInvalidFields(result, item, mdByName);
+      let qtyFields = 6;
+      let fields = this.filterMathFields(item['__matchFields'], fieldsMetadata, qtyFields, mdByName);
+      list.push(this.builOptionItem(argument, item, fields, descriptionField, pkField));
+    });
+    return list;
   }
   /**
    * Obtém `true` caso a tela esteja em modo de debug.
@@ -1979,6 +1991,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "executeSearch": [64],
     "executePreparedSearchPlus": [64],
     "executePreparedSearch": [64],
+    "executePreparedSearchWithFullResponse": [64],
     "isDebugMode": [64],
     "getAppLabel": [64],
     "addSearchListener": [64],

package/dist/components/snk-crud.js

@@ -67,6 +67,38 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._viewHistory = [];
     this._customEditors = new Map();
     this._customRenders = new Map();
+    this.loadEntitySuggestions = async (argument) => {
+      var _a;
+      const value = (_a = argument === null || argument === void 0 ? void 0 : argument.argument) !== null && _a !== void 0 ? _a : '';
+      const mode = (argument === null || argument === void 0 ? void 0 : argument.mode) || "PREDICTIVE";
+      if (!value || value.trim().length === 0) {
+        return [];
+      }
+      try {
+        this._showMoreOnSearch = false;
+        const entityName = this._snkDataUnit.entityName;
+        if (mode === "PREDICTIVE") {
+          return await this.handlePredictiveSearch(value, entityName);
+        }
+        return await this._application.executePreparedSearch(mode, value, this.buildSearchOptions(entityName));
+      }
+      catch (error) {
+        console.error('Erro ao carregar sugestões de entidades:', error);
+        return [];
+      }
+    };
+    this.searchEntitySelect = async (item) => {
+      if (!this._entityPKField || !item) {
+        return;
+      }
+      try {
+        const pk = [{ name: this._entityPKField, value: item.value }];
+        await this.refreshDataUnitByPk(pk);
+      }
+      catch (error) {
+        console.error('Erro ao selecionar entidade:', error);
+      }
+    };
     this.dataUnitInterceptor = {
       interceptAction: (action) => {
         if (action.type === Action.DATA_SAVED) {
@@ -83,6 +115,8 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._resourceID = undefined;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
     this.numberingConfig = undefined;
+    this._showMoreOnSearch = false;
+    this._entityPKField = undefined;
     this.enableLockManagerLoadingComp = false;
     this.enableLockManagerTaskbarClick = false;
     this.configName = undefined;
@@ -111,6 +145,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.layoutFormConfig = true;
     this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
+    this.showEntitySearch = true;
     this.disableNumberingConfig = false;
   }
   /**
@@ -406,6 +441,49 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     var _a;
     (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
   }
+  async handlePredictiveSearch(argument, entityName) {
+    var _a, _b;
+    const response = await this._application.executePreparedSearchWithFullResponse(argument, this.buildSearchOptions(entityName, 5));
+    this._showMoreOnSearch = (_a = response === null || response === void 0 ? void 0 : response.hasMore) !== null && _a !== void 0 ? _a : false;
+    this._entityPKField = response === null || response === void 0 ? void 0 : response.pkField;
+    return (_b = response === null || response === void 0 ? void 0 : response.data) !== null && _b !== void 0 ? _b : [];
+  }
+  async refreshDataUnitByPk(pks) {
+    try {
+      const pkField = pks[0].name;
+      const pkValue = pks[0].value;
+      // Criar filtro para a busca específica
+      const quickFilter = {
+        term: '',
+        filter: {
+          name: '',
+          params: [],
+          expression: `(${pkField} = ${pkValue})`
+        }
+      };
+      // Carregar dados com o filtro aplicado diretamente
+      await this._dataUnit.loadData(quickFilter);
+      // Navegar para o formulário se houver apenas um registro
+      if (this._dataUnit.records.length === 1) {
+        this._dataUnit.selectFirst();
+        this.gridToForm(true);
+      }
+    }
+    catch (error) {
+      console.error('Erro ao atualizar dataset:', error);
+    }
+  }
+  buildSearchOptions(entityName, limit) {
+    return {
+      entity: entityName,
+      entityDescription: entityName,
+      executeOnOpen: true,
+      searchOptions: {
+        localEntityName: entityName,
+        limit,
+      }
+    };
+  }
   async toggleView() {
     const currentView = await this._viewStack.getSelectedIndex();
     this.setViewMode(VIEW_MODE.GRID === currentView ? VIEW_MODE.FORM : VIEW_MODE.GRID);
@@ -512,12 +590,18 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     this.configuratorCancel.emit();
   }
+  renderDynamicSearch(slotName) {
+    var _a;
+    if (!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 })));
+  }
   render() {
     if (this._resourceID == undefined) {
       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" }))), 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" }), 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, 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" }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -553,6 +637,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "layoutFormConfig": [4, "layout-form-config"],
     "multipleEditionEnabled": [4, "multiple-edition-enabled"],
     "paginationCounterMode": [1, "pagination-counter-mode"],
+    "showEntitySearch": [4, "show-entity-search"],
     "disableNumberingConfig": [4, "disable-numbering-config"],
     "_dataUnit": [32],
     "_dataState": [32],
@@ -562,6 +647,8 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "_resourceID": [32],
     "customContainerId": [32],
     "numberingConfig": [32],
+    "_showMoreOnSearch": [32],
+    "_entityPKField": [32],
     "goToView": [64],
     "openConfigurator": [64],
     "closeConfigurator": [64],

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

@@ -512,7 +512,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   buildTaskBar() {
     var _a;
-    return h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), actionsSettingsList: this.getSettingsListForm(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? TaskbarElement.SAVE : TaskbarElement.INSERT, "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+    return h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), actionsSettingsList: this.getSettingsListForm(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? TaskbarElement.SAVE : TaskbarElement.INSERT, "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", additionalSlotId: "GUIDES_VIEWER_DYNAMIC_SEARCH", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GUIDES_VIEWER_DYNAMIC_SEARCH" })));
   }
   async dataUnitActionHandler(action) {
     var _a;