@sankhyalabs/sankhyablocks 9.1.0-ms.5 → 9.1.0-ms.7

package/dist/cjs/snk-actions-button_8.cjs.entry.js

@@ -4,20 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const DataFetcher = require('./DataFetcher-e23a263b.js');
+const DataFetcher = require('./DataFetcher-ad9fb3bb.js');
 const ParamType = require('./ParamType-90b440a0.js');
-require('./ISave-e0be2362.js');
+require('./ISave-18ffb73e.js');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-c34a8217.js');
+require('./dataunit-fetcher-c7253b02.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-const formConfigFetcher = require('./form-config-fetcher-d8b78403.js');
+const formConfigFetcher = require('./form-config-fetcher-f6e66d64.js');
 const constants = require('./constants-6d82e405.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const ConfigStorage = require('./ConfigStorage-34aa43d8.js');
+const ConfigStorage = require('./ConfigStorage-1931defc.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
@@ -515,6 +515,7 @@ const ESCOLHA_SIM_NAO = "__ESCOLHA_SIMNAO__";
 class ClientEventConfirm {
   async clientConfirm(clientEvent, recaller) {
     return new Promise((resolve) => {
+      var _a, _b;
       const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
       let actionType = "";
       if (clientEvent.content.event.hasOwnProperty('stpCall')) {
@@ -586,8 +587,8 @@ class ClientEventConfirm {
       }
       else {
         application.confirm(title, message, null, 'warn', {
-          labelCancel: "Cancelar",
-          labelConfirm: "Sim"
+          labelCancel: (_a = application === null || application === void 0 ? void 0 : application.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkActionsButton.clientEvent.labelCancel"),
+          labelConfirm: (_b = application === null || application === void 0 ? void 0 : application.messagesBuilder) === null || _b === void 0 ? void 0 : _b.getMessage("snkActionsButton.clientEvent.labelConfirm")
         }).then(async (confirmResult) => {
           if (confirmResult) {
             param.paramName = CONFIRMACAO;
@@ -802,23 +803,10 @@ const SnkGridConfig = class {
     this._orderListItems = newSortableList;
   }
   createColumnList() {
-    let visibleGroup = {
-      group: this.getMessage('snkGridConfig.group.visible'),
-      items: [],
-    };
-    let hiddenGroup = {
-      group: this.getMessage('snkGridConfig.group.hidden'),
-      items: [],
-      sort: constants.ORDER_VALUES.asc.value,
-    };
-    this.columns.forEach((column) => {
-      var _a;
-      let item = {
-        label: column.label,
-        selected: false,
-        sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : constants.ORDER_VALUES.asc.value,
-        id: column.name,
-      };
+    const visibleGroup = this.buildVisibleGroup();
+    const hiddenGroup = this.buildHiddenGroup();
+    this.columns.forEach(column => {
+      const item = this.buildListItemFromColumn(column);
       if (column.hidden) {
         hiddenGroup.items.push(item);
       }
@@ -831,6 +819,19 @@ const SnkGridConfig = class {
     this._hiddenList = hiddenGroup.items;
     this.createOrderList();
   }
+  buildVisibleGroup() {
+    return {
+      group: this.getMessage('snkGridConfig.group.visible'),
+      items: [],
+    };
+  }
+  buildHiddenGroup() {
+    return {
+      group: this.getMessage('snkGridConfig.group.hidden'),
+      items: [],
+      sort: constants.ORDER_VALUES.asc.value,
+    };
+  }
   createOrderListSlotDataElementId(item) {
     return `${this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${core.StringUtils.toCamelCase(item.label)}`;
   }
@@ -843,7 +844,7 @@ const SnkGridConfig = class {
     return (index.h("snk-select-box", { selectedOption: selectedOption, key: 'snk-select-box-' + this._componenteInternalKey + '-' + item, "data-element-id": dataElementId, onEzChange: (evt) => {
         evt.stopPropagation();
         this.updateOrder(evt.detail, item.label);
-      } }));
+      }, preventAutoFocus: true }));
   }
   updateOrder(sortOrder, updatedItemLabel) {
     var _a;
@@ -878,25 +879,21 @@ const SnkGridConfig = class {
       this.closeConfig();
       return;
     }
-    let newColumnList = [];
-    this._columListItems.forEach((group) => {
-      group.items.forEach((item) => {
-        const baseColumn = this.columns.find((column) => column.label === item.label);
-        let newColumnItem = Object.assign({}, baseColumn);
-        if (group.group === this.getMessage('snkGridConfig.group.hidden')) {
-          newColumnItem.hidden = true;
-        }
-        else {
-          newColumnItem.hidden = false;
-        }
-        newColumnList.push(newColumnItem);
-      });
-    });
-    this.columns = newColumnList;
+    this.updateColumns();
     this._dataChanged = false;
     this.closeConfig();
     this.save();
   }
+  updateColumns() {
+    this.columns = this._columListItems.flatMap((group) => group.items.map((item) => this.buildColumnFromListItem(item, group)));
+  }
+  buildColumnFromListItem(item, group) {
+    const baseColumn = this.columns.find((column) => column.label === item.label);
+    if (!baseColumn) {
+      throw new Error(`Column with label "${item.label}" not found.`);
+    }
+    return Object.assign(Object.assign({}, baseColumn), { hidden: group.group === this.getMessage('snkGridConfig.group.hidden') });
+  }
   saveGridConfigOnStorage(_newConfig) {
     ConfigStorage.ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
       .then((savedConfig) => {
@@ -1066,13 +1063,55 @@ const SnkGridConfig = class {
       },
     };
   }
+  renderResetConfigBtn() {
+    if (!this.resourceID)
+      return;
+    return index.h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.reset'), onClick: () => this.setDefaultConfig() });
+  }
+  async setDefaultConfig() {
+    var _a;
+    if (!this.resourceID)
+      return;
+    this._dataChanged = true;
+    const config = await ConfigStorage.ConfigStorage.getDefaultGridConfig(this.resourceID);
+    const defaultVisibleCols = (_a = config === null || config === void 0 ? void 0 : config.columns.map(col => col.name)) !== null && _a !== void 0 ? _a : [];
+    const visibleGroup = this.buildVisibleGroup();
+    const hiddenGroup = this.buildHiddenGroup();
+    const visibleItemsMap = new Map();
+    this.columns.forEach(column => {
+      const item = this.buildListItemFromColumn(column);
+      if (defaultVisibleCols.includes(column.name)) {
+        visibleItemsMap.set(column.name, item);
+      }
+      else {
+        hiddenGroup.items.push(item);
+      }
+    });
+    visibleGroup.items = defaultVisibleCols
+      .map(name => visibleItemsMap.get(name))
+      .filter(item => item);
+    this._columListItems = [visibleGroup, hiddenGroup];
+    this._visibleList = visibleGroup.items;
+    this._hiddenList = hiddenGroup.items;
+    this.updateColumns();
+    this.createOrderList();
+  }
+  buildListItemFromColumn(column) {
+    var _a;
+    return {
+      label: column.label,
+      selected: false,
+      sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : constants.ORDER_VALUES.asc.value,
+      id: column.name,
+    };
+  }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "ez-margin-bottom--medium" }, index.h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), index.h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), index.h("div", { class: "grid-config__body" }, index.h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, index.h("div", { class: "grid-config__main" }, index.h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
+    return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "ez-margin-bottom--medium" }, index.h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), index.h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), index.h("div", { class: 'grid-config__body' }, index.h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, index.h("div", { class: "grid-config__main" }, index.h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
         LEFT_LIST: this.getMessage('snkGridConfig.emptyMensage.left'),
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
       }, entityLabel: 'coluna', entityLabelPlural: 'colunas' }))), index.h("ez-collapsible-box", { id: 'ID_group-order-columns', label: this.getMessage('snkGridConfig.dataOrdering'), "header-size": "medium", key: 'KEY_group-order-columns', value: this._collapsibleBoxListOrder, onEzChange: ({ detail }) => this._collapsibleBoxListSelect = !detail }, index.h("div", { class: "grid-config__main" }, index.h("ez-double-list", { rightList: this._orderListItems, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), useOnlyRightList: true, slotsListBuilder: this.getListSlots(), emptyMessage: {
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
-      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), index.h("div", { class: "grid-config__footer" }, index.h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), index.h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
+      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), index.h("div", { class: "grid-config__footer" }, this.renderResetConfigBtn(), index.h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), index.h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
   }
   static get assetsDirs() { return ["../assets"]; }
   get _element() { return index.getElement(this); }
@@ -1087,6 +1126,7 @@ const SnkLayoutFormConfig = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this._formConfigFetcher = new formConfigFetcher.FormConfigFetcher();
+    this.messagesBuilder = undefined;
     this.layoutType = utils.FormLayout.CASCADE;
   }
   /**
@@ -1111,8 +1151,12 @@ const SnkLayoutFormConfig = class {
   toggleLayout(key) {
     this.layoutType = key;
   }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
   render() {
-    return (index.h("div", { class: "ez-flex ez-flex--column" }, index.h("div", { class: "ez-margin-bottom--small" }, index.h("ez-check", { label: "Layout em cascata", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(utils.FormLayout.CASCADE), value: this.layoutType === utils.FormLayout.CASCADE }), index.h("snk-view-representation", { mode: utils.FormLayout.CASCADE }), index.h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, "Todos os campos ser\u00E3o organizados em uma coluna \u00FAnica.")), index.h("div", null, index.h("ez-check", { label: "Layout lado a lado", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(utils.FormLayout.SIDE_BY_SIDE), value: this.layoutType === utils.FormLayout.SIDE_BY_SIDE }), index.h("snk-view-representation", { mode: utils.FormLayout.SIDE_BY_SIDE }), index.h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, "Todos os campos ser\u00E3o dispostos lado a lado, ajustando-se automaticamente \u00E0 largura da tela."))));
+    return (index.h("div", { class: "ez-flex ez-flex--column" }, index.h("div", { class: "ez-margin-bottom--small" }, index.h("ez-check", { label: this.getMessage('snkLayoutFormConfig.cascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(utils.FormLayout.CASCADE), value: this.layoutType === utils.FormLayout.CASCADE }), index.h("snk-view-representation", { mode: utils.FormLayout.CASCADE }), index.h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.cascadeLayout.description'))), index.h("div", null, index.h("ez-check", { label: this.getMessage('snkLayoutFormConfig.sideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(utils.FormLayout.SIDE_BY_SIDE), value: this.layoutType === utils.FormLayout.SIDE_BY_SIDE }), index.h("snk-view-representation", { mode: utils.FormLayout.SIDE_BY_SIDE }), index.h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.sideBySideLayout.description')))));
   }
 };
 SnkLayoutFormConfig.style = snkLayoutFormConfigCss;
@@ -1124,9 +1168,10 @@ const SelectBox = class {
     index.registerInstance(this, hostRef);
     this.ezChange = index.createEvent(this, "ezChange", 7);
     this.selectedOption = constants.ORDER_VALUES.none;
+    this.preventAutoFocus = false;
   }
   render() {
-    return (index.h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, Object.keys(constants.ORDER_VALUES).map((key) => {
+    return (index.h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true, preventAutoFocus: this.preventAutoFocus }, Object.keys(constants.ORDER_VALUES).map((key) => {
       return index.h("option", { value: constants.ORDER_VALUES[key].value }, constants.ORDER_VALUES[key].label);
     })));
   }
@@ -1144,6 +1189,7 @@ const SnkSimpleFormConfig = class {
     this.fieldsToSave = [];
     this.dataUnit = undefined;
     this.configName = undefined;
+    this.messagesBuilder = undefined;
     this.avaliableFields = [];
     this.selectedFields = [];
   }
@@ -1179,6 +1225,10 @@ const SnkSimpleFormConfig = class {
     const fieldList = await this._formConfigFetcher.fetchSimpleFormConfig(this.configName);
     return [...this.removeDuplicates(fieldList)];
   }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
   removeDuplicates(strings) {
     return strings.filter((item, index) => strings.indexOf(item) === index);
   }
@@ -1218,7 +1268,7 @@ const SnkSimpleFormConfig = class {
     this.snkConfigSaved.emit();
   }
   render() {
-    return (index.h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'medium', ezTitle: 'Configurar formul\u00E1rio' }, index.h("div", { class: 'config-container' }, index.h("div", { class: 'config-lists' }, index.h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: 'Campos disponíveis', rightList: this.selectedFields, rightTitle: 'Campos selecionados', onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: 'campo', entityLabelPlural: 'campos' })), index.h("div", { class: 'config-actions' }, index.h("ez-button", { label: 'Restaurar', onClick: this.handleResetConfigs.bind(this), size: 'small' }), index.h("ez-button", { label: 'Cancelar', onClick: this.handleCancel.bind(this), size: 'small' }), index.h("ez-button", { label: 'Salvar', class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
+    return (index.h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'medium', ezTitle: this.getMessage("snkSimpleFormConfig.popup.title") }, index.h("div", { class: 'config-container' }, index.h("div", { class: 'config-lists' }, index.h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: this.getMessage("snkSimpleFormConfig.lists.availableFields"), rightList: this.selectedFields, rightTitle: this.getMessage("snkSimpleFormConfig.lists.selectedFields"), onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: this.getMessage("snkSimpleFormConfig.lists.entityLabel"), entityLabelPlural: this.getMessage("snkSimpleFormConfig.lists.entityLabelPlural") })), index.h("div", { class: 'config-actions' }, index.h("ez-button", { label: this.getMessage("snkSimpleFormConfig.buttons.restore"), onClick: this.handleResetConfigs.bind(this), size: 'small' }), index.h("ez-button", { label: this.getMessage("snkSimpleFormConfig.buttons.cancel"), onClick: this.handleCancel.bind(this), size: 'small' }), index.h("ez-button", { label: this.getMessage("snkSimpleFormConfig.buttons.save"), class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
   }
 };
 SnkSimpleFormConfig.style = snkSimpleFormConfigCss;

package/dist/cjs/snk-application.cjs.entry.js

@@ -5,16 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const ConfigStorage = require('./ConfigStorage-34aa43d8.js');
-const DataFetcher = require('./DataFetcher-e23a263b.js');
-const authFetcher = require('./auth-fetcher-8670a38f.js');
-const dataunitFetcher = require('./dataunit-fetcher-c34a8217.js');
-const ISave = require('./ISave-e0be2362.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-221cc88d.js');
+const ConfigStorage = require('./ConfigStorage-1931defc.js');
+const DataFetcher = require('./DataFetcher-ad9fb3bb.js');
+const authFetcher = require('./auth-fetcher-afbe69ab.js');
+const dataunitFetcher = require('./dataunit-fetcher-c7253b02.js');
+const ISave = require('./ISave-18ffb73e.js');
 const constants = require('./constants-6d82e405.js');
 require('./index-e3e39724.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-const formConfigFetcher = require('./form-config-fetcher-d8b78403.js');
+const formConfigFetcher = require('./form-config-fetcher-f6e66d64.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
@@ -239,6 +238,9 @@ class SnkErrorHandler {
     window.addEventListener("error", evt => this.errorHandler(evt));
     window.addEventListener("unhandledrejection", evt => this.rejectionHandler(evt));
   }
+  getMessage(key, params) {
+    return this._app.messagesBuilder.getMessage(key, params);
+  }
   rejectionHandler(evt) {
     const reason = evt.reason;
     //Promisse rejeitada com WaitingChangeException, não precisam
@@ -250,7 +252,7 @@ class SnkErrorHandler {
       else {
         this._app.isDebugMode().then((isDebug) => {
           if (isDebug) {
-            this._app.error("Promise rejeitada", "Erro interno: Uma promise foi rejeitada sem razão determinada.");
+            this._app.error(this.getMessage("snkErrorHandler.title.promiseRejected"), this.getMessage("snkErrorHandler.message.undeterminedPromiseRejection"));
           }
         });
       }
@@ -260,15 +262,17 @@ class SnkErrorHandler {
     this.processException(evt.error);
   }
   buildErrorCodeHTML(errorCode) {
-    const onclick = 'try{window.workspace.openHelp(\'_tbcode:' + errorCode + '\')} catch(e){alert(\'Não é possível abrir a ajuda fora do workspace Sankhya\');}';
-    return '<br><a href="#" onclick="' + onclick + '">Código: ' + errorCode + '</a>';
+    const cannotOpenHelpMessage = this.getMessage("snkErrorHandler.message.cannotOpenHelp");
+    const errorCodeLabel = this.getMessage("snkErrorHandler.errorCode.label");
+    const onclick = `try{window.workspace.openHelp('_tbcode:${errorCode}')} catch(e){alert('${cannotOpenHelpMessage}');}`;
+    return `<br><a href="#" onclick="${onclick}">${errorCodeLabel}${errorCode}</a>`;
   }
   processException(exception) {
     if (exception.errorCode) {
       exception.message += this.buildErrorCodeHTML(exception.errorCode);
     }
     if (exception instanceof core.SilentException) {
-      console.warn("SilentException ignorada", exception);
+      console.warn(this.getMessage("snkErrorHandler.message.silentExceptionIgnored"), exception);
     }
     else if (exception instanceof core.WaitingChangeException) {
       this._app.alert(exception.title, exception.message);
@@ -286,8 +290,9 @@ class SnkErrorHandler {
             this._app.error(exception.name, exception.message);
           }
           else {
-            const title = (exception === null || exception === void 0 ? void 0 : exception.title) || "Erro detectado";
-            const message = (typeof exception === "string") ? exception : exception.message || `Erro interno "${core.ObjectUtils.objectToString(exception)}"`;
+            const title = (exception === null || exception === void 0 ? void 0 : exception.title) || this.getMessage("snkErrorHandler.title.errorDetected", undefined);
+            const message = (typeof exception === "string") ? exception :
+              exception.message || `${this.getMessage("snkErrorHandler.error.internal")} "${core.ObjectUtils.objectToString(exception)}"`;
             this._app.error(title, message);
           }
         }
@@ -528,6 +533,7 @@ const SnkApplication = class {
     this.applicationLoaded = index.createEvent(this, "applicationLoaded", 7);
     this.applicationLoading = index.createEvent(this, "applicationLoading", 7);
     this.NEW_VERSION_POPUP_LOCKER = "NEW_VERSION_POPUP_LOCKER";
+    this.FEATURE_FLAG_CACHE_DURATION = 3600000; // 1 hora em milissegundos
     this._authPromises = [];
     this._keyboardManager = new core.KeyboardManager();
     this._waitingAppReady = new Array();
@@ -535,6 +541,7 @@ const SnkApplication = class {
     this._duPromises = new Map();
     this._requestListener = RequestListenerFactory.create({ strategy: 'request_time' });
     this._maxTimerAppLoading = 10000;
+    this._featureFlagsCache = new Map();
     this._isBrowserTypeElectron = false;
     this._pendingActions = new Map;
     this._loadPkParameter = null;
@@ -826,6 +833,29 @@ const SnkApplication = class {
         .catch(error => reject(error));
     });
   }
+  /**
+   * Retorna se uma feature flag global está ativa ou não.
+   */
+  async isFeatureActive(featureName) {
+    const now = Date.now();
+    let payload = {
+      "serviceName": "SystemUtilsSP.featureIsActive",
+      "requestBody": {
+        "featureName": featureName
+      }
+    };
+    if (this._featureFlagsCache.get(featureName) && now < this._featureFlagsCache.get(featureName).expires) {
+      return Promise.resolve(this._featureFlagsCache.get(featureName).isActive);
+    }
+    //Caso ocorra um erro nessa chamada, o reject do error é feito automaticamente 
+    const result = await DataFetcher.DataFetcher.get().callServiceBroker("SystemUtilsSP.featureIsActive", JSON.stringify(payload));
+    const isActive = result.isActive;
+    this._featureFlagsCache.set(featureName, {
+      isActive: isActive,
+      expires: now + this.FEATURE_FLAG_CACHE_DURATION,
+    });
+    return isActive;
+  }
   /**
    * Salva a configuração de determinado recurso.
    */
@@ -1135,8 +1165,8 @@ const SnkApplication = class {
                 const dataType = (masterDescriptor === null || masterDescriptor === void 0 ? void 0 : masterDescriptor.dataType) || core.DataType.TEXT;
                 const value = dataUnit.getFieldValue(fieldName);
                 if (value == undefined) {
-                  this.alert("Erro ao pesquisar", `É necessario informar o campo ${masterDescriptor.label} para executar a pesquisa.`);
-                  throw new Error(`É necessario informar o campo ${masterDescriptor.label} para executar a pesquisa.`);
+                  this.alert(this.getMessage("snkApplication.search.error.title"), this.getMessage("snkApplication.search.error.requiredField", { fieldLabel: masterDescriptor.label }));
+                  throw new Error(this.getMessage("snkApplication.search.error.requiredField", { fieldLabel: masterDescriptor.label }));
                 }
                 return { name: fieldName, value, dataType };
               })
@@ -1407,7 +1437,7 @@ const SnkApplication = class {
     const snkDataUnit = this.getFirstDataUnitFromDOM();
     const dataUnit = snkDataUnit.dataUnit;
     if (!dataUnit) {
-      console.warn("Dataunit não inicializado");
+      console.warn(this.getMessage("snkApplication.dataUnit.initDataUnitError"));
       snkDataUnit.addEventListener("dataUnitReady", (event) => {
         this.loadDataWithPKFilter(pkObject, event.detail);
         this._currentPkParameter = pkHash;
@@ -1532,7 +1562,7 @@ const SnkApplication = class {
   componentWillLoad() {
     core.ApplicationContext.setContextValue("__SNK__APPLICATION__LOADING__", true);
     this._errorHandler = new SnkErrorHandler(this);
-    this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder();
+    this.messagesBuilder = new DataFetcher.SnkMessageBuilder();
     core.ApplicationContext.setContextValue("__EZUI__UPLOAD__ADD__URL__", `${DataFetcher.UrlUtils.getUrlBase()}/mge/upload/file`);
     core.ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
       return this.executeSearch(searchArgument, fieldName, dataUnit, ctxOptions);
@@ -1661,9 +1691,9 @@ const SnkApplication = class {
   }
   initKeyboardManager() {
     this._keyboardManager
-      .bind("ctrl + g", Workspace.searchApp.bind(this), { description: "Pesquisar por telas" })
-      .bind("ctrl + d", Workspace.showDesktop.bind(this), { description: "Mostrar o desktop" })
-      .bind("F1", Workspace.openHelp.bind(this), { description: "Abrir ajuda" });
+      .bind("ctrl + g", Workspace.searchApp.bind(this), { description: this.getMessage("snkApplication.keyboard.shortcuts.searchApp") })
+      .bind("ctrl + d", Workspace.showDesktop.bind(this), { description: this.getMessage("snkApplication.keyboard.shortcuts.showDesktop") })
+      .bind("F1", Workspace.openHelp.bind(this), { description: this.getMessage("snkApplication.keyboard.shortcuts.openHelp") });
   }
   removeShortcuts() {
     this._keyboardManager.unbindAllShortcutKeys();
@@ -1709,7 +1739,7 @@ const SnkApplication = class {
     return (index.h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, index.h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, index.h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" })), index.h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, index.h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index$1) => index.h("ez-skeleton", { key: index$1, count: 1, variant: "text", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), index.h("div", { class: "ez-flex ez-flex--column", style: { width: "75%" } }, index.h("div", { class: "ez-padding--medium", style: { width: "100%" } }, index.h("ez-skeleton", { count: 1, variant: "text", width: "30%", height: "25px", animation: "progress" })), index.h("div", { class: "ez-padding--medium", style: { height: "45%" } }, index.h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (index.h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index$1) => index.h("ez-skeleton", { key: index$1, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))))), index.h("div", { class: "ez-padding--medium", style: { width: "100%" } }, index.h("ez-skeleton", { count: 1, variant: "text", width: "30%", height: "25px", animation: "progress" })), index.h("div", { class: "ez-padding--medium", style: { height: "45%" } }, index.h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (index.h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index$1) => index.h("ez-skeleton", { key: index$1, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))))))));
   }
   getSpinnerLoadingDefault() {
-    return (index.h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, index.h("div", { class: "ez-flex ez-size-height--full ez-size-width--full ez-flex--justify-center ez-flex--align-items-center spinner" }, index.h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), index.h("span", { class: "ez-title ez-title--secondary ez-title--extra-large" }, "Carregando..."))));
+    return (index.h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, index.h("div", { class: "ez-flex ez-size-height--full ez-size-width--full ez-flex--justify-center ez-flex--align-items-center spinner" }, index.h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), index.h("span", { class: "ez-title ez-title--secondary ez-title--extra-large" }, this.getMessage("snkApplication.loading.text")))));
   }
   render() {
     return (index.h(index.Host, { style: {

package/dist/cjs/snk-attach.cjs.entry.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const DataFetcher = require('./DataFetcher-e23a263b.js');
-const ISave = require('./ISave-e0be2362.js');
+const DataFetcher = require('./DataFetcher-ad9fb3bb.js');
+const ISave = require('./ISave-18ffb73e.js');
 require('./index-e3e39724.js');
-const dataunitFetcher = require('./dataunit-fetcher-c34a8217.js');
+const dataunitFetcher = require('./dataunit-fetcher-c7253b02.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-d8b78403.js');
+require('./form-config-fetcher-f6e66d64.js');
 const constants = require('./constants-6d82e405.js');
-const authFetcher = require('./auth-fetcher-8670a38f.js');
+const authFetcher = require('./auth-fetcher-afbe69ab.js');
 const taskbarElements = require('./taskbar-elements-3b74cd21.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
@@ -356,10 +356,12 @@ class AnexoSistemaDataUnitFactory {
   }
 }
 
-const application$1 = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+let messageBuilderInstance;
 const getMessage$1 = (key) => {
-  var _a, _b;
-  return (_b = (_a = application$1 === null || application$1 === void 0 ? void 0 : application$1.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage) === null || _b === void 0 ? void 0 : _b.call(_a, key, null);
+  if (!messageBuilderInstance) {
+    messageBuilderInstance = new DataFetcher.SnkMessageBuilder();
+  }
+  return messageBuilderInstance.getMessage(key);
 };
 const attachCrudConfig = {
   grid: {
@@ -533,10 +535,14 @@ class AttachFetcherDataUnitFactory {
   }
 }
 
-const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+let messagesBuilder;
 const getMessage = (key) => {
-  var _a, _b;
-  return (_b = (_a = application === null || application === void 0 ? void 0 : application.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage) === null || _b === void 0 ? void 0 : _b.call(_a, key, null);
+  var _a;
+  if (!messagesBuilder) {
+    const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    messagesBuilder = application === null || application === void 0 ? void 0 : application.messagesBuilder;
+  }
+  return (_a = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage) === null || _a === void 0 ? void 0 : _a.call(messagesBuilder, key, null);
 };
 const TaskbarAttachButtons = {
   DOWNLOAD: {
@@ -625,6 +631,8 @@ const snkAttachCss = ".snk-attach__header.sc-snk-attach,.snk-attach__crud-sectio
 
 const RESOURCE_ID = 'AnexoSistema';
 const DATA_UNIT_NAME = 'br.com.sankhya.core.v3.anexoSistema';
+const GRID_LEGACY_CONFIG_NAME = 'GrdCfgHtml5:grdcfg.dynaform.anexo';
+const LINKORFILE_COLUMN_NAME = "ARQUIVOOULINK";
 const SnkAttach = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -653,6 +661,7 @@ const SnkAttach = class {
         this.back.emit();
       });
     };
+    this.gridLegacyConfigName = undefined;
     this.fetcherType = undefined;
     this.fetcher = undefined;
     this.dataUnit = undefined;
@@ -719,7 +728,7 @@ const SnkAttach = class {
   }
   downloadAttachment(selectedRecord) {
     if (!selectedRecord)
-      throw new Error('Nenhum registro selecionado');
+      throw new Error(this.getMessage("snkAttach.alertValidation.noRecordSelected.message"));
     if (selectedRecord.LINK) {
       window.open(`${selectedRecord.LINK}`);
       return;
@@ -764,9 +773,11 @@ const SnkAttach = class {
     var _a, _b;
     this._currentDataUnit = new dataunitFetcher.DataUnitFetcher().getDataUnit(RESOURCE_ID, DATA_UNIT_NAME);
     this._currentFetcher = this.getAnexoSistemaFetcherInstance();
+    let gridValidateForm;
     if (!this._currentDataUnit.metadata) {
       await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
-      this.crudConfig = Object.assign({}, anexoSistemaCrudConfig);
+      this.crudConfig = this.entityName ? { form: anexoSistemaCrudConfig === null || anexoSistemaCrudConfig === void 0 ? void 0 : anexoSistemaCrudConfig.form } : Object.assign({}, anexoSistemaCrudConfig);
+      gridValidateForm = { grid: anexoSistemaCrudConfig === null || anexoSistemaCrudConfig === void 0 ? void 0 : anexoSistemaCrudConfig.grid };
     }
     this.initDataUnitLoaders();
     this._currentDataUnit.addFilterProvider({
@@ -776,19 +787,21 @@ const SnkAttach = class {
       interceptAction: (action) => this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement)
     });
     await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData());
-    this.disableEditFieldsNotInForm();
+    this.disableEditFieldsNotInForm(gridValidateForm);
   }
   async loadAttach() {
     var _a, _b;
     this._currentFetcher = new AttachFetcher();
     this._currentDataUnit = new core.DataUnit(dataunitFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
     this._currentDataUnit.pageSize = 150;
+    let gridValidateForm;
     this.initDataUnitLoaders();
     this._currentDataUnit.addInterceptor({
       interceptAction: (action) => {
         var _a;
         if (action.type === core.Action.METADATA_LOADED) {
-          this.crudConfig = Object.assign({}, attachCrudConfig);
+          this.crudConfig = this.entityName ? { form: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.form } : Object.assign({}, attachCrudConfig);
+          gridValidateForm = { grid: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.grid };
           (_a = this._crudElement) === null || _a === void 0 ? void 0 : _a.updateConfig();
         }
         return this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement);
@@ -796,9 +809,10 @@ const SnkAttach = class {
     });
     if (!this._currentDataUnit.metadata) {
       await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
-      this.crudConfig = Object.assign({}, attachCrudConfig);
+      this.crudConfig = this.entityName ? { form: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.form } : Object.assign({}, attachCrudConfig);
+      gridValidateForm = { grid: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.grid };
       await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData(undefined, undefined, true, this.registerKey));
-      this.disableEditFieldsNotInForm();
+      this.disableEditFieldsNotInForm(gridValidateForm);
     }
   }
   initDataUnitLoaders() {
@@ -817,12 +831,16 @@ const SnkAttach = class {
       });
     }
   }
-  disableEditFieldsNotInForm() {
-    var _a;
-    (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid.columns.forEach(column => {
-      var _a;
+  disableEditFieldsNotInForm(gridValidateForm) {
+    var _a, _b, _c, _d, _e;
+    const gridColumns = ((_b = (_a = this._crudElement) === null || _a === void 0 ? void 0 : _a.gridConfig) === null || _b === void 0 ? void 0 : _b.columns) || ((_c = gridValidateForm === null || gridValidateForm === void 0 ? void 0 : gridValidateForm.grid) === null || _c === void 0 ? void 0 : _c.columns) || ((_e = (_d = this.crudConfig) === null || _d === void 0 ? void 0 : _d.grid) === null || _e === void 0 ? void 0 : _e.columns);
+    if (!!this.getGridLegacyConfigName()) {
+      this._currentDataUnit.disableField(LINKORFILE_COLUMN_NAME);
+    }
+    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach(column => {
+      var _a, _b;
       const fieldName = column.name;
-      if (!((_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.form.fields.some(field => field.name === fieldName))) {
+      if (!((_b = (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.fields.some(field => (field === null || field === void 0 ? void 0 : field.name) === fieldName))) {
         this._currentDataUnit.disableField(fieldName);
       }
     });
@@ -872,11 +890,16 @@ const SnkAttach = class {
     await this._currentDataUnit.loadMetadata();
   }
   ;
+  getGridLegacyConfigName() {
+    if (this.gridLegacyConfigName)
+      return this.gridLegacyConfigName;
+    return this.entityName ? GRID_LEGACY_CONFIG_NAME + "." + this.entityName : this.entityName;
+  }
   render() {
     var _a, _b;
     if (!this._currentDataUnit)
       return null;
-    return (index.h("main", { class: "snk-attach__main" }, index.h("header", { class: "snk-attach__header" }, index.h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, index.h("div", { slot: "rightSlot" }, index.h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), index.h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, index.h("div", { class: "ez-box__container" }, index.h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true }, index.h("div", { slot: "snkSimpleCrudHeader" }, index.h("div", { class: "ez-flex ez-flex--column" }, index.h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), index.h("span", { class: "ez-text ez-text--medium ez-text--secondary ez-padding-bottom--medium" }, this.getMessage("snkAttach.description")))))))));
+    return (index.h("main", { class: "snk-attach__main" }, index.h("header", { class: "snk-attach__header" }, index.h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, index.h("div", { slot: "rightSlot" }, index.h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), index.h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, index.h("div", { class: "ez-box__container" }, index.h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true, configName: this.entityName, ignoreReadOnlyFormFields: this.entityName ? true : false, gridLegacyConfigName: this.getGridLegacyConfigName() }, index.h("div", { slot: "snkSimpleCrudHeader" }, index.h("div", { class: "ez-flex ez-flex--column" }, index.h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), index.h("span", { class: "ez-text ez-text--medium ez-text--secondary ez-padding-bottom--medium" }, this.getMessage("snkAttach.description")))))))));
   }
   static get watchers() { return {
     "registerKey": ["registerKeyWatcher"]

package/dist/cjs/snk-configurator.cjs.entry.js

@@ -113,7 +113,7 @@ const SnkConfigurator = class {
     insideCustomElementsContainer === null || insideCustomElementsContainer === void 0 ? void 0 : insideCustomElementsContainer.appendChild(configuratorCustomElement);
   }
   render() {
-    return (index.h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light", onEzCloseModal: () => this.closeConfig() }, index.h("div", { class: "snk-configurator" }, index.h("div", { class: "snk-configurator__header" }, index.h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), index.h("div", { class: "snk-configurator__button-close" }, index.h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), index.h("div", { class: "snk-configurator__main" }, index.h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, index.h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: constants.VIEW_MODE.GRID }), index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: constants.VIEW_MODE.FORM })), index.h("div", { class: "snk-configurator__collsable-box-action" }, index.h("ez-button", { label: this.viewMode === constants.VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), this.layoutFormConfig && index.h("ez-collapsible-box", { boxBordered: true, value: true, label: "Layout do formul\u00E1rio", headerSize: "medium", class: "snk-configurator__collapsable-box  ez-margin-top--medium" }, index.h("div", { class: 'ez-flex ez-flex--column ez-size-width--full' }, index.h("snk-layout-form-config", { ref: (ref) => this._snkLayoutFormConfig = ref }))), index.h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (index.h("div", { class: "snk-configurator__action-buttons" }, index.h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), index.h("ez-button", { label: "Salvar", onClick: () => this.handleSave(), class: "ez-button--primary" }))))));
+    return (index.h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light", onEzCloseModal: () => this.closeConfig() }, index.h("div", { class: "snk-configurator" }, index.h("div", { class: "snk-configurator__header" }, index.h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), index.h("div", { class: "snk-configurator__button-close" }, index.h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), index.h("div", { class: "snk-configurator__main" }, index.h("ez-collapsible-box", { boxBordered: true, label: this.getMessage('snkConfigurator.subTitleModeConfig'), headerSize: "medium", class: "snk-configurator__collapsable-box" }, index.h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: constants.VIEW_MODE.GRID }), index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: constants.VIEW_MODE.FORM })), index.h("div", { class: "snk-configurator__collsable-box-action" }, index.h("ez-button", { label: this.viewMode === constants.VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), this.layoutFormConfig && index.h("ez-collapsible-box", { boxBordered: true, value: true, label: this.getMessage('snkConfigurator.labelLayoutForm'), headerSize: "medium", class: "snk-configurator__collapsable-box  ez-margin-top--medium" }, index.h("div", { class: 'ez-flex ez-flex--column ez-size-width--full' }, index.h("snk-layout-form-config", { ref: (ref) => this._snkLayoutFormConfig = ref, messagesBuilder: this.messagesBuilder }))), index.h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (index.h("div", { class: "snk-configurator__action-buttons" }, index.h("ez-button", { label: this.getMessage('snkConfigurator.buttons.cancel'), onClick: () => this.cancel.emit() }), index.h("ez-button", { label: this.getMessage('snkConfigurator.buttons.save'), onClick: () => this.handleSave(), class: "ez-button--primary" }))))));
   }
   get _element() { return index.getElement(this); }
 };