@sankhyalabs/sankhyablocks 5.6.0 → 5.8.0

package/dist/collection/components/snk-filter-bar/types/filter-type.enum.js

@@ -0,0 +1,7 @@
+export var FilterType;
+(function (FilterType) {
+  FilterType["QUICK_FILTER"] = "QUICK_FILTER";
+  FilterType["CUSTOM_FILTER"] = "CUSTOM_FILTER";
+  FilterType["OTHER_FILTERS"] = "OTHER_FILTERS";
+})(FilterType || (FilterType = {}));
+export default FilterType;

package/dist/collection/components/snk-filter-bar/utils/SnkFilterModalFactory.js

@@ -0,0 +1,36 @@
+import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
+class SnkFilterModalFactory {
+  constructor({ filterConfig, onComplete, getMessage }) {
+    this._filterConfig = filterConfig;
+    this._onComplete = onComplete;
+    this._getMessage = getMessage;
+  }
+  applyFilters(newFilterConfig) {
+    this._onComplete(newFilterConfig);
+    this._closeModal();
+  }
+  clearAll(filterConfigSnapshot) {
+    return filterConfigSnapshot.map(filterItem => (Object.assign(Object.assign({}, filterItem), { value: undefined })));
+  }
+  buildFilterModal() {
+    const filterModal = document.createElement("snk-filter-modal");
+    filterModal.filters = this._filterConfig;
+    filterModal.getMessage = this._getMessage.bind(this);
+    filterModal.applyFilters = this.applyFilters.bind(this);
+    filterModal.clearAll = this.clearAll.bind(this);
+    filterModal.closeModal = () => this._closeModal();
+    return filterModal;
+  }
+  async showModal() {
+    const filterModal = this.buildFilterModal();
+    const modalProps = {
+      content: filterModal,
+      position: 'left',
+      heightMode: 'full',
+      closeOutsideClick: false,
+      useScrimLight: true
+    };
+    this._closeModal = await ApplicationUtils.showModal(modalProps);
+  }
+}
+export default SnkFilterModalFactory;

package/dist/collection/components/snk-filter-bar/utils/filters-mock.js

@@ -0,0 +1,315 @@
+export const filtersMock = [
+  {
+    "id": "RECDESP",
+    "label": "Receitas + Despesas",
+    "detailTitle": "Selecione o que deseja ver",
+    "type": "BINARY_SELECT",
+    "props": {
+      "options": [
+        {
+          "name": "RECEITA",
+          "expression": "this.RECDESP = 1",
+          "label": "Receitas"
+        },
+        {
+          "name": "DESPESA",
+          "expression": "this.RECDESP = -1",
+          "label": "Despesas"
+        }
+      ]
+    },
+    "value": "DESPESA",
+    "hardFixed": true,
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Movimento"
+  },
+  {
+    "id": "PROVISAO",
+    "label": "Real + Provisão",
+    "detailTitle": "Selecione o que deseja ver",
+    "type": "BINARY_SELECT",
+    "props": {
+      "options": [
+        {
+          "name": "REAL",
+          "expression": "nullvalue(this.PROVISAO, 'N') = 'N'",
+          "label": "Real"
+        },
+        {
+          "name": "PROVISAO",
+          "expression": "nullvalue(this.PROVISAO, 'N') = 'S'",
+          "label": "Provisão"
+        }
+      ]
+    },
+    "value": "REAL",
+    "hardFixed": true,
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Lançamento"
+  },
+  {
+    "id": "BAIXADO",
+    "label": "Pendentes + Baixados",
+    "detailTitle": "Selecione o que deseja ver",
+    "type": "BINARY_SELECT",
+    "props": {
+      "options": [
+        {
+          "name": "PENDENTE",
+          "expression": "this.DHBAIXA IS NULL",
+          "label": "Pendentes"
+        },
+        {
+          "name": "BAIXADO",
+          "expression": "this.DHBAIXA IS NOT NULL AND NOT nullvalue(this.PROVISAO, 'N') = 'S'",
+          "label": "Baixados"
+        }
+      ]
+    },
+    "value": "PENDENTE",
+    "hardFixed": true,
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Status"
+  },
+  {
+    "id": "NUMNOTA",
+    "label": "Nr. Nota",
+    "detailTitle": "Informe o número da nota",
+    "type": "NUMBER",
+    "props": {
+      "expression": "this.NUMNOTA = :NUMNOTA"
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS"
+  },
+  {
+    "id": "NUFIN",
+    "label": "Nr. único",
+    "detailTitle": "Informe o número único",
+    "type": "NUMBER",
+    "props": {
+      "expression": "this.NUFIN = :NUFIN AND NOT (this.PROVISAO = 'S' AND this.DHBAIXA IS NOT NULL AND this.ORIGEM = 'E')"
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS"
+  },
+  {
+    "id": "DTVENC",
+    "label": "Dt. Vencimento",
+    "detailTitle": "Informe a data ou período",
+    "type": "PERIOD",
+    "props": {
+      "expression": {
+        "fullfill": "onlydate(this.DTVENC) >= :DTVENC.START AND onlydate(this.DTVENC) <= :DTVENC.END",
+        "onlystart": "onlydate(this.DTVENC) >= :DTVENC",
+        "onlyend": "onlydate(this.DTVENC) <= :DTVENC"
+      }
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS"
+  },
+  {
+    "id": "0",
+    "label": "cartao",
+    "detailTitle": "cartao",
+    "type": "PERSONALIZED",
+    "props": {
+      "expression": "Financeiro.CODTIPTIT = 17",
+      "personalizedFilter": {
+        "parameters": []
+      }
+    },
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "1",
+    "label": "Origem Estoque",
+    "detailTitle": "Origem Estoque",
+    "type": "PERSONALIZED",
+    "props": {
+      "expression": "Financeiro.ORIGEM = 'E'",
+      "personalizedFilter": {
+        "parameters": []
+      }
+    },
+    "filterType": "CUSTOM_FILTERS"
+  },
+  {
+    "id": "CODPARC",
+    "label": "Parceiro",
+    "detailTitle": "Informe o parceiro",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODPARC = :CODPARC",
+      "searchContext": {
+        "entity": "Parceiro",
+        "entityDescription": "Parceiro",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "NOMEPARC",
+          "codeFieldName": "CODPARC",
+          "showInactives": false
+        }
+      }
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Título"
+  },
+  {
+    "id": "DHBAIXA",
+    "label": "Data da Baixa",
+    "detailTitle": "Informe a data ou período",
+    "type": "PERIOD",
+    "props": {
+      "expression": {
+        "fullfill": "onlydate(this.DHBAIXA) >= :DHBAIXA.START AND onlydate(this.DHBAIXA) <= :DHBAIXA.END",
+        "onlystart": "onlydate(this.DHBAIXA) >= :DHBAIXA",
+        "onlyend": "onlydate(this.DHBAIXA) <= :DHBAIXA"
+      }
+    },
+    "visible": true,
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "CODEMP",
+    "label": "Empresa",
+    "detailTitle": "Informe a empresa",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODEMP = :CODEMP",
+      "searchContext": {
+        "entity": "Empresa",
+        "entityDescription": "Empresa",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "NOMEFANTASIA",
+          "codeFieldName": "CODEMP",
+          "showInactives": false
+        }
+      }
+    },
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "CODNAT",
+    "label": "Natureza",
+    "detailTitle": "Informe a natureza",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODNAT = :CODNAT",
+      "searchContext": {
+        "entity": "Natureza",
+        "entityDescription": "Natureza",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "DESCRNAT",
+          "codeFieldName": "CODNAT",
+          "showInactives": false
+        }
+      }
+    },
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "DTNEG",
+    "label": "Dt. Negociação",
+    "detailTitle": "Informe a data ou período",
+    "type": "PERIOD",
+    "props": {
+      "expression": {
+        "fullfill": "onlydate(this.DTNEG) >= :DTNEG.START AND onlydate(this.DTNEG) <= :DTNEG.END",
+        "onlystart": "onlydate(this.DTNEG) >= :DTNEG",
+        "onlyend": "onlydate(this.DTNEG) <= :DTNEG"
+      }
+    }
+  },
+  {
+    "id": "NUNOTA",
+    "label": "Nro Único do Pedido",
+    "detailTitle": "Informe o número único do pedido",
+    "type": "NUMBER",
+    "props": {
+      "expression": "(this.NUPED = :NUNOTA OR EXISTS(SELECT 1 FROM TGFVAR V INNER JOIN TGFCAB C ON(C.NUNOTA = V.NUNOTAORIG) WHERE V.NUNOTA = this.NUNOTA AND C.NUNOTA = :NUNOTA))"
+    }
+  },
+  {
+    "id": "CODCENCUS",
+    "label": "Centro de resultado",
+    "detailTitle": "Informe o centro de resultado",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODCENCUS = :CODCENCUS",
+      "searchContext": {
+        "entity": "CentroResultado",
+        "entityDescription": "Centro de resultado",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "DESCRCENCUS",
+          "codeFieldName": "CODCENCUS",
+          "showInactives": false
+        }
+      }
+    }
+  },
+  {
+    "id": "CODCTABCOINT",
+    "label": "Conta bancária",
+    "detailTitle": "Informe a conta bancária",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODCTABCOINT = :CODCTABCOINT",
+      "searchContext": {
+        "entity": "ContaBancaria",
+        "entityDescription": "Conta bancária",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "DESCRICAO",
+          "codeFieldName": "CODCTABCOINT",
+          "showInactives": false
+        }
+      }
+    }
+  },
+  {
+    "id": "CODBCO",
+    "label": "Banco",
+    "detailTitle": "Informe o banco",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODBCO = :CODBCO",
+      "searchContext": {
+        "entity": "Banco",
+        "entityDescription": "Banco",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "NOMEBCO",
+          "codeFieldName": "CODBCO",
+          "showInactives": false
+        }
+      }
+    }
+  },
+  {
+    "id": "CODPROJ",
+    "label": "Projeto",
+    "detailTitle": "Informe o projeto",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODPROJ = :CODPROJ",
+      "searchContext": {
+        "entity": "Projeto",
+        "entityDescription": "Projeto",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "IDENTIFICACAO",
+          "codeFieldName": "CODPROJ",
+          "showInactives": false
+        }
+      }
+    }
+  }
+];

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

@@ -213,10 +213,12 @@ export class SnkGrid {
         if (!this._dataUnit) {
           this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
             this._dataUnit = evt.detail;
+            this._dataUnitLoadLockerResolver = this._dataUnit.addLoadingLocker();
             this.addElementID();
           });
         }
         else {
+          this._dataUnitLoadLockerResolver = this._dataUnit.addLoadingLocker();
           this.addElementID();
         }
         this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
@@ -266,13 +268,18 @@ export class SnkGrid {
   getPrimaryButton() {
     return this.presentationMode === PresentationMode.PRIMARY ? "INSERT" : "";
   }
+  onEzGridReady() {
+    var _a;
+    (_a = this._dataUnitLoadLockerResolver) === null || _a === void 0 ? void 0 : _a.call(this);
+    this._dataUnitLoadLockerResolver = undefined;
+  }
   render() {
     var _a, _b;
     if (!this._dataUnit) {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder }), ((_b = (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-      h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton() })), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig() }))));
+      h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton() })), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady() }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig() }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/lib/message/resources/snk-filter-bar.msg.js

@@ -25,6 +25,21 @@ const snkFilterBarMessages = {
   "modalPersonalizedFilterSubTitle": "Gerencie seus filtros",
   "modalInfoTextCreateEditPersonalized": "Use o layout antigo para criar ou editar filtros, em breve traremos uma nova experiência",
   "modalOkButtonLabel": "Aplicar",
-  "modalCancelButtonLabel": "Limpar"
+  "modalCancelButtonLabel": "Limpar",
+  "binarySelectTooltip": "Exibindo registros",
+  "multiListToltip": "selecionado(a)s",
+  "onlyStartPeriodToltip": "A partir de",
+  "onlyEndPeriodToltip": "Até",
+  "fullPeriodTooltip": "Data de {{LABEL}}: {{START_LABEL}} até {{END_LABEL}}",
+  "labelStartDatePeriod": "Inicial",
+  "labelEndDatePeriod": "Final",
+  "filters": "Filtros",
+  "filterModal": {
+    "title": "Filtros",
+    "okButtonLabel": "Aplicar",
+    "cancelButtonLabel": "Limpar tudo",
+    "customFilters": "Filtros personalizados",
+    "quickFilters": "Filtros rápidos"
+  }
 };
 export default snkFilterBarMessages;

package/dist/components/SnkMessageBuilder.js

@@ -56,7 +56,22 @@ const snkFilterBarMessages = {
   "modalPersonalizedFilterSubTitle": "Gerencie seus filtros",
   "modalInfoTextCreateEditPersonalized": "Use o layout antigo para criar ou editar filtros, em breve traremos uma nova experiência",
   "modalOkButtonLabel": "Aplicar",
-  "modalCancelButtonLabel": "Limpar"
+  "modalCancelButtonLabel": "Limpar",
+  "binarySelectTooltip": "Exibindo registros",
+  "multiListToltip": "selecionado(a)s",
+  "onlyStartPeriodToltip": "A partir de",
+  "onlyEndPeriodToltip": "Até",
+  "fullPeriodTooltip": "Data de {{LABEL}}: {{START_LABEL}} até {{END_LABEL}}",
+  "labelStartDatePeriod": "Inicial",
+  "labelEndDatePeriod": "Final",
+  "filters": "Filtros",
+  "filterModal": {
+    "title": "Filtros",
+    "okButtonLabel": "Aplicar",
+    "cancelButtonLabel": "Limpar tudo",
+    "customFilters": "Filtros personalizados",
+    "quickFilters": "Filtros rápidos"
+  }
 };
 
 const snkTaskbarMessages = {

package/dist/components/filter-item-type.enum.js

@@ -8,6 +8,7 @@ var FilterItemType;
   FilterItemType["NUMBER"] = "NUMBER";
   FilterItemType["DEFAULT_FILTER"] = "DEFAULT_FILTER";
   FilterItemType["PERSONALIZED"] = "PERSONALIZED";
+  FilterItemType["MULTI_LIST"] = "MULTI_LIST";
 })(FilterItemType || (FilterItemType = {}));
 const FilterItemType$1 = FilterItemType;
 

package/dist/components/index.d.ts

@@ -17,6 +17,7 @@ export { SnkFilterFieldSearch as SnkFilterFieldSearch } from '../types/component
 export { SnkFilterItem as SnkFilterItem } from '../types/components/snk-filter-bar/filter-item/snk-filter-item';
 export { SnkFilterList as SnkFilterList } from '../types/components/snk-filter-bar/filter-list/snk-filter-list';
 export { SnkFilterModal as SnkFilterModal } from '../types/components/snk-filter-bar/filter-modal/snk-filter-modal';
+export { SnkFilterModalItem as SnkFilterModalItem } from '../types/components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item';
 export { SnkFilterMultiSelect as SnkFilterMultiSelect } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select';
 export { SnkFilterPeriod as SnkFilterNumber } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-number';
 export { SnkFilterParamConfig as SnkFilterParamConfig } from '../types/components/snk-personalized-filter/subcomponents/snk-filter-param-config/snk-filter-param-config';

package/dist/components/index.js

@@ -17,6 +17,7 @@ export { SnkFilterFieldSearch, defineCustomElement as defineCustomElementSnkFilt
 export { SnkFilterItem, defineCustomElement as defineCustomElementSnkFilterItem } from './snk-filter-item.js';
 export { SnkFilterList, defineCustomElement as defineCustomElementSnkFilterList } from './snk-filter-list.js';
 export { SnkFilterModal, defineCustomElement as defineCustomElementSnkFilterModal } from './snk-filter-modal.js';
+export { SnkFilterModalItem, defineCustomElement as defineCustomElementSnkFilterModalItem } from './snk-filter-modal-item.js';
 export { SnkFilterMultiSelect, defineCustomElement as defineCustomElementSnkFilterMultiSelect } from './snk-filter-multi-select.js';
 export { SnkFilterNumber, defineCustomElement as defineCustomElementSnkFilterNumber } from './snk-filter-number.js';
 export { SnkFilterParamConfig, defineCustomElement as defineCustomElementSnkFilterParamConfig } from './snk-filter-param-config.js';

package/dist/components/presentationMode.js

@@ -0,0 +1,7 @@
+var EPresentationMode;
+(function (EPresentationMode) {
+  EPresentationMode[EPresentationMode["CHIP"] = 0] = "CHIP";
+  EPresentationMode[EPresentationMode["MODAL"] = 1] = "MODAL";
+})(EPresentationMode || (EPresentationMode = {}));
+
+export { EPresentationMode as E };

package/dist/components/snk-crud.js

@@ -5,19 +5,17 @@ import './DataFetcher.js';
 import './pesquisa-fetcher.js';
 import { P as PresentationMode } from './index2.js';
 import { V as VIEW_MODE } from './constants.js';
-import { d as defineCustomElement$p } from './snk-attach2.js';
-import { d as defineCustomElement$o } from './snk-config-options2.js';
-import { d as defineCustomElement$n } from './snk-configurator2.js';
-import { d as defineCustomElement$m } from './snk-data-exporter2.js';
-import { d as defineCustomElement$l } from './snk-data-unit2.js';
-import { d as defineCustomElement$7, a as defineCustomElement$k } from './snk-detail-view2.js';
-import { d as defineCustomElement$j } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$i } from './snk-field-config2.js';
-import { d as defineCustomElement$h } from './snk-filter-bar2.js';
-import { d as defineCustomElement$g } from './snk-filter-detail2.js';
-import { d as defineCustomElement$f } from './snk-filter-item2.js';
-import { d as defineCustomElement$e } from './snk-filter-list2.js';
-import { d as defineCustomElement$d } from './snk-filter-modal2.js';
+import { d as defineCustomElement$n } from './snk-attach2.js';
+import { d as defineCustomElement$m } from './snk-config-options2.js';
+import { d as defineCustomElement$l } from './snk-configurator2.js';
+import { d as defineCustomElement$k } from './snk-data-exporter2.js';
+import { d as defineCustomElement$j } from './snk-data-unit2.js';
+import { d as defineCustomElement$7, a as defineCustomElement$i } from './snk-detail-view2.js';
+import { d as defineCustomElement$h } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$g } from './snk-field-config2.js';
+import { d as defineCustomElement$f } from './snk-filter-bar2.js';
+import { d as defineCustomElement$e } from './snk-filter-detail2.js';
+import { d as defineCustomElement$d } from './snk-filter-item2.js';
 import { d as defineCustomElement$c } from './snk-form-config2.js';
 import { d as defineCustomElement$b } from './snk-form-summary2.js';
 import { d as defineCustomElement$a } from './snk-form-view2.js';
@@ -163,7 +161,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-crud", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
@@ -171,66 +169,56 @@ function defineCustomElement$1() {
       }
       break;
     case "snk-attach":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$p();
-      }
-      break;
-    case "snk-config-options":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$o();
-      }
-      break;
-    case "snk-configurator":
       if (!customElements.get(tagName)) {
         defineCustomElement$n();
       }
       break;
-    case "snk-data-exporter":
+    case "snk-config-options":
       if (!customElements.get(tagName)) {
         defineCustomElement$m();
       }
       break;
-    case "snk-data-unit":
+    case "snk-configurator":
       if (!customElements.get(tagName)) {
         defineCustomElement$l();
       }
       break;
-    case "snk-detail-view":
+    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$k();
       }
       break;
-    case "snk-exporter-email-sender":
+    case "snk-data-unit":
       if (!customElements.get(tagName)) {
         defineCustomElement$j();
       }
       break;
-    case "snk-field-config":
+    case "snk-detail-view":
       if (!customElements.get(tagName)) {
         defineCustomElement$i();
       }
       break;
-    case "snk-filter-bar":
+    case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$h();
       }
       break;
-    case "snk-filter-detail":
+    case "snk-field-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$g();
       }
       break;
-    case "snk-filter-item":
+    case "snk-filter-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$f();
       }
       break;
-    case "snk-filter-list":
+    case "snk-filter-detail":
       if (!customElements.get(tagName)) {
         defineCustomElement$e();
       }
       break;
-    case "snk-filter-modal":
+    case "snk-filter-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$d();
       }