@sankhyalabs/sankhyablocks 8.5.0 → 8.5.2-dev.1

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

@@ -7,10 +7,10 @@ const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-d187e03e.js');
-const formConfigFetcher = require('./form-config-fetcher-037d16de.js');
+const formConfigFetcher = require('./form-config-fetcher-35752aad.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./_commonjsHelpers-537d719a.js');
-require('./DataFetcher-3f9e6ee2.js');
+require('./DataFetcher-0cc561bc.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./PrintUtils-bcaeb82f.js');
 

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-12cd719b.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-c49af777.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
-require('./ConfigStorage-c26705cc.js');
-require('./form-config-fetcher-037d16de.js');
-require('./DataFetcher-3f9e6ee2.js');
+require('./ConfigStorage-bbffce76.js');
+require('./form-config-fetcher-35752aad.js');
+require('./DataFetcher-0cc561bc.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./PrintUtils-bcaeb82f.js');

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

@@ -6,10 +6,10 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const CheckMode = require('@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode');
-const ConfigStorage = require('./ConfigStorage-c26705cc.js');
+const ConfigStorage = require('./ConfigStorage-bbffce76.js');
 const constants = require('./constants-d187e03e.js');
-require('./form-config-fetcher-037d16de.js');
-require('./DataFetcher-3f9e6ee2.js');
+require('./form-config-fetcher-35752aad.js');
+require('./DataFetcher-0cc561bc.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./PrintUtils-bcaeb82f.js');

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

@@ -6,14 +6,14 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 const taskbarElements = require('./taskbar-elements-39949c7a.js');
-const ConfigStorage = require('./ConfigStorage-c26705cc.js');
+const ConfigStorage = require('./ConfigStorage-bbffce76.js');
 const index$1 = require('./index-0e663819.js');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const index$2 = require('./index-102ba62d.js');
 const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-804ff4c7.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
-require('./form-config-fetcher-037d16de.js');
-require('./DataFetcher-3f9e6ee2.js');
+require('./form-config-fetcher-35752aad.js');
+require('./DataFetcher-0cc561bc.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./PrintUtils-bcaeb82f.js');
 require('./filter-item-type.enum-aa823a00.js');

package/dist/cjs/{snk-guides-viewer-2c68848e.js → snk-guides-viewer-36b39c9c.js}

@@ -2,19 +2,19 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-12cd719b.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-c49af777.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const taskbarElements = require('./taskbar-elements-39949c7a.js');
 const constants = require('./constants-d187e03e.js');
-require('./DataFetcher-3f9e6ee2.js');
-require('./pesquisa-fetcher-b5b42098.js');
+require('./DataFetcher-0cc561bc.js');
+require('./pesquisa-fetcher-415eab63.js');
 const index$1 = require('./index-0e663819.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-037d16de.js');
+require('./form-config-fetcher-35752aad.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-2c68848e.js');
+const snkGuidesViewer = require('./snk-guides-viewer-36b39c9c.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-12cd719b.js');
-require('./ConfigStorage-c26705cc.js');
-require('./form-config-fetcher-037d16de.js');
-require('./DataFetcher-3f9e6ee2.js');
+require('./SnkFormConfigManager-c49af777.js');
+require('./ConfigStorage-bbffce76.js');
+require('./form-config-fetcher-35752aad.js');
+require('./DataFetcher-0cc561bc.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./PrintUtils-bcaeb82f.js');
@@ -19,7 +19,7 @@ require('./taskbar-elements-39949c7a.js');
 require('./index-0e663819.js');
 require('./index-102ba62d.js');
 require('./constants-d187e03e.js');
-require('./pesquisa-fetcher-b5b42098.js');
+require('./pesquisa-fetcher-415eab63.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
-const ConfigStorage = require('./ConfigStorage-c26705cc.js');
+const ConfigStorage = require('./ConfigStorage-bbffce76.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index$1 = require('./index-c5771aba.js');
 const index$2 = require('./index-102ba62d.js');
 require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-037d16de.js');
-require('./DataFetcher-3f9e6ee2.js');
+require('./form-config-fetcher-35752aad.js');
+require('./DataFetcher-0cc561bc.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./PrintUtils-bcaeb82f.js');

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

@@ -6,14 +6,14 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-d187e03e.js');
 const taskbarElements = require('./taskbar-elements-39949c7a.js');
-require('./DataFetcher-3f9e6ee2.js');
-require('./pesquisa-fetcher-b5b42098.js');
+require('./DataFetcher-0cc561bc.js');
+require('./pesquisa-fetcher-415eab63.js');
 const index$1 = require('./index-0e663819.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-037d16de.js');
+require('./form-config-fetcher-35752aad.js');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-804ff4c7.js');
 require('./index-102ba62d.js');

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

@@ -9,7 +9,7 @@ const taskbarElements = require('./taskbar-elements-39949c7a.js');
 const index$1 = require('./index-0e663819.js');
 require('./index-102ba62d.js');
 
-const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}.taskbar-custom-elements-container.sc-snk-taskbar{display:none}";
+const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
 
 const SnkTaskbar = class {
   constructor(hostRef) {

package/dist/collection/collection-manifest.json

@@ -16,6 +16,7 @@
     "./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",
     "./components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js",
     "./components/snk-entity-list/snk-entity-list.js",
@@ -48,7 +49,6 @@
     "./components/snk-print-selector/snk-print-selector.js",
     "./components/snk-simple-bar/snk-simple-bar.js",
     "./components/snk-simple-crud/snk-simple-crud.js",
-    "./components/snk-taskbar/snk-taskbar-custom-elements.js",
     "./components/teste-pesquisa/teste-pesquisa.js"
   ],
   "compiler": {

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

@@ -604,16 +604,23 @@ export class SnkApplication {
     });
   }
   /**
-    Retorna o path relativo da aplicação.
+   * Retorna o path relativo da aplicação.
    */
-  getApplicationPath() {
+  async getApplicationPath() {
     return new Promise((resolve) => {
       if (window['applicationenv'] !== "dev") {
-        resolve(`/${window["MGE_MODULE_NAME"]}/labsApps/${window["APPLICATION_NAME"]}/build`);
+        resolve(`/${this.getModuleName()}/labsApps/${window["APPLICATION_NAME"]}/build`);
+        return;
       }
       resolve('');
     });
   }
+  /**
+   * Retorna o contexto Sankhya-om da aplicação.
+   */
+  getModuleName() {
+    return window["MGE_MODULE_NAME"] || 'mgefin-bff';
+  }
   /**
    * Com base em um campo realiza um "select distinct" respeitando os
    * filtros atuais do dataUnit e um critério de filtro para a própria

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

@@ -10,6 +10,7 @@ export class SnkConfigurator {
     this.configName = undefined;
     this.resourceID = undefined;
     this.viewMode = VIEW_MODE.GRID;
+    this.customContainerId = undefined;
     this.messagesBuilder = undefined;
   }
   /**
@@ -79,8 +80,21 @@ export class SnkConfigurator {
       this._permissions = {};
     }
   }
+  componentDidRender() {
+    if (!this.customContainerId)
+      return;
+    const container = document.querySelector(`#${this.customContainerId}`);
+    const customElements = container === null || container === void 0 ? void 0 : container.querySelector('#SnkConfigContainerSlot');
+    if (!customElements)
+      return;
+    const configuratorCustomElement = customElements.firstChild;
+    if (!configuratorCustomElement)
+      return;
+    const insideCustomElementsContainer = this._element.querySelector("#slotContainer");
+    insideCustomElementsContainer === null || insideCustomElementsContainer === void 0 ? void 0 : insideCustomElementsContainer.appendChild(configuratorCustomElement);
+  }
   render() {
-    return (h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), h("div", { class: "snk-configurator__outline" }, h("slot", { name: "SnkConfigContainerSlot" }))), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), h("ez-button", { label: "Salvar", onClick: () => this.save.emit(), class: "ez-button--primary" }))))));
+    return (h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), h("ez-button", { label: "Salvar", onClick: () => this.save.emit(), class: "ez-button--primary" }))))));
   }
   static get is() { return "snk-configurator"; }
   static get encapsulation() { return "scoped"; }
@@ -171,6 +185,23 @@ export class SnkConfigurator {
         "reflect": false,
         "defaultValue": "VIEW_MODE.GRID"
       },
+      "customContainerId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "ID do container que cont\u00E9m os elementos customizados do configurator."
+        },
+        "attribute": "custom-container-id",
+        "reflect": false
+      },
       "messagesBuilder": {
         "type": "unknown",
         "mutable": true,
@@ -308,4 +339,5 @@ export class SnkConfigurator {
       }
     };
   }
+  static get elementRef() { return "_element"; }
 }

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

@@ -171,7 +171,7 @@ export class SnkCrud {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "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, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, 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, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, 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 }, h("div", { slot: "SnkConfigContainerSlot" }, h("slot", { name: "SnkConfigContainerSlot" })))), h("div", { id: `${this.customContainerId}` }, 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", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "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, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, 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, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, 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 })), 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"; }

package/dist/collection/components/snk-custom-slot-elements/snk-custom-slot-elements.css

@@ -0,0 +1,3 @@
+.custom-slot-elements-container{
+  display: none;
+}

package/dist/collection/components/{snk-taskbar/snk-taskbar-custom-elements.js → snk-custom-slot-elements/snk-custom-slot-elements.js}

@@ -1,26 +1,26 @@
 import { h, Host } from '@stencil/core';
-export class SnkTaskbarCustomElements {
+export class SnkCustomSlotElements {
   constructor() {
-    this.slot = 'TASKBAR_CUSTOM_ELEMENTS';
+    this.slotName = 'CUSTOM_SLOT_ELEMENTS';
   }
   render() {
-    return (h(Host, { slot: this.slot }, h("div", { id: this.slot, class: "taskbar-custom-elements-container" }, h("slot", null))));
+    return (h(Host, { slot: this.slotName }, h("div", { id: this.slotName, class: "custom-slot-elements-container" }, h("slot", null))));
   }
-  static get is() { return "snk-taskbar-custom-elements"; }
+  static get is() { return "snk-custom-slot-elements"; }
   static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() {
     return {
-      "$": ["snk-taskbar.css"]
+      "$": ["snk-custom-slot-elements.css"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["snk-taskbar.css"]
+      "$": ["snk-custom-slot-elements.css"]
     };
   }
   static get properties() {
     return {
-      "slot": {
+      "slotName": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -32,11 +32,11 @@ export class SnkTaskbarCustomElements {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Nome do slot da Taskbar onde os elementos customizados dever\u00E3o aparecer."
+          "text": "Nome do slot onde os elementos customizados dever\u00E3o aparecer."
         },
-        "attribute": "slot",
+        "attribute": "slot-name",
         "reflect": false,
-        "defaultValue": "'TASKBAR_CUSTOM_ELEMENTS'"
+        "defaultValue": "'CUSTOM_SLOT_ELEMENTS'"
       }
     };
   }

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

@@ -1,7 +1,3 @@
 :host {
   display: flex;
 }
-
-.taskbar-custom-elements-container{
-  display: none;
-}

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -15,7 +15,6 @@ import { GraphQLRecaller } from './recaller/GraphQLRecaller';
 import { PrintUtils } from '../../utils/PrintUtils';
 export class DataFetcher {
   constructor() {
-    this.GRAPHQL_PATH = `/${window.MGE_MODULE_NAME || 'mgefin-bff'}/graphql`;
     this.ready = true;
     this.watingRequestsById = new Map();
   }
@@ -35,6 +34,7 @@ export class DataFetcher {
       }
     }
     this.instance.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.instance.graphqlPath = `/${this.instance.application.getModuleName()}/graphql`;
     return this.instance;
   }
   static addRequestListener(listener) {
@@ -376,7 +376,7 @@ export class DataFetcher {
     let res = undefined;
     let dataResponse = [];
     let errorsResponse = [];
-    let url = `${this.resolveURL() + this.GRAPHQL_PATH}`;
+    let url = `${this.resolveURL() + this.graphqlPath}`;
     const responseExtensions = [];
     if (window['mgeSession']) {
       url += `?mgeSession=${window['mgeSession']}`;

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

@@ -10,11 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
-import { ObjectUtils } from "@sankhyalabs/core";
+import { ApplicationContext, ObjectUtils } from "@sankhyalabs/core";
 import { DataFetcher } from '../../DataFetcher';
 export default function fetchDataExporter(_a) {
   var { methodName } = _a, requestBody = __rest(_a, ["methodName"]);
-  const serviceName = `mgefin-bff@DataExporterSPBean.${methodName}`;
+  const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  const serviceName = `${application.getModuleName()}@DataExporterSPBean.${methodName}`;
   const payload = { serviceName, requestBody };
   return new Promise((resolve, reject) => {
     DataFetcher.get()

package/dist/collection/lib/http/data-fetcher/fetchers/fetchDataExporter/personalized-reports-fetcher.js

@@ -1,7 +1,8 @@
-import { ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
 import { DataFetcher } from '../../DataFetcher';
 export default function getPersonalizedReports(requestBody) {
-  const serviceName = "mgefin-bff@DataExporterSPBean.getPersonalizedReports";
+  const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  const serviceName = `${application.getModuleName()}@DataExporterSPBean.getPersonalizedReports`;
   const payload = { serviceName, requestBody };
   return new Promise((resolve, reject) => (DataFetcher.get()
     .callServiceBroker(serviceName, ObjectUtils.objectToString(payload))

package/dist/components/DataFetcher.js

@@ -6522,7 +6522,6 @@ var __asyncValues = (undefined && undefined.__asyncValues) || function (o) {
 };
 class DataFetcher {
   constructor() {
-    this.GRAPHQL_PATH = `/${window.MGE_MODULE_NAME || 'mgefin-bff'}/graphql`;
     this.ready = true;
     this.watingRequestsById = new Map();
   }
@@ -6542,6 +6541,7 @@ class DataFetcher {
       }
     }
     this.instance.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.instance.graphqlPath = `/${this.instance.application.getModuleName()}/graphql`;
     return this.instance;
   }
   static addRequestListener(listener) {
@@ -6871,7 +6871,7 @@ class DataFetcher {
     let res = undefined;
     let dataResponse = [];
     let errorsResponse = [];
-    let url = `${this.resolveURL() + this.GRAPHQL_PATH}`;
+    let url = `${this.resolveURL() + this.graphqlPath}`;
     const responseExtensions = [];
     if (window['mgeSession']) {
       url += `?mgeSession=${window['mgeSession']}`;

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export { SnkActionsForm as SnkClientConfirm } from '../types/components/snk-acti
 export { SnkConfigOptions as SnkConfigOptions } from '../types/components/snk-form/subcomponents/snk-config-options/snk-config-options';
 export { SnkConfigurator as SnkConfigurator } from '../types/components/snk-configurator/snk-configurator';
 export { SnkCrud as SnkCrud } from '../types/components/snk-crud/snk-crud';
+export { SnkCustomSlotElements as SnkCustomSlotElements } from '../types/components/snk-custom-slot-elements/snk-custom-slot-elements';
 export { SnkDataExporter as SnkDataExporter } from '../types/components/snk-data-exporter/snk-data-exporter';
 export { SnkDataUnit as SnkDataUnit } from '../types/components/snk-data-unit/snk-data-unit';
 export { SnkDetailView as SnkDetailView } from '../types/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view';
@@ -47,7 +48,6 @@ export { SnkSimpleBar as SnkSimpleBar } from '../types/components/snk-simple-bar
 export { SnkSimpleCrud as SnkSimpleCrud } from '../types/components/snk-simple-crud/snk-simple-crud';
 export { SnkTabConfig as SnkTabConfig } from '../types/components/snk-form/subcomponents/snk-tab-config/snk-tab-config';
 export { SnkTaskbar as SnkTaskbar } from '../types/components/snk-taskbar/snk-taskbar';
-export { SnkTaskbarCustomElements as SnkTaskbarCustomElements } from '../types/components/snk-taskbar/snk-taskbar-custom-elements';
 export { TestePesquisa as TestePesquisa } from '../types/components/teste-pesquisa/teste-pesquisa';
 
 /**

package/dist/components/index.js

@@ -7,6 +7,7 @@ export { SnkClientConfirm, defineCustomElement as defineCustomElementSnkClientCo
 export { SnkConfigOptions, defineCustomElement as defineCustomElementSnkConfigOptions } from './snk-config-options.js';
 export { SnkConfigurator, defineCustomElement as defineCustomElementSnkConfigurator } from './snk-configurator.js';
 export { SnkCrud, defineCustomElement as defineCustomElementSnkCrud } from './snk-crud.js';
+export { SnkCustomSlotElements, defineCustomElement as defineCustomElementSnkCustomSlotElements } from './snk-custom-slot-elements.js';
 export { SnkDataExporter, defineCustomElement as defineCustomElementSnkDataExporter } from './snk-data-exporter.js';
 export { SnkDataUnit, defineCustomElement as defineCustomElementSnkDataUnit } from './snk-data-unit.js';
 export { SnkDetailView, defineCustomElement as defineCustomElementSnkDetailView } from './snk-detail-view.js';
@@ -47,5 +48,4 @@ export { SnkSimpleBar, defineCustomElement as defineCustomElementSnkSimpleBar }
 export { SnkSimpleCrud, defineCustomElement as defineCustomElementSnkSimpleCrud } from './snk-simple-crud.js';
 export { SnkTabConfig, defineCustomElement as defineCustomElementSnkTabConfig } from './snk-tab-config.js';
 export { SnkTaskbar, defineCustomElement as defineCustomElementSnkTaskbar } from './snk-taskbar.js';
-export { SnkTaskbarCustomElements, defineCustomElement as defineCustomElementSnkTaskbarCustomElements } from './snk-taskbar-custom-elements.js';
 export { TestePesquisa, defineCustomElement as defineCustomElementTestePesquisa } from './teste-pesquisa.js';

package/dist/components/snk-application2.js

@@ -814,16 +814,23 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     });
   }
   /**
-    Retorna o path relativo da aplicação.
+   * Retorna o path relativo da aplicação.
    */
-  getApplicationPath() {
+  async getApplicationPath() {
     return new Promise((resolve) => {
       if (window['applicationenv'] !== "dev") {
-        resolve(`/${window["MGE_MODULE_NAME"]}/labsApps/${window["APPLICATION_NAME"]}/build`);
+        resolve(`/${this.getModuleName()}/labsApps/${window["APPLICATION_NAME"]}/build`);
+        return;
       }
       resolve('');
     });
   }
+  /**
+   * Retorna o contexto Sankhya-om da aplicação.
+   */
+  getModuleName() {
+    return window["MGE_MODULE_NAME"] || 'mgefin-bff';
+  }
   /**
    * Com base em um campo realiza um "select distinct" respeitando os
    * filtros atuais do dataUnit e um critério de filtro para a própria

package/dist/components/snk-configurator2.js

@@ -19,6 +19,7 @@ const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.configName = undefined;
     this.resourceID = undefined;
     this.viewMode = VIEW_MODE.GRID;
+    this.customContainerId = undefined;
     this.messagesBuilder = undefined;
   }
   /**
@@ -88,15 +89,30 @@ const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       this._permissions = {};
     }
   }
+  componentDidRender() {
+    if (!this.customContainerId)
+      return;
+    const container = document.querySelector(`#${this.customContainerId}`);
+    const customElements = container === null || container === void 0 ? void 0 : container.querySelector('#SnkConfigContainerSlot');
+    if (!customElements)
+      return;
+    const configuratorCustomElement = customElements.firstChild;
+    if (!configuratorCustomElement)
+      return;
+    const insideCustomElementsContainer = this._element.querySelector("#slotContainer");
+    insideCustomElementsContainer === null || insideCustomElementsContainer === void 0 ? void 0 : insideCustomElementsContainer.appendChild(configuratorCustomElement);
+  }
   render() {
-    return (h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), h("div", { class: "snk-configurator__outline" }, h("slot", { name: "SnkConfigContainerSlot" }))), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), h("ez-button", { label: "Salvar", onClick: () => this.save.emit(), class: "ez-button--primary" }))))));
+    return (h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), h("ez-button", { label: "Salvar", onClick: () => this.save.emit(), class: "ez-button--primary" }))))));
   }
+  get _element() { return this; }
   static get style() { return snkConfiguratorCss; }
-}, [6, "snk-configurator", {
+}, [2, "snk-configurator", {
     "showActionButtons": [4, "show-action-buttons"],
     "configName": [1, "config-name"],
     "resourceID": [1, "resource-i-d"],
     "viewMode": [2, "view-mode"],
+    "customContainerId": [1, "custom-container-id"],
     "messagesBuilder": [1040],
     "_opened": [32],
     "_permissions": [32],

package/dist/components/snk-crud.js

@@ -209,7 +209,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "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, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, 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, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, 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 }, h("div", { slot: "SnkConfigContainerSlot" }, h("slot", { name: "SnkConfigContainerSlot" })))), h("div", { id: `${this.customContainerId}` }, 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", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "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, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, 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, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, 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 })), 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 {

package/dist/components/snk-custom-slot-elements.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkCustomSlotElements extends Components.SnkCustomSlotElements, HTMLElement {}
+export const SnkCustomSlotElements: {
+  prototype: SnkCustomSlotElements;
+  new (): SnkCustomSlotElements;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;