@sankhyalabs/sankhyablocks 2.11.1 → 2.12.0

package/dist/cjs/snk-data-exporter_8.cjs.entry.js

@@ -2,67 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2cd6f753.js');
+const index$1 = require('./index-2cd6f753.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const index = require('./index-0e663819.js');
 const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
+const constants = require('./constants-0069b951.js');
 const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 const ezModalContainer = require('@sankhyalabs/ezui/dist/collection/components/ez-modal-container');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
-const constants = require('./constants-a47a5190.js');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-89bf9399.js');
-const index$1 = require('./index-9c584423.js');
+const taskbarElements = require('./taskbar-elements-fec33533.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./index-696b5c3b.js');
 
-var DataExporterOption;
-(function (DataExporterOption) {
-  DataExporterOption["EXPORT_TO_PDF"] = "exportToPDF";
-  DataExporterOption["EXPORT_TO_XLS"] = "exportToXLS";
-  DataExporterOption["EXPORT_CURRENT_PAGE"] = "exportCurrentPage";
-  DataExporterOption["EXPORT_PAGE_TO_PDF"] = "exportPageToPDF";
-  DataExporterOption["EXPORT_PAGE_TO_XLS"] = "exportPageToXLS";
-  DataExporterOption["EXPORT_BY_EMAIL"] = "exportToEmail";
-  DataExporterOption["EXPORT_PDF_TO_EMAIL"] = "exportPDFToEmail";
-  DataExporterOption["EXPORT_XLS_TO_EMAIL"] = "exportXLSToEmail";
-})(DataExporterOption || (DataExporterOption = {}));
-
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
-function fetchDataExporter(_a) {
-  var { methodName } = _a, requestBody = __rest(_a, ["methodName"]);
-  const serviceName = `DataExporterSPBean.${methodName}`;
-  const payload = { serviceName, requestBody };
-  return new Promise((resolve, reject) => {
-    ConfigStorage.DataFetcher.get()
-      .callServiceBroker(serviceName, core.ObjectUtils.objectToString(payload))
-      .then(result => resolve(getFormatResponse(result)))
-      .catch(error => reject(error));
-  });
-}
-function getFormatResponse(result) {
-  var _a;
-  const response = (_a = result === null || result === void 0 ? void 0 : result.json) === null || _a === void 0 ? void 0 : _a.$;
-  if (response == undefined) {
-    return;
-  }
-  return core.ObjectUtils.stringToObject(response);
-}
-
-function fileViewer({ fileSessionKey }) {
-  window.open(`${window.location.protocol}//${window.location.hostname}:${window.location.port}/mge/visualizadorArquivos.mge?chaveArquivo=${fileSessionKey}&download=S`);
-}
-
 class ItemBuilder {
   constructor(getMessage, selectedNumber) {
     this._selectedNumber = 0;
@@ -76,10 +29,10 @@ class ItemBuilder {
    */
   setExportOption(option, items) {
     const groupName = this.getExportGroupName();
-    if (option === DataExporterOption.EXPORT_TO_PDF) {
+    if (option === index.DataExporterOption.EXPORT_TO_PDF) {
       items.push(this.getExportToPDF(groupName));
     }
-    if (option === DataExporterOption.EXPORT_TO_XLS) {
+    if (option === index.DataExporterOption.EXPORT_TO_XLS) {
       items.push(this.getExportToXLS(groupName));
     }
     this.setExportCurrentPage(option, items);
@@ -92,23 +45,23 @@ class ItemBuilder {
    */
   setExportCurrentPage(option, items) {
     var _a;
-    const pageOptions = [DataExporterOption.EXPORT_PAGE_TO_PDF, DataExporterOption.EXPORT_PAGE_TO_XLS];
-    if (option === DataExporterOption.EXPORT_CURRENT_PAGE) {
+    const pageOptions = [index.DataExporterOption.EXPORT_PAGE_TO_PDF, index.DataExporterOption.EXPORT_PAGE_TO_XLS];
+    if (option === index.DataExporterOption.EXPORT_CURRENT_PAGE) {
       items.push(this.getCurrentPage());
     }
     if (pageOptions.includes(option)) {
-      let item = items.find((item) => item.id === DataExporterOption.EXPORT_CURRENT_PAGE);
+      let item = items.find((item) => item.id === index.DataExporterOption.EXPORT_CURRENT_PAGE);
       if (item == undefined) {
         items.push(this.getCurrentPage());
-        item = items.find((item) => item.id === DataExporterOption.EXPORT_CURRENT_PAGE);
+        item = items.find((item) => item.id === index.DataExporterOption.EXPORT_CURRENT_PAGE);
       }
       if (!((_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.length)) {
         item.children = [];
       }
-      if (option === DataExporterOption.EXPORT_PAGE_TO_PDF) {
+      if (option === index.DataExporterOption.EXPORT_PAGE_TO_PDF) {
         item.children.push(this.getExportPageToPDF());
       }
-      if (option === DataExporterOption.EXPORT_PAGE_TO_XLS) {
+      if (option === index.DataExporterOption.EXPORT_PAGE_TO_XLS) {
         item.children.push(this.getExportPageToXLS());
       }
     }
@@ -119,7 +72,7 @@ class ItemBuilder {
    * @param items - Array que será alimentado com as opções permitidas.
    */
   setExportByEmail(option, items) {
-    if (option === DataExporterOption.EXPORT_BY_EMAIL) {
+    if (option === index.DataExporterOption.EXPORT_BY_EMAIL) {
       items.push(this.getExportByEmail());
     }
   }
@@ -130,7 +83,7 @@ class ItemBuilder {
    */
   getExportToPDF(groupName) {
     return {
-      id: DataExporterOption.EXPORT_TO_PDF,
+      id: index.DataExporterOption.EXPORT_TO_PDF,
       label: "PDF (.pdf)",
       group: groupName
     };
@@ -142,7 +95,7 @@ class ItemBuilder {
    */
   getExportToXLS(groupName) {
     return {
-      id: DataExporterOption.EXPORT_TO_XLS,
+      id: index.DataExporterOption.EXPORT_TO_XLS,
       label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`,
       group: groupName
     };
@@ -153,7 +106,7 @@ class ItemBuilder {
    */
   getCurrentPage() {
     return {
-      id: DataExporterOption.EXPORT_CURRENT_PAGE,
+      id: index.DataExporterOption.EXPORT_CURRENT_PAGE,
       label: this._getMessage("snkDataExporter.label.currentPage"),
       group: this._getMessage("snkDataExporter.group.custom")
     };
@@ -164,7 +117,7 @@ class ItemBuilder {
    */
   getExportPageToPDF() {
     return {
-      id: DataExporterOption.EXPORT_PAGE_TO_PDF,
+      id: index.DataExporterOption.EXPORT_PAGE_TO_PDF,
       label: "PDF (.pdf)"
     };
   }
@@ -174,7 +127,7 @@ class ItemBuilder {
    */
   getExportPageToXLS() {
     return {
-      id: DataExporterOption.EXPORT_PAGE_TO_XLS,
+      id: index.DataExporterOption.EXPORT_PAGE_TO_XLS,
       label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`
     };
   }
@@ -184,7 +137,7 @@ class ItemBuilder {
    */
   getExportByEmail() {
     return {
-      id: DataExporterOption.EXPORT_BY_EMAIL,
+      id: index.DataExporterOption.EXPORT_BY_EMAIL,
       label: `${this._getMessage("snkDataExporter.label.sendByEmail")}...`
     };
   }
@@ -203,19 +156,77 @@ class ItemBuilder {
   }
 }
 
-const snkDataExporterCss = ".sc-snk-data-exporter-h{--snk-data-exporter--z-index:var(--most-visible, 3);display:flex;width:fit-content;height:fit-content}.snk-data-exporter.sc-snk-data-exporter{display:flex;width:fit-content;height:fit-content}.snk-data-exporter--overlap.sc-snk-data-exporter{z-index:var(--snk-data-exporter--z-index)}";
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+function fetchDataExporter(_a) {
+  var { methodName } = _a, requestBody = __rest(_a, ["methodName"]);
+  const serviceName = `DataExporterSPBean.${methodName}`;
+  const payload = { serviceName, requestBody };
+  return new Promise((resolve, reject) => {
+    ConfigStorage.DataFetcher.get()
+      .callServiceBroker(serviceName, core.ObjectUtils.objectToString(payload))
+      .then(result => resolve(getFormatResponse(result)))
+      .catch(error => reject(error));
+  });
+}
+function getFormatResponse(result) {
+  var _a;
+  const response = (_a = result === null || result === void 0 ? void 0 : result.json) === null || _a === void 0 ? void 0 : _a.$;
+  if (response == undefined) {
+    return;
+  }
+  return core.ObjectUtils.stringToObject(response);
+}
+
+function fileViewer({ fileSessionKey, canPrint, canExport, useAppPrint, isDownload }) {
+  if (useAppPrint && !isDownload) {
+    webConnection(fileSessionKey, canPrint, canExport);
+  }
+  else {
+    window.open(`${window.location.protocol}//${window.location.hostname}:${window.location.port}/mge/visualizadorArquivos.mge?chaveArquivo=${fileSessionKey}${isDownload ? "&download=S" : ""}`);
+  }
+}
+function webConnection(fileSessionKey, canPrint, canExport) {
+  const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  if (application == undefined) {
+    return;
+  }
+  const keyPort = constants.KEY_PORT_EXPORT;
+  const methodName = constants.WEB_CONNECTION.methods.PDF_VIEWER;
+  const params = {
+    chaveArquivo: fileSessionKey,
+    permiteImprimir: canPrint ? "S" : "N",
+    permiteExportar: canExport ? "S" : "N",
+    contentType: "S"
+  };
+  application.webConnection(keyPort, methodName, params);
+}
+
+const snkDataExporterCss = ".sc-snk-data-exporter-h{--snk-data-exporter--z-index:var(--most-visible, 3);display:flex;width:fit-content;height:fit-content}.snk-data-exporter.sc-snk-data-exporter{display:flex;width:fit-content;height:fit-content}.snk-data-exporter--overlap.sc-snk-data-exporter{z-index:var(--snk-data-exporter--z-index)}.snk-data-exporter__dropdown--hide.sc-snk-data-exporter{display:none}";
 
 const SnkDataExporter = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this._items = [];
     this._selectedNumber = 0;
     this._showDropdown = false;
     this._releasedToExport = [
-      DataExporterOption.EXPORT_TO_PDF,
-      DataExporterOption.EXPORT_BY_EMAIL,
-      DataExporterOption.EXPORT_PDF_TO_EMAIL,
-      DataExporterOption.EXPORT_XLS_TO_EMAIL
+      index.DataExporterOption.EXPORT_TO_PDF,
+      index.DataExporterOption.EXPORT_TO_XLS,
+      index.DataExporterOption.EXPORT_BY_EMAIL,
+      index.DataExporterOption.EXPORT_PDF_TO_EMAIL,
+      index.DataExporterOption.EXPORT_XLS_TO_EMAIL,
+      index.DataExporterOption.EXPORT_PAGE_TO_PDF,
+      index.DataExporterOption.EXPORT_PAGE_TO_XLS
     ];
     /**
      * Provedor das informações para exportação dos dados.
@@ -235,19 +246,14 @@ const SnkDataExporter = class {
     };
     this._snkEmailSender.open(config)
       .then(({ format, email: { to, subject, message } }) => {
-      const methodName = this.getFormatExporter(format);
+      var _a;
+      const methodName = (_a = index.DataExporterFormat[format === null || format === void 0 ? void 0 : format.toUpperCase()]) !== null && _a !== void 0 ? _a : index.DataExporterFormat.PDF;
       this.resolveExporter({ methodName, to, subject, message, fileName: this._appLabel, titleGrid: this._appLabel }, () => {
         this._snkEmailSender.close();
         utils.ApplicationUtils.info(this.getMessage("snkDataExporter.message.emailSuccess"), { iconName: "check" });
       });
     });
   }
-  getFormatExporter(format) {
-    if (format === "xlsx") {
-      return DataExporterOption.EXPORT_XLS_TO_EMAIL;
-    }
-    return DataExporterOption.EXPORT_PDF_TO_EMAIL;
-  }
   /**
    * 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:
@@ -285,30 +291,66 @@ const SnkDataExporter = class {
     this._showDropdown = !this._showDropdown;
   }
   resolveExporter(resolveProps, callbackResolver) {
-    if (this.provider == undefined) {
+    if (this.provider == undefined || resolveProps == undefined || callbackResolver == undefined) {
       return;
     }
     const filters = this.provider.getFilters();
     const columns = this.provider.getColumnsMetadata();
     const sort = this.provider.getOrders();
     const resourceURI = this.provider.getResourceURI();
-    fetchDataExporter(Object.assign({ filters,
+    const option = resolveProps.exportOption;
+    const currentPageOptions = [
+      index.DataExporterOption.EXPORT_PAGE_TO_PDF,
+      index.DataExporterOption.EXPORT_PAGE_TO_XLS
+    ];
+    delete resolveProps.exportOption;
+    let params = Object.assign({ filters,
       columns,
       sort,
-      resourceURI }, resolveProps))
+      resourceURI }, resolveProps);
+    if (currentPageOptions.includes(option)) {
+      const offset = this.provider.getOffset();
+      const limit = this.provider.getLimit();
+      params = Object.assign(Object.assign({}, params), { offset,
+        limit });
+    }
+    fetchDataExporter(params)
       .then((result) => callbackResolver(result))
       .catch(() => utils.ApplicationUtils.error(this.getMessage("snkDataExporter.title.error"), this.getMessage("snkDataExporter.message.exportError")));
   }
+  getOptionKey(option) {
+    return Object.keys(index.DataExporterOption)
+      .find((key) => {
+      return index.DataExporterOption[key] === option;
+    });
+  }
+  dispatchExporter(option) {
+    var _a;
+    const optionKey = this.getOptionKey(option);
+    const fileType = (_a = index.DataExporterType[optionKey]) !== null && _a !== void 0 ? _a : index.DataExporterType.EXPORT_TO_PDF;
+    const isDownload = index.DataExporterType[optionKey] === index.DataExporterType.EXPORT_TO_XLS;
+    const params = {
+      methodName: index.DataExporterOption[`EXPORT_TO_${fileType}`],
+      fileName: this._appLabel,
+      titleGrid: this._appLabel,
+      exportOption: option
+    };
+    this.resolveExporter(params, (response) => {
+      fileViewer(Object.assign(Object.assign({}, response), { fileType,
+        isDownload }));
+      utils.ApplicationUtils.info(this.getMessage("snkDataExporter.message.exportSuccess"), { iconName: "check" });
+    });
+  }
   async processExporter(evt) {
     const item = evt === null || evt === void 0 ? void 0 : evt.detail;
     if (!this._releasedToExport.includes(item === null || item === void 0 ? void 0 : item.id)) {
       return;
     }
-    if (item.id === DataExporterOption.EXPORT_BY_EMAIL) {
+    if (item.id === index.DataExporterOption.EXPORT_BY_EMAIL) {
       this.exportByEmail();
     }
     else {
-      this.resolveExporter({ methodName: item.id, fileName: this._appLabel, titleGrid: this._appLabel }, (response) => (fileViewer(Object.assign(Object.assign({}, response), { fileType: "PDF" }))));
+      this.dispatchExporter(item.id);
     }
     this._showDropdown = false;
   }
@@ -316,7 +358,8 @@ const SnkDataExporter = class {
     const items = [];
     this._releasedToExport
       .forEach((option) => {
-      this._itemBuilder.setExportOption(option, items);
+      var _a;
+      (_a = this._itemBuilder) === null || _a === void 0 ? void 0 : _a.setExportOption(option, items);
     });
     return items;
   }
@@ -327,8 +370,9 @@ const SnkDataExporter = class {
     this._items = this.getItems();
   }
   componentWillLoad() {
+    var _a;
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._application.getAppLabel().then(result => this._appLabel = result);
+    (_a = this._application) === null || _a === void 0 ? void 0 : _a.getAppLabel().then(result => this._appLabel = result);
     this.loadDropdown();
     this.setEvents();
   }
@@ -337,6 +381,7 @@ const SnkDataExporter = class {
       return;
     }
     core.ElementIDUtils.addIDInfo(this._element);
+    this.positionDropdown();
   }
   componentWillUpdate() {
     if (this._showDropdown) {
@@ -349,13 +394,12 @@ const SnkDataExporter = class {
     }
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: `snk-data-exporter
+    return (index$1.h(index$1.Host, null, index$1.h("div", { class: `snk-data-exporter
           ${this._showDropdown ? " snk-data-exporter--overlap" : ""}
-        ` }, index.h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", size: "small", mode: "icon", onClick: () => this.controlDropdown() }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("button")}` })), this._showDropdown &&
-      index.h("ez-dropdown", Object.assign({ ref: (ref) => this._ezDropdown = ref, items: this._items, onEzClick: (evt) => this.processExporter(evt) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("dropdown")}` }))), this._showDropdown &&
-      index.h("div", Object.assign({ class: "ez-scrim ez-scrim--light" }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("ezScrim")}` })), index.h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) })));
+        ` }, index$1.h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", size: "small", mode: "icon", onClick: () => this.controlDropdown() }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("button")}` })), index$1.h("ez-dropdown", Object.assign({ class: this._showDropdown ? "" : "snk-data-exporter__dropdown--hide", ref: (ref) => this._ezDropdown = ref, items: this._items, onEzClick: (evt) => this.processExporter(evt) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("dropdown")}` }))), this._showDropdown &&
+      index$1.h("div", Object.assign({ class: "ez-scrim ez-scrim--light" }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("ezScrim")}` })), index$1.h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) })));
   }
-  get _element() { return index.getElement(this); }
+  get _element() { return index$1.getElement(this); }
 };
 SnkDataExporter.style = snkDataExporterCss;
 
@@ -465,7 +509,7 @@ const ADD_FILTER = "ADD_FILTER";
 const APPLIED_FILTERS = "APPLIED_FILTERS";
 const SnkFilterBar = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this._updateSequence = [];
     this._loadingPending = false;
     this._configUpdated = false;
@@ -585,9 +629,9 @@ const SnkFilterBar = class {
     const unpinnedItems = [];
     this.filterConfig
       .filter(item => item.visible)
-      .forEach((item, index$1) => {
+      .forEach((item, index) => {
       const itemId = `filter-${item.id}`;
-      const filterItem = (index.h("snk-filter-item", { onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFocusin: () => this.itemFocused(itemId), id: itemId, config: item, class: index$1 > 0 ? "ez-padding-left--medium" : "", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
+      const filterItem = (index$1.h("snk-filter-item", { onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFocusin: () => this.itemFocused(itemId), id: itemId, config: item, class: index > 0 ? "ez-padding-left--medium" : "", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
       if (item.fixed || item.hardFixed) {
         pinnedItems.push(filterItem);
       }
@@ -599,7 +643,7 @@ const SnkFilterBar = class {
     const elements = [];
     elements.push(...pinnedItems);
     if (pinnedItems.length > 0 && unpinnedItems.length > 0) {
-      elements.push(index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-filter-bar__divider" }));
+      elements.push(index$1.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-filter-bar__divider" }));
     }
     elements.push(...unpinnedItems);
     return elements;
@@ -826,9 +870,9 @@ const SnkFilterBar = class {
     if (!this.dataUnit || !this.filterConfig || this.filterConfig.length === 0) {
       return undefined;
     }
-    return (index.h(index.Host, null, index.h("ez-scroller", { direction: "horizontal", activeShadow: true, locked: this.scrollerLocked }, this.getFilterItems()), index.h("snk-filter-list", { id: APPLIED_FILTERS, onFocusin: () => this.itemFocused(APPLIED_FILTERS), items: this.getAppliedListItems(), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyAppliedFiltersList"), findFilterText: this.getMessage("snkFilterBar.findFilter"), iconName: "filter", class: "ez-padding-left--medium", buttonClass: this.getActiveClass(), onSnkItemSelected: evt => this.appliedFilterHandler(evt.detail), "data-element-id": "apppliedFilters" }), index.h("snk-filter-list", { id: ADD_FILTER, onFocusin: () => this.itemFocused(ADD_FILTER), items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyFiltersList"), findFilterText: this.getMessage("snkFilterBar.findField"), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail), "data-element-id": "addFilters" }, index.h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
+    return (index$1.h(index$1.Host, null, index$1.h("ez-scroller", { direction: "horizontal", activeShadow: true, locked: this.scrollerLocked }, this.getFilterItems()), index$1.h("snk-filter-list", { id: APPLIED_FILTERS, onFocusin: () => this.itemFocused(APPLIED_FILTERS), items: this.getAppliedListItems(), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyAppliedFiltersList"), findFilterText: this.getMessage("snkFilterBar.findFilter"), iconName: "filter", class: "ez-padding-left--medium", buttonClass: this.getActiveClass(), onSnkItemSelected: evt => this.appliedFilterHandler(evt.detail), "data-element-id": "apppliedFilters" }), index$1.h("snk-filter-list", { id: ADD_FILTER, onFocusin: () => this.itemFocused(ADD_FILTER), items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyFiltersList"), findFilterText: this.getMessage("snkFilterBar.findField"), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail), "data-element-id": "addFilters" }, index$1.h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
   }
-  get _element() { return index.getElement(this); }
+  get _element() { return index$1.getElement(this); }
   static get watchers() { return {
     "filterConfig": ["observeFilterConfig"]
   }; }
@@ -837,9 +881,9 @@ SnkFilterBar.style = snkFilterBarCss;
 
 const SnkFilterItem = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.visibleChanged = index.createEvent(this, "visibleChanged", 7);
-    this.filterChange = index.createEvent(this, "filterChange", 7);
+    index$1.registerInstance(this, hostRef);
+    this.visibleChanged = index$1.createEvent(this, "visibleChanged", 7);
+    this.filterChange = index$1.createEvent(this, "filterChange", 7);
     this.innerClickCheck = (_floatingContainer, node) => {
       if (node.id != core.FloatingManager.MODAL_ELEMENT_ID) {
         return true;
@@ -1033,9 +1077,9 @@ const SnkFilterItem = class {
   }
   render() {
     const leftIcon = this.getLeftIconName();
-    return (index.h(index.Host, null, index.h("ez-chip", { ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.config.value != undefined, id: this.config.id }, leftIcon ? index.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, index.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
+    return (index$1.h(index$1.Host, null, index$1.h("ez-chip", { ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.config.value != undefined, id: this.config.id }, leftIcon ? index$1.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, index$1.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), index$1.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index$1.h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
   }
-  get _filterItemElement() { return index.getElement(this); }
+  get _filterItemElement() { return index$1.getElement(this); }
   static get watchers() { return {
     "detailIsVisible": ["observeDetailIsVisible"]
   }; }
@@ -1045,8 +1089,8 @@ const SHOW_MORE_ITEM_NAME = "__SHOWMORE__";
 const MAX_FILTERS = 5;
 const SnkFilterList = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.snkItemSelected = index.createEvent(this, "snkItemSelected", 7);
+    index$1.registerInstance(this, hostRef);
+    this.snkItemSelected = index$1.createEvent(this, "snkItemSelected", 7);
     this._preselection = -1;
     this.innerClickCheck = (_floatingContainer, node) => {
       if (node.id != core.FloatingManager.MODAL_ELEMENT_ID) {
@@ -1110,7 +1154,7 @@ const SnkFilterList = class {
   }
   buildItemElement(item) {
     const itemId = ++this._selectableItemsCount;
-    return (index.h("button", { ref: elem => elem && this.buildIdElement(elem, item.label), id: `filter-item${itemId}`, onFocusin: () => this._preselection = itemId, class: `ez-col ez-col--sd-12 ez-align--middle ez-padding--small sc-snk-filter-bar snk-filter-bar__filter-list-item`, onClick: () => this.itemSelected(item.name), name: item.label, key: itemId }, item.iconName ? index.h("ez-icon", { iconName: item.iconName, size: "small", class: `ez-padding-right--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__icon ${item.iconClass || ""}` }) : undefined, index.h("div", { class: `ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__label ${item.labelClass || ""}` }, item.label)));
+    return (index$1.h("button", { ref: elem => elem && this.buildIdElement(elem, item.label), id: `filter-item${itemId}`, onFocusin: () => this._preselection = itemId, class: `ez-col ez-col--sd-12 ez-align--middle ez-padding--small sc-snk-filter-bar snk-filter-bar__filter-list-item`, onClick: () => this.itemSelected(item.name), name: item.label, key: itemId }, item.iconName ? index$1.h("ez-icon", { iconName: item.iconName, size: "small", class: `ez-padding-right--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__icon ${item.iconClass || ""}` }) : undefined, index$1.h("div", { class: `ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__label ${item.labelClass || ""}` }, item.label)));
   }
   itemSelected(itemName) {
     if (itemName === SHOW_MORE_ITEM_NAME) {
@@ -1124,7 +1168,7 @@ const SnkFilterList = class {
   getFilterItems() {
     const items = this.items ? core.ArrayUtils.applyStringFilter(this._filterArgument, this.items.filter(item => item.kind === "FILTER")) : [];
     if (items.length === 0) {
-      return index.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-items-container--empty" }, this.emptyText);
+      return index$1.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-items-container--empty" }, this.emptyText);
     }
     const hideItems = !this._filterArgument && !this._showAll && (items.length > MAX_FILTERS + 1);
     if (hideItems) {
@@ -1132,7 +1176,7 @@ const SnkFilterList = class {
       items.push({ kind: "INTERNAL", label: "Mostrar mais", iconName: "dots-horizontal", name: SHOW_MORE_ITEM_NAME, iconClass: "snk-filter-bar__filter-list-item__icon--secondary", labelClass: "snk-filter-bar__filter-list-item__label--secondary" });
     }
     this._selectableItemsCount = 0;
-    return index.h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-list-items-container" }, items.map(item => this.buildItemElement(item)));
+    return index$1.h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-list-items-container" }, items.map(item => this.buildItemElement(item)));
   }
   getFooterItems() {
     return this.items.filter(item => item.kind === "FOOTER");
@@ -1171,16 +1215,16 @@ const SnkFilterList = class {
     }
   }
   render() {
-    return (index.h(index.Host, { class: "ez-flex ez-flex--column" }, index.h("ez-button", { class: this.buttonClass, label: this.label, onClick: () => this.buttonClick(), mode: this.iconName ? "icon" : undefined, iconName: this.iconName, size: "small" }, index.h("slot", { name: "leftIcon" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("div", { class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem }, index.h("ez-filter-input", { ref: ref => this._filterInput = ref, "data-element-id": "serachFilters", mode: "slim", label: this.findFilterText, value: this._filterArgument, onEzChange: (evt) => this._filterArgument = evt.detail, onFocus: () => this._preselection = 0 }), this.getFilterItems(), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), this.items ? this.getFooterItems().map(item => this.buildItemElement(item)) : undefined))));
+    return (index$1.h(index$1.Host, { class: "ez-flex ez-flex--column" }, index$1.h("ez-button", { class: this.buttonClass, label: this.label, onClick: () => this.buttonClick(), mode: this.iconName ? "icon" : undefined, iconName: this.iconName, size: "small" }, index$1.h("slot", { name: "leftIcon" })), index$1.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index$1.h("div", { class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem }, index$1.h("ez-filter-input", { ref: ref => this._filterInput = ref, "data-element-id": "serachFilters", mode: "slim", label: this.findFilterText, value: this._filterArgument, onEzChange: (evt) => this._filterArgument = evt.detail, onFocus: () => this._preselection = 0 }), this.getFilterItems(), index$1.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), this.items ? this.getFooterItems().map(item => this.buildItemElement(item)) : undefined))));
   }
-  get _element() { return index.getElement(this); }
+  get _element() { return index$1.getElement(this); }
 };
 
 const snkFilterModalCss = ".snk-filter__modal-container{width:359px;max-width:359px}";
 
 const SnkFilterModal = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
   }
   updateValue(id, value = undefined) {
     this.items = this.items.map(item => {
@@ -1202,7 +1246,7 @@ const SnkFilterModal = class {
   }
   buildItems(list) {
     return list.map(item => {
-      return (index.h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, index.h("ez-check", { id: `checkbox_${item.id}`, tabIndex: "-1", class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: utils.CheckMode.SWITCH }), index.h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
+      return (index$1.h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, index$1.h("ez-check", { id: `checkbox_${item.id}`, tabIndex: "-1", class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: utils.CheckMode.SWITCH }), index$1.h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
     });
   }
   itemKeyBoardSelect(event, item) {
@@ -1224,10 +1268,10 @@ const SnkFilterModal = class {
   render() {
     const allowCancel = this.items.filter(item => item.active).length > 0;
     const items = (this.items ? core.ArrayUtils.applyStringFilter(this._filterArgument, this.items) : []);
-    return (index.h("ez-modal-container", { class: "snk-filter__modal-container", modalTitle: this.modalTitle, modalSubTitle: this.modalSubTitle, cancelButtonLabel: this.cancelButtonLabel, okButtonLabel: this.okButtonLabel, onEzModalAction: evt => this.modalActionListener(evt), cancelButtonStatus: allowCancel ? ezModalContainer.ModalButtonStatus.ENABLED : ezModalContainer.ModalButtonStatus.DISABLED }, index.h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-content" }, index.h("div", null, this.useSearch ?
-      index.h("ez-filter-input", { ref: ref => this._filterInput = ref, label: this.getMessage("snkFilterBar.modalFindFilter"), onEzChange: (evt) => this._filterArgument = evt.detail })
+    return (index$1.h("ez-modal-container", { class: "snk-filter__modal-container", modalTitle: this.modalTitle, modalSubTitle: this.modalSubTitle, cancelButtonLabel: this.cancelButtonLabel, okButtonLabel: this.okButtonLabel, onEzModalAction: evt => this.modalActionListener(evt), cancelButtonStatus: allowCancel ? ezModalContainer.ModalButtonStatus.ENABLED : ezModalContainer.ModalButtonStatus.DISABLED }, index$1.h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-content" }, index$1.h("div", null, this.useSearch ?
+      index$1.h("ez-filter-input", { ref: ref => this._filterInput = ref, label: this.getMessage("snkFilterBar.modalFindFilter"), onEzChange: (evt) => this._filterArgument = evt.detail })
       :
-        undefined), items.length > 0 ? index.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding-bottom--small" }, this.getActiveFiltersMsg()) : undefined, index.h("div", null, this.buildItems(items)), index.h("div", { class: "ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large" }, this.infoText))));
+        undefined), items.length > 0 ? index$1.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding-bottom--small" }, this.getActiveFiltersMsg()) : undefined, index$1.h("div", null, this.buildItems(items)), index$1.h("div", { class: "ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large" }, this.infoText))));
   }
 };
 SnkFilterModal.style = snkFilterModalCss;
@@ -1236,9 +1280,9 @@ const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--paddi
 
 const EzGridConfig = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.configChange = index.createEvent(this, "configChange", 7);
-    this.configCancel = index.createEvent(this, "configCancel", 7);
+    index$1.registerInstance(this, hostRef);
+    this.configChange = index$1.createEvent(this, "configChange", 7);
+    this.configCancel = index$1.createEvent(this, "configCancel", 7);
     this._orderListItems = [];
     this._orderPriorityList = [];
     this._columListItems = [];
@@ -1338,7 +1382,7 @@ const EzGridConfig = class {
   }
   buildColumnListSlot(item, group) {
     const dataElementId = `configItem_${core.StringUtils.replaceAccentuatedChars(core.StringUtils.toCamelCase(item.label))}`;
-    return (index.h("div", null, index.h("ez-check", { mode: 'switch', id: 'switch' + ((item === null || item === void 0 ? void 0 : item.label) || '') + ((group === null || group === void 0 ? void 0 : group.group) || ''), value: group.group === this.getMessage("snkGridConfig.group.visible"), "data-element-id": dataElementId, onEzChange: (evt) => { this.switchColumnGroup(evt, item); } })));
+    return (index$1.h("div", null, index$1.h("ez-check", { mode: 'switch', id: 'switch' + ((item === null || item === void 0 ? void 0 : item.label) || '') + ((group === null || group === void 0 ? void 0 : group.group) || ''), value: group.group === this.getMessage("snkGridConfig.group.visible"), "data-element-id": dataElementId, onEzChange: (evt) => { this.switchColumnGroup(evt, item); } })));
   }
   buildOrderListSlot(item) {
     const dataElementId = `${this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${core.StringUtils.toCamelCase(item.label)}`;
@@ -1346,7 +1390,7 @@ const EzGridConfig = class {
     if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
       selectedOption = item.ascending == true ? constants.ORDER_VALUES.asc.value : constants.ORDER_VALUES.desc.value;
     }
-    return (index.h("div", null, index.h("snk-select-box", { selectedOption: selectedOption, key: 'snk-select-box-' + this._componenteInternalKey + '-' + item, "data-element-id": dataElementId, onEzChange: (evt) => { evt.stopPropagation(); this.updateOrder(evt.detail, item.label); } })));
+    return (index$1.h("div", null, index$1.h("snk-select-box", { selectedOption: selectedOption, key: 'snk-select-box-' + this._componenteInternalKey + '-' + item, "data-element-id": dataElementId, onEzChange: (evt) => { evt.stopPropagation(); this.updateOrder(evt.detail, item.label); } })));
   }
   updateOrder(sortOrder, updatedItemLabel) {
     var _a;
@@ -1697,10 +1741,10 @@ const EzGridConfig = class {
     core.ElementIDUtils.addIDInfo(this._element);
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "" }, index.h("label", { class: "title" }, this.getMessage("snkGridConfig.gridConfiguration")), index.h("label", { class: "subtitle" }, this.getMessage("snkGridConfig.columnVisibilityOrder"))), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), index.h("div", { class: "tabselector-container" }, index.h("ez-tabselector", { selectedIndex: this.selectedIndex, onEzChange: (evt) => { this.handleTabChange(evt.detail); }, tabs: this.getColumnNames() })), index.h("div", null, index.h("ez-text-input", { "data-element-id": "searchColums", ref: (el) => this._searchElement = el, label: this.getMessage("snkGridConfig.findColumn"), onKeyUp: (evt) => this.locateColumn(evt) }, index.h("ez-icon", { slot: "leftIcon", size: "medium", iconName: "search" })))), index.h("div", { class: "grid-config__main" }, index.h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedIndex === 0 ? "" : "hidden", dataSource: this._columListItems, onEzChange: (evt) => this.handleColumnListChange(evt), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true, "data-element-id": "configCols" }), index.h("div", { class: this.selectedIndex === 1 ? "group-name" : "hidden" }, this.getMessage("snkGridConfig.info.sortingSequence")), index.h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedIndex === 1 ? "height-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, onEzChange: (evt) => this.handleOrderListChange(evt), ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item), "data-element-id": "configDataOrder" })), index.h("div", { class: "grid-config__footer" }, index.h("ez-button", { class: "padding-right--medium", label: this.getMessage("snkGridConfig.cancel"), onClick: () => this.closeConfig() }), index.h("ez-button", { label: this.getMessage("snkGridConfig.complete"), class: "ez-button--primary", onClick: () => this.finish() }))));
+    return (index$1.h(index$1.Host, null, index$1.h("div", { class: "grid-config__header" }, index$1.h("div", { class: "title-container" }, index$1.h("div", { class: "" }, index$1.h("label", { class: "title" }, this.getMessage("snkGridConfig.gridConfiguration")), index$1.h("label", { class: "subtitle" }, this.getMessage("snkGridConfig.columnVisibilityOrder"))), index$1.h("div", { class: "button-close" }, index$1.h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), index$1.h("div", { class: "tabselector-container" }, index$1.h("ez-tabselector", { selectedIndex: this.selectedIndex, onEzChange: (evt) => { this.handleTabChange(evt.detail); }, tabs: this.getColumnNames() })), index$1.h("div", null, index$1.h("ez-text-input", { "data-element-id": "searchColums", ref: (el) => this._searchElement = el, label: this.getMessage("snkGridConfig.findColumn"), onKeyUp: (evt) => this.locateColumn(evt) }, index$1.h("ez-icon", { slot: "leftIcon", size: "medium", iconName: "search" })))), index$1.h("div", { class: "grid-config__main" }, index$1.h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedIndex === 0 ? "" : "hidden", dataSource: this._columListItems, onEzChange: (evt) => this.handleColumnListChange(evt), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true, "data-element-id": "configCols" }), index$1.h("div", { class: this.selectedIndex === 1 ? "group-name" : "hidden" }, this.getMessage("snkGridConfig.info.sortingSequence")), index$1.h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedIndex === 1 ? "height-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, onEzChange: (evt) => this.handleOrderListChange(evt), ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item), "data-element-id": "configDataOrder" })), index$1.h("div", { class: "grid-config__footer" }, index$1.h("ez-button", { class: "padding-right--medium", label: this.getMessage("snkGridConfig.cancel"), onClick: () => this.closeConfig() }), index$1.h("ez-button", { label: this.getMessage("snkGridConfig.complete"), class: "ez-button--primary", onClick: () => this.finish() }))));
   }
   static get assetsDirs() { return ["../assets"]; }
-  get _element() { return index.getElement(this); }
+  get _element() { return index$1.getElement(this); }
 };
 EzGridConfig.style = snkGridConfigCss;
 
@@ -1708,16 +1752,16 @@ const snkSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-i
 
 const SelectBox = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ezChange = index.createEvent(this, "ezChange", 7);
+    index$1.registerInstance(this, hostRef);
+    this.ezChange = index$1.createEvent(this, "ezChange", 7);
     /**
      * Determina a opção selecionada.
      */
     this.selectedOption = constants.ORDER_VALUES.none;
   }
   render() {
-    return (index.h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, Object.keys(constants.ORDER_VALUES).map((key) => {
-      return index.h("option", { value: constants.ORDER_VALUES[key].value }, constants.ORDER_VALUES[key].label);
+    return (index$1.h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, Object.keys(constants.ORDER_VALUES).map((key) => {
+      return index$1.h("option", { value: constants.ORDER_VALUES[key].value }, constants.ORDER_VALUES[key].label);
     })));
   }
   static get assetsDirs() { return ["../assets"]; }
@@ -1728,12 +1772,12 @@ const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
 
 const SnkTaskbar = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.actionClick = index.createEvent(this, "actionClick", 7);
+    index$1.registerInstance(this, hostRef);
+    this.actionClick = index$1.createEvent(this, "actionClick", 7);
     /**
      * Altera o modo de apresentação dos botões do snk-taskbar.
     */
-    this.presentationMode = index$1.PresentationMode.PRIMARY;
+    this.presentationMode = index.PresentationMode.PRIMARY;
     this._titleKeyByElement = {
       [taskbarElements.TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [taskbarElements.TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
@@ -1834,10 +1878,10 @@ const SnkTaskbar = class {
     return !(this.disabledButtons && this.disabledButtons.includes(elem));
   }
   validatePresentationMode() {
-    if (Object.values(index$1.PresentationMode).includes(this.presentationMode)) {
+    if (Object.values(index.PresentationMode).includes(this.presentationMode)) {
       return;
     }
-    this.presentationMode = index$1.PresentationMode.PRIMARY;
+    this.presentationMode = index.PresentationMode.PRIMARY;
   }
   getElement(index, def) {
     let className = def === this.primaryButton ? "ez-button--primary " : "";
@@ -1900,24 +1944,24 @@ const SnkTaskbar = class {
     if (this._definitions === undefined) {
       return undefined;
     }
-    let index$1 = 0;
-    return (index.h(index.Host, null, this.removeEmpty(this._definitions.map((elem) => {
+    let index = 0;
+    return (index$1.h(index$1.Host, null, this.removeEmpty(this._definitions.map((elem) => {
       if (elem === taskbarElements.TaskbarElement.DIVIDER) {
-        index$1 = 0;
+        index = 0;
       }
       else {
-        index$1++;
+        index++;
       }
       if (taskbarElements.TaskbarElement[elem]) {
-        return this.getElement(index$1, taskbarElements.TaskbarElement[elem]);
+        return this.getElement(index, taskbarElements.TaskbarElement[elem]);
       }
       if (this.customButtons.has(elem)) {
-        return this.getElement(index$1, this.customButtons.get(elem));
+        return this.getElement(index, this.customButtons.get(elem));
       }
-      return index.h("slot", { name: elem });
+      return index$1.h("slot", { name: elem });
     }))));
   }
-  get _element() { return index.getElement(this); }
+  get _element() { return index$1.getElement(this); }
   static get watchers() { return {
     "buttons": ["observeButtons"]
   }; }