@sankhyalabs/sankhyablocks 10.1.0-dev.6 → 10.1.0-dev.61

package/dist/components/index2.js

@@ -1,12 +1,13 @@
-import { getRenderingRef, forceUpdate } from '@stencil/core/internal/client';
+import * as StencilCore from '@stencil/core/internal/client';
 
 const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
+    let refs = map.get(propName);
+    if (!refs) {
+        refs = [];
+        map.set(propName, refs);
     }
-    else if (!items.includes(value)) {
-        items.push(value);
+    if (!refs.some((ref) => ref.deref() === value)) {
+        refs.push(new WeakRef(value));
     }
 };
 const debounce = (fn, ms) => {
@@ -34,33 +35,54 @@ const debounce = (fn, ms) => {
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
 const cleanupElements = debounce((map) => {
     for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
+        const refs = map.get(key).filter((ref) => {
+            const elm = ref.deref();
+            return elm && isConnected(elm);
+        });
+        map.set(key, refs);
     }
 }, 2_000);
+const core = StencilCore;
+const forceUpdate = core.forceUpdate;
+const getRenderingRef = core.getRenderingRef;
 const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function') {
+    if (typeof getRenderingRef !== 'function' || typeof forceUpdate !== 'function') {
         // If we are not in a stencil project, we do nothing.
         // This function is not really exported by @stencil/core.
         return {};
     }
+    const ensureForceUpdate = forceUpdate;
+    const ensureGetRenderingRef = getRenderingRef;
     const elmsToUpdate = new Map();
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
-            const elm = getRenderingRef();
+            const elm = ensureGetRenderingRef();
             if (elm) {
                 appendToMap(elmsToUpdate, propName, elm);
             }
         },
         set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            const refs = elmsToUpdate.get(propName);
+            if (refs) {
+                const nextRefs = refs.filter((ref) => {
+                    const elm = ref.deref();
+                    if (!elm)
+                        return false;
+                    return ensureForceUpdate(elm);
+                });
+                elmsToUpdate.set(propName, nextRefs);
             }
             cleanupElements(elmsToUpdate);
         },
         reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            elmsToUpdate.forEach((refs) => {
+                refs.forEach((ref) => {
+                    const elm = ref.deref();
+                    if (elm)
+                        ensureForceUpdate(elm);
+                });
+            });
             cleanupElements(elmsToUpdate);
         },
     };
@@ -68,8 +90,11 @@ const stencilSubscription = () => {
 
 const unwrap = (val) => (typeof val === 'function' ? val() : val);
 const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState ?? {}));
+    const resolveDefaultState = () => (unwrap(defaultState) ?? {});
+    const initialState = resolveDefaultState();
+    let states = new Map(Object.entries(initialState));
+    const proxyAvailable = typeof Proxy !== 'undefined';
+    const plainState = proxyAvailable ? null : {};
     const handlers = {
         dispose: [],
         get: [],
@@ -81,7 +106,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
     const reset = () => {
         // When resetting the state, the default state may be a function - unwrap it to invoke it.
         // otherwise, the state won't be properly reset
-        states = new Map(Object.entries(unwrap(defaultState) ?? {}));
+        states = new Map(Object.entries(resolveDefaultState()));
+        if (!proxyAvailable) {
+            syncPlainStateKeys();
+        }
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {
@@ -98,12 +126,14 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         const oldValue = states.get(propName);
         if (shouldUpdate(value, oldValue, propName)) {
             states.set(propName, value);
+            if (!proxyAvailable) {
+                ensurePlainProperty(propName);
+            }
             handlers.set.forEach((cb) => cb(propName, value, oldValue));
         }
     };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
+    const state = (proxyAvailable
+        ? new Proxy(initialState, {
             get(_, propName) {
                 return get(propName);
             },
@@ -123,7 +153,11 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 set(propName, value);
                 return true;
             },
-        }));
+        })
+        : (() => {
+            syncPlainStateKeys();
+            return plainState;
+        })());
     const on = (eventName, callback) => {
         handlers[eventName].push(callback);
         return () => {
@@ -136,7 +170,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 cb(newValue);
             }
         };
-        const resetHandler = () => cb(unwrap(defaultState)[propName]);
+        const resetHandler = () => {
+            const snapshot = resolveDefaultState();
+            cb(snapshot[propName]);
+        };
         // Register the handlers
         const unSet = on('set', setHandler);
         const unReset = on('reset', resetHandler);
@@ -179,6 +216,38 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
             changeListeners.delete(listener);
         }
     };
+    function ensurePlainProperty(key) {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        if (Object.prototype.hasOwnProperty.call(plainState, key)) {
+            return;
+        }
+        Object.defineProperty(plainState, key, {
+            configurable: true,
+            enumerable: true,
+            get() {
+                return get(key);
+            },
+            set(value) {
+                set(key, value);
+            },
+        });
+    }
+    function syncPlainStateKeys() {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        const knownKeys = new Set(states.keys());
+        for (const key of Object.keys(plainState)) {
+            if (!knownKeys.has(key)) {
+                delete plainState[key];
+            }
+        }
+        for (const key of knownKeys) {
+            ensurePlainProperty(key);
+        }
+    }
     return {
         state,
         get,

package/dist/components/snk-actions-button2.js

@@ -80,11 +80,14 @@ class LaunchScreenExecutor {
             localFieldLabel = StringUtils.isEmpty(dataUnit.getField(localField).label) ? localField : localFieldLabel;
             throw new ErrorException(this._application.messagesBuilder.getMessage("snkActionsButton.title.error", undefined), this._application.messagesBuilder.getMessage("snkActionsButton.launchScreen.emptyField", { description: action.description, localFieldLabel: localFieldLabel }));
           }
-          value = StringUtils.isEmpty(value.toString()) ? undefined : value.toString();
-          launchObject[param.targetField] = value;
+          if (value !== null && typeof value === 'object' && 'value' in value) {
+            value = value.value;
+          }
+          const finalValue = StringUtils.isEmpty(value === null || value === void 0 ? void 0 : value.toString()) ? undefined : value.toString();
+          launchObject[param.targetField] = finalValue;
           processedParams.push({
             fieldName: param.targetField,
-            value: value
+            value: finalValue
           });
         });
         launchObject.ACTION_PARAMETERS = processedParams;
@@ -607,6 +610,7 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       action.execute(Object.assign({}, selectedAction));
       this._showDropdown = false;
     };
+    this.size = 'medium';
     this._items = [];
     this._showDropdown = false;
   }
@@ -656,12 +660,13 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     document.addEventListener("scroll", this.positionDropdown.bind(this));
   }
   async componentWillLoad() {
+    var _a, _b;
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     await this.loadParameters();
-    const snkDataUnit = this._element.parentElement;
-    this._dataUnit = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.dataUnit;
-    this._resourceID = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.resourceID;
-    this._entityName = this._dataUnit.name.split('/')[2];
+    const snkTaskbar = this._element.closest('snk-taskbar');
+    this._dataUnit = snkTaskbar === null || snkTaskbar === void 0 ? void 0 : snkTaskbar.dataUnit;
+    this._resourceID = snkTaskbar === null || snkTaskbar === void 0 ? void 0 : snkTaskbar.resourceID;
+    this._entityName = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.split('/')[2];
     if (this._resourceID == undefined) {
       this._resourceID = await ResourceIDUtils.getResourceID();
     }
@@ -701,9 +706,9 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   }
   render() {
     return (h(Host, null, (this._actions && this._actions.length > 0) &&
-      (h("div", { class: `ez-padding-left--medium snk-actions-button
+      (h("div", { class: `snk-actions-button
                             ${this.canShowDropdown() ? " ez-elevation--16" : ""}
-                        ` }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "acao", size: "small", mode: "icon", title: this._application.messagesBuilder.getMessage("snkActionsButton.title.actions", undefined), onClick: () => this.controlDropdown() }, this.getElementID("button"))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `${this.canShowDropdown() ?
+                        ` }, h("ez-tooltip", { message: this._application.messagesBuilder.getMessage("snkActionsButton.title.actions", undefined) }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "acao", mode: "icon", onClick: () => this.controlDropdown(), size: this.size }, this.getElementID("button")))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `${this.canShowDropdown() ?
           "snk-actions-button__dropdown--show" :
           "snk-actions-button__dropdown"}
                             ` }, this.getElementID("dropdown")), (this.canShowDropdown()) &&
@@ -713,6 +718,7 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   get _element() { return this; }
   static get style() { return snkActionsButtonCss; }
 }, [2, "snk-actions-button", {
+    "size": [1],
     "_items": [32],
     "_showDropdown": [32]
   }]);

package/dist/components/snk-application2.js

@@ -2,10 +2,11 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 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.js';
-import { d as dist, D as DataFetcher, U as UrlUtils, S as SnkMessageBuilder } from './DataFetcher.js';
+import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher.js';
 import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher.js';
 import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher.js';
 import { a as PesquisaFetcher } from './ISave.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { c as TEMPLATES_SKELETON } from './constants.js';
 import './filter-item-type.enum.js';
 import { F as FormConfigFetcher } from './form-config-fetcher.js';
@@ -274,6 +275,7 @@ class SnkErrorHandler {
       this._app.error(exception.title, exception.message);
     }
     else {
+      console.warn("Erro não tratado", exception);
       this._app.isDebugMode().then(isDebug => {
         if (isDebug) {
           if (exception instanceof Error) {
@@ -787,6 +789,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this._popUp.opened = true;
     this._popUp.heightMode = size;
     this._popUp.useHeader = useHeader;
+    this._popUp.autoClose = false;
     if (content.tagName === 'EZ-MODAL-CONTAINER') {
       this._popUp.useHeader = false;
     }
@@ -1387,12 +1390,29 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    * @async
    */
   async executePreparedSearch(mode, argument, options) {
+    var _a;
     const mdByName = {};
     const { entity, criteria, searchOptions, useSearchPlus } = options;
     if (useSearchPlus) {
       return executePreparedSearchPlus(mode, argument, options, this, this.pesquisaFetcher);
     }
-    if (mode === "ADVANCED") {
+    if (mode === "LOAD_DESCRIPTION") {
+      let result = await this.pesquisaFetcher.loadByCode(entity, argument, criteria, searchOptions);
+      result = ObjectUtils.stringToObject(result.json.$);
+      let descriptionField = result.descriptionField;
+      const option = (_a = result.data) === null || _a === void 0 ? void 0 : _a[0];
+      if (!option) {
+        return {
+          value: argument,
+          label: ""
+        };
+      }
+      return {
+        value: argument,
+        label: option[descriptionField]
+      };
+    }
+    else if (mode === "ADVANCED") {
       return executeAdvancedModeSearch(argument, options, this, this.pesquisaFetcher);
     }
     return new Promise((resolve, reject) => {

package/dist/components/snk-attach2.js

@@ -1,13 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnitLoaderUtils, DataUnit } from '@sankhyalabs/core';
-import { D as DataFetcher, S as SnkMessageBuilder } from './DataFetcher.js';
+import { D as DataFetcher } from './DataFetcher.js';
 import { S as SaveErrorsEnum } from './ISave.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$4 } from './snk-taskbar2.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
+import { T as TaskbarElement, d as defineCustomElement$5 } from './snk-taskbar2.js';
 import { d as defineCustomElement$g } from './snk-actions-button2.js';
 import { d as defineCustomElement$f } from './snk-configurator2.js';
 import { d as defineCustomElement$e } from './snk-data-exporter2.js';
@@ -17,9 +18,9 @@ import { d as defineCustomElement$b } from './snk-grid-config2.js';
 import { d as defineCustomElement$a } from './snk-layout-form-config2.js';
 import { d as defineCustomElement$9 } from './snk-numbering-config2.js';
 import { d as defineCustomElement$8 } from './snk-select-box2.js';
-import { d as defineCustomElement$7 } from './snk-simple-bar2.js';
-import { d as defineCustomElement$6 } from './snk-simple-crud2.js';
-import { d as defineCustomElement$5 } from './snk-simple-form-config2.js';
+import { d as defineCustomElement$7 } from './snk-simple-crud2.js';
+import { d as defineCustomElement$6 } from './snk-simple-form-config2.js';
+import { d as defineCustomElement$4 } from './snk-taskbar-skeleton2.js';
 import { d as defineCustomElement$3 } from './snk-view-representation2.js';
 import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
 import { d as defineCustomElement$1 } from './taskbar-split-button2.js';
@@ -630,7 +631,7 @@ const anexoSistemaCrudConfig = {
   },
 };
 
-const snkAttachCss = ".snk-attach__header.sc-snk-attach,.snk-attach__crud-section.sc-snk-attach{padding:0 var(--space--lg)}.snk-attach__file-info.sc-snk-attach{padding:var(--space--small);max-width:50%}.snk-attach__main.sc-snk-attach{height:85%}.ez-box__container.sc-snk-attach{height:100%}";
+const snkAttachCss = ".snk-attach__header.sc-snk-attach{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space--6, 6px)}.snk-attach__header.sc-snk-attach>section.sc-snk-attach{display:flex;align-items:center}.snk-attach__file-info.sc-snk-attach{display:flex;flex-direction:column;justify-content:center;gap:var(--space--8, 8px)}.snk-attach__main.sc-snk-attach{display:flex;flex-direction:column;height:100%}.ez-box__container.sc-snk-attach{height:100%}.snk-attach__crud-section.sc-snk-attach{padding:1px;display:flex;flex-direction:column;height:100%;width:100%}";
 
 const RESOURCE_ID = 'AnexoSistema';
 const DATA_UNIT_NAME = 'br.com.sankhya.core.v3.anexoSistema';
@@ -640,7 +641,7 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.back = createEvent(this, "back", 7);
+    this.ezClosePopup = createEvent(this, "ezClosePopup", 7);
     this.handleTaskbarClick = async ({ detail: taskbar }) => {
       if (["DOWNLOAD", "LINK"].includes(taskbar))
         return this.downloadAttachment(this._currentDataUnit.getSelectedRecord());
@@ -651,20 +652,21 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.handleBack = () => {
       this._currentDataUnit.cancelEdition().then((cancelationConfirmed) => {
         if (cancelationConfirmed)
-          this.back.emit();
+          this.close();
       });
     };
     this.handleFinish = () => {
       if (!this._currentDataUnit.isDirty())
-        return this.back.emit();
+        return this.close();
       if (!this.validateAnexoSistema()) {
         return;
       }
       this._currentDataUnit.saveData().then(() => {
         this.showFinishedToast();
-        this.back.emit();
+        this.close();
       });
     };
+    this._isOpen = false;
     this.gridLegacyConfigName = undefined;
     this.fetcherType = undefined;
     this.fetcher = undefined;
@@ -676,6 +678,41 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._currentFetcher = undefined;
     this._currentDataUnit = undefined;
     this.crudConfig = undefined;
+    this._appResourceID = undefined;
+  }
+  // Garante que o popup só abre via método open()
+  // Não há mais caminhos alternativos de abertura
+  /**
+   * Abre o popup do SnkAttach.
+   */
+  /**
+   * Abre o popup do SnkAttach.
+   * Inicializa o componente apenas na abertura.
+   */
+  async open() {
+    this._isOpen = true;
+    // Inicialização só ocorre na abertura
+    if (!this._currentDataUnit) {
+      await this.initAttach();
+    }
+    if (this._refPopup) {
+      this._refPopup.opened = true;
+    }
+    if (!this.fetcherType) {
+      this.fetcherType = "AnexoSistema";
+    }
+    if (this._currentDataUnit == null) {
+      this.loadAttachmentDataUnit();
+    }
+  }
+  /**
+   * Fecha o popup do SnkAttach.
+   */
+  async close() {
+    this._isOpen = false;
+    if (this._refPopup) {
+      this._refPopup.opened = false;
+    }
   }
   async registerKeyWatcher(newRegisterKey, oldRegisterKey) {
     var _a;
@@ -872,16 +909,12 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   async componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    await this.initAttach();
-  }
-  componentWillRender() {
-    if (!this.fetcherType) {
-      this.fetcherType = "AnexoSistema";
-    }
-    if (this._currentDataUnit == null) {
-      this.loadAttachmentDataUnit();
+    if (this._application) {
+      this._appResourceID = await this._application.getResourceID();
     }
+    await this.initAttach();
   }
+  // Removido: não inicializa DataUnit no ciclo de vida, apenas na abertura
   async handleOnDataStateChange({ detail }) {
     if (this.fetcherType !== 'Attach')
       return;
@@ -894,16 +927,21 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     await this._currentDataUnit.loadMetadata();
   }
   ;
+  isScreenVariation() {
+    var _a;
+    return !!((_a = this._appResourceID) === null || _a === void 0 ? void 0 : _a.includes('__'));
+  }
   getGridLegacyConfigName() {
+    if (this.isScreenVariation()) {
+      return undefined;
+    }
     if (this.gridLegacyConfigName)
       return this.gridLegacyConfigName;
     return this.entityName ? GRID_LEGACY_CONFIG_NAME + "." + this.entityName : this.entityName;
   }
   render() {
     var _a, _b;
-    if (!this._currentDataUnit)
-      return null;
-    return (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), multipleSelection: true, configName: this.entityName, ignoreReadOnlyFormFields: this.entityName ? true : false, gridLegacyConfigName: this.getGridLegacyConfigName() }, 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")))))))));
+    return (h("ez-popup", { ref: (el) => this._refPopup = el, size: 'x-large', ezTitle: this.getMessage("snkAttach.title"), useHeader: false, autoClose: false, onEzClosePopup: () => this.close() }, this._isOpen && this._currentDataUnit && (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("section", null, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.handleBack() }), h("div", { class: "snk-attach__file-info" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary" }, this.getMessage("snkAttach.description")))), h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })), h("div", { class: "snk-attach__crud-section" }, h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true, configName: this.isScreenVariation() ? undefined : (this.entityName ? "AnexoSistema_" + this.entityName : undefined), ignoreReadOnlyFormFields: this.entityName ? true : false, gridLegacyConfigName: this.getGridLegacyConfigName(), outlineMode: true }))))));
   }
   static get watchers() { return {
     "registerKey": ["registerKeyWatcher"]
@@ -918,15 +956,19 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "registerKey": [1, "register-key"],
     "entityName": [1, "entity-name"],
     "messagesBuilder": [1040],
+    "_isOpen": [32],
     "_currentFetcher": [32],
     "_currentDataUnit": [32],
-    "crudConfig": [32]
+    "crudConfig": [32],
+    "_appResourceID": [32],
+    "open": [64],
+    "close": [64]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  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-numbering-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button", "taskbar-split-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-numbering-config", "snk-select-box", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "snk-taskbar-skeleton", "snk-view-representation", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-attach":
       if (!customElements.get(tagName)) {
@@ -978,22 +1020,22 @@ function defineCustomElement() {
         defineCustomElement$8();
       }
       break;
-    case "snk-simple-bar":
+    case "snk-simple-crud":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
       break;
-    case "snk-simple-crud":
+    case "snk-simple-form-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$6();
       }
       break;
-    case "snk-simple-form-config":
+    case "snk-taskbar":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }
       break;
-    case "snk-taskbar":
+    case "snk-taskbar-skeleton":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }

package/dist/components/snk-configurator2.js

@@ -91,6 +91,7 @@ const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (!this.disableNumberingConfig) {
       const result = await ((_a = this._snkNumberingConfig) === null || _a === void 0 ? void 0 : _a.save());
       if (!result) {
+        this.closeConfig();
         return;
       }
     }
@@ -98,6 +99,7 @@ const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       this._snkLayoutFormConfig.save();
     }
     this.save.emit();
+    this.closeConfig();
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');