@sankhyalabs/sankhyablocks 2.3.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/cjs/snk-application.cjs.entry.js +1 -1
  2. package/dist/cjs/snk-configurator_3.cjs.entry.js +2 -2
  3. package/dist/cjs/snk-crud.cjs.entry.js +1 -1
  4. package/dist/cjs/snk-filter-bar_7.cjs.entry.js +6 -6
  5. package/dist/cjs/snk-filter-detail.cjs.entry.js +1 -1
  6. package/dist/cjs/snk-form-config.cjs.entry.js +2 -2
  7. package/dist/cjs/snk-form.cjs.entry.js +2 -2
  8. package/dist/collection/components/snk-application/snk-application.js +1 -1
  9. package/dist/collection/components/snk-crud/snk-crud.js +1 -1
  10. package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-detail.js +1 -1
  11. package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.js +1 -1
  12. package/dist/collection/components/snk-filter-bar/snk-filter-bar.js +1 -1
  13. package/dist/collection/components/snk-form/snk-form.js +2 -2
  14. package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.js +2 -2
  15. package/dist/collection/components/snk-grid/snk-grid.js +2 -2
  16. package/dist/collection/components/snk-grid/subcomponents/snk-grid-config/snk-grid-config.js +2 -2
  17. package/dist/collection/components/snk-taskbar/snk-taskbar.js +2 -2
  18. package/dist/components/snk-application2.js +2 -2
  19. package/dist/components/snk-crud.js +2 -2
  20. package/dist/components/snk-filter-bar2.js +1 -1
  21. package/dist/components/snk-filter-detail2.js +1 -1
  22. package/dist/components/snk-filter-item2.js +1 -1
  23. package/dist/components/snk-form-config2.js +3 -3
  24. package/dist/components/snk-form2.js +2 -2
  25. package/dist/components/snk-grid-config2.js +3 -3
  26. package/dist/components/snk-grid2.js +2 -2
  27. package/dist/components/snk-taskbar2.js +3 -3
  28. package/dist/esm/snk-application.entry.js +2 -2
  29. package/dist/esm/snk-configurator_3.entry.js +2 -2
  30. package/dist/esm/snk-crud.entry.js +2 -2
  31. package/dist/esm/snk-filter-bar_7.entry.js +6 -6
  32. package/dist/esm/snk-filter-detail.entry.js +1 -1
  33. package/dist/esm/snk-form-config.entry.js +3 -3
  34. package/dist/esm/snk-form.entry.js +2 -2
  35. package/dist/sankhyablocks/p-2e0747f9.entry.js +1 -0
  36. package/dist/sankhyablocks/{p-de0fe8a4.entry.js → p-60e7e86d.entry.js} +1 -1
  37. package/dist/sankhyablocks/p-825c8975.entry.js +1 -0
  38. package/dist/sankhyablocks/{p-0e18f6e6.entry.js → p-a72a0a5d.entry.js} +2 -2
  39. package/dist/sankhyablocks/p-cd486089.entry.js +1 -0
  40. package/dist/sankhyablocks/p-d2b0f1fc.entry.js +1 -0
  41. package/dist/sankhyablocks/p-d61f2170.entry.js +1 -0
  42. package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
  43. package/package.json +2 -2
  44. package/dist/sankhyablocks/p-00f6d216.entry.js +0 -1
  45. package/dist/sankhyablocks/p-6ca95ef3.entry.js +0 -1
  46. package/dist/sankhyablocks/p-7e79ab39.entry.js +0 -1
  47. package/dist/sankhyablocks/p-975182f8.entry.js +0 -1
  48. package/dist/sankhyablocks/p-c4e9394c.entry.js +0 -1
package/dist/cjs/snk-application.cjs.entry.js CHANGED
@@ -1175,7 +1175,7 @@ const SnkApplication = class {
1175
1175
  if (mode === "ADVANCED") {
1176
1176
  return new Promise(accept => {
1177
1177
  const pesquisaContent = document.createElement("snk-pesquisa");
1178
- pesquisaContent["data-element-id"] = `entity_${entity}`;
1178
+ pesquisaContent[core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
1179
1179
  pesquisaContent.argument = argument;
1180
1180
  pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
1181
1181
  pesquisaContent.selectItem = (option) => {
package/dist/cjs/snk-configurator_3.cjs.entry.js CHANGED
@@ -255,14 +255,14 @@ const SnkGrid = class {
255
255
  core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
256
256
  }
257
257
  getDataElementId(suffix) {
258
- const elemIdSnkGrid = this._element.getAttribute("data-element-id");
258
+ const elemIdSnkGrid = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
259
259
  return `${elemIdSnkGrid}_${suffix}`;
260
260
  }
261
261
  render() {
262
262
  if (!this._dataUnit) {
263
263
  return undefined;
264
264
  }
265
- return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, index.h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("internal_filter"), class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": this.getDataElementId("grid_top_taskbar"), key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), index.h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": this.getDataElementId("internal_grid"), dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, index.h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("grid_left_taskBar"), buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute("data-element-id"), selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
265
+ return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, index.h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("internal_filter"), class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": this.getDataElementId("grid_top_taskbar"), key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), index.h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": this.getDataElementId("internal_grid"), dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, index.h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("grid_left_taskBar"), buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
266
266
  }
267
267
  get _element() { return index.getElement(this); }
268
268
  };
package/dist/cjs/snk-crud.cjs.entry.js CHANGED
@@ -64,7 +64,7 @@ const SnkCrud = class {
64
64
  }
65
65
  }
66
66
  getDataElementId(suffix) {
67
- const elemIdSnkCrud = this._element.getAttribute("data-element-id");
67
+ const elemIdSnkCrud = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
68
68
  return `${elemIdSnkCrud}_${suffix}`;
69
69
  }
70
70
  componentWillLoad() {
package/dist/cjs/snk-filter-bar_7.cjs.entry.js CHANGED
@@ -165,7 +165,7 @@ const SnkFilterBar = class {
165
165
  if (this._element) {
166
166
  const dataInfo = { dataUnit: this.dataUnit };
167
167
  core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
168
- const dataElementIdFilterBar = this._element.getAttribute("data-element-id");
168
+ const dataElementIdFilterBar = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
169
169
  this._idSnkFilterItem = dataElementIdFilterBar;
170
170
  this._idSnkFilterList = dataElementIdFilterBar;
171
171
  }
@@ -628,7 +628,7 @@ const SnkFilterItem = class {
628
628
  componentDidLoad() {
629
629
  if (this._filterItemElement) {
630
630
  core.ElementIDUtils.addIDInfo(this._filterItemElement);
631
- const dataElementIdDoFilterItem = this._filterItemElement.getAttribute("data-element-id");
631
+ const dataElementIdDoFilterItem = this._filterItemElement.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
632
632
  this._idSnkFilterDetail = `${dataElementIdDoFilterItem}_${this.config.id}`;
633
633
  this._idEzChip = `${dataElementIdDoFilterItem}_${this.config.id}`;
634
634
  }
@@ -954,11 +954,11 @@ const EzGridConfig = class {
954
954
  this._columListItems = [visibleGroup, hiddenGroup];
955
955
  }
956
956
  buildColumnListSlot(item, group) {
957
- const dataElementId = `${this._element.getAttribute("data-element-id")}_configItem_${core.StringUtils.toCamelCase(item.label)}`;
957
+ const dataElementId = `${this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${core.StringUtils.toCamelCase(item.label)}`;
958
958
  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); } })));
959
959
  }
960
960
  buildOrderListSlot(item) {
961
- const dataElementId = `${this._element.getAttribute("data-element-id")}_configItem_${core.StringUtils.toCamelCase(item.label)}`;
961
+ const dataElementId = `${this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${core.StringUtils.toCamelCase(item.label)}`;
962
962
  let selectedOption = constants.ORDER_VALUES.none.value;
963
963
  if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
964
964
  selectedOption = item.ascending == true ? constants.ORDER_VALUES.asc.value : constants.ORDER_VALUES.desc.value;
@@ -1459,11 +1459,11 @@ const SnkTaskbar = class {
1459
1459
  }
1460
1460
  }
1461
1461
  getIdElemBtnNative(taskbarElem) {
1462
- const elemIdTaskbar = this._element.getAttribute("data-element-id");
1462
+ const elemIdTaskbar = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
1463
1463
  return `${elemIdTaskbar}_${core.StringUtils.toCamelCase(taskbarElem)}`;
1464
1464
  }
1465
1465
  getIdElemBtnCustom(btnCustom) {
1466
- const elemIdTaskbar = this._element.getAttribute("data-element-id");
1466
+ const elemIdTaskbar = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
1467
1467
  return `${elemIdTaskbar}_${core.StringUtils.toCamelCase(btnCustom.name)}`;
1468
1468
  }
1469
1469
  isDivider(element) {
package/dist/cjs/snk-filter-detail.cjs.entry.js CHANGED
@@ -18,7 +18,7 @@ const SnkFilterDetail = class {
18
18
  componentDidLoad() {
19
19
  if (this._element) {
20
20
  core.ElementIDUtils.addIDInfo(this._element);
21
- const dataElementIdDoFilterItem = this._element.getAttribute("data-element-id");
21
+ const dataElementIdDoFilterItem = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
22
22
  this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
23
23
  }
24
24
  }
package/dist/cjs/snk-form-config.cjs.entry.js CHANGED
@@ -242,8 +242,8 @@ const SnkFormConfig = class {
242
242
  var _a;
243
243
  return ((_a = group.fields) === null || _a === void 0 ? void 0 : _a.length) ? group.fields.map((field) => {
244
244
  var _a, _b;
245
- return index.h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, index.h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, "data-element-id": this._element.getAttribute("data-element-id"), dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
246
- index.h("div", { class: "ez-flex form-config__config-options" }, index.h("snk-config-options", { idConfig: field.name, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, "data-element-id": this._element.getAttribute("data-element-id"), onConfigOptionsChanged: (evt) => this.handleconfigOptionsChanged(evt.detail) })));
245
+ return index.h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, index.h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
246
+ index.h("div", { class: "ez-flex form-config__config-options" }, index.h("snk-config-options", { idConfig: field.name, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), onConfigOptionsChanged: (evt) => this.handleconfigOptionsChanged(evt.detail) })));
247
247
  }) : index.h("div", { class: "form-config__add-group-container" }, index.h("div", { class: "form-config__add-group-content" }, index.h("div", { class: "form-config__add-group-label" }, index.h("label", { class: "ez-text ez-text--center ez-text--medium ez-text--primary ez-text--bold" }, this.getMessage("snkFormConfig.form.labelDropField")))));
248
248
  }
249
249
  handleconfigOptionsChanged(fieldEdited) {
package/dist/cjs/snk-form.cjs.entry.js CHANGED
@@ -150,7 +150,7 @@ const SnkForm = class {
150
150
  core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
151
151
  }
152
152
  getDataElementId(suffix) {
153
- const elemIdSnkTaskBar = this._element.getAttribute("data-element-id");
153
+ const elemIdSnkTaskBar = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
154
154
  return `${elemIdSnkTaskBar}_${suffix}`;
155
155
  }
156
156
  componentWillLoad() {
@@ -197,7 +197,7 @@ const SnkForm = class {
197
197
  return undefined;
198
198
  }
199
199
  return (index.h("section", { class: "snk-form" }, index.h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, index.h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, index.h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), index.h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), index.h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, index.h("snk-taskbar", { key: "formTaskbar", "data-element-id": this.getDataElementId("form_taskbar"), configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, primaryButton: ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", dataUnit: this._dataUnit }))), index.h("section", null, index.h("div", { class: "ez-row" }, index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": this.getDataElementId("internal_form"), dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
200
- index.h("snk-form-config", { dataUnit: this._dataUnit, formConfig: this.getFormConfig(), "data-element-id": this._element.getAttribute("data-element-id"), configName: this.configName, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigClose: () => this.closeConfig() }))))));
200
+ index.h("snk-form-config", { dataUnit: this._dataUnit, formConfig: this.getFormConfig(), "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), configName: this.configName, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigClose: () => this.closeConfig() }))))));
201
201
  }
202
202
  get _element() { return index.getElement(this); }
203
203
  };
package/dist/collection/components/snk-application/snk-application.js CHANGED
@@ -537,7 +537,7 @@ export class SnkApplication {
537
537
  if (mode === "ADVANCED") {
538
538
  return new Promise(accept => {
539
539
  const pesquisaContent = document.createElement("snk-pesquisa");
540
- pesquisaContent["data-element-id"] = `entity_${entity}`;
540
+ pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
541
541
  pesquisaContent.argument = argument;
542
542
  pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
543
543
  pesquisaContent.selectItem = (option) => {
package/dist/collection/components/snk-crud/snk-crud.js CHANGED
@@ -60,7 +60,7 @@ export class SnkCrud {
60
60
  }
61
61
  }
62
62
  getDataElementId(suffix) {
63
- const elemIdSnkCrud = this._element.getAttribute("data-element-id");
63
+ const elemIdSnkCrud = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
64
64
  return `${elemIdSnkCrud}_${suffix}`;
65
65
  }
66
66
  componentWillLoad() {
package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-detail.js CHANGED
@@ -9,7 +9,7 @@ export class SnkFilterDetail {
9
9
  componentDidLoad() {
10
10
  if (this._element) {
11
11
  ElementIDUtils.addIDInfo(this._element);
12
- const dataElementIdDoFilterItem = this._element.getAttribute("data-element-id");
12
+ const dataElementIdDoFilterItem = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
13
13
  this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
14
14
  }
15
15
  }
package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.js CHANGED
@@ -136,7 +136,7 @@ export class SnkFilterItem {
136
136
  componentDidLoad() {
137
137
  if (this._filterItemElement) {
138
138
  ElementIDUtils.addIDInfo(this._filterItemElement);
139
- const dataElementIdDoFilterItem = this._filterItemElement.getAttribute("data-element-id");
139
+ const dataElementIdDoFilterItem = this._filterItemElement.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
140
140
  this._idSnkFilterDetail = `${dataElementIdDoFilterItem}_${this.config.id}`;
141
141
  this._idEzChip = `${dataElementIdDoFilterItem}_${this.config.id}`;
142
142
  }
package/dist/collection/components/snk-filter-bar/snk-filter-bar.js CHANGED
@@ -54,7 +54,7 @@ export class SnkFilterBar {
54
54
  if (this._element) {
55
55
  const dataInfo = { dataUnit: this.dataUnit };
56
56
  ElementIDUtils.addIDInfo(this._element, null, dataInfo);
57
- const dataElementIdFilterBar = this._element.getAttribute("data-element-id");
57
+ const dataElementIdFilterBar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
58
58
  this._idSnkFilterItem = dataElementIdFilterBar;
59
59
  this._idSnkFilterList = dataElementIdFilterBar;
60
60
  }
package/dist/collection/components/snk-form/snk-form.js CHANGED
@@ -139,7 +139,7 @@ export class SnkForm {
139
139
  ElementIDUtils.addIDInfo(this._element, null, dataInfo);
140
140
  }
141
141
  getDataElementId(suffix) {
142
- const elemIdSnkTaskBar = this._element.getAttribute("data-element-id");
142
+ const elemIdSnkTaskBar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
143
143
  return `${elemIdSnkTaskBar}_${suffix}`;
144
144
  }
145
145
  componentWillLoad() {
@@ -186,7 +186,7 @@ export class SnkForm {
186
186
  return undefined;
187
187
  }
188
188
  return (h("section", { class: "snk-form" }, h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", "data-element-id": this.getDataElementId("form_taskbar"), configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, primaryButton: ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", dataUnit: this._dataUnit }))), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": this.getDataElementId("internal_form"), dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
189
- h("snk-form-config", { dataUnit: this._dataUnit, formConfig: this.getFormConfig(), "data-element-id": this._element.getAttribute("data-element-id"), configName: this.configName, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigClose: () => this.closeConfig() }))))));
189
+ h("snk-form-config", { dataUnit: this._dataUnit, formConfig: this.getFormConfig(), "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), configName: this.configName, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigClose: () => this.closeConfig() }))))));
190
190
  }
191
191
  static get is() { return "snk-form"; }
192
192
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.js CHANGED
@@ -232,8 +232,8 @@ export class SnkFormConfig {
232
232
  var _a;
233
233
  return ((_a = group.fields) === null || _a === void 0 ? void 0 : _a.length) ? group.fields.map((field) => {
234
234
  var _a, _b;
235
- return h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, "data-element-id": this._element.getAttribute("data-element-id"), dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
236
- h("div", { class: "ez-flex form-config__config-options" }, h("snk-config-options", { idConfig: field.name, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, "data-element-id": this._element.getAttribute("data-element-id"), onConfigOptionsChanged: (evt) => this.handleconfigOptionsChanged(evt.detail) })));
235
+ return h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
236
+ h("div", { class: "ez-flex form-config__config-options" }, h("snk-config-options", { idConfig: field.name, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), onConfigOptionsChanged: (evt) => this.handleconfigOptionsChanged(evt.detail) })));
237
237
  }) : h("div", { class: "form-config__add-group-container" }, h("div", { class: "form-config__add-group-content" }, h("div", { class: "form-config__add-group-label" }, h("label", { class: "ez-text ez-text--center ez-text--medium ez-text--primary ez-text--bold" }, this.getMessage("snkFormConfig.form.labelDropField")))));
238
238
  }
239
239
  handleconfigOptionsChanged(fieldEdited) {
package/dist/collection/components/snk-grid/snk-grid.js CHANGED
@@ -103,14 +103,14 @@ export class SnkGrid {
103
103
  ElementIDUtils.addIDInfo(this._element, null, dataInfo);
104
104
  }
105
105
  getDataElementId(suffix) {
106
- const elemIdSnkGrid = this._element.getAttribute("data-element-id");
106
+ const elemIdSnkGrid = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
107
107
  return `${elemIdSnkGrid}_${suffix}`;
108
108
  }
109
109
  render() {
110
110
  if (!this._dataUnit) {
111
111
  return undefined;
112
112
  }
113
- 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-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("internal_filter"), class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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": this.getDataElementId("grid_top_taskbar"), key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": this.getDataElementId("internal_grid"), dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("grid_left_taskBar"), 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("data-element-id"), selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
113
+ 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-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("internal_filter"), class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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": this.getDataElementId("grid_top_taskbar"), key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": this.getDataElementId("internal_grid"), dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("grid_left_taskBar"), 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), selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
114
114
  }
115
115
  static get is() { return "snk-grid"; }
116
116
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/snk-grid/subcomponents/snk-grid-config/snk-grid-config.js CHANGED
@@ -100,11 +100,11 @@ export class EzGridConfig {
100
100
  this._columListItems = [visibleGroup, hiddenGroup];
101
101
  }
102
102
  buildColumnListSlot(item, group) {
103
- const dataElementId = `${this._element.getAttribute("data-element-id")}_configItem_${StringUtils.toCamelCase(item.label)}`;
103
+ const dataElementId = `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
104
104
  return (h("div", null, 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); } })));
105
105
  }
106
106
  buildOrderListSlot(item) {
107
- const dataElementId = `${this._element.getAttribute("data-element-id")}_configItem_${StringUtils.toCamelCase(item.label)}`;
107
+ const dataElementId = `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
108
108
  let selectedOption = ORDER_VALUES.none.value;
109
109
  if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
110
110
  selectedOption = item.ascending == true ? ORDER_VALUES.asc.value : ORDER_VALUES.desc.value;
package/dist/collection/components/snk-taskbar/snk-taskbar.js CHANGED
@@ -115,11 +115,11 @@ export class SnkTaskbar {
115
115
  }
116
116
  }
117
117
  getIdElemBtnNative(taskbarElem) {
118
- const elemIdTaskbar = this._element.getAttribute("data-element-id");
118
+ const elemIdTaskbar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
119
119
  return `${elemIdTaskbar}_${StringUtils.toCamelCase(taskbarElem)}`;
120
120
  }
121
121
  getIdElemBtnCustom(btnCustom) {
122
- const elemIdTaskbar = this._element.getAttribute("data-element-id");
122
+ const elemIdTaskbar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
123
123
  return `${elemIdTaskbar}_${StringUtils.toCamelCase(btnCustom.name)}`;
124
124
  }
125
125
  isDivider(element) {
package/dist/components/snk-application2.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
- import { WaitingChangeException, WarningException, ErrorException, ObjectUtils, DataType, DataUnit, StringUtils, ChangeOperation, DateUtils, DependencyType, ApplicationContext, ErrorTracking, ElementIDUtils } from '@sankhyalabs/core';
2
+ import { WaitingChangeException, WarningException, ErrorException, ObjectUtils, DataType, DataUnit, StringUtils, ChangeOperation, DateUtils, DependencyType, ElementIDUtils, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
3
3
  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';
4
4
  import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
5
5
  import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
@@ -1172,7 +1172,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
1172
1172
  if (mode === "ADVANCED") {
1173
1173
  return new Promise(accept => {
1174
1174
  const pesquisaContent = document.createElement("snk-pesquisa");
1175
- pesquisaContent["data-element-id"] = `entity_${entity}`;
1175
+ pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
1176
1176
  pesquisaContent.argument = argument;
1177
1177
  pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
1178
1178
  pesquisaContent.selectItem = (option) => {
package/dist/components/snk-crud.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
- import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
2
+ import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
3
3
  import { V as VIEW_MODE } from './constants.js';
4
4
  import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
5
5
  import { d as defineCustomElement$g } from './snk-config-options2.js';
@@ -75,7 +75,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
75
75
  }
76
76
  }
77
77
  getDataElementId(suffix) {
78
- const elemIdSnkCrud = this._element.getAttribute("data-element-id");
78
+ const elemIdSnkCrud = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
79
79
  return `${elemIdSnkCrud}_${suffix}`;
80
80
  }
81
81
  componentWillLoad() {
package/dist/components/snk-filter-bar2.js CHANGED
@@ -160,7 +160,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
160
160
  if (this._element) {
161
161
  const dataInfo = { dataUnit: this.dataUnit };
162
162
  ElementIDUtils.addIDInfo(this._element, null, dataInfo);
163
- const dataElementIdFilterBar = this._element.getAttribute("data-element-id");
163
+ const dataElementIdFilterBar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
164
164
  this._idSnkFilterItem = dataElementIdFilterBar;
165
165
  this._idSnkFilterList = dataElementIdFilterBar;
166
166
  }
package/dist/components/snk-filter-detail2.js CHANGED
@@ -15,7 +15,7 @@ const SnkFilterDetail = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
15
15
  componentDidLoad() {
16
16
  if (this._element) {
17
17
  ElementIDUtils.addIDInfo(this._element);
18
- const dataElementIdDoFilterItem = this._element.getAttribute("data-element-id");
18
+ const dataElementIdDoFilterItem = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
19
19
  this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
20
20
  }
21
21
  }
package/dist/components/snk-filter-item2.js CHANGED
@@ -142,7 +142,7 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
142
142
  componentDidLoad() {
143
143
  if (this._filterItemElement) {
144
144
  ElementIDUtils.addIDInfo(this._filterItemElement);
145
- const dataElementIdDoFilterItem = this._filterItemElement.getAttribute("data-element-id");
145
+ const dataElementIdDoFilterItem = this._filterItemElement.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
146
146
  this._idSnkFilterDetail = `${dataElementIdDoFilterItem}_${this.config.id}`;
147
147
  this._idEzChip = `${dataElementIdDoFilterItem}_${this.config.id}`;
148
148
  }
package/dist/components/snk-form-config2.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
2
  import { a as draggable_bundle, d as defineCustomElement$1 } from './snk-tab-config2.js';
3
- import { ObjectUtils, ArrayUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
3
+ import { ObjectUtils, ElementIDUtils, ArrayUtils, ApplicationContext } from '@sankhyalabs/core';
4
4
  import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
5
5
  import { C as CONFIG_EVENTS, b as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants.js';
6
6
  import { a as UserConfigType, C as ConfigStorage } from './ConfigStorage.js';
@@ -240,8 +240,8 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
240
240
  var _a;
241
241
  return ((_a = group.fields) === null || _a === void 0 ? void 0 : _a.length) ? group.fields.map((field) => {
242
242
  var _a, _b;
243
- return h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, "data-element-id": this._element.getAttribute("data-element-id"), dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
244
- h("div", { class: "ez-flex form-config__config-options" }, h("snk-config-options", { idConfig: field.name, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, "data-element-id": this._element.getAttribute("data-element-id"), onConfigOptionsChanged: (evt) => this.handleconfigOptionsChanged(evt.detail) })));
243
+ return h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
244
+ h("div", { class: "ez-flex form-config__config-options" }, h("snk-config-options", { idConfig: field.name, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), onConfigOptionsChanged: (evt) => this.handleconfigOptionsChanged(evt.detail) })));
245
245
  }) : h("div", { class: "form-config__add-group-container" }, h("div", { class: "form-config__add-group-content" }, h("div", { class: "form-config__add-group-label" }, h("label", { class: "ez-text ez-text--center ez-text--medium ez-text--primary ez-text--bold" }, this.getMessage("snkFormConfig.form.labelDropField")))));
246
246
  }
247
247
  handleconfigOptionsChanged(fieldEdited) {
package/dist/components/snk-form2.js CHANGED
@@ -151,7 +151,7 @@ const SnkForm = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
151
151
  ElementIDUtils.addIDInfo(this._element, null, dataInfo);
152
152
  }
153
153
  getDataElementId(suffix) {
154
- const elemIdSnkTaskBar = this._element.getAttribute("data-element-id");
154
+ const elemIdSnkTaskBar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
155
155
  return `${elemIdSnkTaskBar}_${suffix}`;
156
156
  }
157
157
  componentWillLoad() {
@@ -198,7 +198,7 @@ const SnkForm = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
198
198
  return undefined;
199
199
  }
200
200
  return (h("section", { class: "snk-form" }, h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", "data-element-id": this.getDataElementId("form_taskbar"), configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, primaryButton: ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", dataUnit: this._dataUnit }))), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": this.getDataElementId("internal_form"), dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
201
- h("snk-form-config", { dataUnit: this._dataUnit, formConfig: this.getFormConfig(), "data-element-id": this._element.getAttribute("data-element-id"), configName: this.configName, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigClose: () => this.closeConfig() }))))));
201
+ h("snk-form-config", { dataUnit: this._dataUnit, formConfig: this.getFormConfig(), "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), configName: this.configName, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigClose: () => this.closeConfig() }))))));
202
202
  }
203
203
  get _element() { return this; }
204
204
  static get style() { return snkFormCss; }
package/dist/components/snk-grid-config2.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
2
+ import { StringUtils, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
3
3
  import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
4
4
  import { C as ConfigStorage } from './ConfigStorage.js';
5
5
  import { O as ORDER_VALUES } from './constants.js';
@@ -108,11 +108,11 @@ const EzGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
108
108
  this._columListItems = [visibleGroup, hiddenGroup];
109
109
  }
110
110
  buildColumnListSlot(item, group) {
111
- const dataElementId = `${this._element.getAttribute("data-element-id")}_configItem_${StringUtils.toCamelCase(item.label)}`;
111
+ const dataElementId = `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
112
112
  return (h("div", null, 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); } })));
113
113
  }
114
114
  buildOrderListSlot(item) {
115
- const dataElementId = `${this._element.getAttribute("data-element-id")}_configItem_${StringUtils.toCamelCase(item.label)}`;
115
+ const dataElementId = `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
116
116
  let selectedOption = ORDER_VALUES.none.value;
117
117
  if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
118
118
  selectedOption = item.ascending == true ? ORDER_VALUES.asc.value : ORDER_VALUES.desc.value;
package/dist/components/snk-grid2.js CHANGED
@@ -118,14 +118,14 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
118
118
  ElementIDUtils.addIDInfo(this._element, null, dataInfo);
119
119
  }
120
120
  getDataElementId(suffix) {
121
- const elemIdSnkGrid = this._element.getAttribute("data-element-id");
121
+ const elemIdSnkGrid = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
122
122
  return `${elemIdSnkGrid}_${suffix}`;
123
123
  }
124
124
  render() {
125
125
  if (!this._dataUnit) {
126
126
  return undefined;
127
127
  }
128
- 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-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("internal_filter"), class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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": this.getDataElementId("grid_top_taskbar"), key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": this.getDataElementId("internal_grid"), dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("grid_left_taskBar"), 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("data-element-id"), selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
128
+ 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-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("internal_filter"), class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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": this.getDataElementId("grid_top_taskbar"), key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": this.getDataElementId("internal_grid"), dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("grid_left_taskBar"), 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), selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
129
129
  }
130
130
  get _element() { return this; }
131
131
  static get style() { return snkGridCss; }
package/dist/components/snk-taskbar2.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
2
- import { StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
2
+ import { ElementIDUtils, StringUtils, ApplicationContext } from '@sankhyalabs/core';
3
3
  import { A as AuthorizationConfig } from './AuthorizationConfig.js';
4
4
 
5
5
  var TaskbarElement;
@@ -213,11 +213,11 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
213
213
  }
214
214
  }
215
215
  getIdElemBtnNative(taskbarElem) {
216
- const elemIdTaskbar = this._element.getAttribute("data-element-id");
216
+ const elemIdTaskbar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
217
217
  return `${elemIdTaskbar}_${StringUtils.toCamelCase(taskbarElem)}`;
218
218
  }
219
219
  getIdElemBtnCustom(btnCustom) {
220
- const elemIdTaskbar = this._element.getAttribute("data-element-id");
220
+ const elemIdTaskbar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
221
221
  return `${elemIdTaskbar}_${StringUtils.toCamelCase(btnCustom.name)}`;
222
222
  }
223
223
  isDivider(element) {
package/dist/esm/snk-application.entry.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e4121713.js';
2
- import { WaitingChangeException, WarningException, ErrorException, ObjectUtils, DataType, DataUnit, StringUtils, ChangeOperation, DateUtils, DependencyType, ApplicationContext, ErrorTracking, ElementIDUtils } from '@sankhyalabs/core';
2
+ import { WaitingChangeException, WarningException, ErrorException, ObjectUtils, DataType, DataUnit, StringUtils, ChangeOperation, DateUtils, DependencyType, ElementIDUtils, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
3
3
  import { d as dist, D as DataFetcher, R as ResourceFetcher, U as UrlUtils, F as FormConfigFetcher, G as GridConfigFetcher, C as ConfigStorage } from './ConfigStorage-99025655.js';
4
4
  import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
5
5
  import { S as SnkMessageBuilder } from './SnkMessageBuilder-f5ef87df.js';
@@ -1171,7 +1171,7 @@ const SnkApplication = class {
1171
1171
  if (mode === "ADVANCED") {
1172
1172
  return new Promise(accept => {
1173
1173
  const pesquisaContent = document.createElement("snk-pesquisa");
1174
- pesquisaContent["data-element-id"] = `entity_${entity}`;
1174
+ pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
1175
1175
  pesquisaContent.argument = argument;
1176
1176
  pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
1177
1177
  pesquisaContent.selectItem = (option) => {
package/dist/esm/snk-configurator_3.entry.js CHANGED
@@ -251,14 +251,14 @@ const SnkGrid = class {
251
251
  ElementIDUtils.addIDInfo(this._element, null, dataInfo);
252
252
  }
253
253
  getDataElementId(suffix) {
254
- const elemIdSnkGrid = this._element.getAttribute("data-element-id");
254
+ const elemIdSnkGrid = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
255
255
  return `${elemIdSnkGrid}_${suffix}`;
256
256
  }
257
257
  render() {
258
258
  if (!this._dataUnit) {
259
259
  return undefined;
260
260
  }
261
- 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-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("internal_filter"), class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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": this.getDataElementId("grid_top_taskbar"), key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": this.getDataElementId("internal_grid"), dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("grid_left_taskBar"), 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("data-element-id"), selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
261
+ 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-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("internal_filter"), class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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": this.getDataElementId("grid_top_taskbar"), key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": this.getDataElementId("internal_grid"), dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": this.getDataElementId("grid_left_taskBar"), 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), selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
262
262
  }
263
263
  get _element() { return getElement(this); }
264
264
  };
package/dist/esm/snk-crud.entry.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e4121713.js';
2
- import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
2
+ import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
3
3
  import { c as VIEW_MODE } from './constants-babe1a08.js';
4
4
  import { T as TaskbarElement } from './taskbar-elements-a0a8c3ac.js';
5
5
 
@@ -60,7 +60,7 @@ const SnkCrud = class {
60
60
  }
61
61
  }
62
62
  getDataElementId(suffix) {
63
- const elemIdSnkCrud = this._element.getAttribute("data-element-id");
63
+ const elemIdSnkCrud = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
64
64
  return `${elemIdSnkCrud}_${suffix}`;
65
65
  }
66
66
  componentWillLoad() {
package/dist/esm/snk-filter-bar_7.entry.js CHANGED
@@ -161,7 +161,7 @@ const SnkFilterBar = class {
161
161
  if (this._element) {
162
162
  const dataInfo = { dataUnit: this.dataUnit };
163
163
  ElementIDUtils.addIDInfo(this._element, null, dataInfo);
164
- const dataElementIdFilterBar = this._element.getAttribute("data-element-id");
164
+ const dataElementIdFilterBar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
165
165
  this._idSnkFilterItem = dataElementIdFilterBar;
166
166
  this._idSnkFilterList = dataElementIdFilterBar;
167
167
  }
@@ -624,7 +624,7 @@ const SnkFilterItem = class {
624
624
  componentDidLoad() {
625
625
  if (this._filterItemElement) {
626
626
  ElementIDUtils.addIDInfo(this._filterItemElement);
627
- const dataElementIdDoFilterItem = this._filterItemElement.getAttribute("data-element-id");
627
+ const dataElementIdDoFilterItem = this._filterItemElement.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
628
628
  this._idSnkFilterDetail = `${dataElementIdDoFilterItem}_${this.config.id}`;
629
629
  this._idEzChip = `${dataElementIdDoFilterItem}_${this.config.id}`;
630
630
  }
@@ -950,11 +950,11 @@ const EzGridConfig = class {
950
950
  this._columListItems = [visibleGroup, hiddenGroup];
951
951
  }
952
952
  buildColumnListSlot(item, group) {
953
- const dataElementId = `${this._element.getAttribute("data-element-id")}_configItem_${StringUtils.toCamelCase(item.label)}`;
953
+ const dataElementId = `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
954
954
  return (h("div", null, 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); } })));
955
955
  }
956
956
  buildOrderListSlot(item) {
957
- const dataElementId = `${this._element.getAttribute("data-element-id")}_configItem_${StringUtils.toCamelCase(item.label)}`;
957
+ const dataElementId = `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
958
958
  let selectedOption = ORDER_VALUES.none.value;
959
959
  if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
960
960
  selectedOption = item.ascending == true ? ORDER_VALUES.asc.value : ORDER_VALUES.desc.value;
@@ -1455,11 +1455,11 @@ const SnkTaskbar = class {
1455
1455
  }
1456
1456
  }
1457
1457
  getIdElemBtnNative(taskbarElem) {
1458
- const elemIdTaskbar = this._element.getAttribute("data-element-id");
1458
+ const elemIdTaskbar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
1459
1459
  return `${elemIdTaskbar}_${StringUtils.toCamelCase(taskbarElem)}`;
1460
1460
  }
1461
1461
  getIdElemBtnCustom(btnCustom) {
1462
- const elemIdTaskbar = this._element.getAttribute("data-element-id");
1462
+ const elemIdTaskbar = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
1463
1463
  return `${elemIdTaskbar}_${StringUtils.toCamelCase(btnCustom.name)}`;
1464
1464
  }
1465
1465
  isDivider(element) {
package/dist/esm/snk-filter-detail.entry.js CHANGED
@@ -14,7 +14,7 @@ const SnkFilterDetail = class {
14
14
  componentDidLoad() {
15
15
  if (this._element) {
16
16
  ElementIDUtils.addIDInfo(this._element);
17
- const dataElementIdDoFilterItem = this._element.getAttribute("data-element-id");
17
+ const dataElementIdDoFilterItem = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
18
18
  this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
19
19
  }
20
20
  }