@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-kb-85616.0 → 0.0.0-bugfix-dev-KB-81596.1

package/dist/components/snk-layout-form-config2.js

@@ -0,0 +1,73 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import './DataFetcher.js';
+import './ISave.js';
+import { ApplicationContext } from '@sankhyalabs/core';
+import '@sankhyalabs/ezui/dist/collection/utils/constants';
+import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import './dataunit-fetcher.js';
+import './filter-item-type.enum.js';
+import { F as FormConfigFetcher } from './form-config-fetcher.js';
+import './constants.js';
+import { FormLayout } from '@sankhyalabs/ezui/dist/collection/utils';
+import { d as defineCustomElement$1 } from './snk-view-representation2.js';
+
+const snkLayoutFormConfigCss = ".sc-snk-layout-form-config-h{display:block}";
+
+const FORM_COL_CONFIG_PREFIX = 'formColCfg.';
+const SnkLayoutFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this._formConfigFetcher = new FormConfigFetcher();
+    this.layoutType = FormLayout.CASCADE;
+  }
+  /**
+   * Salva o tipo de layout escolhido. Sem retorno.
+   */
+  async save() {
+    this._LayoutFormConfigSingleton.setConfig(this.layoutType);
+    this._formConfigFetcher.saveLayoutFormConfig(FORM_COL_CONFIG_PREFIX + this._resourceID, { config: this.layoutType, newConfig: true });
+  }
+  async componentWillLoad() {
+    const _application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._LayoutFormConfigSingleton = await (_application === null || _application === void 0 ? void 0 : _application.getLayoutFormConfig());
+    this._resourceID = await (_application === null || _application === void 0 ? void 0 : _application.getResourceID());
+    this.setLayoutInit();
+  }
+  setLayoutInit() {
+    if (!this._LayoutFormConfigSingleton)
+      return;
+    const { config } = this._LayoutFormConfigSingleton;
+    this.layoutType = Number(config) in FormLayout ? Number(config) : FormLayout.CASCADE;
+  }
+  toggleLayout(key) {
+    this.layoutType = key;
+  }
+  render() {
+    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: "Layout em cascata", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, "Todos os campos ser\u00E3o organizados em uma coluna \u00FAnica.")), h("div", null, h("ez-check", { label: "Layout lado a lado", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), 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."))));
+  }
+  static get style() { return snkLayoutFormConfigCss; }
+}, [2, "snk-layout-form-config", {
+    "layoutType": [32],
+    "save": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-layout-form-config", "snk-view-representation"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-layout-form-config":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkLayoutFormConfig);
+      }
+      break;
+    case "snk-view-representation":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { SnkLayoutFormConfig as S, defineCustomElement as d };

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { StringUtils, ApplicationContext, ObjectUtils, DataType, UserInterface, JSUtils, FloatingManager, KeyboardManager, ElementIDUtils } from '@sankhyalabs/core';
 import { CSSVarsUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
-import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
+import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
 import './DataFetcher.js';
 import { P as PresentationMode } from './ISave.js';
 import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor, R as RmPrecisionCustomValueFormatter, c as ContinuousInsertUtils, b as buildFieldSearch, o as openFieldSearch, a as CrudUtils, d as ClientSideExporterProvider } from './ContinuousInsertUtils.js';
@@ -14,14 +14,16 @@ import { F as FormConfigFetcher } from './form-config-fetcher.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { S as SnkFormConfigManager } from './SnkFormConfigManager.js';
 import { s as store } from './index2.js';
-import { d as defineCustomElement$a } from './snk-actions-button2.js';
-import { d as defineCustomElement$9 } from './snk-configurator2.js';
-import { d as defineCustomElement$8 } from './snk-data-exporter2.js';
-import { d as defineCustomElement$7 } from './snk-data-unit2.js';
-import { d as defineCustomElement$6 } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$5 } from './snk-grid-config2.js';
-import { d as defineCustomElement$4 } from './snk-select-box2.js';
-import { d as defineCustomElement$3 } from './snk-simple-form-config2.js';
+import { d as defineCustomElement$c } from './snk-actions-button2.js';
+import { d as defineCustomElement$b } from './snk-configurator2.js';
+import { d as defineCustomElement$a } from './snk-data-exporter2.js';
+import { d as defineCustomElement$9 } from './snk-data-unit2.js';
+import { d as defineCustomElement$8 } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$7 } from './snk-grid-config2.js';
+import { d as defineCustomElement$6 } from './snk-layout-form-config2.js';
+import { d as defineCustomElement$5 } from './snk-select-box2.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 REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "MORE_OPTIONS"];
@@ -83,6 +85,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.ignoreReadOnlyFormFields = false;
     this.autoFocus = true;
     this.domainMessagesBuilder = undefined;
+    this.layoutFormConfig = false;
     this.autoLoad = undefined;
     this.outlineMode = false;
   }
@@ -775,7 +778,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: `ez-box ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section` }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, this.renderTaskbarContent(), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, this.renderTaskbarContent(), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -813,6 +816,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "ignoreReadOnlyFormFields": [4, "ignore-read-only-form-fields"],
     "autoFocus": [4, "auto-focus"],
     "domainMessagesBuilder": [1, "domain-messages-builder"],
+    "layoutFormConfig": [4, "layout-form-config"],
     "autoLoad": [4, "auto-load"],
     "outlineMode": [4, "outline-mode"],
     "_showPopUpGridConfig": [32],
@@ -839,7 +843,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-simple-crud", "snk-actions-button", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-grid-config", "snk-select-box", "snk-simple-form-config", "snk-taskbar", "taskbar-actions-button"];
+  const components = ["snk-simple-crud", "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-form-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-simple-crud":
       if (!customElements.get(tagName)) {
@@ -848,45 +852,55 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$c();
       }
       break;
     case "snk-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$b();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$a();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$9();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$8();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$7();
+      }
+      break;
+    case "snk-layout-form-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
       }
       break;
     case "snk-select-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-simple-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-view-representation":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/snk-view-representation.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkViewRepresentation extends Components.SnkViewRepresentation, HTMLElement {}
+export const SnkViewRepresentation: {
+  prototype: SnkViewRepresentation;
+  new (): SnkViewRepresentation;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-view-representation.js

@@ -0,0 +1,6 @@
+import { S as SnkViewRepresentation$1, d as defineCustomElement$1 } from './snk-view-representation2.js';
+
+const SnkViewRepresentation = SnkViewRepresentation$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkViewRepresentation, defineCustomElement };

package/dist/components/snk-view-representation2.js

@@ -0,0 +1,41 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { FormLayout } from '@sankhyalabs/ezui/dist/collection/utils';
+
+const snkViewRepresentationCss = ".sc-snk-view-representation-h{display:block}.svg-container.sc-snk-view-representation{display:flex;width:185px;height:125px;border-radius:8px;background-color:#f7f7f7;padding:10px 12px;box-sizing:border-box;position:relative}.svg-container__background.sc-snk-view-representation{display:flex;flex-direction:column;width:100%}.svg-container__header.sc-snk-view-representation{display:flex;gap:2px;margin-bottom:12px}.svg-container__circle.sc-snk-view-representation{width:9px;height:9px;border-radius:50%}.svg-container__circle--red.sc-snk-view-representation{background-color:#ed7678}.svg-container__circle--yellow.sc-snk-view-representation{background-color:#eddb76}.svg-container__circle--green.sc-snk-view-representation{background-color:#7ad08e}.svg-container__section.sc-snk-view-representation{width:100%}.svg-container__collumn.sc-snk-view-representation{width:100%;display:flex;flex-direction:column}.svg-container__inline.sc-snk-view-representation{display:flex;flex-direction:row;gap:6px}.svg-container__line.sc-snk-view-representation{height:13px;border-radius:4px;background-color:#d9d9d9;margin-bottom:4px}.svg-container__line--short.sc-snk-view-representation{width:39.68px;height:7px;border-radius:3.5px}.svg-container__line--long.sc-snk-view-representation{width:100%}";
+
+const SnkViewRepresentation = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.mode = FormLayout.SIDE_BY_SIDE;
+  }
+  renderCascadeLayout() {
+    return (h("div", { class: "svg-container__collumn" }, [...Array(3)].map(() => (h("div", { class: "svg-container__section" }, h("div", { class: "svg-container__line svg-container__line--short" }), h("div", { class: "svg-container__line svg-container__line--long" }))))));
+  }
+  renderSideBySideLayout() {
+    return (h("div", { class: "svg-container__inline" }, [...Array(2)].map(() => this.renderCascadeLayout())));
+  }
+  render() {
+    return (h("div", { class: "svg-container ez-margin-left--small" }, h("div", { class: "svg-container__background" }, h("div", { class: "svg-container__header" }, h("div", { class: "svg-container__circle svg-container__circle--red" }), h("div", { class: "svg-container__circle svg-container__circle--yellow" }), h("div", { class: "svg-container__circle svg-container__circle--green" })), this.mode === FormLayout.CASCADE
+      ? this.renderCascadeLayout()
+      : this.renderSideBySideLayout())));
+  }
+  static get style() { return snkViewRepresentationCss; }
+}, [2, "snk-view-representation", {
+    "mode": [8]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-view-representation"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-view-representation":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkViewRepresentation);
+      }
+      break;
+  } });
+}
+
+export { SnkViewRepresentation as S, defineCustomElement as d };

package/dist/esm/{ClientSideExporterProvider-e42c5a48.js → ClientSideExporterProvider-da9935ed.js}

@@ -1,14 +1,13 @@
-import { D as DataFetcher } from './DataFetcher-ecf5f903.js';
-import './pesquisa-fetcher-e26c3295.js';
+import { D as DataFetcher } from './DataFetcher-88e56266.js';
+import './ISave-5efafc97.js';
 import { SortMode, ApplicationContext, UserInterface, DateUtils, ObjectUtils, StringUtils, NumberUtils, DataType } from '@sankhyalabs/core';
 import { D as DataExporterOption } from './index-b40568ff.js';
-import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { P as PreloadManager } from './dataunit-fetcher-ed6e65ef.js';
+import { P as PreloadManager } from './dataunit-fetcher-1d02ecfc.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-34becd23.js';
-import './constants-75abb876.js';
+import './form-config-fetcher-fa208a6c.js';
+import './constants-7db1128a.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import { h } from './index-a7d3d3f1.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';
@@ -219,25 +218,21 @@ class CommonsExporter {
         userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface,
         customFormatter
       };
-      if (isUserInterfaceSEARCH) {
-        if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
-          const labelDescription = (_c = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONENTITY;
-          const mergedFrom = fieldData.properties.mergedFrom;
-          const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
-          descriptionColumn = {
-            id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-            label: labelDescription,
-            width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
-            type: DataType.TEXT,
-            userInterface: UserInterface$1.LONGTEXT,
-            descriptionFrom: fieldData.name
-          };
-        }
-        if (descriptionColumn) {
-          const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
-          columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
-          descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
-        }
+      if (isUserInterfaceSEARCH && ((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
+        const labelDescription = (_c = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONENTITY;
+        const mergedFrom = fieldData.properties.mergedFrom;
+        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
+        descriptionColumn = {
+          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
+          label: labelDescription,
+          width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
+          type: DataType.TEXT,
+          userInterface: UserInterface$1.LONGTEXT,
+          descriptionFrom: fieldData.name
+        };
+        const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
+        columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
+        descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
       }
       columnsMetadata.push(columnData);
       if (descriptionColumn)

package/dist/esm/{ConfigStorage-e5c1f4c0.js → ConfigStorage-71e6766f.js}

@@ -1,7 +1,7 @@
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-34becd23.js';
+import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-fa208a6c.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher-ecf5f903.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-88e56266.js';
 
 class GridConfigFetcher extends ResourceFetcher {
   constructor() {

package/dist/esm/{DataFetcher-ecf5f903.js → DataFetcher-88e56266.js}

@@ -6716,7 +6716,13 @@ class DataFetcher {
     if (error.length > 0) { //As informações do erro vem no primeiro indice de um array
       const errorInfo = error[POSITION_ERROR_INFO];
       const errorMessage = (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message) ? errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message : "Não há mensagem de erro";
-      const errorLevel = ((_a = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _a === void 0 ? void 0 : _a.level) ? errorInfo.extensions.level : "ERROR";
+      /*
+        No HTML5, todos os erros de Troubleshooting são considerados alerta,
+        pois a comparação errorLevel == ServiceProxyConstants.LEVEL.ERROR sempre é falsa
+        Motivo: - errorLevel é uma string "ERROR" por exemplo
+                - ServiceProxyConstants.LEVEL.ERROR é um numero 1, por exemplo
+      */
+      const errorLevel = ((_a = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _a === void 0 ? void 0 : _a.level) ? "WARNING" : "ERROR";
       const errorCode = ((_b = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _b === void 0 ? void 0 : _b.code) ? errorInfo.extensions.code : "";
       switch (errorLevel) {
         case "WARNING":
@@ -6738,7 +6744,13 @@ class DataFetcher {
     let tsErrorCode, tsErrorLevel;
     if (tsError) {
       tsErrorCode = tsError.tsErrorCode;
-      tsErrorLevel = tsError.tsErrorLevel;
+      /*
+       No HTML5, todos os erros de Troubleshooting são considerados alerta,
+       pois a comparação errorLevel == ServiceProxyConstants.LEVEL.ERROR sempre é falsa
+       Motivo: - errorLevel é uma string "ERROR" por exemplo
+               - ServiceProxyConstants.LEVEL.ERROR é um numero 1, por exemplo
+     */
+      tsErrorLevel = "WARNING";
     }
     if (tsErrorLevel === "WARNING") {
       return new WarningException(title, statusMessage, tsErrorCode);

package/dist/esm/{pesquisa-fetcher-e26c3295.js → ISave-5efafc97.js}

@@ -1,5 +1,5 @@
 import { UserInterface, DataType, ApplicationContext, ErrorException } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher-ecf5f903.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-88e56266.js';
 
 function buildGridMetadata(rawValue) {
   const fieldsMetadata = buildFieldsMetadata(rawValue.fieldsMetadata);
@@ -148,7 +148,20 @@ class PesquisaFetcher {
       });
     });
   }
-  loadAdvancedSearch(entityName, argument, criteria, searchOptions) {
+  buildDescriptionCacheKey(entityName, codeValue) {
+    return `${entityName}__${codeValue}`;
+  }
+  async loadByCode(entityName, codeValue, criteria, searchOptions) {
+    const cacheKey = this.buildDescriptionCacheKey(entityName, codeValue);
+    const cachedValue = PesquisaFetcher.DESCRIPTIONS_BY_CODE[cacheKey];
+    if (cachedValue) {
+      return Promise.resolve(cachedValue);
+    }
+    const result = await this.loadAdvancedSearch(entityName, undefined, criteria, searchOptions, codeValue);
+    PesquisaFetcher.DESCRIPTIONS_BY_CODE[cacheKey] = result;
+    return result;
+  }
+  loadAdvancedSearch(entityName, argument, criteria, searchOptions, codeValue) {
     var _a, _b, _c, _d, _e;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const values = {
@@ -192,12 +205,22 @@ class PesquisaFetcher {
     const reqBody = {
       "serviceName": serviceName,
       "requestBody": {
-        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "query": { "$": values.argument }, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
         "clientEventList": {
           "clientEvent": []
         }
       }
     };
+    if (codeValue == undefined) {
+      reqBody.requestBody.criteria.query = {
+        "$": argument
+      };
+    }
+    else {
+      reqBody.requestBody.criteria.pk = {
+        "$": codeValue
+      };
+    }
     const urlOptions = {
       urlParams: {
         "quietMode": true
@@ -307,6 +330,7 @@ class PesquisaFetcher {
     return params;
   }
 }
+PesquisaFetcher.DESCRIPTIONS_BY_CODE = {};
 function buildLoadGridConfigPayload(entityName) {
   return {
     'gridConfig': {
@@ -359,4 +383,12 @@ var SearchListenerType;
   SearchListenerType["beforeSearch"] = "beforeSearch";
 })(SearchListenerType || (SearchListenerType = {}));
 
-export { PesquisaFetcher as P, PESQUISA_VIEW_MODE as a, buildGridMetadata as b };
+var SaveErrorsEnum;
+(function (SaveErrorsEnum) {
+  SaveErrorsEnum["LINK_AND_FILE_AT_THE_SAME_TIME"] = "LINK_AND_FILE_AT_THE_SAME_TIME";
+  SaveErrorsEnum["ANY_LINK_OR_FILE_FILLED"] = "ANY_LINK_OR_FILE_FILLED";
+  SaveErrorsEnum["UNKNOWN"] = "UNKNOWN";
+  SaveErrorsEnum["DESCRIPTION_CANNOT_BE_CHANGED"] = "DESCRIPTION_CANNOT_BE_CHANGED";
+})(SaveErrorsEnum || (SaveErrorsEnum = {}));
+
+export { PesquisaFetcher as P, SaveErrorsEnum as S, PESQUISA_VIEW_MODE as a, buildGridMetadata as b };

package/dist/esm/{SnkFormConfigManager-1efd102b.js → SnkFormConfigManager-be490a33.js}

@@ -1,7 +1,7 @@
-import { C as ConfigStorage } from './ConfigStorage-e5c1f4c0.js';
+import { C as ConfigStorage } from './ConfigStorage-71e6766f.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
-import { F as FormConfigFetcher } from './form-config-fetcher-34becd23.js';
-import { c as TAB_NAMES } from './constants-75abb876.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-fa208a6c.js';
+import { c as TAB_NAMES } from './constants-7db1128a.js';
 
 class SnkFormConfigManager {
   constructor(configName, resourceID, onConfigChange, dataUnit) {

package/dist/esm/{auth-fetcher-9987c66e.js → auth-fetcher-3510520e.js}

@@ -1,5 +1,5 @@
 import { ObjectUtils } from '@sankhyalabs/core';
-import { R as ResourceFetcher } from './form-config-fetcher-34becd23.js';
+import { R as ResourceFetcher } from './form-config-fetcher-fa208a6c.js';
 
 class AuthFetcher extends ResourceFetcher {
   getData(resourceID) {

package/dist/esm/{constants-75abb876.js → constants-7db1128a.js}

@@ -67,6 +67,7 @@ const TAGS_BY_TYPE = {
   CHECKBOX: "ez-check",
   OPTIONSELECTOR: "ez-combo-box",
   SEARCH: "ez-search",
+  SEARCHPLUS: "ez-search-plus",
   INTEGERNUMBER: "ez-number-input",
   DECIMALNUMBER: "ez-number-input"
 };

package/dist/esm/{dataunit-fetcher-ed6e65ef.js → dataunit-fetcher-1d02ecfc.js}

@@ -1,5 +1,5 @@
 import { ObjectUtils, DataUnit, DataUnitInMemoryLoader, ApplicationContext, StringUtils, UserInterface, DataUnitStorage, DataType, ChangeOperation } from '@sankhyalabs/core';
-import { D as DataFetcher, d as dist } from './DataFetcher-ecf5f903.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-88e56266.js';
 import { DISTINCT_FILTER_NAME_PREFIX } from '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { ColumnFilterManager } from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
@@ -495,11 +495,12 @@ class DatasetStrategy {
     return InMemoryLoader.getConvertedValue(descriptor, strValue);
   }
   getSearchDescriptionField(descriptor) {
-    if (descriptor.userInterface === UserInterface.SEARCH) {
-      const { ENTITYNAME, mergedFrom, DESCRIPTIONFIELD } = descriptor.properties;
-      if (!StringUtils.isEmpty(DESCRIPTIONFIELD)) {
-        return mergedFrom != undefined ? `${mergedFrom}.${ENTITYNAME}.${DESCRIPTIONFIELD}` : `${ENTITYNAME}.${DESCRIPTIONFIELD}`;
-      }
+    if (![UserInterface.SEARCH, UserInterface.SEARCHPLUS].includes(descriptor.userInterface)) {
+      return undefined;
+    }
+    const { ENTITYNAME, mergedFrom, DESCRIPTIONFIELD } = descriptor.properties;
+    if (!StringUtils.isEmpty(DESCRIPTIONFIELD)) {
+      return mergedFrom != undefined ? `${mergedFrom}.${ENTITYNAME}.${DESCRIPTIONFIELD}` : `${ENTITYNAME}.${DESCRIPTIONFIELD}`;
     }
     return undefined;
   }

package/dist/esm/{form-config-fetcher-34becd23.js → form-config-fetcher-fa208a6c.js}

@@ -1,4 +1,4 @@
-import { d as dist, D as DataFetcher } from './DataFetcher-ecf5f903.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-88e56266.js';
 import { ObjectUtils } from '@sankhyalabs/core';
 
 class ResourceFetcher {
@@ -282,6 +282,20 @@ class FormConfigFetcher extends ResourceFetcher {
     const rawFields = (_c = (_b = (_a = config === null || config === void 0 ? void 0 : config.formConfig) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.field) !== null && _c !== void 0 ? _c : [];
     return { emptyConfig: false, fields: Array.isArray(rawFields) ? rawFields : [rawFields] };
   }
+  async fetchLayoutFormConfig(configName) {
+    const payload = { 'requestBody': { 'config': { 'chave': configName, 'tipo': 'T' } } };
+    const response = await DataFetcher.get().callServiceBroker('SystemUtilsSP.getConf', JSON.stringify(payload));
+    if (ObjectUtils.isEmpty(response))
+      return undefined;
+    return response.config;
+  }
+  async saveLayoutFormConfig(configName, config) {
+    const payload = { 'requestBody': { 'config': Object.assign(Object.assign({}, config), { 'chave': configName, 'tipo': 'T' }) } };
+    const response = await DataFetcher.get().callServiceBroker('SystemUtilsSP.saveConf', JSON.stringify(payload));
+    if (ObjectUtils.isEmpty(response))
+      return undefined;
+    return response;
+  }
 }
 var UserConfigType;
 (function (UserConfigType) {

package/dist/esm/index-a7d3d3f1.js

@@ -2174,10 +2174,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './snk-personalized-filter.entry.js').then(processMod, consoleError);
-        case 'snk-actions-button_5':
+        case 'snk-actions-button_7':
           return import(
             /* webpackMode: "lazy" */
-            './snk-actions-button_5.entry.js').then(processMod, consoleError);
+            './snk-actions-button_7.entry.js').then(processMod, consoleError);
         case 'snk-filter-advanced-mode_2':
           return import(
             /* webpackMode: "lazy" */