@sankhyalabs/sankhyablocks 8.15.3 → 8.16.0-dev.10

package/dist/components/pesquisa-fetcher.js

@@ -0,0 +1,164 @@
+import { DataType, ApplicationContext } from '@sankhyalabs/core';
+import { d as dist, D as DataFetcher } from './DataFetcher.js';
+
+class PesquisaFetcher {
+  constructor() {
+    this._defaultPageSize = 100;
+    this._templateByQuery = new Map();
+    this._searchListenersByDataUnit = new Map();
+    this.buldTemplates();
+  }
+  buldTemplates() {
+    this._templateByQuery.set("search", dist.gql `query($entityName: String! $argument: String $criteria: InputSearchCriteria $options: InputSearchOptions) {
+                $queryAlias$: search(entityName: $entityName argument: $argument criteria: $criteria options: $options){
+                    value
+                    label
+                }
+            }`);
+  }
+  loadSearchOptions(entityName, argument, criteria, options) {
+    var _a;
+    const cleanText = (argument === null || argument === void 0 ? void 0 : argument.toString().trim()) || undefined;
+    argument = isNaN(Number(cleanText)) && cleanText ? `%${cleanText}` : cleanText;
+    criteria === null || criteria === void 0 ? void 0 : criteria.params.forEach(param => {
+      if (param.dataType === DataType.OBJECT) {
+        param.value = JSON.stringify(param.value);
+      }
+    });
+    const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, options);
+    const values = {
+      argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
+      entityName,
+      criteria: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) || criteria,
+      options: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) || options,
+    };
+    if (values.options) {
+      (_a = values.options) === null || _a === void 0 ? true : delete _a.dataUnitId;
+    }
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values,
+        query: this._templateByQuery.get("search"),
+      })
+        .then((result) => {
+        resolve(result);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  loadAdvancedSearch(entityName, argument, criteria, searchOptions) {
+    var _a, _b, _c, _d, _e;
+    const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
+    const values = {
+      argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
+      criteria: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) || criteria,
+      searchOptions: Object.assign(Object.assign({}, searchOptions), listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions),
+    };
+    const serviceName = "PesquisaSP.getSuggestion";
+    const externalCriteria = {
+      query: {
+        $: (_a = values.criteria) === null || _a === void 0 ? void 0 : _a.expression
+      }
+    };
+    if (((_c = (_b = values.criteria) === null || _b === void 0 ? void 0 : _b.params) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+      externalCriteria.params = {
+        param: values.criteria.params.map(param => {
+          let value = param.value;
+          if (typeof value === "string") {
+            const match = /CTX\{([^}]+)\}/.exec(value);
+            if (match) {
+              value = ApplicationContext.getContextValue(`__SNK__APPLICATION__FILTER__CONTEXT(${match[1]})__`);
+            }
+          }
+          let type = param.dataType;
+          if (type === DataType.OBJECT) {
+            value = value.value;
+            type = "S";
+          }
+          else {
+            type = convertParamType(param.dataType);
+          }
+          return { $: value, type };
+        })
+      };
+    }
+    const options = searchOptions != undefined
+      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true }) : undefined;
+    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 }),
+        "clientEventList": {
+          "clientEvent": []
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callServiceBroker("PesquisaSP.getSuggestion", JSON.stringify(reqBody))
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
+  addSearchListener(entityName, dataUnitID, listener) {
+    var _a;
+    const dataUnitSearchListeners = this._searchListenersByDataUnit.get(dataUnitID) || [];
+    const entityListener = dataUnitSearchListeners.find(currentListener => currentListener.entity === entityName);
+    if (!entityListener) {
+      this._searchListenersByDataUnit.set(dataUnitID, [...dataUnitSearchListeners, { entity: entityName, listener }]);
+    }
+    else {
+      for (const type of Object.keys(listener)) {
+        if (type in entityListener.listener) {
+          const listenerFunctionIsEquals = ((_a = entityListener.listener[type]) === null || _a === void 0 ? void 0 : _a.toString()) === listener[type].toString();
+          if (listenerFunctionIsEquals)
+            continue;
+          entityListener.listener[type] = listener[type];
+        }
+      }
+    }
+    return () => {
+      const newListeners = dataUnitSearchListeners.filter(currentListener => currentListener.entity !== entityName);
+      if (!newListeners.length) {
+        this._searchListenersByDataUnit.delete(dataUnitID);
+        return;
+      }
+      this._searchListenersByDataUnit.set(dataUnitID, newListeners);
+    };
+  }
+  applySearchListener(listenerType, entityName, argument, criteria, searchOptions) {
+    var _a;
+    const dataUnitId = searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.dataUnitId;
+    if (!dataUnitId)
+      return;
+    const entityListener = (_a = this._searchListenersByDataUnit.get(dataUnitId)) === null || _a === void 0 ? void 0 : _a.find(({ entity }) => entity === entityName);
+    if (!entityListener)
+      return;
+    const { listener } = entityListener;
+    if (!(listenerType in listener))
+      return;
+    return listener[listenerType]({ argument, criteria, searchOptions });
+  }
+}
+function convertParamType(dataType) {
+  //Alerta: Cuidado pra não contaminar o DataType com a implementação
+  //atual da pesquisa... em geral, somente inteiros,
+  //data (com ou sem hora) e string são realmente relevantes
+  switch (dataType) {
+    case DataType.NUMBER:
+      return "I";
+    case DataType.DATE:
+      return "D";
+    default:
+      return "S";
+  }
+}
+var SearchListenerType;
+(function (SearchListenerType) {
+  SearchListenerType["beforeSearch"] = "beforeSearch";
+})(SearchListenerType || (SearchListenerType = {}));
+
+export { PesquisaFetcher as P };

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

@@ -2,10 +2,11 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { ApplicationContext, StringUtils, ErrorException, WarningException, ObjectUtils, DateUtils, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
 import { D as DataFetcher } from './DataFetcher.js';
 import { P as ParamType } from './ParamType.js';
-import './dataunit-fetcher.js';
-import './index2.js';
+import './pesquisa-fetcher.js';
+import './ISave.js';
 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 './form-config-fetcher.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils.js';
@@ -158,14 +159,6 @@ var RefreshType;
   RefreshType["ALL"] = "ALL";
 })(RefreshType || (RefreshType = {}));
 
-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 = {}));
-
 const MASTER_ROW_PROPERTY = "__MASTER_ROW__";
 const ENTITY_NAME_PROPERTY = '__ENTITY_NAME__';
 const NUFIN_COLUMN = 'NUFIN';
@@ -735,4 +728,4 @@ function defineCustomElement() {
   } });
 }
 
-export { SnkActionsButton as S, SaveErrorsEnum as a, defineCustomElement as d };
+export { SnkActionsButton as S, defineCustomElement as d };

package/dist/components/snk-application2.js

@@ -4,7 +4,8 @@ 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 } from './DataFetcher.js';
 import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher.js';
-import { D as DataUnitFetcher, P as PesquisaFetcher } from './dataunit-fetcher.js';
+import { D as DataUnitFetcher } from './dataunit-fetcher.js';
+import { P as PesquisaFetcher } from './pesquisa-fetcher.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { d as defineCustomElement$1 } from './snk-pesquisa2.js';
 
@@ -289,6 +290,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this._duPromises = new Map();
     this._requestListener = new RequestListenerLoadingBar();
     this._pendingActions = new Map;
+    this._loadPkParameter = null;
     this._isLoadedByPk = false;
     this.messagesBuilder = undefined;
     this.configName = undefined;
@@ -346,6 +348,12 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       });
     }
   }
+  watchPropHandler(newValue, _) {
+    if (newValue && this._loadPkParameter) {
+      this.loadByPK(this._loadPkParameter.pk, this._loadPkParameter.redirect);
+      this._loadPkParameter = null;
+    }
+  }
   /**
    * Obtém o controlador de teclado.
    *
@@ -620,12 +628,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       if (!waitingDu) {
         const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, resourceID, parentDataUnit, configName);
         dataUnit.loadMetadata().then(() => {
-          if (dataUnitName) {
-            this.updateDataunitCache(undefined, dataUnitName, dataUnit);
-          }
-          while (duPromisses.length > 0) {
-            duPromisses.pop().resolve(dataUnit);
-          }
+          this.processResolveDataUnit(dataUnit, dataUnitName, duPromisses);
         }).catch(reason => {
           while (duPromisses.length > 0) {
             duPromisses.pop().reject(reason);
@@ -634,6 +637,14 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       }
     });
   }
+  processResolveDataUnit(dataUnit, dataUnitName, duPromisses) {
+    if (dataUnitName) {
+      this.updateDataunitCache(undefined, dataUnitName, dataUnit);
+    }
+    while (duPromisses.length > 0) {
+      duPromisses.pop().resolve(dataUnit);
+    }
+  }
   /**
    * Atualiza o cache de dataunits da aplicação.
    * @param oldName - Nome do dataunit que está em cache.
@@ -1047,15 +1058,23 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       return;
     const resourceIDfromUrl = this.getResourceIdFromToken();
     const pkObject = UrlUtils.getPkObjectFromUrlToken(top.window.location.hash);
-    if (pkObject == undefined || resourceIDfromUrl !== this.applicationResourceID)
+    const redirectFrom = window["redirectFrom"];
+    if (pkObject === undefined) {
       return;
+    }
+    if (!redirectFrom || redirectFrom.split("_")[0].indexOf(resourceIDfromUrl.split("_")[0]) === -1) {
+      if (resourceIDfromUrl !== this.applicationResourceID) {
+        return;
+      }
+    }
     const pkParam = { pk: pkObject };
     this._isLoadedByPk = true;
     if (this.loadByPK) {
-      this.loadByPK(pkParam);
+      this.loadByPK(pkParam, redirectFrom);
       this._currentPkParameter = pkHash;
       return;
     }
+    this._loadPkParameter = { pk: pkParam, redirect: redirectFrom };
     this.defaultLoadByPK(pkParam, pkHash);
   }
   getResourceIdFromToken() {
@@ -1246,6 +1265,9 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     return (h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.loadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true })));
   }
   get _element() { return this; }
+  static get watchers() { return {
+    "loadByPK": ["watchPropHandler"]
+  }; }
   static get style() { return snkApplicationCss; }
 }, [2, "snk-application", {
     "messagesBuilder": [1040],

package/dist/components/snk-attach2.js

@@ -1,14 +1,15 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnit } from '@sankhyalabs/core';
 import { D as DataFetcher } from './DataFetcher.js';
-import { a as PreloadManager, b as applyFilter, c as applySorting, d as buildPaginationInfo, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher.js';
-import './index2.js';
-import { a as SaveErrorsEnum, d as defineCustomElement$f } from './snk-actions-button2.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 './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 { d as defineCustomElement$d } from './snk-configurator2.js';
 import { d as defineCustomElement$c } from './snk-data-exporter2.js';
@@ -656,26 +657,37 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._currentDataUnit = undefined;
     this.crudConfig = undefined;
   }
-  registerKeyWatcher(newRegisterKey, oldRegisterKey) {
-    var _a, _b, _c, _d, _e, _f;
-    if (!this._currentDataUnit) {
+  async registerKeyWatcher(newRegisterKey, oldRegisterKey) {
+    var _a;
+    if (this._currentDataUnit == null) {
       this.loadAttachmentDataUnit();
     }
     if (oldRegisterKey !== newRegisterKey) {
-      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));
-        return (_c = this._currentDataUnit) === null || _c === void 0 ? void 0 : _c.loadData();
-      }
-      if (this.fetcherType === "Attach") {
-        const hasMoreOneItem = ((_d = this.registerKey) === null || _d === void 0 ? void 0 : _d.split("_").length) > 1;
-        if (hasMoreOneItem)
-          return;
-      }
-      return (_f = (_e = this._currentDataUnit) === null || _e === void 0 ? void 0 : _e.loadMetadata()) === null || _f === void 0 ? void 0 : _f.then(this._currentDataUnit.loadData.bind(undefined, undefined, true, this.registerKey));
+      await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadData());
     }
   }
+  async initAttach() {
+    var _a, _b, _c, _d, _e, _f;
+    if (!this.fetcherType && !this.registerKey)
+      return;
+    if (!this.fetcherType) {
+      this.fetcherType = "AnexoSistema";
+    }
+    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());
+      return;
+    }
+    if (this.fetcherType === "Attach") {
+      const hasMoreOneItem = ((_d = this.registerKey) === null || _d === void 0 ? void 0 : _d.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));
+  }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
    * através de um pequeno modulo na estrutura da aplicação:
@@ -713,14 +725,14 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this._crudElement)
       this._crudElement.goToView(VIEW_MODE.GRID);
   }
-  loadAttachmentDataUnit() {
+  async loadAttachmentDataUnit() {
     try {
       switch (this.fetcherType) {
         case "AnexoSistema":
-          this.loadAnexoSistema();
+          await this.loadAnexoSistema();
           break;
         case "Attach":
-          this.loadAttach();
+          await this.loadAttach();
           break;
         default:
           this._currentFetcher = this.fetcher;
@@ -732,28 +744,29 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       throw new Error('There was an error while creating the data unit');
     }
   }
-  loadAnexoSistema() {
-    var _a;
-    this._currentDataUnit = this._currentDataUnit || new DataUnitFetcher().getDataUnit(RESOURCE_ID, DATA_UNIT_NAME);
+  async loadAnexoSistema() {
+    var _a, _b, _c;
+    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);
     if (!this._currentDataUnit.metadata) {
-      this._currentDataUnit
-        .loadMetadata()
-        .then(() => this.crudConfig = Object.assign({}, anexoSistemaCrudConfig));
+      await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadMetadata());
+      this.crudConfig = Object.assign({}, anexoSistemaCrudConfig);
     }
-    this._currentDataUnitBuilder = new AnexoSistemaDataUnitFactory(this.entityName, this.getMessage.bind(this));
+    this.initDataUnitLoaders();
     this._currentDataUnit.addFilterProvider({
       getFilter: () => this._currentDataUnitBuilder.getFilters(this.registerKey)
     });
     this._currentDataUnit.addInterceptor({
       interceptAction: (action) => this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement)
     });
-    this._currentDataUnit.loadData().then(this.disableEditFieldsNotInForm.bind(this));
+    await ((_c = this._currentDataUnit) === null || _c === void 0 ? void 0 : _c.loadData());
+    this.disableEditFieldsNotInForm();
   }
-  loadAttach() {
-    var _a, _b, _c;
+  async loadAttach() {
+    var _a, _b;
     this._currentFetcher = new AttachFetcher();
     this._currentDataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
+    this.initDataUnitLoaders();
     this._currentDataUnit.addInterceptor({
       interceptAction: (action) => {
         var _a;
@@ -764,16 +777,26 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         return this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement);
       }
     });
-    this._currentDataUnitBuilder = new AttachFetcherDataUnitFactory(this.getMessage.bind(this));
-    (_a = this._currentDataUnitBuilder) === null || _a === void 0 ? void 0 : _a.initLoaders(this._currentDataUnit, this._currentFetcher, async () => {
-      this.returnToGridMode();
-      await this._currentDataUnit.loadData(undefined, undefined, true, this.registerKey);
-    });
     if (!this._currentDataUnit.metadata) {
-      (_c = (_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadMetadata()) === null || _c === void 0 ? void 0 : _c.then(() => {
-        var _a, _b;
-        this.crudConfig = Object.assign({}, attachCrudConfig);
-        (_b = (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadData(undefined, undefined, true, this.registerKey)) === null || _b === void 0 ? void 0 : _b.then(this.disableEditFieldsNotInForm.bind(this));
+      await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
+      this.crudConfig = Object.assign({}, attachCrudConfig);
+      await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData(undefined, undefined, true, this.registerKey));
+      this.disableEditFieldsNotInForm();
+    }
+  }
+  initDataUnitLoaders() {
+    var _a, _b, _c;
+    if (this.fetcherType === "AnexoSistema") {
+      this._currentFetcher = new AnexoSistemaFetcher(this.entityName, this.registerKey, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
+      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));
+    }
+    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 () => {
+        this.returnToGridMode();
+        await this._currentDataUnit.loadData(undefined, undefined, true, this.registerKey);
       });
     }
   }
@@ -787,8 +810,9 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
     });
   }
-  componentWillLoad() {
+  async componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    await this.initAttach();
   }
   componentWillRender() {
     if (!this.fetcherType) {