@sankhyalabs/sankhyablocks 2.5.2 → 2.7.0

package/dist/components/SnkMessageBuilder.js

@@ -60,6 +60,7 @@ const snkTaskbarMessages = {
   titlePrevious: "Anterior",
   titleNext: "Próximo",
   titleRefresh: "Atualizar",
+  titleDataExporter: "Exportar",
   titleClone: "Duplicar",
   titleRemove: "Excluir",
   titleMoreOptions: "Mais Opções",
@@ -205,6 +206,23 @@ const snkGridConfigMessages = {
   }
 };
 
+const snkDataExporterMessages = {
+  group: {
+    export: {
+      default: "Exportar para",
+      multiSelected: "Exportar {0} linhas selecionadas",
+      selectedLine: "Exportar somente 1 linha selecionada",
+    },
+    custom: "Personalizado"
+  },
+  label: {
+    currentPage: "Somente a página atual",
+    spreadsheet: "Planilha",
+    cube: "Cubo",
+    sendByEmail: "Enviar por email",
+  }
+};
+
 class SnkMessageBuilder {
   constructor() {
     this._defaults = {
@@ -220,7 +238,8 @@ class SnkMessageBuilder {
       crudUtils: crudUtilsMessages,
       snkGrid: snkGridMessages,
       snkGridConfig: snkGridConfigMessages,
-      snkExporter: snkExporterMessages
+      snkExporter: snkExporterMessages,
+      snkDataExporter: snkDataExporterMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this.loadAppMessages().then((msgs) => {

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export { SnkApplication as SnkApplication } from '../types/components/snk-applic
 export { SnkConfigOptions as SnkConfigOptions } from '../types/components/snk-form/subcomponents/snk-config-options/snk-config-options';
 export { SnkConfigurator as SnkConfigurator } from '../types/components/snk-configurator/snk-configurator';
 export { SnkCrud as SnkCrud } from '../types/components/snk-crud/snk-crud';
+export { SnkDataExporter as SnkDataExporter } from '../types/components/snk-data-exporter/snk-data-exporter';
 export { SnkDataUnit as SnkDataUnit } from '../types/components/snk-data-unit/snk-data-unit';
 export { SnkExporterEmailSender as SnkExporterEmailSender } from '../types/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender';
 export { SnkFieldConfig as SnkFieldConfig } from '../types/components/snk-form/subcomponents/snk-field-config/snk-field-config';

package/dist/components/index.js

@@ -3,6 +3,7 @@ export { SnkApplication, defineCustomElement as defineCustomElementSnkApplicatio
 export { SnkConfigOptions, defineCustomElement as defineCustomElementSnkConfigOptions } from './snk-config-options.js';
 export { SnkConfigurator, defineCustomElement as defineCustomElementSnkConfigurator } from './snk-configurator.js';
 export { SnkCrud, defineCustomElement as defineCustomElementSnkCrud } from './snk-crud.js';
+export { SnkDataExporter, defineCustomElement as defineCustomElementSnkDataExporter } from './snk-data-exporter.js';
 export { SnkDataUnit, defineCustomElement as defineCustomElementSnkDataUnit } from './snk-data-unit.js';
 export { SnkExporterEmailSender, defineCustomElement as defineCustomElementSnkExporterEmailSender } from './snk-exporter-email-sender.js';
 export { SnkFieldConfig, defineCustomElement as defineCustomElementSnkFieldConfig } from './snk-field-config.js';

package/dist/components/snk-application2.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { WaitingChangeException, WarningException, ErrorException, ObjectUtils, DataType, DataUnit, StringUtils, ChangeOperation, DateUtils, DependencyType, ElementIDUtils, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher, R as ResourceFetcher, U as UrlUtils, F as FormConfigFetcher, G as GridConfigFetcher, C as ConfigStorage } from './ConfigStorage.js';
+import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { R as ResourceFetcher, F as FormConfigFetcher, G as GridConfigFetcher, C as ConfigStorage } from './ConfigStorage.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { d as defineCustomElement$1 } from './snk-pesquisa2.js';
 
@@ -238,6 +239,13 @@ class DataUnitFetcher {
                     expression
                   }
                 }
+                children{
+                  name
+                  links{
+                    source
+                    target
+                  }
+                }
               }
             }`);
     this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $limit: Int $offset:Int $filters: [InputFilter!] $sort: [InputSort!]) {
@@ -300,7 +308,8 @@ class DataUnitFetcher {
         const metadata = {
           name: resp.name,
           label: resp.name,
-          fields: [],
+          children: [...resp.children],
+          fields: []
         };
         (_a = resp.fields) === null || _a === void 0 ? void 0 : _a.forEach((source) => {
           let properties = undefined;

package/dist/components/snk-crud.js

@@ -2,8 +2,9 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { V as VIEW_MODE } from './constants.js';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
-import { d as defineCustomElement$h } from './snk-config-options2.js';
-import { d as defineCustomElement$g } from './snk-configurator2.js';
+import { d as defineCustomElement$i } from './snk-config-options2.js';
+import { d as defineCustomElement$h } from './snk-configurator2.js';
+import { d as defineCustomElement$g } from './snk-data-exporter2.js';
 import { d as defineCustomElement$f } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$e } from './snk-field-config2.js';
 import { d as defineCustomElement$d } from './snk-filter-bar2.js';
@@ -135,7 +136,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "snk-config-options", "snk-configurator", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form", "snk-form-config", "snk-grid", "snk-grid-config", "snk-select-box", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-crud", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form", "snk-form-config", "snk-grid", "snk-grid-config", "snk-select-box", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
@@ -144,10 +145,15 @@ function defineCustomElement$1() {
       break;
     case "snk-config-options":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "snk-configurator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$g();
       }

package/dist/components/snk-data-exporter.d.ts

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

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

@@ -0,0 +1,6 @@
+import { S as SnkDataExporter$1, d as defineCustomElement$1 } from './snk-data-exporter2.js';
+
+const SnkDataExporter = SnkDataExporter$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkDataExporter, defineCustomElement };

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

@@ -0,0 +1,330 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+import { D as DataFetcher } from './DataFetcher.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) => {
+    DataFetcher.get()
+      .callServiceBroker(serviceName, 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 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;
+    this._getMessage = getMessage;
+    this._selectedNumber = selectedNumber;
+  }
+  /**
+   * Método responsável por inserir os items no array de opções.
+   * @param option - Nome da opção que será inserida no array.
+   * @param items - Array que será alimentado com as opções permitidas.
+   */
+  setExportOption(option, items) {
+    const groupName = this.getExportGroupName();
+    if (option === DataExporterOption.EXPORT_TO_PDF) {
+      items.push(this.getExportToPDF(groupName));
+    }
+    if (option === DataExporterOption.EXPORT_TO_XLS) {
+      items.push(this.getExportToXLS(groupName));
+    }
+    this.setExportCurrentPage(option, items);
+    this.setExportByEmail(option, items);
+  }
+  /**
+   * Método responsável por inserir os itens de exportação personalizada.
+   * @param option - Nome da opção que será inserida no array.
+   * @param items - Array que será alimentado com as opções permitidas.
+   */
+  setExportCurrentPage(option, items) {
+    var _a;
+    const pageOptions = [DataExporterOption.EXPORT_PAGE_TO_PDF, DataExporterOption.EXPORT_PAGE_TO_XLS];
+    if (option === DataExporterOption.EXPORT_CURRENT_PAGE) {
+      items.push(this.getCurrentPage());
+    }
+    if (pageOptions.includes(option)) {
+      let item = items.find((item) => item.id === DataExporterOption.EXPORT_CURRENT_PAGE);
+      if (item == undefined) {
+        items.push(this.getCurrentPage());
+        item = items.find((item) => item.id === 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) {
+        item.children.push(this.getExportPageToPDF());
+      }
+      if (option === DataExporterOption.EXPORT_PAGE_TO_XLS) {
+        item.children.push(this.getExportPageToXLS());
+      }
+    }
+  }
+  /**
+   * Método responsável por inserir os itens de exportação por e-mail.
+   * @param option - Nome da opção que será inserida no array.
+   * @param items - Array que será alimentado com as opções permitidas.
+   */
+  setExportByEmail(option, items) {
+    if (option === DataExporterOption.EXPORT_BY_EMAIL) {
+      items.push(this.getExportByEmail());
+    }
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação em PDF.
+   * @param groupName - Nome do grupo da opção que será inserida na lista.
+   * @returns Retorna o objeto com os dados de exportação em PDF.
+   */
+  getExportToPDF(groupName) {
+    return {
+      id: DataExporterOption.EXPORT_TO_PDF,
+      label: "PDF (.pdf)",
+      group: groupName
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação em XLS.
+   * @param groupName - Nome do grupo da opção que será inserida na lista.
+   * @returns Retorna o objeto com os dados de exportação em XLS.
+   */
+  getExportToXLS(groupName) {
+    return {
+      id: DataExporterOption.EXPORT_TO_XLS,
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`,
+      group: groupName
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação personalizada.
+   * @returns Retorna o objeto com os dados de exportação personalizada.
+   */
+  getCurrentPage() {
+    return {
+      id: DataExporterOption.EXPORT_CURRENT_PAGE,
+      label: this._getMessage("snkDataExporter.label.currentPage"),
+      group: this._getMessage("snkDataExporter.group.custom")
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação personalizada em PDF.
+   * @returns Retorna o objeto com os dados de exportação personalizada em PDF.
+   */
+  getExportPageToPDF() {
+    return {
+      id: DataExporterOption.EXPORT_PAGE_TO_PDF,
+      label: "PDF (.pdf)"
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação personalizada em XLS.
+   * @returns Retorna o objeto com os dados de exportação personalizada em XLS.
+   */
+  getExportPageToXLS() {
+    return {
+      id: DataExporterOption.EXPORT_PAGE_TO_XLS,
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação por e-mail.
+   * @returns Retorna o objeto com os dados de exportação por e-mail.
+   */
+  getExportByEmail() {
+    return {
+      id: DataExporterOption.EXPORT_BY_EMAIL,
+      label: `${this._getMessage("snkDataExporter.label.sendByEmail")}...`
+    };
+  }
+  /**
+   * Método responsável por capturar o nome do grupo da opção que será inserida na lista.
+   * @returns Retorna o nome do grupo da opção que será inserida na lista.
+   */
+  getExportGroupName() {
+    if (this._selectedNumber === 1) {
+      return this._getMessage("snkDataExporter.group.export.selectedLine");
+    }
+    if (this._selectedNumber > 1) {
+      return this._getMessage("snkDataExporter.group.export.multiSelected").replace('{0}', this._selectedNumber.toString());
+    }
+    return this._getMessage("snkDataExporter.group.export.default");
+  }
+}
+
+const snkDataExporterCss = ".sc-snk-data-exporter-h{--snk-data-exporter--z-index:var(--more-visible, 2);display:flex;width:fit-content;height:fit-content}.snk-data-exporter.sc-snk-data-exporter{display:flex;width:fit-content;height:fit-content;z-index:var(--snk-data-exporter--z-index)}";
+
+const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ezClickDataExporter = createEvent(this, "ezClickDataExporter", 7);
+    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
+    ];
+    /**
+     * Provedor das informações para exportação dos dados.
+     */
+    this.provider = null;
+  }
+  /**
+   * 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-data-exporter.msg.ts"
+   */
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  positionDropdown() {
+    var _a;
+    const bounding = (_a = this._ezButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    if (bounding == undefined || this._ezDropdown == undefined) {
+      return;
+    }
+    this._ezDropdown.style.top = (bounding.y + bounding.height + 5) + "px";
+    this._ezDropdown.style.left = bounding.x + "px";
+  }
+  closeDropdown(evt) {
+    const target = evt === null || evt === void 0 ? void 0 : evt.target;
+    if (target == undefined) {
+      return;
+    }
+    if (!target.closest(".snk-data-exporter")) {
+      this._showDropdown = false;
+    }
+  }
+  setEvents() {
+    document.removeEventListener("click", this.closeDropdown.bind(this));
+    document.addEventListener("click", this.closeDropdown.bind(this));
+    document.removeEventListener("scroll", this.positionDropdown.bind(this));
+    document.addEventListener("scroll", this.positionDropdown.bind(this));
+  }
+  controlDropdown() {
+    this._showDropdown = !this._showDropdown;
+  }
+  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 (this.provider == undefined) {
+        return;
+      }
+      const filters = this.provider.getFilters();
+      const columns = this.provider.getColumnsMetadata();
+      const sort = this.provider.getOrders();
+      const resourceURI = this.provider.getResourceURI();
+      fetchDataExporter({ filters, columns, sort, resourceURI, methodName: item.id })
+        .then((response) => fileViewer(Object.assign(Object.assign({}, response), { fileType: "PDF" })))
+        .catch(err => console.log(err));
+    }
+    this.ezClickDataExporter.emit(item);
+    this._showDropdown = false;
+  }
+  getItems() {
+    const items = [];
+    this._releasedToExport
+      .forEach((option) => {
+      this._itemBuilder.setExportOption(option, items);
+    });
+    return items;
+  }
+  loadDropdown() {
+    var _a;
+    this._selectedNumber = ((_a = this.provider) === null || _a === void 0 ? void 0 : _a.getSelectedNumber()) || 0;
+    this._itemBuilder = new ItemBuilder(this.getMessage.bind(this), this._selectedNumber);
+    this._items = this.getItems();
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.loadDropdown();
+    this.setEvents();
+  }
+  componentDidLoad() {
+    if (this._element == undefined) {
+      return;
+    }
+    ElementIDUtils.addIDInfo(this._element);
+  }
+  componentWillUpdate() {
+    if (this._showDropdown) {
+      this.loadDropdown();
+    }
+  }
+  componentDidUpdate() {
+    if (this._showDropdown) {
+      this.positionDropdown();
+    }
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "snk-data-exporter" }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", size: "small", mode: "icon", onClick: () => this.controlDropdown() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("button")}` })), this._showDropdown &&
+      h("ez-dropdown", Object.assign({ ref: (ref) => this._ezDropdown = ref, items: this._items, onEzClick: (evt) => this.processExporter(evt) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("dropdown")}` }))), this._showDropdown &&
+      h("div", Object.assign({ class: "ez-scrim ez-scrim-light" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("ezScrim")}` }))));
+  }
+  get _element() { return this; }
+  static get style() { return snkDataExporterCss; }
+}, [2, "snk-data-exporter", {
+    "provider": [16],
+    "_showDropdown": [32],
+    "_releasedToExport": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-data-exporter"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkDataExporter);
+      }
+      break;
+  } });
+}
+
+export { DataExporterOption as D, SnkDataExporter as S, defineCustomElement as d };

package/dist/components/snk-form-config2.js

@@ -3,7 +3,7 @@ import { a as draggable_bundle, d as defineCustomElement$1 } from './snk-tab-con
 import { ObjectUtils, ElementIDUtils, ArrayUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as CONFIG_EVENTS, b as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants.js';
-import { a as UserConfigType, C as ConfigStorage } from './ConfigStorage.js';
+import { U as UserConfigType, C as ConfigStorage } from './ConfigStorage.js';
 import { d as defineCustomElement$3 } from './snk-config-options2.js';
 import { d as defineCustomElement$2 } from './snk-field-config2.js';
 

package/dist/components/snk-form2.js

@@ -2,7 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { DateUtils, ObjectUtils, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
-import { d as defineCustomElement$5 } from './snk-config-options2.js';
+import { d as defineCustomElement$6 } from './snk-config-options2.js';
+import { d as defineCustomElement$5 } from './snk-data-exporter2.js';
 import { d as defineCustomElement$4 } from './snk-field-config2.js';
 import { d as defineCustomElement$3 } from './snk-form-config2.js';
 import { d as defineCustomElement$2 } from './snk-tab-config2.js';
@@ -220,7 +221,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-form", "snk-config-options", "snk-field-config", "snk-form-config", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-form", "snk-config-options", "snk-data-exporter", "snk-field-config", "snk-form-config", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-form":
       if (!customElements.get(tagName)) {
@@ -228,6 +229,11 @@ function defineCustomElement() {
       }
       break;
     case "snk-config-options":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }