@sankhyalabs/sankhyablocks 5.4.2 → 5.5.0

package/dist/components/snk-simple-crud.js

@@ -1,331 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { DataUnit, StringUtils, SortMode, DataType, ChangeOperation, ObjectUtils, UserInterface } from '@sankhyalabs/core';
-import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
-import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
-import './DataFetcher.js';
-import './pesquisa-fetcher.js';
-import { P as PresentationMode } from './index2.js';
-import { T as TaskbarProcessor } from './taskbar-processor.js';
-import { d as defineCustomElement$5 } from './snk-data-exporter2.js';
-import { d as defineCustomElement$4 } from './snk-data-unit2.js';
-import { d as defineCustomElement$3 } from './snk-exporter-email-sender2.js';
-
-class InMemoryLoader {
-  constructor(metadata, records) {
-    this.records = records || [];
-    this.metadata = metadata;
-    this._dataUnit = new DataUnit("InMemoryDataUnit");
-    this._dataUnit.metadataLoader = () => this.metadaLoader();
-    this._dataUnit.dataLoader = (_dataUnit, request) => this.dataLoader(_dataUnit, request);
-    this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);
-    this._dataUnit.removeLoader = (_dataUnit, recordIds) => this.removeLoader(_dataUnit, recordIds);
-    this.dataUnit.loadMetadata().then(() => this.dataUnit.loadData());
-  }
-  get dataUnit() {
-    return this._dataUnit;
-  }
-  get records() {
-    return this._records;
-  }
-  set records(records) {
-    this._records = records === null || records === void 0 ? void 0 : records.map(record => {
-      if (!record["__record__id__"]) {
-        record["__record__id__"] = this.generateUniqueId();
-      }
-      return record;
-    });
-    if (this._dataUnit) {
-      this._dataUnit.records = [...this._records];
-    }
-  }
-  get metadata() {
-    return this._metadata;
-  }
-  set metadata(metadata) {
-    this._metadata = metadata;
-    if (this._dataUnit) {
-      this._dataUnit.metadata = this._metadata;
-    }
-  }
-  generateUniqueId() {
-    return StringUtils.generateUUID();
-  }
-  metadaLoader() {
-    return Promise.resolve(this._metadata);
-  }
-  dataLoader(_dataUnit, request) {
-    let records = [...this._records];
-    if (request.sort) {
-      request.sort.forEach(sort => {
-        records = records.sort((recordA, recordB) => {
-          const fieldA = recordA[sort.field];
-          const fieldB = recordB[sort.field];
-          const sortFn = this.getSortFn(sort.dataType);
-          return sortFn(fieldA, fieldB) * (sort.mode == SortMode.ASC ? 1 : -1);
-        });
-      });
-    }
-    return Promise.resolve({ records: records });
-  }
-  getSortFn(type) {
-    switch (type) {
-      case DataType.NUMBER:
-        return this.sortNumber;
-      case DataType.DATE:
-        return this.sortDate;
-      case DataType.OBJECT:
-        return this.sortObject;
-      default:
-        return StringUtils.compare;
-    }
-  }
-  sortObject(a, b) {
-    return StringUtils.compare(a["label"], b["label"]);
-  }
-  sortNumber(a, b) {
-    return a - b;
-  }
-  sortDate(a, b) {
-    let timeA = a.getTime(), timeB = b.getTime();
-    return timeA === timeB ? 0 : (timeA < timeB ? -1 : 1);
-  }
-  saveLoader(_dataUnit, changes) {
-    return new Promise((resolve) => {
-      let dataUnitRecords = [];
-      changes.forEach(change => {
-        let { record, updatingFields, operation } = change;
-        let isAdd = false;
-        if (operation === ChangeOperation.INSERT ||
-          operation === ChangeOperation.COPY) {
-          record["__old__id__"] = record["__record__id__"];
-          record["__record__id__"] = this.generateUniqueId();
-          isAdd = true;
-        }
-        const changedRecord = Object.assign(Object.assign({}, record), updatingFields);
-        if (isAdd) {
-          this.records.push(changedRecord);
-        }
-        else {
-          const recordIndex = this.records.findIndex(r => r["__record__id__"] == changedRecord["__record__id__"]);
-          this.records[recordIndex] = changedRecord;
-        }
-        dataUnitRecords.push(changedRecord);
-      });
-      resolve(dataUnitRecords);
-    });
-  }
-  removeLoader(_dataUnit, recordIds) {
-    return new Promise((resolve) => {
-      this._records = this._records.filter(record => !recordIds.includes(record["__record__id__"]));
-      resolve(recordIds);
-    });
-  }
-}
-
-const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:auto;row-gap:12px;height:100%;width:100%}.simple-crud__taskbar.sc-snk-simple-crud{z-index:var(--more-visible, 2);margin-bottom:var(--space--medium)}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;min-height:300px}ez-form.sc-snk-simple-crud{min-height:300px}";
-
-const SnkSimpleCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.dataStateChange = createEvent(this, "dataStateChange", 3);
-    this.dataUnitReady = createEvent(this, "dataUnitReady", 3);
-    this.REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER"];
-    this.REGULAR_SELECTED_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER"];
-    this._taskbarProcessor = new TaskbarProcessor({
-      "snkSimpleCrudTaskbar.form_regular": this.resolveInMemoryBtns(this.REGULAR_DEFAULT_BTNS).concat(TaskbarElement.GRID_MODE),
-      "snkSimpleCrudTaskbar.grid_regular": this.resolveInMemoryBtns(this.REGULAR_DEFAULT_BTNS).concat(TaskbarElement.FORM_MODE),
-      "snkSimpleCrudTaskbar.form_selected": this.resolveInMemoryBtns(this.REGULAR_SELECTED_BTNS).concat(TaskbarElement.GRID_MODE),
-      "snkSimpleCrudTaskbar.grid_selected": this.resolveInMemoryBtns(this.REGULAR_SELECTED_BTNS).concat(TaskbarElement.FORM_MODE),
-      "snkSimpleCrudTaskbar.finish_edition": ["CANCEL", "SAVE"]
-    });
-    this._currentViewMode = VIEW_MODE.GRID;
-    this._config = undefined;
-    this.dataState = undefined;
-    this.dataUnit = undefined;
-    this.mode = SIMPLE_CRUD_MODE.SERVER;
-    this.taskbarManager = undefined;
-    this.messagesBuilder = undefined;
-  }
-  resolveInMemoryBtns(taskbarButtons) {
-    const newTaskBarConfig = [...taskbarButtons];
-    if (this.mode === SIMPLE_CRUD_MODE.IN_MEMORY) {
-      newTaskBarConfig.splice(1, 1);
-    }
-    return newTaskBarConfig;
-  }
-  /**
-   * Usado para alternar a visão entre GRID e FORM externamente.
-   */
-  async goToView(view) {
-    this._currentViewMode = view;
-    if (this._viewStack) {
-      this._viewStack.show(view);
-    }
-  }
-  actionClickListener(evt) {
-    const act = evt.detail;
-    if (act === TaskbarElement.GRID_MODE) {
-      this.goToView(VIEW_MODE.GRID);
-    }
-    else if (act === TaskbarElement.FORM_MODE) {
-      this.goToView(VIEW_MODE.FORM);
-    }
-    evt.stopPropagation();
-  }
-  onModeChange() {
-    if (this.mode == SIMPLE_CRUD_MODE.IN_MEMORY) {
-      this.initInMemoryDataUnit();
-    }
-  }
-  observeDataState(newValue, oldValue) {
-    if (ObjectUtils.objectToString(oldValue) != ObjectUtils.objectToString(newValue)) {
-      this.dataStateChange.emit(newValue);
-    }
-  }
-  componentWillRender() {
-    this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.getTaskBarDisabledButtons());
-  }
-  componentWillLoad() {
-    this.processMetadata();
-    this.onModeChange();
-  }
-  getTaskBarId() {
-    var _a, _b, _c;
-    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
-      return "snkSimpleCrudTaskbar.finish_edition";
-    }
-    if (((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) &&
-      !this.dataState.selectionInfo.isAllRecords() &&
-      ((_c = this.dataState.selectionInfo.records) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-      return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_selected" : "snkSimpleCrudTaskbar.form_selected";
-    }
-    return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_regular" : "snkSimpleCrudTaskbar.form_regular";
-  }
-  initInMemoryDataUnit() {
-    this._inMemoryLoader = new InMemoryLoader(this._metadata);
-    this.dataUnit = this._inMemoryLoader.dataUnit;
-    this.dataUnitReady.emit(this.dataUnit);
-  }
-  setMetadata(metadata) {
-    if (this._inMemoryLoader) {
-      this._inMemoryLoader.metadata = metadata;
-    }
-    else if (this.dataUnit) {
-      this.dataUnit.metadata = metadata;
-    }
-    return Promise.resolve();
-  }
-  setRecords(records) {
-    if (this._inMemoryLoader) {
-      this._inMemoryLoader.records = records;
-    }
-    else if (this.dataUnit) {
-      this.dataUnit.records = records;
-    }
-    return Promise.resolve();
-  }
-  getRecords() {
-    return Promise.resolve(this.dataUnit.records);
-  }
-  processMetadata() {
-    const fieldsMetadataElem = this._element.querySelectorAll("snk-field-metadata");
-    const fieldMetadata = [];
-    const formConfig = { fields: [], emptyConfig: false };
-    fieldsMetadataElem.forEach(fieldElem => {
-      const field = {
-        name: fieldElem.getAttribute("name") || fieldElem.getAttribute("label"),
-        label: fieldElem.getAttribute("label"),
-        dataType: DataType[fieldElem.getAttribute("dataType")] || DataType.TEXT,
-        userInterface: UserInterface[fieldElem.getAttribute("userInterface")] || UserInterface.SHORTTEXT,
-        readOnly: fieldElem.getAttribute("readOnly") == "true",
-        required: fieldElem.getAttribute("required") == "true",
-        tab: fieldElem.getAttribute("tab") || undefined,
-        visible: fieldElem.getAttribute("visible") != "false"
-      };
-      const fieldConfig = { name: field.name, tab: field.tab, visible: field.visible };
-      formConfig.fields.push(fieldConfig);
-      fieldMetadata.push(field);
-    });
-    if (fieldMetadata.length > 0) {
-      this._config = formConfig;
-      this._metadata = {
-        name: "SimpleCrud",
-        label: "SimpleCrud",
-        fields: fieldMetadata
-      };
-    }
-  }
-  onDataStateChange(evt) {
-    this.dataState = Object.assign({}, evt.detail);
-  }
-  getTaskBarDisabledButtons() {
-    var _a, _b;
-    const disabledButtons = [];
-    if (!((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.hasNext)) {
-      disabledButtons.push(TaskbarElement.NEXT);
-    }
-    if (!((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.hasPrevious)) {
-      disabledButtons.push(TaskbarElement.PREVIOUS);
-    }
-    return disabledButtons;
-  }
-  render() {
-    var _a;
-    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, onDataStateChange: evt => this.onDataStateChange(evt), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-flex ez-box ez-box--shadow" }, h("snk-taskbar", { class: "simple-crud__taskbar ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), "no-header": true }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this._config }))))));
-  }
-  get _element() { return this; }
-  static get watchers() { return {
-    "mode": ["onModeChange"],
-    "dataState": ["observeDataState"]
-  }; }
-  static get style() { return snkSimpleCrudCss; }
-}, [6, "snk-simple-crud", {
-    "dataState": [16],
-    "dataUnit": [16],
-    "mode": [2],
-    "taskbarManager": [16],
-    "messagesBuilder": [1040],
-    "_currentViewMode": [32],
-    "_config": [32],
-    "goToView": [64],
-    "setMetadata": [64],
-    "setRecords": [64],
-    "getRecords": [64]
-  }, [[0, "actionClick", "actionClickListener"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["snk-simple-crud", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-taskbar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "snk-simple-crud":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SnkSimpleCrud$1);
-      }
-      break;
-    case "snk-data-exporter":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "snk-data-unit":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "snk-exporter-email-sender":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "snk-taskbar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
+import { S as SnkSimpleCrud$1, d as defineCustomElement$1 } from './snk-simple-crud2.js';
 
 const SnkSimpleCrud = SnkSimpleCrud$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/{esm/snk-simple-crud.entry.js → components/snk-simple-crud2.js}

@@ -1,13 +1,14 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-cfd4bb13.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { DataUnit, StringUtils, SortMode, DataType, ChangeOperation, ObjectUtils, UserInterface } from '@sankhyalabs/core';
-import { c as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants-15617e7d.js';
-import { T as TaskbarElement } from './taskbar-elements-10d80c79.js';
-import './DataFetcher-b3d8b2d5.js';
-import './pesquisa-fetcher-bd6af0e3.js';
-import { P as PresentationMode } from './index-6519a79e.js';
-import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
-import './index-e467ade5.js';
-import './_commonjsHelpers-9943807e.js';
+import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
+import { T as TaskbarElement, d as defineCustomElement$1 } from './snk-taskbar2.js';
+import './DataFetcher.js';
+import './pesquisa-fetcher.js';
+import { P as PresentationMode } from './index2.js';
+import { T as TaskbarProcessor } from './taskbar-processor.js';
+import { d as defineCustomElement$4 } from './snk-data-exporter2.js';
+import { d as defineCustomElement$3 } from './snk-data-unit2.js';
+import { d as defineCustomElement$2 } from './snk-exporter-email-sender2.js';
 
 class InMemoryLoader {
   constructor(metadata, records) {
@@ -123,9 +124,10 @@ class InMemoryLoader {
 
 const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:auto;row-gap:12px;height:100%;width:100%}.simple-crud__taskbar.sc-snk-simple-crud{z-index:var(--more-visible, 2);margin-bottom:var(--space--medium)}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;min-height:300px}ez-form.sc-snk-simple-crud{min-height:300px}";
 
-const SnkSimpleCrud = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     this.dataStateChange = createEvent(this, "dataStateChange", 3);
     this.dataUnitReady = createEvent(this, "dataUnitReady", 3);
     this.REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER"];
@@ -142,6 +144,9 @@ const SnkSimpleCrud = class {
     this.dataState = undefined;
     this.dataUnit = undefined;
     this.mode = SIMPLE_CRUD_MODE.SERVER;
+    this.gridConfig = undefined;
+    this.formConfig = undefined;
+    this.useCancelConfirm = true;
     this.taskbarManager = undefined;
     this.messagesBuilder = undefined;
   }
@@ -246,7 +251,9 @@ const SnkSimpleCrud = class {
       fieldMetadata.push(field);
     });
     if (fieldMetadata.length > 0) {
-      this._config = formConfig;
+      if (!this.formConfig) {
+        this.formConfig = formConfig;
+      }
       this._metadata = {
         name: "SimpleCrud",
         label: "SimpleCrud",
@@ -270,14 +277,62 @@ const SnkSimpleCrud = class {
   }
   render() {
     var _a;
-    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, onDataStateChange: evt => this.onDataStateChange(evt), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-flex ez-box ez-box--shadow" }, h("snk-taskbar", { class: "simple-crud__taskbar ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), "no-header": true }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this._config }))))));
+    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-flex ez-box ez-box--shadow" }, h("snk-taskbar", { class: "simple-crud__taskbar ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), config: this.gridConfig, "no-header": true }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig }))))));
   }
-  get _element() { return getElement(this); }
+  get _element() { return this; }
   static get watchers() { return {
     "mode": ["onModeChange"],
     "dataState": ["observeDataState"]
   }; }
-};
-SnkSimpleCrud.style = snkSimpleCrudCss;
+  static get style() { return snkSimpleCrudCss; }
+}, [6, "snk-simple-crud", {
+    "dataState": [16],
+    "dataUnit": [16],
+    "mode": [2],
+    "gridConfig": [16],
+    "formConfig": [16],
+    "useCancelConfirm": [4, "use-cancel-confirm"],
+    "taskbarManager": [16],
+    "messagesBuilder": [1040],
+    "_currentViewMode": [32],
+    "_config": [32],
+    "goToView": [64],
+    "setMetadata": [64],
+    "setRecords": [64],
+    "getRecords": [64]
+  }, [[0, "actionClick", "actionClickListener"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-simple-crud", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-taskbar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-simple-crud":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkSimpleCrud);
+      }
+      break;
+    case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "snk-data-unit":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
 
-export { SnkSimpleCrud as snk_simple_crud };
+export { SnkSimpleCrud as S, defineCustomElement as d };

package/dist/components/snk-taskbar2.js

@@ -217,6 +217,7 @@ var TaskbarElement;
   TaskbarElement["DIVIDER"] = "DIVIDER";
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
   TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
+  TaskbarElement["ATTACH"] = "ATTACH";
 })(TaskbarElement || (TaskbarElement = {}));
 var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -289,6 +290,8 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case TaskbarElement.DATA_EXPORTER:
       const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
       return h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId });
+    case TaskbarElement.ATTACH:
+      return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);
   }
 };
 function textButton(name, className, dataElementId, text, title, action, isEnabled) {
@@ -327,7 +330,8 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       [TaskbarElement.SAVE]: "snkTaskbar.titleSave",
       [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
       [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode",
-      [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator"
+      [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator",
+      [TaskbarElement.ATTACH]: "snkTaskbar.titleAttach",
     };
     this._permissions = undefined;
     this.configName = undefined;
@@ -434,7 +438,8 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (index > 1) {
       className += "ez-padding-left--medium";
     }
-    if (TaskbarElement[def.toString()]) {
+    const taskbarElement = TaskbarElement[def.toString()];
+    if (taskbarElement) {
       return buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList, this.configName, this.presentationMode);
     }
     else {

package/dist/esm/{SnkMessageBuilder-a15d22f8.js → SnkMessageBuilder-7a9392e6.js}

@@ -73,6 +73,7 @@ const snkTaskbarMessages = {
   titleGridMode: "Modo Grade",
   titleFormMode: "Modo Formulário",
   titleConfigurator: "Configurações",
+  titleAttach: "Anexar",
   forbidden: "Permissão não liberada"
 };
 
@@ -278,6 +279,37 @@ const snkFilterFieldSearchMessages = {
   linkLabel: "Categorias de {{link}}",
 };
 
+const snkSimpleBarMessages = {
+  backTitle: "Voltar"
+};
+
+const snkAttachMessages = {
+  title: "Anexar arquivos",
+  description: "Faça o upload dos arquivos ou informe links que deseja anexar ao título",
+  attachHint: "Fazer download do arquivo",
+  breadcrumbTitle: "Anexar",
+  finishedMessage: "O anexo foi finalizado com sucesso",
+  finish: "Finalizar",
+  cancelConfirmation: {
+    title: "Atenção",
+    message: "As alterações realizadas não serão aplicadas.<br/><br/><b>Deseja mesmo continuar?</b>",
+  },
+  alertValidation: {
+    fileAndLinkAtTheSameTime: {
+      title: "Atenção",
+      message: "Não é permitido inserir o arquivo e o link ao mesmo tempo."
+    },
+    anyLinkOrFileFilled: {
+      title: "Atenção",
+      message: `É necessário preencher o campo "Link" ou anexar um arquivo.`
+    }
+  },
+  taskbar: {
+    titleDownload: "Fazer download",
+    titleLink: "Abrir link",
+  }
+};
+
 class SnkMessageBuilder {
   constructor(domainName) {
     this._defaults = {
@@ -297,7 +329,9 @@ class SnkMessageBuilder {
       snkCrud: snkCrudMessages,
       fileViewer: fileViewerMessages,
       snkFilterParamConfig: snkFilterParamConfigMessages,
-      snkFilterFieldSearch: snkFilterFieldSearchMessages
+      snkFilterFieldSearch: snkFilterFieldSearchMessages,
+      snkSimpleBar: snkSimpleBarMessages,
+      snkAttach: snkAttachMessages,
     };
     this._currentOperation = OperationMap.CLEAN;
     this._domainName = domainName;

package/dist/esm/{constants-15617e7d.js → constants-e916ccc3.js}

@@ -4,6 +4,7 @@ var VIEW_MODE;
 (function (VIEW_MODE) {
   VIEW_MODE[VIEW_MODE["GRID"] = 0] = "GRID";
   VIEW_MODE[VIEW_MODE["FORM"] = 1] = "FORM";
+  VIEW_MODE[VIEW_MODE["ATTACHMENT"] = 2] = "ATTACHMENT";
 })(VIEW_MODE || (VIEW_MODE = {}));
 const ACTION_CONFIG = {
   add: 'ADD',