@sankhyalabs/sankhyablocks 8.16.0-dev.10 → 8.16.0-dev.100

package/dist/components/snk-attach2.js

@@ -1,27 +1,25 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnit } from '@sankhyalabs/core';
+import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnitLoaderUtils, DataUnit } from '@sankhyalabs/core';
 import { D as DataFetcher } from './DataFetcher.js';
-import './pesquisa-fetcher.js';
 import { S as SaveErrorsEnum } from './ISave.js';
-import { P as PreloadManager, a as applyFilter, b as applySorting, c as buildPaginationInfo, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher.js';
+import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { V as VIEW_MODE } from './constants.js';
 import { A as AutorizationType } from './auth-fetcher.js';
-import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
-import { d as defineCustomElement$f } from './snk-actions-button2.js';
-import { d as defineCustomElement$e } from './snk-config-options2.js';
+import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
+import { d as defineCustomElement$e } from './snk-actions-button2.js';
 import { d as defineCustomElement$d } from './snk-configurator2.js';
 import { d as defineCustomElement$c } from './snk-data-exporter2.js';
 import { d as defineCustomElement$b } from './snk-data-unit2.js';
 import { d as defineCustomElement$a } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$9 } from './snk-field-config2.js';
-import { d as defineCustomElement$8 } from './snk-form-config2.js';
-import { d as defineCustomElement$7 } from './snk-grid-config2.js';
-import { d as defineCustomElement$6 } from './snk-select-box2.js';
-import { d as defineCustomElement$5 } from './snk-simple-bar2.js';
-import { d as defineCustomElement$4 } from './snk-simple-crud2.js';
-import { d as defineCustomElement$3 } from './snk-tab-config2.js';
+import { d as defineCustomElement$9 } from './snk-grid-config2.js';
+import { d as defineCustomElement$8 } from './snk-layout-form-config2.js';
+import { d as defineCustomElement$7 } from './snk-select-box2.js';
+import { d as defineCustomElement$6 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$5 } from './snk-simple-crud2.js';
+import { d as defineCustomElement$4 } from './snk-simple-form-config2.js';
+import { d as defineCustomElement$2 } from './snk-view-representation2.js';
 import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
 
 const SERVICE$1 = {
@@ -119,21 +117,23 @@ const SERVICE = {
   download: "AnexoSistemaSP.baixar",
 };
 class AnexoSistemaFetcher {
-  constructor(entityName, registerKey, dataUnitName) {
+  constructor(entityName, dataUnitName) {
     var _a;
     this.entityName = entityName;
-    this.registerKey = registerKey;
     this.dataUnitName = dataUnitName;
     this.validateFields = (fields) => {
       if (!!fields.LINK && !!fields.NOMEARQUIVO)
         throw new Error(SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME);
       if (!fields.LINK && !fields.NOMEARQUIVO)
         throw new Error(SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED);
-      if (!this.registerKey)
+      if (!this._registerKey)
         throw new Error('Register key can not be null');
     };
     this.resourceID = (window["resourceID"] || ((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.resourceID));
   }
+  set registerKey(registerKey) {
+    this._registerKey = registerKey;
+  }
   async save(change) {
     var _a, _b;
     let { updatingFields: fields } = change;
@@ -152,7 +152,7 @@ class AnexoSistemaFetcher {
             nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
             link: fields.LINK,
             nameEntity: this.entityName,
-            pkEntity: this.registerKey,
+            pkEntity: this._registerKey,
             typeAcess: fields.TIPOACESSO,
             typeApres: fields.TIPOAPRES,
           }
@@ -192,7 +192,7 @@ class AnexoSistemaFetcher {
             nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
             link: fields.LINK,
             nameEntity: this.entityName,
-            pkEntity: this.registerKey,
+            pkEntity: this._registerKey,
             typeAcess: fields.TIPOACESSO,
             typeApres: fields.TIPOAPRES,
           }
@@ -464,9 +464,7 @@ class AttachFetcherDataUnitFactory {
       });
       this._records = records;
     }
-    let records = applyFilter(this._records, dataUnit, request.filters);
-    records = applySorting(records, dataUnit, request.sort);
-    return Promise.resolve({ records, paginationInfo: buildPaginationInfo(records, request.offset, request.limit) });
+    return DataUnitLoaderUtils.buildLoadDataResponse(this._records, dataUnit, request);
   }
   saveLoader(changes, fetcher) {
     return new Promise((resolve) => {
@@ -557,14 +555,18 @@ const buildTaskBarManager = () => {
   ];
   return {
     getButtons: (_, dataState, currentButtons) => {
-      if ((dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty))
+      const refreshBtnIndex = currentButtons.indexOf(TaskbarElement.REFRESH);
+      if ((dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty)) {
         return currentButtons.reverse();
-      else
-        currentButtons.splice(currentButtons.indexOf(TaskbarElement.REFRESH), 1);
+      }
+      else if (refreshBtnIndex !== -1) {
+        currentButtons.splice(refreshBtnIndex, 1);
+      }
       const { selectedRecord } = dataState || {};
       const taskbarTobeAdded = !!(selectedRecord === null || selectedRecord === void 0 ? void 0 : selectedRecord.LINK) ? TaskbarAttachButtons.LINK : TaskbarAttachButtons.DOWNLOAD;
       currentButtons.splice(currentButtons.indexOf(TaskbarElement.DIVIDER) + 1, 0, TaskbarElement.REMOVE, taskbarTobeAdded, TaskbarElement.DIVIDER);
-      const updatedButtons = Array.from(new Set(currentButtons.filter(button => button !== TaskbarElement.CLONE)));
+      const buttonsToRemove = [TaskbarElement.CLONE, TaskbarElement.DATA_EXPORTER];
+      const updatedButtons = Array.from(new Set(currentButtons.filter((button) => !buttonsToRemove.includes(button))));
       updatedButtons.splice(updatedButtons.indexOf(taskbarTobeAdded) + 1, 0, TaskbarElement.DIVIDER);
       return updatedButtons;
     },
@@ -663,11 +665,20 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.loadAttachmentDataUnit();
     }
     if (oldRegisterKey !== newRegisterKey) {
+      if (this._currentFetcher instanceof AnexoSistemaFetcher) {
+        this._currentFetcher.registerKey = newRegisterKey;
+      }
       await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadData());
     }
   }
+  getAnexoSistemaFetcherInstance() {
+    var _a;
+    const anexoSistemaFetcher = new AnexoSistemaFetcher(this.entityName, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
+    anexoSistemaFetcher.registerKey = this.registerKey;
+    return anexoSistemaFetcher;
+  }
   async initAttach() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     if (!this.fetcherType && !this.registerKey)
       return;
     if (!this.fetcherType) {
@@ -675,18 +686,18 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     this.returnToGridMode();
     if (this.fetcherType === "AnexoSistema") {
-      this._currentFetcher = new AnexoSistemaFetcher(this.entityName, this.registerKey, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
-      (_b = this._currentDataUnitBuilder) === null || _b === void 0 ? void 0 : _b.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
-      await ((_c = this._currentDataUnit) === null || _c === void 0 ? void 0 : _c.loadData());
+      this._currentFetcher = this.getAnexoSistemaFetcherInstance();
+      (_a = this._currentDataUnitBuilder) === null || _a === void 0 ? void 0 : _a.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
+      await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData());
       return;
     }
     if (this.fetcherType === "Attach") {
-      const hasMoreOneItem = ((_d = this.registerKey) === null || _d === void 0 ? void 0 : _d.split("_").length) > 1;
+      const hasMoreOneItem = ((_c = this.registerKey) === null || _c === void 0 ? void 0 : _c.split("_").length) > 1;
       if (hasMoreOneItem)
         return;
     }
-    await ((_e = this._currentDataUnit) === null || _e === void 0 ? void 0 : _e.loadMetadata());
-    await ((_f = this._currentDataUnit) === null || _f === void 0 ? void 0 : _f.loadData(undefined, undefined, true, this.registerKey));
+    await ((_d = this._currentDataUnit) === null || _d === void 0 ? void 0 : _d.loadMetadata());
+    await ((_e = this._currentDataUnit) === null || _e === void 0 ? void 0 : _e.loadData(undefined, undefined, true, this.registerKey));
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -745,11 +756,11 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   async loadAnexoSistema() {
-    var _a, _b, _c;
+    var _a, _b;
     this._currentDataUnit = new DataUnitFetcher().getDataUnit(RESOURCE_ID, DATA_UNIT_NAME);
-    this._currentFetcher = new AnexoSistemaFetcher(this.entityName, this.registerKey, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
+    this._currentFetcher = this.getAnexoSistemaFetcherInstance();
     if (!this._currentDataUnit.metadata) {
-      await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadMetadata());
+      await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
       this.crudConfig = Object.assign({}, anexoSistemaCrudConfig);
     }
     this.initDataUnitLoaders();
@@ -759,7 +770,7 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._currentDataUnit.addInterceptor({
       interceptAction: (action) => this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement)
     });
-    await ((_c = this._currentDataUnit) === null || _c === void 0 ? void 0 : _c.loadData());
+    await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData());
     this.disableEditFieldsNotInForm();
   }
   async loadAttach() {
@@ -785,16 +796,16 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   initDataUnitLoaders() {
-    var _a, _b, _c;
+    var _a, _b;
     if (this.fetcherType === "AnexoSistema") {
-      this._currentFetcher = new AnexoSistemaFetcher(this.entityName, this.registerKey, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
+      this._currentFetcher = this.getAnexoSistemaFetcherInstance();
       this._currentDataUnitBuilder = new AnexoSistemaDataUnitFactory(this.entityName, this.getMessage.bind(this));
-      (_b = this._currentDataUnitBuilder) === null || _b === void 0 ? void 0 : _b.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
+      (_a = this._currentDataUnitBuilder) === null || _a === void 0 ? void 0 : _a.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
     }
     if (this.fetcherType === "Attach") {
       this._currentFetcher = new AttachFetcher();
       this._currentDataUnitBuilder = new AttachFetcherDataUnitFactory(this.getMessage.bind(this));
-      (_c = this._currentDataUnitBuilder) === null || _c === void 0 ? void 0 : _c.initLoaders(this._currentDataUnit, this._currentFetcher, async () => {
+      (_b = this._currentDataUnitBuilder) === null || _b === void 0 ? void 0 : _b.initLoaders(this._currentDataUnit, this._currentFetcher, async () => {
         this.returnToGridMode();
         await this._currentDataUnit.loadData(undefined, undefined, true, this.registerKey);
       });
@@ -838,7 +849,7 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     var _a, _b;
     if (!this._currentDataUnit)
       return null;
-    return (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, h("div", { slot: "rightSlot" }, h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, h("div", { class: "ez-box__container" }, 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) }, h("div", { slot: "snkSimpleCrudHeader" }, h("div", { class: "ez-flex ez-flex--column" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary" }, this.getMessage("snkAttach.description")))))))));
+    return (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, h("div", { slot: "rightSlot" }, h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, h("div", { class: "ez-box__container" }, 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) }, h("div", { slot: "snkSimpleCrudHeader" }, h("div", { class: "ez-flex ez-flex--column" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), 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"]
@@ -860,7 +871,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-attach", "snk-actions-button", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-field-config", "snk-form-config", "snk-grid-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar", "taskbar-actions-button"];
+  const components = ["snk-attach", "snk-actions-button", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-grid-config", "snk-layout-form-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-attach":
       if (!customElements.get(tagName)) {
@@ -868,11 +879,6 @@ function defineCustomElement() {
       }
       break;
     case "snk-actions-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "snk-config-options":
       if (!customElements.get(tagName)) {
         defineCustomElement$e();
       }
@@ -897,42 +903,42 @@ function defineCustomElement() {
         defineCustomElement$a();
       }
       break;
-    case "snk-field-config":
+    case "snk-grid-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }
       break;
-    case "snk-form-config":
+    case "snk-layout-form-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$8();
       }
       break;
-    case "snk-grid-config":
+    case "snk-select-box":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
       break;
-    case "snk-select-box":
+    case "snk-simple-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$6();
       }
       break;
-    case "snk-simple-bar":
+    case "snk-simple-crud":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }
       break;
-    case "snk-simple-crud":
+    case "snk-simple-form-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "snk-tab-config":
+    case "snk-taskbar":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "snk-taskbar":
+    case "snk-view-representation":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/snk-config-options2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { UserInterface, ObjectUtils, StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { DataType, getConvertedValue } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
-import { a as VARS_BY_TYPE, D as DEFAULT_TYPE, T as TAGS_BY_TYPE } from './constants.js';
+import { a as VARS_BY_TYPE, D as DEFAULT_TYPE, b as TAGS_BY_TYPE } from './constants.js';
 
 const snkConfigOptionsCss = ".sc-snk-config-options-h{--snk-config-options--border:2px solid var(--color--secondary-200, #D2D3DA);width:100%;border-radius:15px;border:var(--snk-config-options--border)}.config-options__switch-row.sc-snk-config-options{margin-top:-30px}";
 
@@ -142,11 +142,13 @@ const SnkConfigOptions = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     return h(TagName, Object.assign({ value: value, enabled: enabled, label: label, "data-field-name": name, key: name, onEzChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail) }, (this.getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode))));
   }
   getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode) {
+    const useSearchPlus = userInterface == UserInterface.SEARCHPLUS;
     switch (userInterface) {
       case UserInterface.SEARCH:
+      case UserInterface.SEARCHPLUS:
         return {
           suppressEmptyOption: required,
-          optionLoader: (searchArgument) => this.onSearch(searchArgument)
+          optionLoader: (searchArgument) => this.onSearch(searchArgument, { useSearchPlus })
         };
       case UserInterface.OPTIONSELECTOR:
         return {
@@ -179,9 +181,9 @@ const SnkConfigOptions = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.fieldConfig.defaultValue.value = this.getValidatedValue(fieldValue);
     this.configOptionsChanged.emit(this.fieldConfig);
   }
-  onSearch(searchArgument) {
+  onSearch(searchArgument, ctxOptions) {
     if (this._application != undefined && this.fieldConfig != undefined) {
-      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
+      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit, ctxOptions);
     }
   }
   buildField(descriptor, config) {

package/dist/components/snk-configurator2.js

@@ -2,8 +2,10 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { ApplicationContext } from '@sankhyalabs/core';
 import { V as VIEW_MODE } from './constants.js';
 import { A as AuthorizationConfig } from './AuthorizationConfig.js';
+import { d as defineCustomElement$2 } from './snk-layout-form-config2.js';
+import { d as defineCustomElement$1 } from './snk-view-representation2.js';
 
-const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-configurator__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-configurator__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-configurator__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--medium, 12px)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.snk-configurator__collsable-box-action.sc-snk-configurator{width:100%}.snk-configurator__action-buttons.sc-snk-configurator{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space--medium)}.snk-configurator__outline.sc-snk-configurator{display:flex;flex-direction:column;gap:var(--space--small);margin-top:var(--space--small);margin-bottom:var(--space--large)}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;margin:var(--space--medium) 0;scrollbar-color:var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--color-background);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--color-background);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--color-default);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:hover,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-configurator__scrollbar--color-hover)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:active,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-configurator__scrollbar--color-clicked)}";
+const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-configurator__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-configurator__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-configurator__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--small, 6px)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.snk-configurator__collsable-box-action.sc-snk-configurator{width:100%}.snk-configurator__action-buttons.sc-snk-configurator{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space--medium)}.snk-configurator__outline.sc-snk-configurator{display:flex;flex-direction:column;gap:var(--space--small);margin-top:var(--space--small);margin-bottom:var(--space--large)}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;margin:var(--space--medium) 0;scrollbar-color:var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--color-background);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--color-background);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--color-default);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:hover,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-configurator__scrollbar--color-hover)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:active,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-configurator__scrollbar--color-clicked)}";
 
 const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -20,6 +22,7 @@ const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.resourceID = undefined;
     this.viewMode = VIEW_MODE.GRID;
     this.customContainerId = undefined;
+    this.layoutFormConfig = false;
     this.messagesBuilder = undefined;
   }
   /**
@@ -80,6 +83,12 @@ const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     var _a;
     return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, {});
   }
+  handleSave() {
+    if (this.layoutFormConfig) {
+      this._snkLayoutFormConfig.save();
+    }
+    this.save.emit();
+  }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
     if (this._application) {
@@ -103,7 +112,7 @@ const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     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" }, 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: "Modo de visualiza\u00E7\u00E3o ", 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" }))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), h("ez-button", { label: "Salvar", onClick: () => this.save.emit(), 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" }, 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: "Modo de visualiza\u00E7\u00E3o ", 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: "Layout do formul\u00E1rio", 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 }))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), h("ez-button", { label: "Salvar", onClick: () => this.handleSave(), class: "ez-button--primary" }))))));
   }
   get _element() { return this; }
   static get style() { return snkConfiguratorCss; }
@@ -113,6 +122,7 @@ const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "resourceID": [1, "resource-i-d"],
     "viewMode": [2, "view-mode"],
     "customContainerId": [1, "custom-container-id"],
+    "layoutFormConfig": [4, "layout-form-config"],
     "messagesBuilder": [1040],
     "_opened": [32],
     "_permissions": [32],
@@ -123,13 +133,23 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-configurator"];
+  const components = ["snk-configurator", "snk-layout-form-config", "snk-view-representation"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-configurator":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkConfigurator);
       }
       break;
+    case "snk-layout-form-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "snk-view-representation":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
   } });
 }