@sankhyalabs/sankhyablocks 8.16.0-dev.110 → 8.16.0-dev.111

package/dist/components/ContinuousInsertUtils.js

@@ -8,9 +8,9 @@ import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import './constants.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
-import { h } from '@stencil/core/internal/client';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
 import { I as IExportType } from './snk-data-exporter2.js';
+import { h } from '@stencil/core/internal/client';
 
 class CrudUtils {
   static assertDefaultSorting(gridConfig, dataUnit) {
@@ -192,37 +192,6 @@ class SnkMultiSelectionListDataSource {
   }
 }
 
-const EVENT_NAME = 'taskbarActionsOpened';
-const buildFieldSearch = (action, optionLoader, onSelectField) => {
-  return h("ez-search", { class: 'ez-actions-button--bottom-padding', canShowError: 'false', showSelectedValue: 'false', showOptionValue: 'false', suppressEmptyOption: 'true', label: action.label, value: '', optionLoader: optionLoader, onEzChange: (evt) => onSelectField(evt.detail), ignoreLimitCharsToSearch: true });
-};
-async function focusOnFieldSerch(field) {
-  requestAnimationFrame(async () => {
-    if (field) {
-      const realElement = field['$elm$'];
-      if (!realElement)
-        return;
-      realElement.value = null;
-      await realElement.setFocus();
-    }
-  });
-}
-const openFieldSearch = async (moreOptions, field) => {
-  if (!moreOptions) {
-    return;
-  }
-  if ((await moreOptions.isOpened())) {
-    await focusOnFieldSerch(field);
-    return;
-  }
-  const eventHandler = () => {
-    focusOnFieldSerch(field);
-    moreOptions.removeEventListener(EVENT_NAME, eventHandler);
-  };
-  moreOptions.addEventListener(EVENT_NAME, eventHandler);
-  await moreOptions.showActions();
-};
-
 class RmPrecisionCustomValueFormatter {
   setGrid(grid) {
     if (this._grid) {
@@ -444,4 +413,4 @@ class ContinuousInsertUtils {
   }
 }
 
-export { CommonsExporter as C, RmPrecisionCustomValueFormatter as R, SnkMultiSelectionListDataSource as S, TaskbarProcessor as T, CrudUtils as a, buildFieldSearch as b, ContinuousInsertUtils as c, ClientSideExporterProvider as d, openFieldSearch as o };
+export { CommonsExporter as C, RmPrecisionCustomValueFormatter as R, SnkMultiSelectionListDataSource as S, TaskbarProcessor as T, CrudUtils as a, ContinuousInsertUtils as b, ClientSideExporterProvider as c };

package/dist/components/SnkMessageBuilder.js

@@ -147,12 +147,13 @@ const snkCrudMessages = {
     update: "Alterar registro",
     clean: "{{ENTITY_NAME}}"
   },
-  findColumn: "Buscar campos",
+  findColumn: "Buscar campos (Ctrl+F)",
   goBackTitle: "Voltar"
 };
 
 const snkSimpleCrudMessages = {
-  findColumn: "Busca de colunas",
+  findColumn: "Busca de colunas (Ctrl+F)",
+  findFields: "Busca de campos (Ctrl+F)",
   formConfigUnavaliable: {
     title: "Aviso",
     message: 'A opção "Configurar formulário" será disponibilizada em breve. Enquanto isso, acesse a configuração do fomulário através dos layouts anteriores, HTML5 ou Flex.'
@@ -251,7 +252,7 @@ const snkConfiguratorMessages = {
 };
 
 const snkGridMessages = {
-  findColumn: "Busca de colunas",
+  findColumn: "Busca de colunas (Ctrl+F)",
   cancelConfirmation: {
     title: "Aviso",
     message: "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?</b>",

package/dist/components/index.d.ts

@@ -55,6 +55,7 @@ export { SnkTabConfig as SnkTabConfig } from '../types/components/snk-form-confi
 export { SnkTaskbar as SnkTaskbar } from '../types/components/snk-taskbar/snk-taskbar';
 export { SnkViewRepresentation as SnkViewRepresentation } from '../types/components/snk-layout-form-config/snk-view-representation/snk-view-representation';
 export { TaskbarActionsButton as TaskbarActionsButton } from '../types/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button';
+export { TaskbarSplitButton as TaskbarSplitButton } from '../types/components/snk-taskbar/elements/taskbar-split-button/taskbar-split-button';
 export { TestePesquisa as TestePesquisa } from '../types/components/teste-pesquisa/teste-pesquisa';
 
 /**

package/dist/components/index.js

@@ -55,4 +55,5 @@ export { SnkTabConfig, defineCustomElement as defineCustomElementSnkTabConfig }
 export { SnkTaskbar, defineCustomElement as defineCustomElementSnkTaskbar } from './snk-taskbar.js';
 export { SnkViewRepresentation, defineCustomElement as defineCustomElementSnkViewRepresentation } from './snk-view-representation.js';
 export { TaskbarActionsButton, defineCustomElement as defineCustomElementTaskbarActionsButton } from './taskbar-actions-button.js';
+export { TaskbarSplitButton, defineCustomElement as defineCustomElementTaskbarSplitButton } from './taskbar-split-button.js';
 export { TestePesquisa, defineCustomElement as defineCustomElementTestePesquisa } from './teste-pesquisa.js';

package/dist/components/snk-attach2.js

@@ -7,20 +7,21 @@ import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { V as VIEW_MODE } from './constants.js';
 import { A as AutorizationType } from './auth-fetcher.js';
-import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
-import { d as defineCustomElement$e } from './snk-actions-button2.js';
-import { d as defineCustomElement$d } from './snk-configurator2.js';
-import { d as defineCustomElement$c } from './snk-data-exporter2.js';
-import { d as defineCustomElement$b } from './snk-data-unit2.js';
-import { d as defineCustomElement$a } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$9 } from './snk-grid-config2.js';
-import { d as defineCustomElement$8 } from './snk-layout-form-config2.js';
-import { d as defineCustomElement$7 } from './snk-select-box2.js';
-import { d as defineCustomElement$6 } from './snk-simple-bar2.js';
-import { d as defineCustomElement$5 } from './snk-simple-crud2.js';
-import { d as defineCustomElement$4 } from './snk-simple-form-config2.js';
-import { d as defineCustomElement$2 } from './snk-view-representation2.js';
-import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
+import { T as TaskbarElement, d as defineCustomElement$4 } from './snk-taskbar2.js';
+import { d as defineCustomElement$f } from './snk-actions-button2.js';
+import { d as defineCustomElement$e } from './snk-configurator2.js';
+import { d as defineCustomElement$d } from './snk-data-exporter2.js';
+import { d as defineCustomElement$c } from './snk-data-unit2.js';
+import { d as defineCustomElement$b } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$a } from './snk-grid-config2.js';
+import { d as defineCustomElement$9 } from './snk-layout-form-config2.js';
+import { d as defineCustomElement$8 } from './snk-select-box2.js';
+import { d as defineCustomElement$7 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$6 } from './snk-simple-crud2.js';
+import { d as defineCustomElement$5 } from './snk-simple-form-config2.js';
+import { d as defineCustomElement$3 } from './snk-view-representation2.js';
+import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
+import { d as defineCustomElement$1 } from './taskbar-split-button2.js';
 
 const SERVICE$1 = {
   save: "Attach.save",
@@ -900,7 +901,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-attach", "snk-actions-button", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-grid-config", "snk-layout-form-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button"];
+  const components = ["snk-attach", "snk-actions-button", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-grid-config", "snk-layout-form-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-attach":
       if (!customElements.get(tagName)) {
@@ -909,70 +910,75 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "snk-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "snk-layout-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "snk-select-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "snk-simple-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "snk-simple-crud":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "snk-simple-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "snk-view-representation":
       if (!customElements.get(tagName)) {
-        defineCustomElement$2();
+        defineCustomElement$3();
       }
       break;
     case "taskbar-actions-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "taskbar-split-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/snk-crud.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { StringUtils, ElementIDUtils, ApplicationContext, KeyboardManager, JSUtils, FloatingManager } from '@sankhyalabs/core';
-import { T as TaskbarElement, d as defineCustomElement$4 } from './snk-taskbar2.js';
+import { StringUtils, ElementIDUtils, ApplicationContext, KeyboardManager } from '@sankhyalabs/core';
+import { T as TaskbarElement, d as defineCustomElement$5 } from './snk-taskbar2.js';
 import './DataFetcher.js';
 import { P as PresentationMode, E as ExporterStrategy } from './ISave.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
@@ -10,38 +10,39 @@ import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { V as VIEW_MODE } from './constants.js';
 import { A as AutorizationType } from './auth-fetcher.js';
-import { d as defineCustomElement$z } from './snk-actions-button2.js';
-import { d as defineCustomElement$y } from './snk-attach2.js';
-import { d as defineCustomElement$x } from './snk-config-options2.js';
-import { d as defineCustomElement$w } from './snk-configurator2.js';
-import { d as defineCustomElement$v } from './snk-data-exporter2.js';
-import { d as defineCustomElement$u } from './snk-data-unit2.js';
-import { d as defineCustomElement$c, a as defineCustomElement$t } from './snk-detail-view2.js';
-import { d as defineCustomElement$s } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$r } from './snk-expression-group2.js';
-import { d as defineCustomElement$q } from './snk-expression-item2.js';
-import { d as defineCustomElement$p } from './snk-field-config2.js';
-import { d as defineCustomElement$o } from './snk-filter-advanced-mode2.js';
-import { d as defineCustomElement$n } from './snk-filter-assistent-mode2.js';
-import { d as defineCustomElement$m } from './snk-filter-bar2.js';
-import { d as defineCustomElement$l } from './snk-filter-detail2.js';
-import { d as defineCustomElement$k } from './snk-filter-field-search2.js';
-import { d as defineCustomElement$j } from './snk-filter-item2.js';
-import { d as defineCustomElement$i } from './snk-filter-param-config2.js';
-import { d as defineCustomElement$h } from './snk-form-config2.js';
-import { d as defineCustomElement$g } from './snk-form-summary2.js';
-import { d as defineCustomElement$f } from './snk-form-view2.js';
-import { d as defineCustomElement$e } from './snk-grid2.js';
-import { d as defineCustomElement$d } from './snk-grid-config2.js';
-import { d as defineCustomElement$b } from './snk-layout-form-config2.js';
-import { d as defineCustomElement$a } from './snk-personalized-filter2.js';
-import { d as defineCustomElement$9 } from './snk-select-box2.js';
-import { d as defineCustomElement$8 } from './snk-simple-bar2.js';
-import { d as defineCustomElement$7 } from './snk-simple-crud2.js';
-import { d as defineCustomElement$6 } from './snk-simple-form-config2.js';
-import { d as defineCustomElement$5 } from './snk-tab-config2.js';
-import { d as defineCustomElement$3 } from './snk-view-representation2.js';
-import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
+import { d as defineCustomElement$A } from './snk-actions-button2.js';
+import { d as defineCustomElement$z } from './snk-attach2.js';
+import { d as defineCustomElement$y } from './snk-config-options2.js';
+import { d as defineCustomElement$x } from './snk-configurator2.js';
+import { d as defineCustomElement$w } from './snk-data-exporter2.js';
+import { d as defineCustomElement$v } from './snk-data-unit2.js';
+import { d as defineCustomElement$d, a as defineCustomElement$u } from './snk-detail-view2.js';
+import { d as defineCustomElement$t } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$s } from './snk-expression-group2.js';
+import { d as defineCustomElement$r } from './snk-expression-item2.js';
+import { d as defineCustomElement$q } from './snk-field-config2.js';
+import { d as defineCustomElement$p } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$o } from './snk-filter-assistent-mode2.js';
+import { d as defineCustomElement$n } from './snk-filter-bar2.js';
+import { d as defineCustomElement$m } from './snk-filter-detail2.js';
+import { d as defineCustomElement$l } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$k } from './snk-filter-item2.js';
+import { d as defineCustomElement$j } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$i } from './snk-form-config2.js';
+import { d as defineCustomElement$h } from './snk-form-summary2.js';
+import { d as defineCustomElement$g } from './snk-form-view2.js';
+import { d as defineCustomElement$f } from './snk-grid2.js';
+import { d as defineCustomElement$e } from './snk-grid-config2.js';
+import { d as defineCustomElement$c } from './snk-layout-form-config2.js';
+import { d as defineCustomElement$b } from './snk-personalized-filter2.js';
+import { d as defineCustomElement$a } from './snk-select-box2.js';
+import { d as defineCustomElement$9 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$8 } from './snk-simple-crud2.js';
+import { d as defineCustomElement$7 } from './snk-simple-form-config2.js';
+import { d as defineCustomElement$6 } from './snk-tab-config2.js';
+import { d as defineCustomElement$4 } from './snk-view-representation2.js';
+import { d as defineCustomElement$3 } from './taskbar-actions-button2.js';
+import { d as defineCustomElement$2 } from './taskbar-split-button2.js';
 
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%}";
 
@@ -54,7 +55,6 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.viewModeChanged = createEvent(this, "viewModeChanged", 7);
-    this._keyDownHandler = async (event) => this.keyDownListener(event);
     this._viewHistory = [];
     this._customEditors = new Map();
     this._customRenders = new Map();
@@ -298,7 +298,6 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   disconnectedCallback() {
     this.removeShortcuts();
-    window.removeEventListener("keydown", this._keyDownHandler);
   }
   async handleDataStateChange(evt) {
     var _a;
@@ -393,34 +392,12 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     this.configuratorCancel.emit();
   }
-  async keyDownListener(event) {
-    if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
-      return;
-    }
-    if (this._element == undefined) {
-      return;
-    }
-    if (JSUtils.isHiddenElement(this._element)) {
-      return;
-    }
-    FloatingManager.closeAll();
-    if (this._currentViewMode === VIEW_MODE.GRID) {
-      await this._snkGrid.findColumn();
-    }
-    else {
-      await this._guidesViewer.findField();
-    }
-    event.preventDefault();
-  }
-  connectedCallback() {
-    window.addEventListener("keydown", this._keyDownHandler, { capture: 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 }, 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", null, 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, 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 }, 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, 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 {
@@ -477,7 +454,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "snk-actions-button", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-field-config", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-layout-form-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-tab-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button"];
+  const components = ["snk-crud", "snk-actions-button", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-field-config", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-layout-form-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-tab-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
@@ -486,170 +463,175 @@ function defineCustomElement$1() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$z();
+        defineCustomElement$A();
       }
       break;
     case "snk-attach":
       if (!customElements.get(tagName)) {
-        defineCustomElement$y();
+        defineCustomElement$z();
       }
       break;
     case "snk-config-options":
       if (!customElements.get(tagName)) {
-        defineCustomElement$x();
+        defineCustomElement$y();
       }
       break;
     case "snk-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$w();
+        defineCustomElement$x();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$v();
+        defineCustomElement$w();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$u();
+        defineCustomElement$v();
       }
       break;
     case "snk-detail-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$t();
+        defineCustomElement$u();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$s();
+        defineCustomElement$t();
       }
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$r();
+        defineCustomElement$s();
       }
       break;
     case "snk-expression-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$q();
+        defineCustomElement$r();
       }
       break;
     case "snk-field-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$p();
+        defineCustomElement$q();
       }
       break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$p();
       }
       break;
     case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$o();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$n();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$m();
       }
       break;
     case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$l();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "snk-filter-param-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "snk-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "snk-form-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "snk-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "snk-guides-viewer":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "snk-layout-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "snk-select-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "snk-simple-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "snk-simple-crud":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "snk-simple-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "snk-tab-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-view-representation":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "taskbar-actions-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "taskbar-split-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }