@sankhyalabs/sankhyablocks 5.1.4 → 5.2.0

package/dist/esm/snk-data-unit.entry.js

@@ -1,414 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-cfd4bb13.js';
-import { Action, ObjectUtils, JSUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
-import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { O as OperationMap } from './SnkMessageBuilder-ec0850af.js';
-
-const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%;width:100%}";
-
-const SnkDataUnit = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.dataStateChange = createEvent(this, "dataStateChange", 3);
-    this.dataUnitReady = createEvent(this, "dataUnitReady", 3);
-    this.insertionMode = createEvent(this, "insertionMode", 3);
-    this.cancelEdition = createEvent(this, "cancelEdition", 3);
-    this._onDataUnitResolve = [];
-    this._dataUnitObserver = (action) => {
-      var _a, _b;
-      const duState = this.buildDataState();
-      this.dataState = duState;
-      if (action.type === Action.DATA_SAVED) {
-        const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0]);
-        if (msg != undefined) {
-          this.showSuccessMessage(msg);
-        }
-      }
-      if (action.type === Action.RECORDS_ADDED || action.type === Action.RECORDS_COPIED) {
-        this.insertionMode.emit();
-      }
-      if (action.type === Action.EDITION_CANCELED) {
-        this.cancelEdition.emit();
-      }
-      if (action.type === Action.RECORDS_REMOVED) {
-        const cachedRecords = action.payload.cachedRecords;
-        let removeFinishMsg;
-        if ((cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords.length) > 1) {
-          removeFinishMsg = this.getMessage("snkDataUnit.removeAllInfo", { size: cachedRecords.length });
-        }
-        else {
-          removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", action.payload.cachedRecords[0]);
-        }
-        if (removeFinishMsg != undefined) {
-          this.showSuccessMessage(removeFinishMsg);
-        }
-        const recordsCount = (_b = (_a = this.dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
-        const paginationInfo = this.dataUnit.getPaginationInfo();
-        if (paginationInfo) {
-          if (recordsCount > 0 || paginationInfo.hasMore) {
-            this.dataUnit.gotoPage(paginationInfo.currentPage);
-          }
-          else {
-            this.dataUnit.gotoPage(0);
-          }
-        }
-      }
-      this._application.messagesBuilder.currentOperation = this.getMessageOperation();
-    };
-    this.dataState = undefined;
-    this.dataUnitName = undefined;
-    this.entityName = undefined;
-    this.pageSize = 150;
-    this.dataUnit = undefined;
-    this.beforeSave = undefined;
-    this.afterSave = undefined;
-  }
-  observePageSize() {
-    if (this.dataUnit) {
-      this.dataUnit.pageSize = this.pageSize;
-    }
-  }
-  observeDataUnitName(newValue, oldValue) {
-    if (oldValue != newValue) {
-      if (this.dataUnit) {
-        this._application.updateDataunitCache(oldValue, this.dataUnitName, this.dataUnit);
-      }
-      else {
-        this.loadDataUnit();
-      }
-    }
-  }
-  observeEntityName(newValue, oldValue) {
-    if (oldValue != newValue) {
-      this.dataUnit = undefined;
-      this.entityName = newValue;
-      this.loadDataUnit();
-    }
-  }
-  observeDataState(newValue, oldValue) {
-    if (ObjectUtils.objectToString(oldValue) != ObjectUtils.objectToString(newValue)) {
-      this.dataStateChange.emit(newValue);
-    }
-  }
-  observeDataUnit() {
-    this.handlerLinkFields();
-    this.dataUnitReady.emit(this.dataUnit);
-  }
-  /**
-   * Obtém o dataUnit.
-   */
-  async getDataUnit() {
-    return new Promise((resolve) => {
-      if (this.dataUnit) {
-        resolve(this.dataUnit);
-      }
-      else {
-        this._onDataUnitResolve.push(resolve);
-      }
-    });
-  }
-  /**
-   * Método que retorna a lista de IDs dos registros selecionados.
-   * @returns Retorna a lista de IDs dos registros selecionados.
-   */
-  async getSelectedRecordsIDsInfo() {
-    var _a;
-    const selectionInfo = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
-    if (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords()) {
-      return [];
-    }
-    const selectedRecordsIDsInfo = [];
-    const selectedRecords = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.records;
-    if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 0) {
-      selectedRecords.forEach(({ __record__id__ }) => {
-        if (!this.dataUnit.isNewRecord(__record__id__)) {
-          /*
-            Esse if foi necessário para tratar corretamente o ID
-            do record quando está sendo utilizado no modo standAlone
-            isso não faz a exportação da grid funcionar no modo standAlone
-            mas deixa de causar erro nas oprações de CRUD.
-          */
-          if (!JSUtils.isBase64(__record__id__)) {
-            selectedRecordsIDsInfo.push({
-              name: "__record__id__",
-              type: DataType.TEXT,
-              value: __record__id__
-            });
-            return;
-          }
-          const revertBase64ToObject = JSON.parse(window.atob(__record__id__));
-          Object.entries(revertBase64ToObject).forEach(([name, value]) => {
-            var _a;
-            const metadataField = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(name);
-            if (metadataField == undefined) {
-              return;
-            }
-            selectedRecordsIDsInfo.push(Object.assign({ name, type: metadataField.dataType }, value));
-          });
-        }
-      });
-    }
-    return selectedRecordsIDsInfo;
-  }
-  async interceptAction(action) {
-    return new Promise(resolve => {
-      var _a, _b;
-      switch (action.type) {
-        case Action.RECORDS_ADDED:
-          if (this.isAllowed("INSERT")) {
-            resolve(action);
-          }
-          else {
-            ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenInsert"));
-          }
-          break;
-        case Action.RECORDS_COPIED:
-          if (this.isAllowed("CLONE")) {
-            resolve(action);
-          }
-          else {
-            ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenClone"));
-          }
-          break;
-        case Action.DATA_CHANGED:
-        case Action.CHANGING_DATA:
-          if (this.isAllowed("UPDATE")) {
-            resolve(action);
-          }
-          else {
-            this.dataUnit.cancelEdition();
-            ApplicationUtils.alert(this.getMessage("snkDataUnit.forbidden"), this.getMessage("snkDataUnit.forbiddenUpdate"));
-          }
-          break;
-        case Action.SAVING_DATA:
-          if (this.beforeSave) {
-            const continueAction = this.beforeSave(this.dataUnit);
-            if (continueAction instanceof Promise) {
-              continueAction.then(result => resolve(result ? action : undefined));
-            }
-            else {
-              resolve(continueAction ? action : undefined);
-            }
-          }
-          else {
-            resolve(action);
-          }
-          break;
-        case Action.DATA_SAVED:
-          if (this.afterSave) {
-            this.afterSave(this.dataUnit);
-          }
-          else {
-            resolve(action);
-          }
-          break;
-        case Action.EDITION_CANCELED:
-          if (this.dataState.hasDirtyRecords) {
-            const cancelConfirmation = this.getMessage("snkDataUnit.cancelConfirmation");
-            if ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fromParent) {
-              resolve(action);
-              return;
-            }
-            if (cancelConfirmation == undefined) {
-              this.showSuccessMessage(this.getMessage("snkDataUnit.cancelInfo"));
-              resolve(action);
-            }
-            else {
-              const cancelConfirmationTitle = this.getMessage("snkDataUnit.cancelConfirmationTitle");
-              ApplicationUtils.confirm(cancelConfirmationTitle, cancelConfirmation)
-                .then((result) => {
-                result && this.showSuccessMessage(this.getMessage("snkDataUnit.cancelInfo"));
-                resolve(result ? action : undefined);
-              });
-            }
-          }
-          else {
-            resolve(action);
-          }
-          break;
-        case Action.REMOVING_RECORDS:
-          if (this.isAllowed("REMOVE")) {
-            let multipleSelection = false;
-            let removeConfirmation = this.getMessage("snkDataUnit.removeConfirmation");
-            const selection = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.getSelectionInfo();
-            if ((selection === null || selection === void 0 ? void 0 : selection.length) > 1) {
-              removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size: selection.length });
-              multipleSelection = true;
-            }
-            if (removeConfirmation == undefined) {
-              resolve(action);
-            }
-            else {
-              const options = {
-                canClose: false,
-                labelCancel: this.getMessage(`snkDataUnit.confirm.${multipleSelection ? "no" : "cancel"}`),
-                labelConfirm: this.getMessage(`snkDataUnit.confirm.${multipleSelection ? "yes" : "delete"}`),
-                btnConfirmDanger: false
-              };
-              const removeConfirmationTitle = this.getMessage("snkDataUnit.removeConfirmationTitle");
-              ApplicationUtils.confirm(removeConfirmationTitle, removeConfirmation, null, DialogType.WARN, options)
-                .then((result) => resolve(result ? action : undefined));
-            }
-          }
-          else {
-            ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenRemove"));
-          }
-          break;
-        default:
-          resolve(action);
-      }
-    });
-  }
-  showSuccessMessage(message) {
-    ApplicationUtils.info(message, { iconName: "check" });
-  }
-  isAllowed(flag) {
-    return this._permissions ? this._permissions.isSup || this._permissions[flag] : false;
-  }
-  buildDataState() {
-    const selectionInfo = this.dataUnit.getSelectionInfo();
-    return new DataStateImpl({
-      insertionMode: this.dataUnit.hasNewRecord(),
-      hasNext: this.dataUnit.hasNext(),
-      hasPrevious: this.dataUnit.hasPrevious(),
-      copyMode: this.dataUnit.hasCopiedRecord(),
-      isDirty: this.dataUnit.isDirty(),
-      hasDirtyRecords: this.dataUnit.hasDirtyRecords(),
-      selectedRecords: undefined,
-      selectionInfo,
-      selectedRecord: this.dataUnit.getSelectedRecord()
-    });
-  }
-  /**
-   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
-   * através de um pequeno modulo na estrutura da aplicação:
-   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-data-unit.msg.ts"
-   */
-  getMessage(key, params = undefined) {
-    if (!params) {
-      params = this.getMessageParams();
-    }
-    return this._application.messagesBuilder.getMessage(key, params);
-  }
-  getMessageParams() {
-    //FIXME: Devido ao recurso de multiseleção do dataunit, precisaremos criar um mecanismo para
-    //oferecer todos os registros selecionados para a mensagem, pois mensagens podem ficar incorretas.
-    return this.dataState.selectedRecord;
-  }
-  getMessageOperation() {
-    if (this.dataState.copyMode) {
-      return OperationMap.CLONE;
-    }
-    if (this.dataState.insertionMode) {
-      return OperationMap.INSERT;
-    }
-    if (this.dataState.isDirty) {
-      return OperationMap.UPDATE;
-    }
-    return OperationMap.CLEAN;
-  }
-  async getDataUnitParentOrChild() {
-    var _a;
-    const cacheName = this.dataUnitName ? this.dataUnitName : this.entityName;
-    if (this._parentSnkDataUnit) {
-      this._parentDataUnit = await ((_a = this._parentSnkDataUnit) === null || _a === void 0 ? void 0 : _a.getDataUnit());
-      return await this._application.getDataUnit(this.entityName, cacheName, this._parentDataUnit);
-    }
-    else {
-      return await this._application.getDataUnit(this.entityName, cacheName);
-    }
-  }
-  async loadDataUnit() {
-    if (this.dataUnit == null && this._application && this.entityName) {
-      this.dataUnit = await this.getDataUnitParentOrChild();
-    }
-    if (this.dataUnit) {
-      this.dataUnit.pageSize = this.pageSize;
-      this.dataUnit.unsubscribe(this._dataUnitObserver);
-      this.dataUnit.addInterceptor(this);
-      this.dataUnit.subscribe(this._dataUnitObserver);
-      this.dataState = this.buildDataState();
-      let resolver;
-      while (resolver = this._onDataUnitResolve.pop()) {
-        resolver(this.dataUnit);
-      }
-    }
-  }
-  getParentSnkDataUnit() {
-    let currentElement = this.element;
-    while (currentElement.parentNode) {
-      if (currentElement.parentNode.nodeName === 'SNK-DATA-UNIT') {
-        return currentElement.parentNode;
-      }
-      currentElement = currentElement.parentNode;
-    }
-    return;
-  }
-  handlerLinkFields() {
-    var _a, _b;
-    const metadata = Object.assign({}, this.dataUnit.metadata);
-    if (!this._parentDataUnit)
-      return;
-    const child = this._parentDataUnit.getChildInfo(this.entityName);
-    if (!child)
-      return;
-    const fieldsLink = (_a = child === null || child === void 0 ? void 0 : child.links) === null || _a === void 0 ? void 0 : _a.map(link => link.target);
-    (_b = metadata === null || metadata === void 0 ? void 0 : metadata.fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
-      if (fieldsLink === null || fieldsLink === void 0 ? void 0 : fieldsLink.includes(field.name)) {
-        field.visible = false;
-      }
-    });
-    this.dataUnit.metadata = metadata;
-  }
-  //---------------------------------------------
-  // Lifecycle web component
-  //---------------------------------------------
-  componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._application.getAllAccess().then(access => this._permissions = access);
-    this._parentSnkDataUnit = this.getParentSnkDataUnit();
-  }
-  disconnectedCallback() {
-    if (this.dataUnit) {
-      this.dataUnit.unsubscribe(this._dataUnitObserver);
-      this.dataUnit.removeInterceptor(this);
-    }
-  }
-  componentDidLoad() {
-    this.loadDataUnit();
-  }
-  render() {
-    return (h(Host, null));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "pageSize": ["observePageSize"],
-    "dataUnitName": ["observeDataUnitName"],
-    "entityName": ["observeEntityName"],
-    "dataState": ["observeDataState"],
-    "dataUnit": ["observeDataUnit"]
-  }; }
-};
-class DataStateImpl {
-  constructor(datastate) {
-    this.copyMode = datastate.copyMode;
-    this.insertionMode = datastate.insertionMode;
-    this.isDirty = datastate.isDirty;
-    this.hasDirtyRecords = datastate.hasDirtyRecords;
-    this.hasNext = datastate.hasNext;
-    this.hasPrevious = datastate.hasPrevious;
-    this.selectionInfo = datastate.selectionInfo;
-    this.selectedRecord = datastate.selectedRecord;
-  }
-  get selectedRecords() {
-    var _a;
-    console.warn("SnkDataUnit: O método `selectedRecords` foi descontinuado. Use o método `selectionInfo`.");
-    if ((_a = this.selectionInfo) === null || _a === void 0 ? void 0 : _a.isAllRecords()) {
-      throw new Error("Erro interno: Impossível obter os registros selecionados. A seleção atual é virtual. Use o atributo `selectionInfo`.");
-    }
-    return this.selectionInfo.records;
-  }
-}
-SnkDataUnit.style = snkDataUnitCss;
-
-export { SnkDataUnit as snk_data_unit };
+export { S as snk_data_unit } from './snk-data-unit-a8093f95.js';
+import './index-cfd4bb13.js';
+import '@sankhyalabs/core';
+import '@sankhyalabs/ezui/dist/collection/utils';
+import './SnkMessageBuilder-68bbf0ae.js';

package/dist/esm/snk-detail-view.entry.js

@@ -7,7 +7,8 @@ import '@sankhyalabs/core';
 import { P as PresentationMode } from './index-6519a79e.js';
 import { T as TaskbarElement } from './taskbar-elements-10d80c79.js';
 import { c as VIEW_MODE } from './constants-15617e7d.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-73b9eb29.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-d8654e2a.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-68bbf0ae.js';
 import './ConfigStorage-479e3228.js';
 import './form-config-fetcher-74e3e14b.js';
 import './_commonjsHelpers-9943807e.js';
@@ -73,6 +74,7 @@ const SnkDetailView = class {
     this.dataUnit = undefined;
     this.selectedForm = undefined;
     this.dataState = undefined;
+    this.messagesBuilder = undefined;
     this.branchGuide = undefined;
   }
   observerDataState(newValue, oldValue) {
@@ -213,11 +215,14 @@ const SnkDetailView = class {
     this._configName = `dynaform.${this.entityName}`;
     this.formConfigManager = new SnkFormConfigManager(this._configName, () => this.loadMetadata());
     this.formConfigManager.loadConfig();
+    if (this.messagesBuilder == undefined) {
+      this.messagesBuilder = new SnkMessageBuilder(this.entityName);
+    }
   }
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (h(Host, null, h("snk-data-unit", { dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: evt => this.dataState = evt.detail }, h("ez-view-stack", { ref: ref => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: evt => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit })))))));
+    return (h(Host, null, h("snk-data-unit", { dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: evt => this.dataState = evt.detail, messagesBuilder: this.messagesBuilder }, h("ez-view-stack", { ref: ref => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: evt => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit })))))));
   }
   static get watchers() { return {
     "dataState": ["observerDataState"]

package/dist/esm/snk-field-config.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cfd4bb13.js';
-import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+import { ElementIDUtils } from '@sankhyalabs/core';
 import { A as ACTION_CONFIG } from './constants-15617e7d.js';
 
 const snkFieldConfigCss = ".sc-snk-field-config-h{--snk-field-config--height:42px;--snk-field-config--width:100%;--snk-field-config__icon--width:48px;--snk-field-config-slim--height:32px;--snk-field-config--border-radius:var(--border--radius-medium, 12px);--snk-field-config--font-size:var(--text--medium, 14px);--snk-field-config--font-family:var(--font-pattern, Arial);--snk-field-config--font-weight:var(--text-weight--medium, 400);--snk-field-config--color:var(--title--primary, #000);--snk-field-config--padding-left:var(--space--medium, 6px);--snk-field-config__input--background-color:var(--background--medium, #e0e0e0);--snk-field-config__input--border:var(--border--medium, 2px solid);--snk-field-config__input--border-color:var(--background--xlight, #fff);--snk-field-config__required--color:var(--color--error, #FF0000);--snk-field-config__label--gap:var(--space--extra-small, 3px);--snk-field-config__transition--visibility:var(--transition, 0.2s linear);--snk-field-config__transition--opacity:var(--transition, 0.15s linear);--snk-field-config__config-popover--z-index:var(--more-visible, 2);--snk-field-config__config-outer-arrow--background-color:var(--color--secondary-200, #D2D3DA);--snk-field-config__draggable--padding-right:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--snk-field-config--width)}.field-config.sc-snk-field-config{width:100%;box-sizing:border-box;display:flex;align-items:center;padding-left:var(--snk-field-config--padding-left);font-weight:var(--snk-field-config--font-weight);height:var(--snk-field-config--height);border-radius:var(--snk-field-config--border-radius);font-family:var(--snk-field-config--font-family);font-size:var(--snk-field-config--font-size);border:var(--snk-field-config__input--border);border-color:var(--snk-field-config__input--border-color);background-color:var(--snk-field-config__input--background-color);color:var(--snk-field-config--color)}.field-config__config-popover.sc-snk-field-config{width:40px;margin-left:auto;z-index:var(--snk-field-config__config-popover--z-index)}.field-config__label.sc-snk-field-config{display:flex;flex-direction:row-reverse;line-height:calc(var(--snk-field-config--font-size) + 2px);gap:var(--snk-field-config__label--gap)}.field-config__label-text.sc-snk-field-config{overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}.field-config__label-required.sc-snk-field-config{color:var(--snk-field-config__required--color)}.field-config__add.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options--is-active.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config__remove-icon.sc-snk-field-config{margin-right:-15px}.field-config.sc-snk-field-config:hover .field-config__options.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config.sc-snk-field-config:hover .field-config__add.sc-snk-field-config{visibility:visible;opacity:1}.field-config__draggable.sc-snk-field-config{padding-right:var(--snk-field-config__draggable--padding-right)}.field-config__config-outer-arrow.sc-snk-field-config{clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px;padding-top:3px;border-bottom:1px solid #FFFFFF;background-color:var(--snk-field-config__config-outer-arrow--background-color)}.field-config__config-inner-arrow.sc-snk-field-config{background-color:#FFFFFF;clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px}.ez-box__container.sc-snk-field-config ez-collapsible-box.sc-snk-field-config{--snk-collapsible-box__header--padding-left:6px}ez-icon.sc-snk-field-config{--snk-icon--color:var(--snk-field-config--color)}ez-popover.sc-snk-field-config{--snk-popover__box--background-color:transparent;--snk-popover__box--box-shadow:none}.field-config__options.sc-snk-field-config ez-button.sc-snk-field-config{--snk-button--background-color:transparent;--snk-button--focus--border:none;--snk-button--focus--box-shadow:none}@media screen and (min-width: 1200px){.field-config__label.sc-snk-field-config{flex-direction:row}}";
@@ -13,6 +13,7 @@ const SnkFieldConfig = class {
     this.fieldConfig = undefined;
     this.modeInsertion = true;
     this.dataUnit = undefined;
+    this.messagesBuilder = undefined;
   }
   handleAction(evt, type) {
     evt.preventDefault();
@@ -30,16 +31,13 @@ const SnkFieldConfig = class {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-form.msg.ts".
    */
   getMessage(key) {
-    return this._application.messagesBuilder.getMessage(key, {});
+    return this.messagesBuilder.getMessage(key, {});
   }
   isRequired() {
     var _a, _b;
     const fieldMD = this.dataUnit && this.dataUnit.getField((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.name);
     return (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.required) === true || ((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.required) === true;
   }
-  componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-  }
   componentDidLoad() {
     ElementIDUtils.addIDInfo(this._element);
   }

package/dist/esm/snk-filter-bar.entry.js

@@ -136,6 +136,7 @@ const SnkFilterBar = class {
     this.dataUnit = undefined;
     this.configName = undefined;
     this.filterConfig = undefined;
+    this.messagesBuilder = undefined;
     this.allowDefault = undefined;
     this.scrollerLocked = false;
   }
@@ -200,7 +201,8 @@ const SnkFilterBar = class {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-bar.msg.ts"
    */
   getMessage(key, params) {
-    return this._application.messagesBuilder.getMessage(key, params);
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
   }
   getFilter(_dataUnit) {
     var _a;

package/dist/esm/snk-filter-param-config.entry.js

@@ -68,6 +68,7 @@ const SnkFilterParamConfig = class {
     this._expressionItem = undefined;
     this._informedInstance = false;
     this._canSave = false;
+    this.messagesBuilder = undefined;
   }
   open(expressionItem) {
     this._opened = true;
@@ -90,7 +91,7 @@ const SnkFilterParamConfig = class {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-param-config.msg.ts"
    */
   getMessage(key, params) {
-    return this._application.messagesBuilder.getMessage(key, params);
+    return this.messagesBuilder.getMessage(key, params);
   }
   getConfigValue(configName, inputName, inputAlias = "") {
     var _a, _b, _c;

package/dist/esm/snk-form-config.entry.js

@@ -45,6 +45,7 @@ const SnkFormConfig = class {
     this._tempGroups = [];
     this.dataUnit = undefined;
     this.configManager = undefined;
+    this.messagesBuilder = undefined;
   }
   observeConfigManager() {
     this.loadConfig(this._sortableTimer);
@@ -249,8 +250,8 @@ const SnkFormConfig = class {
     var _a;
     return ((_a = group.fields) === null || _a === void 0 ? void 0 : _a.length) ? group.fields.map((field) => {
       var _a, _b;
-      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, dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name, id: field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
-        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) })));
+      return h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { messagesBuilder: this.messagesBuilder, onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name, id: field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
+        h("div", { class: "ez-flex form-config__config-options" }, h("snk-config-options", { idConfig: field.name, messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), onConfigOptionsChanged: (evt) => this.handleconfigOptionsChanged(evt.detail) })));
     }) : 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")))));
   }
   handleconfigOptionsChanged(fieldEdited) {
@@ -957,7 +958,7 @@ const SnkFormConfig = class {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-form.msg.ts"
    */
   getMessage(key, params) {
-    return this._application.messagesBuilder.getMessage(key, params);
+    return this.messagesBuilder.getMessage(key, params);
   }
   componentDidRender() {
     this.controlSortableField();
@@ -982,7 +983,7 @@ const SnkFormConfig = class {
         }), onEzAction: (evt) => this.controlSelectFormConfig(evt), id: "selectConfig" })), h("div", { class: "ez-col ez-col--sd-5 ez-col--tb-3 ez-align--middle ez-align--right" }, this._formConfigChanged === true && this._optionFormConfigChanged === false &&
       h("div", { class: "ez-row ez-align--middle ez-align--right" }, h("ez-button", { label: "Cancelar", class: "ez-padding-left--medium", size: "small", onClick: () => this.cancelChangeConfig() }), h("ez-button", { label: "Salvar", class: "ez-button--primary ez-padding-left--medium", size: "small", onClick: () => this.saveConfig() }, h("ez-icon", { class: "ez-margin-right--small", slot: "leftIcon", iconName: "save" }))), this._optionFormConfigChanged === true &&
       h("div", { class: "ez-row ez-align--middle ez-align--right" }, h("ez-button", { label: "Cancelar", class: "ez-padding-left--medium", size: "small", onClick: () => this.cancelChangeOptionConfig() }), h("ez-button", { label: this.getMessage("snkFormConfig.applyConfig"), class: "ez-button--primary ez-padding-left--medium", size: "small", onClick: () => this.applyOptionConfig() })))), h("div", { class: "ez-row ez-padding--medium", ref: ref => this._sortableContainer = ref }, h("div", { class: "form-config__tab-container ez-col ez-col--sd-9 ez-col--tb-9 ez-padding-right--medium" }, ((_b = this._layoutFormConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-      h("section", { class: "ez-box__container", ref: ref => this._formContainer = ref }, h("snk-tab-config", { ref: ref => this._tabConfig = ref, selectedIndex: this._tabSelected, onEzTabChange: (ev) => this.changeTabSelected(ev.detail), onEzOrderChange: (ev) => this.changeTabOrder(ev.detail), onEditionTitleTab: (ev) => this.changeTabLabel(ev), onDeleteTab: (ev) => this.handleDeleteTab(ev), onHideTab: (ev) => this.changeHideTab(ev), onCanStartDrag: () => this.handleCanStartDragTab() }, this._layoutFormConfig.map((tab) => h("snk-tab", { tabKey: tab.tab, label: tab.tab, visible: tab.visible }))), this._layoutFormConfig.map((tab, indexTab) => h("div", { id: "tab" + indexTab, "data-draggable-parent": "group", class: this._tabSelected === indexTab
+      h("section", { class: "ez-box__container", ref: ref => this._formContainer = ref }, h("snk-tab-config", { ref: ref => this._tabConfig = ref, selectedIndex: this._tabSelected, messagesBuilder: this.messagesBuilder, onEzTabChange: (ev) => this.changeTabSelected(ev.detail), onEzOrderChange: (ev) => this.changeTabOrder(ev.detail), onEditionTitleTab: (ev) => this.changeTabLabel(ev), onDeleteTab: (ev) => this.handleDeleteTab(ev), onHideTab: (ev) => this.changeHideTab(ev), onCanStartDrag: () => this.handleCanStartDragTab() }, this._layoutFormConfig.map((tab) => h("snk-tab", { tabKey: tab.tab, label: tab.tab, visible: tab.visible }))), this._layoutFormConfig.map((tab, indexTab) => h("div", { id: "tab" + indexTab, "data-draggable-parent": "group", class: this._tabSelected === indexTab
           ? "form-config__tab-content ez-flex ez-flex--column ez-size-width--full ez-padding--medium"
           : "form-config__hide-content" }, tab.groups.map((group, indexGroup) => {
         if (group.group) {
@@ -995,7 +996,7 @@ const SnkFormConfig = class {
           return h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("label", { class: "ez-text ez-text--secondary ez-margin-vertical--small" }, this.getMessage("snkFormConfig.form.subTitleInfo")), h("div", { id: CONTAINER_ID.withoutGroup, class: "ez-row", "data-draggable-parent": "field" }, this.getFieldsByGroup(group)), h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" }));
         }
       }), this.renderTempGroupByTab(tab.tab))), h("div", { class: "form-config__btn-add-group ez-row" }, h("div", { class: "form-config__btn-add-group-container ez-col ez-col--sd-12 ez-col--tb-12 ez-align--center" }, h("ez-button", { label: this.getMessage("snkFormConfig.form.labelNewGroup"), class: "ez-padding-horizontal--small ez-button--primary", size: "small", onClick: () => this.addNewGroup() }, h("ez-icon", { class: "ez-margin-right--small", slot: "leftIcon", iconName: "plus" })))))), h("div", { class: "form-config__fields-available ez-col ez-col--sd-3 ez-col--tb-3" }, h("section", { class: "ez-box__container ez-col ez-col--pn-12" }, h("h1", { class: "ez-title ez-title--large ez-title--primary ez-padding-bottom--medium" }, this.getMessage("snkFormConfig.availableFields.title")), h("ez-filter-input", { id: "searchFields", ref: ref => this._filterFieldsAvailable = ref, label: this.getMessage("snkFormConfig.availableFields.labelSearchField"), onEzChange: evt => this.onFilterChange(evt.detail) }), h("span", { class: "ez-box__label-counter ez-text ez-text--medium ez-text--primary ez-margin-bottom--medium" }, this.handleLabelCounter((_c = this._fieldsAvailable) === null || _c === void 0 ? void 0 : _c.length)), ((_d = this._layoutFormConfig) === null || _d === void 0 ? void 0 : _d.length) > 0 &&
-      h("div", { id: CONTAINER_ID.fieldsAvailable, class: "ez-row", "data-draggable-parent": "field" }, this.orderFieldsAvailable(this._fieldsAvailable).map((field) => h("div", { key: field.name, class: this._fieldsAvailableStyle, "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, dataUnit: this.dataUnit, fieldConfig: field, id: field.name })))))))));
+      h("div", { id: CONTAINER_ID.fieldsAvailable, class: "ez-row", "data-draggable-parent": "field" }, this.orderFieldsAvailable(this._fieldsAvailable).map((field) => h("div", { key: field.name, class: this._fieldsAvailableStyle, "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { messagesBuilder: this.messagesBuilder, onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, dataUnit: this.dataUnit, fieldConfig: field, id: field.name })))))))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/snk-form.entry.js

@@ -19,6 +19,7 @@ const SnkForm = class {
     this._configManager = undefined;
     this.configName = undefined;
     this.recordsValidator = undefined;
+    this.messagesBuilder = undefined;
   }
   /**
    * Exibe a janela de configurações do formulário.
@@ -69,7 +70,7 @@ const SnkForm = class {
       return undefined;
     }
     return (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": "embedded", dataUnit: this._dataUnit, config: this._configManager.getConfig(this._dataState.insertionMode, this._dataUnit), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
-      h("snk-form-config", { dataUnit: this._dataUnit, configManager: this._configManager, onConfigClose: () => this.closeConfig() })))));
+      h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this._dataUnit, configManager: this._configManager, onConfigClose: () => this.closeConfig() })))));
   }
   get _element() { return getElement(this); }
 };

package/dist/esm/snk-grid.entry.js

@@ -39,6 +39,7 @@ const SnkGrid = class {
     this.statusResolver = undefined;
     this.multipleSelection = undefined;
     this.presentationMode = PresentationMode.PRIMARY;
+    this.messagesBuilder = undefined;
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -271,8 +272,8 @@ const SnkGrid = class {
     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 }), ((_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, 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, "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() }))));
+    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() }))));
   }
   get _element() { return getElement(this); }
 };