@sankhyalabs/sankhyablocks 8.14.11 → 8.15.0-dev.10

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

@@ -5,42 +5,43 @@ import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collecti
 import './DataFetcher.js';
 import './dataunit-fetcher.js';
 import { P as PresentationMode } from './index2.js';
-import { d as defineCustomElement$t } from './snk-actions-button2.js';
+import { d as defineCustomElement$u } from './snk-actions-button2.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
-import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
+import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
 import { V as VIEW_MODE } from './constants.js';
-import { T as TaskbarProcessor, b as buildFieldSearch } from './field-search.js';
+import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './field-search.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { d as defineCustomElement$s } from './snk-attach2.js';
-import { d as defineCustomElement$r } from './snk-config-options2.js';
-import { d as defineCustomElement$q } from './snk-configurator2.js';
-import { d as defineCustomElement$p } from './snk-data-exporter2.js';
-import { d as defineCustomElement$o } from './snk-data-unit2.js';
+import { d as defineCustomElement$t } from './snk-attach2.js';
+import { d as defineCustomElement$s } from './snk-config-options2.js';
+import { d as defineCustomElement$r } from './snk-configurator2.js';
+import { d as defineCustomElement$q } from './snk-data-exporter2.js';
+import { d as defineCustomElement$p } from './snk-data-unit2.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
-import { d as defineCustomElement$n } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$m } from './snk-expression-group2.js';
-import { d as defineCustomElement$l } from './snk-expression-item2.js';
-import { d as defineCustomElement$j } from './snk-filter-advanced-mode2.js';
-import { d as defineCustomElement$i } from './snk-filter-assistent-mode2.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-field-search2.js';
-import { d as defineCustomElement$e } from './snk-filter-item2.js';
-import { d as defineCustomElement$d } from './snk-filter-param-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$7 } from './snk-personalized-filter2.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$k } from './snk-field-config2.js';
-import { d as defineCustomElement$c } from './snk-form-config2.js';
-import { d as defineCustomElement$3 } from './snk-tab-config2.js';
+import { d as defineCustomElement$o } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$n } from './snk-expression-group2.js';
+import { d as defineCustomElement$m } from './snk-expression-item2.js';
+import { d as defineCustomElement$k } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$j } from './snk-filter-assistent-mode2.js';
+import { d as defineCustomElement$i } from './snk-filter-bar2.js';
+import { d as defineCustomElement$h } from './snk-filter-detail2.js';
+import { d as defineCustomElement$g } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$f } from './snk-filter-item2.js';
+import { d as defineCustomElement$e } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$c } from './snk-form-summary2.js';
+import { d as defineCustomElement$b } from './snk-form-view2.js';
+import { d as defineCustomElement$a } from './snk-grid2.js';
+import { d as defineCustomElement$9 } from './snk-grid-config2.js';
+import { d as defineCustomElement$8 } from './snk-personalized-filter2.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$2 } from './taskbar-actions-button2.js';
+import { d as defineCustomElement$l } from './snk-field-config2.js';
+import { d as defineCustomElement$d } from './snk-form-config2.js';
+import { d as defineCustomElement$4 } from './snk-tab-config2.js';
 
 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}";
 
@@ -101,18 +102,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   * Abre o localizador de campos
   */
   async findField() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-      return;
-    }
-    if (this._fieldSearch) {
-      const realElement = this._fieldSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
+    await openFieldSearch(this._moreOptions, this._fieldSearch);
   }
   exitViewer() {
     if (this.dataUnit.isDirty()) {
@@ -400,8 +390,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
       this._hasToCreateFieldSearch = false;
       this._moreOptions = actionButton;
-      actionButton.addEventListener("ezPopoverOpen", () => this.findField());
-      actionButton.addEventListener("ezDisconnectedActionButtons", () => this._hasToCreateFieldSearch = true);
+      actionButton.addEventListener("taskbarActionsButtonDisconnected", () => this._hasToCreateFieldSearch = true);
       this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option, actionButton));
     }
     return this._fieldSearch;
@@ -425,6 +414,8 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     const hardList = [{
         value: "",
         label: this.getMessage("snkCrud.findColumn"),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
         itemBuilder: (actionButton, item) => this.getFieldsSearch(actionButton, item)
       }];
     if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
@@ -541,7 +532,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-guides-viewer", "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-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-guides-viewer", "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-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-guides-viewer":
       if (!customElements.get(tagName)) {
@@ -550,32 +541,32 @@ function defineCustomElement$1() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$t();
+        defineCustomElement$u();
       }
       break;
     case "snk-attach":
       if (!customElements.get(tagName)) {
-        defineCustomElement$s();
+        defineCustomElement$t();
       }
       break;
     case "snk-config-options":
       if (!customElements.get(tagName)) {
-        defineCustomElement$r();
+        defineCustomElement$s();
       }
       break;
     case "snk-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$q();
+        defineCustomElement$r();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$p();
+        defineCustomElement$q();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$p();
       }
       break;
     case "snk-detail-view":
@@ -585,110 +576,115 @@ function defineCustomElement$1() {
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$o();
       }
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$n();
       }
       break;
     case "snk-expression-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$m();
       }
       break;
     case "snk-field-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$l();
       }
       break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "snk-filter-param-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "snk-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "snk-form-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "snk-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "snk-select-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "snk-simple-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "snk-simple-crud":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-tab-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "taskbar-actions-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
@@ -982,7 +978,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-detail-view", "snk-actions-button", "snk-attach", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "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-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-taskbar"];
+  const components = ["snk-detail-view", "snk-actions-button", "snk-attach", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "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-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-taskbar", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-detail-view":
       if (!customElements.get(tagName)) {
@@ -991,115 +987,120 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$t();
+        defineCustomElement$u();
       }
       break;
     case "snk-attach":
       if (!customElements.get(tagName)) {
-        defineCustomElement$s();
+        defineCustomElement$t();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$p();
+        defineCustomElement$q();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$p();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$o();
       }
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$n();
       }
       break;
     case "snk-expression-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$m();
       }
       break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "snk-filter-param-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "snk-form-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "snk-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "snk-select-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "snk-simple-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "snk-simple-crud":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "taskbar-actions-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

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

@@ -324,7 +324,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
    * Faz o recarregamento da filterbar buscando o state no servidor.
    */
   async reload() {
-    this.loadConfigFromStorage();
+    this.loadConfigFromStorage(true);
   }
   /**
    * Retorna um item de filtro pelo ID.
@@ -531,7 +531,10 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   loadPermitions() {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
-  loadConfigFromStorage() {
+  async loadConfigFromStorage(clearCache) {
+    if (clearCache) {
+      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+    }
     return new Promise(accept => {
       ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
         .then((filters) => {

package/dist/components/snk-filter-item2.js

@@ -290,9 +290,14 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     return this.hasActiveValue(this.config);
   }
+  onEzClick() {
+    console.log("onEzClick");
+  }
   render() {
     const leftIcon = this.getLeftIconName();
-    return (h(Host, null, h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
+    return (h(Host, null, h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), h("ez-split-button", { label: "Split Button", class: "ez-button--primary", mode: "label-icon", iconName: "acao", size: "small", onEzClick: this.onEzClick,
+      //onclick={this.onEzClick}
+      items: items }), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
   }
   get _filterItemElement() { return this; }
   static get watchers() { return {
@@ -305,6 +310,47 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "showUp": [64],
     "hideDetail": [64]
   }, [[2, "click", "clickListener"], [2, "mousedown", "mouseDownListener"], [0, "filterChange", "filterChangeListener"]]]);
+const items = [
+  {
+    id: "1",
+    label: "Emitir NFe",
+    type: "item"
+  },
+  {
+    id: "2",
+    label: "Cancelar NFe",
+    type: "item"
+  },
+  {
+    id: "3",
+    label: "Exportar NFe",
+    type: "item",
+    children: [
+      {
+        id: "4",
+        label: "Danfe PDF",
+        type: "item",
+        children: [
+          {
+            id: "6",
+            label: "Modo retrato",
+            type: "item"
+          },
+          {
+            id: "7",
+            label: "Modo paisagem",
+            type: "item"
+          }
+        ]
+      },
+      {
+        id: "5",
+        label: "XML",
+        type: "item"
+      }
+    ]
+  }
+];
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;