@sankhyalabs/sankhyablocks 10.1.0-dev.4 → 10.1.0-dev.41

package/dist/cjs/{sortable.esm-9a110bb7.js → sortable.esm-b87669ab.js}

@@ -1,111 +1,94 @@
 'use strict';
 
 /**!
- * Sortable 1.15.6
+ * Sortable 1.15.7
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
  */
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-    keys.push.apply(keys, symbols);
-  }
-  return keys;
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-  }
-  return target;
+    return n;
+  }, _extends.apply(null, arguments);
 }
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
   }
-  return _typeof(obj);
+  return t;
 }
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
-  } else {
-    obj[key] = value;
   }
-  return obj;
+  return e;
 }
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
   }
-  return target;
+  return t;
 }
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return target;
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
 }
+function _typeof(o) {
+  "@babel/helpers - typeof";
 
-var version = "1.15.6";
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+var version = "1.15.7";
 
 function userAgent(pattern) {
   if (typeof window !== 'undefined' && window.navigator) {
@@ -148,7 +131,7 @@ function matches( /**HTMLElement*/el, /**String*/selector) {
   return false;
 }
 function getParentOrHost(el) {
-  return el.host && el !== document && el.host.nodeType ? el.host : el.parentNode;
+  return el.host && el !== document && el.host.nodeType && el.host !== el ? el.host : el.parentNode;
 }
 function closest( /**HTMLElement*/el, /**String*/selector, /**HTMLElement*/ctx, includeCTX) {
   if (el) {
@@ -2018,8 +2001,11 @@ Sortable.prototype = /** @lends Sortable.prototype */{
   _nulling: function _nulling() {
     pluginEvent('nulling', this);
     rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
-    savedInputChecked.forEach(function (el) {
-      el.checked = true;
+    var el = this.el;
+    savedInputChecked.forEach(function (checkEl) {
+      if (el.contains(checkEl)) {
+        checkEl.checked = true;
+      }
     });
     savedInputChecked.length = lastDx = lastDy = 0;
   },

package/dist/cjs/taskbar-elements-80eddec8.js

@@ -0,0 +1,152 @@
+'use strict';
+
+const index = require('./index-1894343a.js');
+const index$2 = require('./index-e3e39724.js');
+const index$1 = require('./index-f0fe7e6e.js');
+
+exports.TaskbarElement = void 0;
+(function (TaskbarElement) {
+  TaskbarElement["PREVIOUS"] = "PREVIOUS";
+  TaskbarElement["NEXT"] = "NEXT";
+  TaskbarElement["REFRESH"] = "REFRESH";
+  TaskbarElement["UPDATE"] = "UPDATE";
+  TaskbarElement["CLONE"] = "CLONE";
+  TaskbarElement["REMOVE"] = "REMOVE";
+  TaskbarElement["INSERT"] = "INSERT";
+  TaskbarElement["CANCEL"] = "CANCEL";
+  TaskbarElement["SAVE"] = "SAVE";
+  TaskbarElement["GRID_MODE"] = "GRID_MODE";
+  TaskbarElement["FORM_MODE"] = "FORM_MODE";
+  TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
+  TaskbarElement["DIVIDER"] = "DIVIDER";
+  TaskbarElement["SPACER"] = "SPACER";
+  TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
+  TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
+  TaskbarElement["ATTACH"] = "ATTACH";
+  TaskbarElement["ACTIONS_BUTTON"] = "ACTIONS_BUTTON";
+  TaskbarElement["UPDATE_MULTIPLE"] = "UPDATE_MULTIPLE";
+})(exports.TaskbarElement || (exports.TaskbarElement = {}));
+exports.AuthorizationElements = void 0;
+(function (AuthorizationElements) {
+  AuthorizationElements["UPDATE"] = "UPDATE";
+  AuthorizationElements["CLONE"] = "CLONE";
+  AuthorizationElements["REMOVE"] = "REMOVE";
+  AuthorizationElements["INSERT"] = "INSERT";
+  AuthorizationElements["CONFIGURATOR"] = "CONFIGURATOR";
+})(exports.AuthorizationElements || (exports.AuthorizationElements = {}));
+exports.VisibleWhenForbidden = void 0;
+(function (VisibleWhenForbidden) {
+  VisibleWhenForbidden["CONFIGURATOR"] = "CONFIGURATOR";
+})(exports.VisibleWhenForbidden || (exports.VisibleWhenForbidden = {}));
+const buildCustomButton = ({ def, className, dataElementId, action, isEnabled, size }) => {
+  const { hint, text, iconName } = def;
+  if (iconName) {
+    if (text) {
+      return iconTextButton({ iconName, element: def.name, className, dataElementId, title: hint, action, isEnabled, size });
+    }
+    else {
+      return iconButton({ iconName, element: def.name, className, dataElementId, title: hint, action, isEnabled, size });
+    }
+  }
+  else {
+    return textButton({ element: def.name, className, dataElementId, title: hint, action, isEnabled, size });
+  }
+};
+const buildElem = ({ element, className, dataElementId, getTitle, action, isEnabled, actions, dataExporterStoreKey, presentationMode, variant, size }) => {
+  var _a, _b;
+  const title = getTitle(element);
+  const propertiesItem = {
+    element, className, dataElementId, title, action, isEnabled, actions, variant, size
+  };
+  switch (element) {
+    case exports.TaskbarElement.PREVIOUS:
+      return iconButton(Object.assign({ iconName: "chevron-left" }, propertiesItem));
+    case exports.TaskbarElement.NEXT:
+      return iconButton(Object.assign({ iconName: "chevron-right" }, propertiesItem));
+    case exports.TaskbarElement.REFRESH:
+      return iconButton(Object.assign({ iconName: "sync" }, propertiesItem));
+    case exports.TaskbarElement.UPDATE:
+      return iconButton(Object.assign({ iconName: "edit" }, propertiesItem));
+    case exports.TaskbarElement.UPDATE_MULTIPLE:
+      return iconButton(Object.assign({ iconName: "edit-table" }, propertiesItem));
+    case exports.TaskbarElement.CLONE:
+      return iconButton(Object.assign({ iconName: "copy" }, propertiesItem));
+    case exports.TaskbarElement.REMOVE:
+      return iconButton(Object.assign({ iconName: "delete" }, propertiesItem));
+    case exports.TaskbarElement.INSERT:
+      if (presentationMode === index$2.PresentationMode.PRIMARY) {
+        return textButton(Object.assign({}, propertiesItem));
+      }
+      else {
+        return iconButton(Object.assign({ iconName: "plus" }, propertiesItem));
+      }
+    case exports.TaskbarElement.CANCEL:
+      return textButton(Object.assign({}, propertiesItem));
+    case exports.TaskbarElement.SAVE:
+      if (presentationMode === index$2.PresentationMode.PRIMARY) {
+        return iconTextButton(Object.assign(Object.assign({ iconName: "save" }, propertiesItem), { variant: "primary" }));
+      }
+      else {
+        return iconButton(Object.assign(Object.assign({ iconName: "save" }, propertiesItem), { variant: "primary" }));
+      }
+    case exports.TaskbarElement.GRID_MODE:
+      return iconButton(Object.assign({ iconName: "table" }, propertiesItem));
+    case exports.TaskbarElement.FORM_MODE:
+      return iconButton(Object.assign({ iconName: "list" }, propertiesItem));
+    case exports.TaskbarElement.CONFIGURATOR:
+      if ((actions === null || actions === void 0 ? void 0 : actions.length) > 0) {
+        return splitButton(Object.assign({ iconName: "settings-inverted" }, propertiesItem));
+      }
+      return iconButton(Object.assign({ iconName: "settings-inverted" }, propertiesItem));
+    case exports.TaskbarElement.MORE_OPTIONS:
+      const definedActions = (_a = actions === null || actions === void 0 ? void 0 : actions.filter(a => a !== undefined)) !== null && _a !== void 0 ? _a : [];
+      return actionButton(Object.assign(Object.assign({}, propertiesItem), { actions: definedActions }));
+    case exports.TaskbarElement.DIVIDER:
+      return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin--none ez-margin-left--medium", "data-taskbar-divider": true });
+    case exports.TaskbarElement.DATA_EXPORTER:
+      const provider = (_b = index$1.store.get("exporterProviders")) === null || _b === void 0 ? void 0 : _b[dataExporterStoreKey];
+      return index.h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId, "data-taskbar-element": element, size: size });
+    case exports.TaskbarElement.ATTACH:
+      return iconButton(Object.assign({ iconName: "anexo" }, propertiesItem));
+    case exports.TaskbarElement.ACTIONS_BUTTON:
+      return index.h("snk-actions-button", { "data-element-id": dataElementId, "data-taskbar-element": element, class: className, size: size });
+  }
+};
+function textButton({ action, className, dataElementId, title, element, isEnabled, variant, size }) {
+  return (index.h("ez-tooltip", { key: dataElementId, message: title, class: className },
+    index.h("ez-button", { label: title, "data-taskbar-label": title, "data-taskbar-element": element, "data-element-id": dataElementId, isDisabled: !isEnabled(element), onClick: () => action(element), variant: variant, size: size })));
+}
+function concatClass(className) {
+  if (typeof className === "string") {
+    return className;
+  }
+  else {
+    return Object.keys(className).filter(key => className[key]).join(" ");
+  }
+}
+function iconButton({ iconName, element, className, dataElementId, title, action, isEnabled, variant, size }) {
+  return (index.h("ez-tooltip", { key: dataElementId, message: title, class: {
+      [concatClass(className)]: true,
+      [`icon-button--${size}`]: true
+    } },
+    index.h("ez-button", { mode: "icon", "data-taskbar-label": title, "data-taskbar-element": element, "data-taskbar-icon": iconName, "data-element-id": dataElementId, iconName: iconName, isDisabled: !isEnabled(element), onClick: () => action(element), variant: variant, size: size })));
+}
+function iconTextButton({ iconName, element, className, dataElementId, title, action, isEnabled, variant, size }) {
+  return (index.h("ez-tooltip", { key: dataElementId, message: title, class: className },
+    index.h("ez-button", { label: title, "data-taskbar-label": title, "data-taskbar-icon": iconName, "data-taskbar-element": element, "data-element-id": dataElementId, isDisabled: !isEnabled(element), onClick: () => action(element), variant: variant, size: size },
+      index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }))));
+}
+function splitButton({ iconName, element, className, title, dataElementId, isEnabled, actions, action, size }) {
+  return actions && actions.length > 0
+    ?
+      index.h("taskbar-split-button", { key: dataElementId, class: className, iconName: iconName, "data-taskbar-icon": iconName, "data-taskbar-label": title, title: title, "data-taskbar-element": element, "data-element-id": dataElementId, enabled: isEnabled(element), actions: actions, action: () => action(element), size: size })
+    : undefined;
+}
+function actionButton({ element, className, dataElementId, title, isEnabled, actions, action, size }) {
+  return actions && actions.length > 0
+    ? index.h("taskbar-actions-button", { class: className, key: dataElementId, title: title, "data-taskbar-element": element, "data-element-id": dataElementId, enabled: isEnabled(element), actions: actions, onTaskbarActionSelected: (evt) => action(evt.detail.value), size: size })
+    : undefined;
+}
+
+exports.buildCustomButton = buildCustomButton;
+exports.buildElem = buildElem;

package/dist/cjs/teste-pesquisa.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 
 const testePesquisaCss = ":host{display:block}";

package/dist/collection/collection-manifest.json

@@ -11,12 +11,14 @@
     "./components/snk-actions-button/subcomponents/snk-client-confirm.js",
     "./components/snk-attach/snk-attach.js",
     "./components/snk-configurator/snk-configurator.js",
+    "./components/snk-crud/subcomponents/snk-guides-viewer.js",
     "./components/snk-crud/snk-crud.js",
+    "./components/snk-crud/subcomponents/snk-entity-search.js",
     "./components/snk-crud/subcomponents/snk-form-summary.js",
     "./components/snk-crud/subcomponents/snk-form-view.js",
-    "./components/snk-crud/subcomponents/snk-guides-viewer.js",
     "./components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js",
     "./components/snk-custom-slot-elements/snk-custom-slot-elements.js",
+    "./components/snk-custom-slot-guide/snk-custom-slot-guide.js",
     "./components/snk-data-exporter/snk-data-exporter.js",
     "./components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js",
     "./components/snk-entity-list/snk-entity-list.js",
@@ -46,6 +48,7 @@
     "./components/snk-grid/snk-grid.js",
     "./components/snk-grid-config/snk-grid-config.js",
     "./components/snk-grid-config/snk-select-box/snk-select-box.js",
+    "./components/snk-image-input/snk-image-input.js",
     "./components/snk-layout-form-config/snk-layout-form-config.js",
     "./components/snk-layout-form-config/snk-view-representation/snk-view-representation.js",
     "./components/snk-numbering-config/snk-numbering-config.js",
@@ -63,6 +66,7 @@
     "./components/snk-simple-form-config/snk-simple-form-config.js",
     "./components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.js",
     "./components/snk-taskbar/elements/taskbar-split-button/taskbar-split-button.js",
+    "./components/snk-taskbar/subcomponents/snk-taskbar-skeleton.js",
     "./components/teste-pesquisa/teste-pesquisa.js"
   ],
   "compiler": {
@@ -107,6 +111,11 @@
         "snk-guides-viewer"
       ]
     },
+    {
+      "components": [
+        "snk-layout-form-config"
+      ]
+    },
     {
       "components": [
         "snk-data-exporter"

package/dist/collection/components/snk-actions-button/snk-actions-button.js

@@ -16,6 +16,7 @@ export class SnkActionsButton {
       action.execute(Object.assign({}, selectedAction));
       this._showDropdown = false;
     };
+    this.size = 'medium';
     this._items = [];
     this._showDropdown = false;
   }
@@ -65,12 +66,13 @@ export class SnkActionsButton {
     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];
+    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();
     }
@@ -110,9 +112,9 @@ export class SnkActionsButton {
   }
   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()) &&
@@ -131,6 +133,28 @@ export class SnkActionsButton {
       "$": ["snk-actions-button.css"]
     };
   }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'medium' | 'large'",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tamanho do bot\u00E3o, podendo ser 'small', 'medium' ou 'large'."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'medium'"
+      }
+    };
+  }
   static get states() {
     return {
       "_items": {},

package/dist/collection/components/snk-application/errorhandler/snk-error-handler.js

@@ -51,6 +51,7 @@ export 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) {

package/dist/collection/components/snk-application/snk-application.js

@@ -285,6 +285,7 @@ export class SnkApplication {
     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;
     }
@@ -887,12 +888,29 @@ export class SnkApplication {
    * @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) => {
@@ -1539,7 +1557,7 @@ export class SnkApplication {
         "mutable": false,
         "complexType": {
           "original": "LoadByPkHandler",
-          "resolved": "(objPK: { pk: any; }, redirectFrom?: string) => void",
+          "resolved": "(objPK: { pk: Record<string, any>; }, redirectFrom?: string) => void",
           "references": {
             "LoadByPkHandler": {
               "location": "global"

package/dist/collection/components/snk-attach/snk-attach.css

@@ -1,14 +1,36 @@
-.snk-attach__header, .snk-attach__crud-section {
-  padding: 0 var(--space--lg);
+.snk-attach__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--space--6, 6px);
+}
+
+.snk-attach__header > section {
+  display: flex;
+  align-items: center;
 }
 
 .snk-attach__file-info {
-  padding: var(--space--small);
-    max-width: 50%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--space--8, 8px);
 }
-.snk-attach__main{
-  height: 85%;
+
+.snk-attach__main {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }
-.ez-box__container{
+
+.ez-box__container {
   height: 100%;
 }
+
+.snk-attach__crud-section {
+  padding: 1px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}