@sankhyalabs/sankhyablocks 8.16.0-ms.10 → 8.16.0-ms.12

package/dist/components/SnkMessageBuilder.js

@@ -2,34 +2,39 @@ import { ApplicationContext } from '@sankhyalabs/core';
 
 const snkDataUnitMessages = {
   saveInfo: {
-    clone: "Duplicação realizada!",
-    insert: "Inclusão realizada!",
-    update: "Alteração realizada!"
+    clone: 'Duplicação realizada!',
+    insert: 'Inclusão realizada!',
+    update: 'Alteração realizada!',
+    updateMultiples: 'Múltiplos registros alterados com sucesso!'
   },
   cancelInfo: {
-    clone: "Duplicação descartada!",
-    insert: "A inclusão foi descartada!",
-    update: "A edição foi descartada!"
+    clone: 'Duplicação descartada!',
+    insert: 'A inclusão foi descartada!',
+    update: 'A edição foi descartada!',
+    updateMultiples: 'A edição de múltiplos registros foi descartada com sucesso!'
   },
   confirm: {
-    cancel: "Cancelar",
-    delete: "Excluir",
-    yes: "Sim",
-    no: "Não"
-  },
-  removeInfo: "Registro removido com sucesso!",
-  cancelConfirmationTitle: "Aviso",
-  cancelConfirmation: "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?",
-  removeConfirmationTitle: "Aviso",
-  removeConfirmation: "Deseja realmente excluir o registro atual?",
-  forbidden: "Sem permissão",
-  forbiddenUpdate: "Não é possível fazer alterações. Verifique as permissões de acesso.",
-  forbiddenInsert: "Não é possível incluir. Verifique as permissões de acesso.",
-  forbiddenClone: "Não é possível duplicar. Verifique as permissões de acesso.",
-  forbiddenRemove: "Não é possível remover. Verifique as permissões de acesso.",
-  removeAllConfirmation: "Os <strong>{{size}} registros selecionados</strong> serão excluídos.<br/><br/><strong>Você realmente gostaria de continuar?</strong>",
-  removeAllInfo: "Os {{size}} registros foram removidos com sucesso!",
-  fieldNameRequired: "É necessário informar o nome da coluna."
+    cancel: 'Cancelar',
+    delete: 'Excluir',
+    updateMultipleConfirm: 'Confirmar edição',
+    yes: 'Sim',
+    no: 'Não',
+  },
+  removeInfo: 'Registro removido com sucesso!',
+  cancelConfirmationTitle: 'Aviso',
+  cancelConfirmation: 'As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?',
+  removeConfirmationTitle: 'Aviso',
+  removeConfirmation: 'Deseja realmente excluir o registro atual?',
+  multipleUpdateConfirmationTitle: 'Confirmar edição múltipla',
+  multipleUpdateConfirmationMessage: 'As informações dos campos abaixo foram alteradas e serão aplicadas a {{size}} registros',
+  forbidden: 'Sem permissão',
+  forbiddenUpdate: 'Não é possível fazer alterações. Verifique as permissões de acesso.',
+  forbiddenInsert: 'Não é possível incluir. Verifique as permissões de acesso.',
+  forbiddenClone: 'Não é possível duplicar. Verifique as permissões de acesso.',
+  forbiddenRemove: 'Não é possível remover. Verifique as permissões de acesso.',
+  removeAllConfirmation: 'Os <strong>{{size}} registros selecionados</strong> serão excluídos.<br/><br/><strong>Você realmente gostaria de continuar?</strong>',
+  removeAllInfo: 'Os {{size}} registros foram removidos com sucesso!',
+  fieldNameRequired: 'É necessário informar o nome da coluna.',
 };
 
 const snkFilterBarMessages = {
@@ -78,6 +83,12 @@ const snkFilterBarMessages = {
     "cancelButtonLabel": "Limpar tudo",
     "customFilters": "Filtros personalizados",
     "quickFilters": "Filtros rápidos",
+    "defaultFilter": {
+      "title": "Filtro padrão",
+      "edit": "Editar filtro",
+      "remove": "Excluir filtro",
+      "create": "Criar filtro padrão",
+    },
     "validations": {
       "notFullFilled": {
         "title": "Filtro parcialmente preenchido",
@@ -92,6 +103,7 @@ const snkFilterBarMessages = {
 };
 
 const snkTaskbarMessages = {
+  titleUpdateMultiple: "Editar Múltiplos",
   titleUpdate: "Editar",
   titlePrevious: "Anterior",
   titleNext: "Próximo",
@@ -141,12 +153,13 @@ const snkCrudMessages = {
     update: "Alterar registro",
     clean: "{{ENTITY_NAME}}"
   },
-  findColumn: "Buscar campos",
+  findColumn: "Buscar campos (Ctrl+F)",
   goBackTitle: "Voltar"
 };
 
 const snkSimpleCrudMessages = {
-  findColumn: "Busca de colunas",
+  findColumn: "Busca de colunas (Ctrl+F)",
+  findFields: "Busca de campos (Ctrl+F)",
   formConfigUnavaliable: {
     title: "Aviso",
     message: 'A opção "Configurar formulário" será disponibilizada em breve. Enquanto isso, acesse a configuração do fomulário através dos layouts anteriores, HTML5 ou Flex.'
@@ -204,23 +217,37 @@ const snkFormConfigMessages = {
     mainArea: "Área principal",
     tabGeneral: "Geral"
   },
+  configs: {
+    buttonLabel: "Configurações",
+    selectedConfig: "configuração selecionada"
+  },
   confirm: {
     title: "Aviso",
     deleteTab: "Você realmente deseja excluir a aba",
+    deleteGuide: "Deseja realmente excluir a guia <b>{0}</b>?",
     cancel: "As alterações realizadas serão descartadas.<br/><br/><b>Gostaria de continuar?</b>",
     exit: "Ao sair as alterações serão descartadas.<br/><br/><b>Você realmente gostaria de sair?</b>",
-    apply: "A <b>{0}</b> irá substituir a sua configuração {1}!<br/><br/><b>Deseja continuar?</b>",
+    apply: "A <b>{0}</b> irá substituir a configuração atual!<br/><br/><b>Deseja continuar?</b>",
     group: "Não é possível salvar as configurações com um grupo vazio!",
     labelCancel: "Cancelar",
     labelDelete: "Excluir"
   },
+  noGuideSelected: {
+    title: "Atenção",
+    message: "Selecione uma guia para iniciar a configuração!"
+  },
   alert: {
     titleGroupExists: "Já existe um grupo com título",
+    titleGroupEditing: "Há um <b>grupo<b/> em edição. <br/> Finalize a edição para salvar as configurações.",
+    titleGuideExists: "Já existe uma guia com título",
+    titleGuideEditing: "Há uma <b>guia<b/> em edição. <br/> Finalize a edição para salvar as configurações.",
+    titleGuideReservedName: "Este título é reservado para configurações internas do sistema e não pode ser utilizado.",
     infoValidTitle: "Por favor, digite um título válido.",
     inTab: "na aba"
   },
   info: {
-    successfullyConfigSaved: "As configurações foram salvas com sucesso!"
+    successfullyConfigSaved: "As configurações foram salvas com sucesso!",
+    successfullyGuideDeleted: 'A guia "{0}" foi excluída. Salve para confirmar a alteração.'
   }
 };
 const snkFieldConfigMessages = {
@@ -245,7 +272,7 @@ const snkConfiguratorMessages = {
 };
 
 const snkGridMessages = {
-  findColumn: "Busca de colunas",
+  findColumn: "Busca de colunas (Ctrl+F)",
   cancelConfirmation: {
     title: "Aviso",
     message: "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?</b>",
@@ -388,6 +415,8 @@ const snkPersonalizedFilterMessages = {
   info: {
     titleEdit: "Editar filtro personalizado",
     titleAdd: "Criar filtro personalizado",
+    titleCreateDefault: "Aplicar filtro padrão",
+    titleEditDefault: "Editar filtro padrão",
     titleCollapsible: "Expressão a ser aplicada (gerada pelo assistente)",
     labelSearchField: "Buscar campo",
     labelOperator: "Operador",
@@ -410,7 +439,10 @@ const snkPersonalizedFilterMessages = {
     applyExpression: "Expressão a ser aplicada:",
     tooltipDisabledAssistentMode: "Expressão não suportada pelo assistente.",
     activeModeAdvanced: "Ativar modo avançado",
-    activeModeAssistent: "Ativar modo assistente"
+    activeModeAssistent: "Ativar modo assistente",
+    textInputDisabled: "Campo desabilitado para filtros padrões",
+    checkVariableDisabled: "Filtro padrão não pode ser variável.",
+    deleteDefaultFilterConfirm: "Deseja excluir o <b>filtro padrão</b>?",
   },
   confirmExpression: {
     title: "Aviso",
@@ -663,6 +695,7 @@ var OperationMap;
   OperationMap["INSERT"] = "insert";
   OperationMap["UPDATE"] = "update";
   OperationMap["CLEAN"] = "clean";
+  OperationMap["UPDATE_MULTIPLES"] = "updateMultiples";
 })(OperationMap || (OperationMap = {}));
 
 export { OperationMap as O, SnkMessageBuilder as S };

package/dist/components/{snk-tab-config.d.ts → config-header.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface SnkTabConfig extends Components.SnkTabConfig, HTMLElement {}
-export const SnkTabConfig: {
-  prototype: SnkTabConfig;
-  new (): SnkTabConfig;
+interface ConfigHeader extends Components.ConfigHeader, HTMLElement {}
+export const ConfigHeader: {
+  prototype: ConfigHeader;
+  new (): ConfigHeader;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/config-header.js

@@ -0,0 +1,6 @@
+import { C as ConfigHeader$1, d as defineCustomElement$1 } from './config-header2.js';
+
+const ConfigHeader = ConfigHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ConfigHeader, defineCustomElement };

package/dist/components/config-header2.js

@@ -0,0 +1,103 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { d as defineCustomElement$1 } from './configs-button2.js';
+
+const configHeaderCss = ".sc-config-header-h{display:flex;padding-top:12px;padding-left:12px;align-items:center;width:100%;justify-content:space-between}.left-group.sc-config-header{display:flex;gap:8px}.right-group.sc-config-header{padding-right:18px;display:flex}";
+
+const ConfigHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.configClose = createEvent(this, "configClose", 7);
+    this.saveConfig = createEvent(this, "saveConfig", 7);
+    this.isEditingGuide = false;
+    this.isEditingGroup = false;
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.messagesBuilder = undefined;
+    this.hasChanges = false;
+    this.optionConfigChanged = false;
+  }
+  handleIsEditingGuideName({ detail }) {
+    this.isEditingGuide = detail;
+  }
+  handleIsEditingGroupName({ detail }) {
+    this.isEditingGroup = detail;
+  }
+  saveFormConfig() {
+    if (this.isEditingGuide || this.isEditingGroup) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const message = this.isEditingGuide
+        ? this.getMessage('snkFormConfig.alert.titleGuideEditing')
+        : this.getMessage('snkFormConfig.alert.titleGroupEditing');
+      ApplicationUtils.alert(title, message);
+      return;
+    }
+    this.saveConfig.emit();
+  }
+  async closeFormConfig() {
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.configClose.emit();
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  openConfirmDialog(msg = '', title = this.getMessage('snkFormConfig.confirm.title')) {
+    return ApplicationUtils.confirm(title, msg);
+  }
+  async applyOptionConfig() {
+    var _a, _b;
+    const name = (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.selectedConfig');
+    const msg = this.getMessage('snkFormConfig.confirm.apply').replace('{0}', name);
+    const confirm = await this.openConfirmDialog(msg);
+    if (confirm) {
+      this.saveConfig.emit();
+    }
+  }
+  renderSaveActions() {
+    if (!this.hasChanges && !this.optionConfigChanged)
+      return;
+    if (this.hasChanges) {
+      return (h("div", { class: "right-group" }, h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), h("ez-button", { title: 'Salvar', label: 'Salvar', class: 'ez-button--primary ez-padding-left--medium', onClick: () => this.saveFormConfig(), size: "medium" })));
+    }
+    return (h("div", { class: "right-group" }, h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), h("ez-button", { title: 'Salvar', label: this.getMessage('snkFormConfig.applyConfig'), class: 'ez-button--primary ez-padding-left--medium', onClick: async () => await this.applyOptionConfig(), size: "medium" })));
+  }
+  render() {
+    return (h(Host, null, h("div", { class: 'left-group' }, h("ez-button", { mode: "icon", title: this.getMessage('snkFormConfig.goBackTitle'), iconName: "arrow_back", class: "ez-padding--small", size: "small", onClick: this.closeFormConfig.bind(this), id: "formConfigToBack" }), h("h1", { class: "ez-title ez-title--primary ez-title--extra-large ez-padding--small" }, this.getMessage('snkFormConfig.title')), h("configs-button", { hasChanges: this.hasChanges, configOptions: this.configOptions, selectedConfig: this.selectedConfig, messagesBuilder: this.messagesBuilder })), this.renderSaveActions()));
+  }
+  static get style() { return configHeaderCss; }
+}, [2, "config-header", {
+    "configOptions": [16],
+    "selectedConfig": [16],
+    "messagesBuilder": [1040],
+    "hasChanges": [4, "has-changes"],
+    "optionConfigChanged": [4, "option-config-changed"],
+    "isEditingGuide": [32],
+    "isEditingGroup": [32]
+  }, [[16, "isEditingGuideName", "handleIsEditingGuideName"], [16, "isEditingGroupName", "handleIsEditingGroupName"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["config-header", "configs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "config-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ConfigHeader);
+      }
+      break;
+    case "configs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { ConfigHeader as C, defineCustomElement as d };

package/dist/components/configs-button.d.ts

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

package/dist/components/configs-button.js

@@ -0,0 +1,6 @@
+import { C as ConfigsButton$1, d as defineCustomElement$1 } from './configs-button2.js';
+
+const ConfigsButton = ConfigsButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ConfigsButton, defineCustomElement };

package/dist/components/configs-button2.js

@@ -0,0 +1,76 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+
+const configsButtonCss = ".dropdown-container.sc-configs-button{font-family:'Roboto';font-size:12px;font-weight:400;display:flex;flex-direction:column;color:#2b3a54;width:200px}.main-item.sc-configs-button{padding:12px;font-size:14px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:start}.main-item.sc-configs-button ez-icon.sc-configs-button{--ez-icon--color:#008561}.main-item.sc-configs-button:nth-of-type(1){padding-bottom:6px}.main-item.sc-configs-button:nth-of-type(2){padding-top:6px}.main-item.sc-configs-button:hover{background-color:#FAFCFF}.item-label.sc-configs-button{display:flex}";
+
+const ConfigsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.formConfigOptionSelected = createEvent(this, "formConfigOptionSelected", 7);
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.hasChanges = false;
+    this.messagesBuilder = undefined;
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async showShareConfigOptions() {
+    if (this._refOptionsPopover && this._refShareConfigBtn) {
+      await this._refOptionsPopover.showUnder(this._refShareConfigBtn);
+    }
+  }
+  async handleSelectOption(option) {
+    if (ObjectUtils.equals(option, this.selectedConfig))
+      return;
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.selectedConfig = option;
+    this.formConfigOptionSelected.emit(option);
+    await this._refOptionsPopover.hide();
+  }
+  getButtonLabel() {
+    var _a, _b;
+    return (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.buttonLabel');
+  }
+  renderConfigOptions() {
+    return this.configOptions.map((option) => {
+      return (h("div", { class: `main-item`, onClick: async () => await this.handleSelectOption(option) }, h("span", { class: 'item-label' }, " ", option.name), this.renderCheckIcon(option)));
+    });
+  }
+  renderCheckIcon(option) {
+    if (this.selectedConfig && this.selectedConfig.origin === option.origin)
+      return h("ez-icon", { iconName: "check" });
+  }
+  render() {
+    return (h(Host, null, h("ez-button", { ref: ref => this._refShareConfigBtn = ref, label: this.getButtonLabel(), onClick: async () => await this.showShareConfigOptions() }, h("ez-icon", { slot: "rightIcon", iconName: "chevron-down" })), h("ez-popover-plus", { ref: ref => this._refOptionsPopover = ref, autoClose: true, overlayType: "none" }, h("div", { class: 'dropdown-container' }, this.renderConfigOptions()))));
+  }
+  static get style() { return configsButtonCss; }
+}, [2, "configs-button", {
+    "configOptions": [16],
+    "selectedConfig": [16],
+    "hasChanges": [4, "has-changes"],
+    "messagesBuilder": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["configs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "configs-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ConfigsButton);
+      }
+      break;
+  } });
+}
+
+export { ConfigsButton as C, defineCustomElement as d };

package/dist/components/constants.js

@@ -5,11 +5,6 @@ var VIEW_MODE;
   VIEW_MODE[VIEW_MODE["FORM"] = 1] = "FORM";
   VIEW_MODE[VIEW_MODE["ATTACHMENT"] = 2] = "ATTACHMENT";
 })(VIEW_MODE || (VIEW_MODE = {}));
-const ACTION_CONFIG = {
-  add: 'ADD',
-  remove: 'REMOVE',
-  configuration: 'CONFIGURATION'
-};
 const VARS_BY_TYPE = {
   UserInterface: {
     DATE: [{ label: "Data atual", value: "${data}" }],
@@ -26,35 +21,14 @@ const DEFAULT_TYPE = {
   fixed: "F",
   variable: "V"
 };
-const CONFIG_EVENTS = {
-  closeModal: "ezCloseModal",
-  cancelConfig: "cancelConfig",
-  changeConfig: "changeConfig",
-  configChanged: "configChanged",
-  fieldChanged: "ezChange",
-  dragStartDistance: 40
-};
-const CONFIG_SORTABLE_EVENTS = {
-  dragStart: "sortable:start",
-  dragSort: "sortable:sort",
-  dragSorted: "sortable:sorted",
-  dragStop: "sortable:stop"
-};
-const KEY_EVENTS = {
-  enter: "Enter",
-  arrowLeft: "ArrowLeft",
-  arrowRight: "ArrowRight",
-  tab: "Tab",
-  escape: "Escape"
-};
-const TYPE_ACTIONS = {
-  rename: "RENAME",
-  hide: "HIDE",
-  show: "SHOW",
-  delete: "DELETE"
-};
 const TAB_NAMES = {
-  main: "__main"
+  main: "__main",
+  general: "Geral",
+  newGuide: "Nova guia",
+};
+const GROUP_NAMES = {
+  noGroup: "__no_group",
+  newGroup: "Novo Grupo",
 };
 const TAGS_BY_TYPE = {
   LONGTEXT: "ez-text-area",
@@ -67,6 +41,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"
 };
@@ -99,4 +74,4 @@ var TEMPLATES_SKELETON;
   TEMPLATES_SKELETON[TEMPLATES_SKELETON["FORM_WITH_SIDEBAR"] = 4] = "FORM_WITH_SIDEBAR";
 })(TEMPLATES_SKELETON || (TEMPLATES_SKELETON = {}));
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TEMPLATES_SKELETON as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAGS_BY_TYPE as b, CONFIG_SORTABLE_EVENTS as c, TAB_NAMES as d, TYPE_ACTIONS as e };
+export { DEFAULT_TYPE as D, GROUP_NAMES as G, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAB_NAMES as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAGS_BY_TYPE as b, TEMPLATES_SKELETON as c };

package/dist/components/dataunit-fetcher.js

@@ -153,7 +153,7 @@ class PreloadManager {
   static getSortingFunction(dataUnit, sorting) {
     return SortingUtils.getSortingFunction(dataUnit, sorting);
   }
-  static async getDistinct(dataUnit, fieldName) {
+  static async getDistinct(dataUnit, fieldName, onlyLabel = false) {
     if (!PreloadManager.isCacheEnabled(dataUnit)) {
       return Promise.resolve(ColumnFilterManager.compileDistinct(fieldName, dataUnit));
     }
@@ -172,7 +172,10 @@ class PreloadManager {
         if (fieldValue == undefined) {
           return { key: null, value: null };
         }
-        const value = fieldValue.value != undefined ? fieldValue.value : fieldValue;
+        let value = fieldValue.value != undefined ? fieldValue.value : fieldValue;
+        if ((fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label) && onlyLabel) {
+          return { key: fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label, value: dataUnit.getFormattedValue(fieldName, value) };
+        }
         return { key: dataUnit.getFormattedValue(fieldName, fieldValue), value };
       })
         .then(result => {
@@ -495,11 +498,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/components/field-config.d.ts

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

package/dist/components/field-config.js

@@ -0,0 +1,6 @@
+import { F as FieldConfig$1, d as defineCustomElement$1 } from './field-config2.js';
+
+const FieldConfig = FieldConfig$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FieldConfig, defineCustomElement };