@sankhyalabs/sankhyablocks 10.0.4 → 10.1.0-dev.10

package/dist/esm/{snk-actions-button_8.entry.js → snk-actions-button_9.entry.js}

@@ -1,19 +1,20 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-479e1293.js';
 import { ApplicationContext, StringUtils, ErrorException, WarningException, ObjectUtils, DateUtils, ServiceUtils, StorageType, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
-import { D as DataFetcher } from './DataFetcher-9a1709a3.js';
+import { D as DataFetcher } from './DataFetcher-5780ad39.js';
 import { P as ParamType } from './ParamType-d5152b06.js';
-import './ISave-b9c9188b.js';
+import './ISave-8a22ec18.js';
 import './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-eba36247.js';
+import './dataunit-fetcher-c4251d80.js';
 import './filter-item-type.enum-d45e026f.js';
-import { F as FormConfigFetcher } from './form-config-fetcher-cf8c52d0.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-d0536a71.js';
 import { O as ORDER_VALUES } from './constants-7b422de0.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
 import { ApplicationUtils, DialogType, FormLayout } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as ConfigStorage } from './ConfigStorage-a60b12c2.js';
+import { C as ConfigStorage } from './ConfigStorage-bd096633.js';
+import { S as ServicesNumberingConfig } from './ServicesNumberingConfig-2f7b050e.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';
@@ -1164,6 +1165,135 @@ const SnkLayoutFormConfig = class {
 };
 SnkLayoutFormConfig.style = snkLayoutFormConfigCss;
 
+const snkNumberingConfigCss = ".sc-snk-numbering-config-h{display:block}";
+
+const SnkNumberingConfig = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.handleNumberingConfigChanged = (event) => {
+      const config = event.detail;
+      if (config) {
+        this.applyConfiguration(config);
+      }
+    };
+    this.autoNumbering = false;
+    this.initialNumber = undefined;
+    this.messagesBuilder = undefined;
+    this.entityName = undefined;
+    this.resourceID = undefined;
+  }
+  /**
+   * Salva ou recupera as configurações de numeração.
+   */
+  async save() {
+    try {
+      if (this._savedConfig && this._savedConfig.isAutoNumbering === this.autoNumbering && this._savedConfig.initialNumber === this.initialNumber) {
+        return true;
+      }
+      const payload = {
+        entityName: this.entityName,
+        isAutoNum: this.autoNumbering,
+        numInicial: this.initialNumber
+      };
+      await this._servicesNumberingConfig.saveConfig(payload);
+      this._savedConfig = {
+        isAutoNumbering: this.autoNumbering,
+        initialNumber: this.initialNumber
+      };
+      if (this._snkCrud && this._snkCrud.updateNumberingConfig) {
+        await this._snkCrud.updateNumberingConfig(this._savedConfig);
+      }
+      return true;
+    }
+    catch (error) {
+      console.error("Error saving numbering config:", error);
+      return false;
+    }
+  }
+  async componentWillLoad() {
+    const _application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.findParentSnkCrud();
+    this._servicesNumberingConfig = new ServicesNumberingConfig(_application, this.resourceID);
+    if (this.entityName) {
+      await this.loadNumberingConfiguration();
+    }
+  }
+  findParentSnkCrud() {
+    const snkCrudElement = this._element.closest('snk-crud');
+    if (snkCrudElement) {
+      this._snkCrud = snkCrudElement;
+      this._snkCrud.addEventListener('numberingConfigChanged', this.handleNumberingConfigChanged.bind(this));
+    }
+  }
+  async loadNumberingConfiguration() {
+    try {
+      const configFromCrud = await this.tryGetConfigFromSnkCrud();
+      if (configFromCrud) {
+        this.applyConfiguration(configFromCrud);
+        return;
+      }
+      const configFromService = await this.loadConfigFromService();
+      this.applyConfiguration(configFromService);
+      await this.updateSnkCrudConfig(configFromService);
+    }
+    catch (error) {
+      console.error("Error loading numbering config:", error);
+      this.setDefaultConfiguration();
+    }
+  }
+  async tryGetConfigFromSnkCrud() {
+    if (!this._snkCrud) {
+      return null;
+    }
+    try {
+      const config = await this._snkCrud.getNumberingConfig();
+      if (config) {
+        return config;
+      }
+    }
+    catch (error) {
+      console.log("snk-crud não tem configuração ainda, carregando diretamente...");
+    }
+    return null;
+  }
+  async loadConfigFromService() {
+    return await this._servicesNumberingConfig.getConfig(this.entityName);
+  }
+  applyConfiguration(config) {
+    this._savedConfig = config;
+    this.autoNumbering = config.isAutoNumbering;
+    this.initialNumber = config.initialNumber;
+  }
+  async updateSnkCrudConfig(config) {
+    if (this._snkCrud) {
+      try {
+        await this._snkCrud.updateNumberingConfig(config);
+      }
+      catch (error) {
+        console.warn("Erro ao atualizar configuração no snk-crud:", error);
+      }
+    }
+  }
+  setDefaultConfiguration() {
+    this.autoNumbering = false;
+    this.initialNumber = null;
+  }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
+  disconnectedCallback() {
+    if (this._snkCrud) {
+      this._snkCrud.removeEventListener('numberingConfigChanged', this.handleNumberingConfigChanged);
+    }
+  }
+  render() {
+    return (h("div", { class: "ez-flex ez-flex--column" }, h("ez-check", { mode: 'SWITCH', label: this.getMessage('snkNumberingConfig.labelAutoNumbering'), class: "ez-margin-bottom--medium", onEzChange: ({ detail }) => this.autoNumbering = detail, value: this.autoNumbering }), h("ez-number-input", { label: this.getMessage('snkNumberingConfig.labelInitialNumber'), onEzChange: ({ detail }) => this.initialNumber = detail, value: this.initialNumber, precision: 0, prettyPrecision: 0, allowNegative: false, enabled: this.autoNumbering })));
+  }
+  get _element() { return getElement(this); }
+};
+SnkNumberingConfig.style = snkNumberingConfigCss;
+
 const snkSelectBoxCss = "ez-combo-box{width:100px;--ez-text-input__margin-bottom:0px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
 
 const SelectBox = class {
@@ -1488,4 +1618,4 @@ const TaskbarSplitButton = class {
 };
 TaskbarSplitButton.style = taskbarSplitButtonCss;
 
-export { SnkActionsButton as snk_actions_button, SnkGridConfig as snk_grid_config, SnkLayoutFormConfig as snk_layout_form_config, SelectBox as snk_select_box, SnkSimpleFormConfig as snk_simple_form_config, SnkViewRepresentation as snk_view_representation, TaskbarActionsButton as taskbar_actions_button, TaskbarSplitButton as taskbar_split_button };
+export { SnkActionsButton as snk_actions_button, SnkGridConfig as snk_grid_config, SnkLayoutFormConfig as snk_layout_form_config, SnkNumberingConfig as snk_numbering_config, SelectBox as snk_select_box, SnkSimpleFormConfig as snk_simple_form_config, SnkViewRepresentation as snk_view_representation, TaskbarActionsButton as taskbar_actions_button, TaskbarSplitButton as taskbar_split_button };

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-479e1293.js';
 import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, SilentException, WarningException, ErrorException, ElementIDUtils, SearchUtils, ArrayUtils, KeyboardManager, OnboardingUtils, DependencyType, DataType, ApplicationContext, ErrorTracking, UserAgentUtils, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as ConfigStorage } from './ConfigStorage-a60b12c2.js';
-import { d as dist, D as DataFetcher, U as UrlUtils, S as SnkMessageBuilder } from './DataFetcher-9a1709a3.js';
-import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-566bad7c.js';
-import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher-eba36247.js';
-import { P as PesquisaFetcher } from './ISave-b9c9188b.js';
+import { C as ConfigStorage } from './ConfigStorage-bd096633.js';
+import { d as dist, D as DataFetcher, U as UrlUtils, S as SnkMessageBuilder } from './DataFetcher-5780ad39.js';
+import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-28b9d0db.js';
+import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher-c4251d80.js';
+import { P as PesquisaFetcher } from './ISave-8a22ec18.js';
 import { T as TEMPLATES_SKELETON } from './constants-7b422de0.js';
 import './index-b40568ff.js';
 import './filter-item-type.enum-d45e026f.js';
-import { F as FormConfigFetcher } from './form-config-fetcher-cf8c52d0.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-d0536a71.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
@@ -389,32 +389,40 @@ class RequestListenerFactory {
   }
 }
 
+const executeAdvancedModeSearch = async (argument, options, app, pesquisaFetcher) => {
+  const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic, executeOnOpen } = options;
+  return new Promise((accept, reject) => {
+    const pesquisaContent = document.createElement("snk-pesquisa");
+    pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
+    pesquisaContent.entityName = entity;
+    pesquisaContent.argument = argument;
+    pesquisaContent.searchLoader = (text) => pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
+    pesquisaContent.isHierarchyEntity = isHierarchyEntity;
+    if (isHierarchyEntity) {
+      pesquisaContent.treeLoader = (text) => pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
+      pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
+    }
+    pesquisaContent.selectItem = (option) => {
+      accept(option);
+      app.clearPopUpTitle();
+      app.closePopUp();
+    };
+    app.setPopUpTitle(entityDescription);
+    app.showPopUp(pesquisaContent, undefined, undefined, reject);
+    if (executeOnOpen) {
+      pesquisaContent.executeSearch(argument);
+    }
+  });
+};
+
 const QTD_DETAIL_FIELDS_PREDICTIVE_SEARCH = 6;
 const INVALID_CONTENT_PATTERNS = ['<img', '<svg'];
 const executePreparedSearchPlus = async (mode, argument, options, app, pesquisaFetcher) => {
   var _a;
   const mdByName = {};
-  const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic } = options;
+  const { entity, criteria, searchOptions } = options;
   if (mode === "ADVANCED") {
-    return new Promise((accept, reject) => {
-      const pesquisaContent = document.createElement("snk-pesquisa");
-      pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
-      pesquisaContent.entityName = entity;
-      pesquisaContent.argument = argument;
-      pesquisaContent.searchLoader = (text) => pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
-      pesquisaContent.isHierarchyEntity = isHierarchyEntity;
-      if (isHierarchyEntity) {
-        pesquisaContent.treeLoader = (text) => pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
-        pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
-      }
-      pesquisaContent.selectItem = (option) => {
-        accept(option);
-        app.clearPopUpTitle();
-        app.closePopUp();
-      };
-      app.setPopUpTitle(entityDescription);
-      app.showPopUp(pesquisaContent, undefined, undefined, reject);
-    });
+    return executeAdvancedModeSearch(argument, options, app, pesquisaFetcher);
   }
   else if (mode === "LOAD_DESCRIPTION") {
     let result = await pesquisaFetcher.loadByCode(entity, argument, criteria, searchOptions);
@@ -451,14 +459,13 @@ const buildOptionItem = (argument, item, fields, descriptionField, pkField) => {
   const matchFields = item['__matchFields'];
   const descriptionValue = (_a = item[descriptionField]) !== null && _a !== void 0 ? _a : "";
   const pkValue = item[pkField];
-  let searchOption = {
+  return {
     value: pkValue,
     label: descriptionValue,
     presentationValue: StringUtils.highlightValue(argument, matchFields, pkValue, fields, true),
     presentationLabel: descriptionField ? StringUtils.highlightValue(argument, matchFields, descriptionValue, fields, true) : "",
     details: SearchUtils.buildDetails(argument, fields, item)
   };
-  return searchOption;
 };
 const filterInvalidFields = (resp, item, mdByName) => {
   let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
@@ -893,7 +900,7 @@ const SnkApplication = class {
     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 
+    //Caso ocorra um erro nessa chamada, o reject do error é feito automaticamente
     const result = await DataFetcher.get().callServiceBroker("SystemUtilsSP.featureIsActive", JSON.stringify(payload));
     const isActive = result.isActive;
     this._featureFlagsCache.set(featureName, {
@@ -1384,52 +1391,57 @@ const SnkApplication = class {
    */
   async executePreparedSearch(mode, argument, options) {
     const mdByName = {};
-    const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic, useSearchPlus } = options;
+    const { entity, criteria, searchOptions, useSearchPlus } = options;
     if (useSearchPlus) {
       return executePreparedSearchPlus(mode, argument, options, this, this.pesquisaFetcher);
     }
     if (mode === "ADVANCED") {
-      return new Promise((accept, reject) => {
-        const pesquisaContent = document.createElement("snk-pesquisa");
-        pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
-        pesquisaContent.entityName = entity;
-        pesquisaContent.argument = argument;
-        pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
-        pesquisaContent.isHierarchyEntity = isHierarchyEntity;
-        if (isHierarchyEntity) {
-          pesquisaContent.treeLoader = (text) => this.pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
-          pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
-        }
-        pesquisaContent.selectItem = (option) => {
-          accept(option);
-          this.clearPopUpTitle();
-          this.closePopUp();
-        };
-        this.setPopUpTitle(entityDescription);
-        this.showPopUp(pesquisaContent, undefined, undefined, reject);
-      });
+      return executeAdvancedModeSearch(argument, options, this, this.pesquisaFetcher);
     }
-    else {
-      return new Promise((resolve, reject) => {
-        this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
-          .then(result => {
-          result = ObjectUtils.stringToObject(result.json.$);
-          let descriptionField = result.descriptionField;
-          let pkField = result.pkField;
-          const list = [];
-          result.data.forEach((item) => {
-            let fieldsMetadata = this.filterInvalidFields(result, item, mdByName);
-            let qtyFields = 6;
-            let fields = this.filterMathFields(item['__matchFields'], fieldsMetadata, qtyFields, mdByName);
-            list.push(this.builOptionItem(argument, item, fields, descriptionField, pkField));
-          });
-          resolve(list);
-        })
-          .catch(error => {
-          reject(error);
-        });
+    return new Promise((resolve, reject) => {
+      this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
+        .then(result => {
+        result = ObjectUtils.stringToObject(result.json.$);
+        resolve(this.buildSearchResultList(result, mdByName, argument));
+      })
+        .catch(error => {
+        reject(error);
       });
-    }
+    });
+  }
+  /**
+   * Obtém as opções em componentes de pesquisa além dos metadados como showMore e entityPk.
+   * @param {string} argument - O argumento da pesquisa.
+   * @param {any} options - Opções preparadas para a pesquisa.
+   * @returns {Promise<Array<IOption> | IOption>} Uma lista de opções ou uma única opção.
+   * @async
+   */
+  async executePreparedSearchWithFullResponse(argument, options) {
+    const mdByName = {};
+    const { entity, criteria, searchOptions } = options;
+    return new Promise((resolve, reject) => {
+      this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
+        .then(result => {
+        result = ObjectUtils.stringToObject(result.json.$);
+        result.data = this.buildSearchResultList(result, mdByName, argument);
+        resolve(result);
+      })
+        .catch(error => {
+        reject(error);
+      });
+    });
+  }
+  buildSearchResultList(result, mdByName, argument) {
+    let descriptionField = result.descriptionField;
+    let pkField = result.pkField;
+    const list = [];
+    result.data.forEach((item) => {
+      let fieldsMetadata = this.filterInvalidFields(result, item, mdByName);
+      let qtyFields = 6;
+      let fields = this.filterMathFields(item['__matchFields'], fieldsMetadata, qtyFields, mdByName);
+      list.push(this.builOptionItem(argument, item, fields, descriptionField, pkField));
+    });
+    return list;
   }
   /**
    * Obtém `true` caso a tela esteja em modo de debug.

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h } from './index-479e1293.js';
 import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnitLoaderUtils, DataUnit } from '@sankhyalabs/core';
-import { D as DataFetcher, S as SnkMessageBuilder } from './DataFetcher-9a1709a3.js';
-import { S as SaveErrorsEnum } from './ISave-b9c9188b.js';
+import { D as DataFetcher, S as SnkMessageBuilder } from './DataFetcher-5780ad39.js';
+import { S as SaveErrorsEnum } from './ISave-8a22ec18.js';
 import './index-b40568ff.js';
-import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-eba36247.js';
+import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-c4251d80.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-cf8c52d0.js';
+import './form-config-fetcher-d0536a71.js';
 import { V as VIEW_MODE } from './constants-7b422de0.js';
-import { A as AutorizationType } from './auth-fetcher-566bad7c.js';
+import { A as AutorizationType } from './auth-fetcher-28b9d0db.js';
 import { T as TaskbarElement } from './taskbar-elements-faaf5d8f.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';

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

@@ -20,6 +20,8 @@ const SnkConfigurator = class {
     this.viewMode = VIEW_MODE.GRID;
     this.customContainerId = undefined;
     this.layoutFormConfig = true;
+    this.entityName = undefined;
+    this.disableNumberingConfig = false;
     this.messagesBuilder = undefined;
   }
   /**
@@ -80,7 +82,14 @@ const SnkConfigurator = class {
     var _a;
     return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, {});
   }
-  handleSave() {
+  async handleSave() {
+    var _a;
+    if (!this.disableNumberingConfig) {
+      const result = await ((_a = this._snkNumberingConfig) === null || _a === void 0 ? void 0 : _a.save());
+      if (!result) {
+        return;
+      }
+    }
     if (this.layoutFormConfig) {
       this._snkLayoutFormConfig.save();
     }
@@ -109,7 +118,7 @@ const SnkConfigurator = class {
     insideCustomElementsContainer === null || insideCustomElementsContainer === void 0 ? void 0 : insideCustomElementsContainer.appendChild(configuratorCustomElement);
   }
   render() {
-    return (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() }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: this.getMessage('snkConfigurator.subTitleModeConfig'), headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === 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 && h("ez-collapsible-box", { boxBordered: true, value: true, label: this.getMessage('snkConfigurator.labelLayoutForm'), headerSize: "medium", class: "snk-configurator__collapsable-box  ez-margin-top--medium" }, h("div", { class: 'ez-flex ez-flex--column ez-size-width--full' }, h("snk-layout-form-config", { ref: (ref) => this._snkLayoutFormConfig = ref, messagesBuilder: this.messagesBuilder }))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: this.getMessage('snkConfigurator.buttons.cancel'), onClick: () => this.cancel.emit() }), h("ez-button", { label: this.getMessage('snkConfigurator.buttons.save'), onClick: () => this.handleSave(), class: "ez-button--primary" }))))));
+    return (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() }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: this.getMessage('snkConfigurator.subTitleModeConfig'), headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === 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 && (h("ez-collapsible-box", { boxBordered: true, value: true, label: this.getMessage('snkConfigurator.labelLayoutForm'), headerSize: "medium", class: "snk-configurator__collapsable-box  ez-margin-top--medium" }, h("div", { class: 'ez-flex ez-flex--column ez-size-width--full' }, h("snk-layout-form-config", { ref: (ref) => this._snkLayoutFormConfig = ref, messagesBuilder: this.messagesBuilder })))), !this.disableNumberingConfig && (h("ez-collapsible-box", { boxBordered: true, value: true, label: this.getMessage('snkConfigurator.labelNumberingConfig'), headerSize: "medium", class: "snk-configurator__collapsable-box  ez-margin-top--medium" }, h("div", { class: 'ez-flex ez-flex--column ez-size-width--full' }, h("snk-numbering-config", { ref: (ref) => this._snkNumberingConfig = ref, messagesBuilder: this.messagesBuilder, entityName: this.entityName, resourceID: this.resourceID })))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: this.getMessage('snkConfigurator.buttons.cancel'), onClick: () => this.cancel.emit() }), h("ez-button", { label: this.getMessage('snkConfigurator.buttons.save'), onClick: () => this.handleSave(), class: "ez-button--primary" }))))));
   }
   get _element() { return getElement(this); }
 };