@sankhyalabs/sankhyablocks 5.4.3 → 5.5.0

package/dist/components/snk-crud.js

@@ -1,28 +1,31 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
+import { ElementIDUtils, ApplicationContext, VersionUtils } from '@sankhyalabs/core';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
 import './DataFetcher.js';
 import './pesquisa-fetcher.js';
 import { P as PresentationMode } from './index2.js';
 import { V as VIEW_MODE } from './constants.js';
-import { d as defineCustomElement$m } from './snk-config-options2.js';
-import { d as defineCustomElement$l } from './snk-configurator2.js';
-import { d as defineCustomElement$k } from './snk-data-exporter2.js';
-import { d as defineCustomElement$j } from './snk-data-unit2.js';
-import { d as defineCustomElement$5, a as defineCustomElement$i } from './snk-detail-view2.js';
-import { d as defineCustomElement$h } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$g } from './snk-field-config2.js';
-import { d as defineCustomElement$f } from './snk-filter-bar2.js';
-import { d as defineCustomElement$e } from './snk-filter-detail2.js';
-import { d as defineCustomElement$d } from './snk-filter-item2.js';
-import { d as defineCustomElement$c } from './snk-filter-list2.js';
-import { d as defineCustomElement$b } from './snk-filter-modal2.js';
-import { d as defineCustomElement$a } from './snk-form-config2.js';
-import { d as defineCustomElement$9 } from './snk-form-summary2.js';
-import { d as defineCustomElement$8 } from './snk-form-view2.js';
-import { d as defineCustomElement$7 } from './snk-grid2.js';
-import { d as defineCustomElement$6 } from './snk-grid-config2.js';
-import { d as defineCustomElement$4 } from './snk-select-box2.js';
+import { d as defineCustomElement$p } from './snk-attach2.js';
+import { d as defineCustomElement$o } from './snk-config-options2.js';
+import { d as defineCustomElement$n } from './snk-configurator2.js';
+import { d as defineCustomElement$m } from './snk-data-exporter2.js';
+import { d as defineCustomElement$l } from './snk-data-unit2.js';
+import { d as defineCustomElement$7, a as defineCustomElement$k } from './snk-detail-view2.js';
+import { d as defineCustomElement$j } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$i } from './snk-field-config2.js';
+import { d as defineCustomElement$h } from './snk-filter-bar2.js';
+import { d as defineCustomElement$g } from './snk-filter-detail2.js';
+import { d as defineCustomElement$f } from './snk-filter-item2.js';
+import { d as defineCustomElement$e } from './snk-filter-list2.js';
+import { d as defineCustomElement$d } from './snk-filter-modal2.js';
+import { d as defineCustomElement$c } from './snk-form-config2.js';
+import { d as defineCustomElement$b } from './snk-form-summary2.js';
+import { d as defineCustomElement$a } from './snk-form-view2.js';
+import { d as defineCustomElement$9 } from './snk-grid2.js';
+import { d as defineCustomElement$8 } from './snk-grid-config2.js';
+import { d as defineCustomElement$6 } from './snk-select-box2.js';
+import { d as defineCustomElement$5 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$4 } from './snk-simple-crud2.js';
 import { d as defineCustomElement$3 } from './snk-tab-config2.js';
 
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%}";
@@ -34,6 +37,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.actionClick = createEvent(this, "actionClick", 7);
     this._dataUnit = undefined;
     this._dataState = undefined;
+    this.attachmentRegisterKey = undefined;
     this._currentViewMode = VIEW_MODE.GRID;
     this.configName = undefined;
     this.actionsList = undefined;
@@ -55,15 +59,17 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setViewMode(VIEW_MODE.FORM);
   }
   async executeAction(act) {
-    if (act === TaskbarElement.GRID_MODE) {
-      this.setViewMode(VIEW_MODE.GRID);
-    }
-    else if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE) {
-      this.gridToForm(act !== TaskbarElement.UPDATE);
-    }
-    else if (act === TaskbarElement.CONFIGURATOR) {
-      this._snkConfigurator.open();
-    }
+    if (act === TaskbarElement.GRID_MODE)
+      return this.setViewMode(VIEW_MODE.GRID);
+    if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE)
+      return this.gridToForm(act !== TaskbarElement.UPDATE);
+    if (act === TaskbarElement.CONFIGURATOR)
+      return this._snkConfigurator.open();
+    if (act === "ATTACH")
+      return this.setViewMode(VIEW_MODE.ATTACHMENT);
+  }
+  handleAttachBack() {
+    this.setViewMode(VIEW_MODE.GRID);
   }
   setViewMode(viewMode) {
     this._viewStack.show(viewMode);
@@ -126,8 +132,15 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.messagesBuilder = this._snkDataUnit.messagesBuilder;
     }
   }
+  async canRenderAttachment() {
+    var _a, _b, _c, _d, _e;
+    const isValidVersion = VersionUtils.isRequiredVersion((_a = window.envContext) === null || _a === void 0 ? void 0 : _a.sysVersion, '4.22');
+    const recordCriteria = await ((_c = (_b = this._snkDataUnit) === null || _b === void 0 ? void 0 : _b.getSelectedRecordsIDsInfo) === null || _c === void 0 ? void 0 : _c.call(_b));
+    this.attachmentRegisterKey = (_d = recordCriteria.find(criteria => !!criteria.value)) === null || _d === void 0 ? void 0 : _d.value;
+    return isValidVersion && ((_e = this._dataState) === null || _e === void 0 ? void 0 : _e.selectedRecord) !== undefined;
+  }
   render() {
-    return (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 }, 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" }, h("slot", { name: "SnkFormTaskBar" }))), 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) })));
+    return (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 }, 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" }, h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, this.canRenderAttachment() && (h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.handleAttachBack.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) })));
   }
   get _element() { return this; }
   static get style() { return snkCrudCss; }
@@ -142,6 +155,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "messagesBuilder": [1040],
     "_dataUnit": [32],
     "_dataState": [32],
+    "attachmentRegisterKey": [32],
     "_currentViewMode": [32],
     "goToView": [64]
   }]);
@@ -149,104 +163,119 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-select-box", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-crud", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkCrud$1);
       }
       break;
+    case "snk-attach":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
     case "snk-config-options":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$o();
       }
       break;
     case "snk-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$n();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$m();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$l();
       }
       break;
     case "snk-detail-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$k();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$j();
       }
       break;
     case "snk-field-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$i();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$h();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$g();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$f();
       }
       break;
     case "snk-filter-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$e();
       }
       break;
     case "snk-filter-modal":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$d();
       }
       break;
     case "snk-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$c();
       }
       break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$b();
       }
       break;
     case "snk-form-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$a();
       }
       break;
     case "snk-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$9();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$8();
       }
       break;
     case "snk-guides-viewer":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$7();
       }
       break;
     case "snk-select-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "snk-simple-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "snk-simple-crud":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }

package/dist/components/snk-data-unit2.js

@@ -65,6 +65,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.dataUnit = undefined;
     this.beforeSave = undefined;
     this.afterSave = undefined;
+    this.useCancelConfirm = true;
   }
   observePageSize() {
     if (this.dataUnit) {
@@ -213,6 +214,8 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
           }
           break;
         case Action.EDITION_CANCELED:
+          if (!this.useCancelConfirm)
+            return resolve(action);
           if (this.dataState.hasDirtyRecords) {
             const cancelConfirmation = this.getMessage("snkDataUnit.cancelConfirmation");
             if ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fromParent) {
@@ -424,6 +427,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "dataUnit": [1040],
     "beforeSave": [16],
     "afterSave": [16],
+    "useCancelConfirm": [4, "use-cancel-confirm"],
     "getDataUnit": [64],
     "getSelectedRecordsIDsInfo": [64]
   }]);

package/dist/components/snk-grid2.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
+import { VersionUtils, ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { T as TaskbarElement, s as store, d as defineCustomElement$1 } from './snk-taskbar2.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { P as PresentationMode } from './index2.js';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
-import { s as store, d as defineCustomElement$1 } from './snk-taskbar2.js';
 import { d as defineCustomElement$a } from './snk-data-exporter2.js';
 import { d as defineCustomElement$9 } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$8 } from './snk-filter-bar2.js';
@@ -31,7 +31,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
       "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH", "DATA_EXPORTER"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", this.getAttachAvailable(), "REFRESH", "DATA_EXPORTER"],
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH"],
       "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
     });
@@ -72,6 +72,13 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   async setConfig(config) {
     this.setGridConfig(config);
   }
+  getAttachAvailable() {
+    var _a;
+    const isValidVersion = VersionUtils.isRequiredVersion((_a = window.envContext) === null || _a === void 0 ? void 0 : _a.sysVersion, '4.22');
+    if (isValidVersion)
+      return TaskbarElement.ATTACH;
+    return "";
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -241,7 +248,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const disabledButtons = [];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this._dataState.selectionInfo.length > 1) {
-        disabledButtons.push("CLONE");
+        disabledButtons.push(TaskbarElement.CLONE, "ATTACH");
       }
       if (this._dataState.selectionInfo.isAllRecords()) {
         disabledButtons.push("REMOVE");

package/dist/components/snk-simple-bar.js

@@ -1,44 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ElementIDUtils } from '@sankhyalabs/core';
-
-const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
-
-const SnkSimpleBar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.clickBreadcrumbItem = createEvent(this, "clickBreadcrumbItem", 3);
-    this.exit = createEvent(this, "exit", 3);
-    this.label = undefined;
-    this.breadcrumbItens = undefined;
-  }
-  componentDidLoad() {
-    if (!this._element)
-      return;
-    ElementIDUtils.addIDInfo(this._element);
-  }
-  render() {
-    return (h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
-  }
-  get _element() { return this; }
-  static get style() { return snkSimpleBarCss; }
-}, [6, "snk-simple-bar", {
-    "label": [1],
-    "breadcrumbItens": [16]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["snk-simple-bar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "snk-simple-bar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SnkSimpleBar$1);
-      }
-      break;
-  } });
-}
+import { S as SnkSimpleBar$1, d as defineCustomElement$1 } from './snk-simple-bar2.js';
 
 const SnkSimpleBar = SnkSimpleBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/snk-simple-bar2.js

@@ -0,0 +1,59 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
+
+const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
+
+const SnkSimpleBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.clickBreadcrumbItem = createEvent(this, "clickBreadcrumbItem", 3);
+    this.exit = createEvent(this, "exit", 3);
+    this.label = undefined;
+    this.breadcrumbItens = undefined;
+    this.messagesBuilder = undefined;
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-simple-bar.msg.ts"
+  */
+  getMessage(key, params) {
+    var _a;
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
+      return this._application.messagesBuilder.getMessage(key, params);
+  }
+  componentDidLoad() {
+    if (!this._element)
+      return;
+    ElementIDUtils.addIDInfo(this._element);
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    return (h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
+  }
+  get _element() { return this; }
+  static get style() { return snkSimpleBarCss; }
+}, [6, "snk-simple-bar", {
+    "label": [1],
+    "breadcrumbItens": [16],
+    "messagesBuilder": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-simple-bar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-simple-bar":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkSimpleBar);
+      }
+      break;
+  } });
+}
+
+export { SnkSimpleBar as S, defineCustomElement as d };