@sme.up/ketchup 11.0.0-SNAPSHOT-20241217120821 → 11.0.0-SNAPSHOT-20241217135925

package/dist/components/kup-tree.js

@@ -1,4 +1,4 @@
-import { aj as KupTree$1, d as defineCustomElement$1 } from './p-074b0557.js';
+import { aj as KupTree$1, d as defineCustomElement$1 } from './p-ca92b4a4.js';
 
 const KupTree = KupTree$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-txt.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, g as getProps, s as setProps } from './p-58f7825e.js';
-import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-074b0557.js';
+import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-ca92b4a4.js';
 
 /**
  * Props of the kup-txt component.

package/dist/components/kup-typography-list.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, t as KupDebugCategory, g as getProps, s as setProps } from './p-58f7825e.js';
 import { a as FTypographyType, F as FTypography } from './p-ced0c3fc.js';
-import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-074b0557.js';
+import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-ca92b4a4.js';
 
 /**
  * Props of the kup-typography component.

package/dist/components/kup-typography.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, e as KupDynamicPositionPlacement, g as getProps, s as setProps } from './p-58f7825e.js';
 import { a as FTypographyType, F as FTypography } from './p-ced0c3fc.js';
-import { c as componentWrapperId, F as FImage, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-074b0557.js';
+import { c as componentWrapperId, F as FImage, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-ca92b4a4.js';
 
 /**
  * Props of the kup-typography component.

package/dist/components/{p-42f0b488.js → p-4f0183c2.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, t as KupDebugCategory, G as getColumnByName, A as KupDataNewColumnTypes } from './p-58f7825e.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s } from './p-074b0557.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s } from './p-ca92b4a4.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/components/{p-f8c96edc.js → p-66f3c77e.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory } from './p-58f7825e.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s } from './p-074b0557.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s } from './p-ca92b4a4.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-074b0557.js → p-ca92b4a4.js}

@@ -4089,6 +4089,7 @@ var KupAutocompleteProps;
     KupAutocompleteProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";
     KupAutocompleteProps["displayMode"] = "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\".";
     KupAutocompleteProps["initialValue"] = "Sets the initial value of the component.";
+    KupAutocompleteProps["initialValueDecode"] = "Sets the initial value decode of the component";
     KupAutocompleteProps["inputDelay"] = "Input event emission delay in milliseconds.";
     KupAutocompleteProps["minimumChars"] = "The minimum number of chars to trigger the autocomplete.";
     KupAutocompleteProps["selectMode"] = "Sets how to return the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\".";
@@ -4140,7 +4141,9 @@ function getIdOfItemByDisplayMode(item, mode, separator) {
         return item.value;
     }
     if (mode == ItemsDisplayMode.DESCRIPTION_AND_CODE) {
-        return item.id + separator + item.value;
+        if (item.id || item.value) {
+            return item.id + separator + item.value;
+        }
     }
     return item.id;
 }
@@ -5345,7 +5348,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     var _a, _b, _c, _d;
     switch (cellType) {
         case FCellTypes.AUTOCOMPLETE:
-            return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
+            return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.CHECKBOX:
             if (isAutoCentered(props)) {
                 classObj[FCellClasses.C_CENTERED] = true;
@@ -5364,7 +5367,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
         case FCellTypes.COLOR_PICKER:
             return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.COMBOBOX:
-            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
+            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.DATE:
             return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onKup-datepicker-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.MULTI_AUTOCOMPLETE:
@@ -10466,6 +10469,7 @@ var KupComboboxProps;
     KupComboboxProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";
     KupComboboxProps["displayMode"] = "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\".";
     KupComboboxProps["initialValue"] = "Sets the initial value of the component";
+    KupComboboxProps["initialValueDecode"] = "Sets the initial value decode of the component";
     KupComboboxProps["isClearable"] = "Enables a clear trailing icon.";
     KupComboboxProps["isSelect"] = "Lets the combobox behave as a select element.";
     KupComboboxProps["selectMode"] = "Sets how to return the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"both\".";
@@ -26817,6 +26821,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         this.error = '';
         this.icon = null;
         this.initialValue = '';
+        this.initialValueDecode = '';
         this.isClearable = false;
         this.isSelect = true;
         this.label = null;
@@ -26837,7 +26842,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         });
     }
     onKupChange(value) {
-        let ret = __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, true);
+        let ret = __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, undefined, true);
         this.kupChange.emit({
             comp: this,
             id: this.rootElement.id,
@@ -26886,7 +26891,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         });
     }
     onKupInput() {
-        let ret = __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, __classPrivateFieldGet$2(this, _KupCombobox_textfieldEl, "f").value, false);
+        let ret = __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, __classPrivateFieldGet$2(this, _KupCombobox_textfieldEl, "f").value, undefined, false);
         __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_openList).call(this);
         this.kupInput.emit({
             comp: this,
@@ -26929,7 +26934,11 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
     /*                  W a t c h e r s                */
     /*-------------------------------------------------*/
     initialValueChange(newValue) {
-        this.setValue(newValue);
+        this.initialValueDecode = undefined;
+        this.setValue(newValue, undefined);
+    }
+    initialValueDecodeChange(newValue) {
+        this.setValue(this.initialValue, newValue);
     }
     /*-------------------------------------------------*/
     /*                L i s t e n e r s                */
@@ -27020,8 +27029,8 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
      * Sets the component's value.
      * @param {string} value - Value to be set.
      */
-    async setValue(value) {
-        __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, true);
+    async setValue(value, valueDecode) {
+        __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, valueDecode, true);
     }
     /*-------------------------------------------------*/
     /*          L i f e c y c l e   H o o k s          */
@@ -27038,7 +27047,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         }
     }
     componentDidLoad() {
-        __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, this.value, true);
+        __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, this.value, this.initialValueDecode, true);
         __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
@@ -27085,7 +27094,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'e3e6427593007de03f17946e49e422a8c00b2f3b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: 'ec02f526acd19b1871becd562d0c08dc7632f5b6' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '71fa4c233462c65e683f4966d666b13970563522', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '8d7f6d777ad6947174423cad01ae8ad4f5cc2f71' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h$1(Host, { key: '88bb977c0ac2cd6b47c3bd35651e48b3c979bd0b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: '211f45ff415ab34f4089d4858ae4c91035e7f519' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '2012e6ab0ff3a3f55b8238bae00f3e4fe77aaec0', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '48f8e132278f09295bd244c8aab119954bc3f925' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -27098,7 +27107,8 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
     }
     get rootElement() { return this; }
     static get watchers() { return {
-        "initialValue": ["initialValueChange"]
+        "initialValue": ["initialValueChange"],
+        "initialValueDecode": ["initialValueDecodeChange"]
     }; }
     static get style() { return KupComboboxStyle0; }
 }, [1, "kup-combobox", {
@@ -27110,6 +27120,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         "error": [1],
         "icon": [1],
         "initialValue": [1, "initial-value"],
+        "initialValueDecode": [1, "initial-value-decode"],
         "isClearable": [4, "is-clearable"],
         "isSelect": [516, "is-select"],
         "label": [1],
@@ -27129,7 +27140,8 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         "setProps": [64],
         "setValue": [64]
     }, [[0, "keydown", "listenKeydown"]], {
-        "initialValue": ["initialValueChange"]
+        "initialValue": ["initialValueChange"],
+        "initialValueDecode": ["initialValueDecodeChange"]
     }]);
 _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _KupCombobox_listEl = new WeakMap(), _KupCombobox_textfieldWrapper = new WeakMap(), _KupCombobox_textfieldEl = new WeakMap(), _KupCombobox_clickCb = new WeakMap(), _KupCombobox_instances = new WeakSet(), _KupCombobox_openList = function _KupCombobox_openList() {
     var _a, _b;
@@ -27169,7 +27181,7 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").removeClickCallback(__classPrivateFieldGet$2(this, _KupCombobox_clickCb, "f"));
 }, _KupCombobox_isListOpened = function _KupCombobox_isListOpened() {
     return __classPrivateFieldGet$2(this, _KupCombobox_listEl, "f").menuVisible == true;
-}, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(idIn, setValue) {
+}, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(idIn, idInDecode, setValue) {
     let ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$2(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
     if (ret.exists) {
         if (setValue) {
@@ -27182,7 +27194,12 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
     else {
         this.value = idIn;
-        this.displayedValue = idIn;
+        if (setValue) {
+            this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode !== null && idInDecode !== void 0 ? idInDecode : idIn }, this.displayMode, ' - ');
+        }
+        else {
+            this.displayedValue = idIn;
+        }
         if (__classPrivateFieldGet$2(this, _KupCombobox_listEl, "f") != null) {
             __classPrivateFieldGet$2(this, _KupCombobox_listEl, "f").filter = ret.value;
         }
@@ -30843,6 +30860,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         this.error = '';
         this.icon = null;
         this.initialValue = '';
+        this.initialValueDecode = '';
         this.isClearable = false;
         this.inputDelay = 300;
         this.label = null;
@@ -30866,7 +30884,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
     }
     onKupChange(value) {
         __classPrivateFieldSet(this, _KupAutocomplete_doConsistencyCheck, true, "f");
-        const ret = __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, true);
+        const ret = __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, undefined, true);
         if (ret.exists || this.allowInconsistentValues) {
             this.kupChange.emit({
                 comp: this,
@@ -30895,7 +30913,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
     }
     onKupInput() {
         __classPrivateFieldSet(this, _KupAutocomplete_doConsistencyCheck, true, "f");
-        const ret = __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, __classPrivateFieldGet(this, _KupAutocomplete_textfieldEl, "f").value, false);
+        const ret = __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, __classPrivateFieldGet(this, _KupAutocomplete_textfieldEl, "f").value, undefined, false);
         __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, false);
         if (__classPrivateFieldGet(this, _KupAutocomplete_textfieldEl, "f").value.length >= this.minimumChars) {
             this.kupInput.emit({
@@ -31027,9 +31045,9 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
      * Sets the value of the component.
      * @param {string} value - Value of the component.
      */
-    async setValue(value) {
+    async setValue(value, valueDecode) {
         __classPrivateFieldSet(this, _KupAutocomplete_doConsistencyCheck, true, "f");
-        __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, true);
+        __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, valueDecode, true);
     }
     /*-------------------------------------------------*/
     /*          L i f e c y c l e   H o o k s          */
@@ -31047,7 +31065,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         }
     }
     componentDidLoad() {
-        __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, this.value, true);
+        __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, this.value, this.initialValueDecode, true);
         __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
@@ -31093,7 +31111,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'e071f887272b6a61ded68fe346e06f435b7ed5fd', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: 'd64fbead02db8af1d847e01f972da2d58e98ce5e' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '7d4bef4c6b33fea2891a3a047834cbc6dc806b1b', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '48045c5f0499a5cda041bfbe73a9fa36a83023f4' }, props, { icon: this.showDropDownIcon
+        return (h$1(Host, { key: '6c6984c561fbaf949568952ceee8324f9333e985', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: '5acaeeee7db6cabf2a0efd7a5b2cde40ef401c7f' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '8dfc42e263835c1bbee764eff2054badc2e37cf5', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: 'ca4b6551eee15cdf162eb4d9952daa66285810a2' }, props, { icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));
@@ -31119,6 +31137,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         "error": [1],
         "icon": [1],
         "initialValue": [1, "initial-value"],
+        "initialValueDecode": [1, "initial-value-decode"],
         "isClearable": [4, "is-clearable"],
         "inputDelay": [2, "input-delay"],
         "label": [1],
@@ -31179,7 +31198,7 @@ _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle =
     __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").removeClickCallback(__classPrivateFieldGet(this, _KupAutocomplete_clickCb, "f"));
 }, _KupAutocomplete_isListOpened = function _KupAutocomplete_isListOpened() {
     return __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").menuVisible == true;
-}, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, setValue) {
+}, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, setValue) {
     if (!__classPrivateFieldGet(this, _KupAutocomplete_doConsistencyCheck, "f")) {
         return;
     }
@@ -31195,7 +31214,12 @@ _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle =
         }
     }
     else {
-        this.displayedValue = idIn;
+        if (setValue) {
+            this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode !== null && idInDecode !== void 0 ? idInDecode : idIn }, this.displayMode, ' - ');
+        }
+        else {
+            this.displayedValue = idIn;
+        }
         if (__classPrivateFieldGet(this, _KupAutocomplete_listEl, "f") != null && !this.serverHandledFilter) {
             __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").filter = ret.value;
         }

package/dist/components/{p-a351db24.js → p-df1001d2.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, g as getProps, s as setProps } from './p-58f7825e.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s } from './p-074b0557.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s } from './p-ca92b4a4.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};

package/dist/components/{p-ba7c1486.js → p-fd4c90ea.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, a6 as identify, g as getProps, s as setProps, V as SortMode, G as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, t as KupDebugCategory, a3 as KupPointerEventTypes, ac as KupDragEffect, aq as kupDraggableAttr, ae as KupDropEventTypes, _ as KupLanguageSearch } from './p-58f7825e.js';
-import { G as filterRows, H as paginateRows, D as sortRows, I as pageChange, J as rowsPerPageChange, F as FImage, L as FCell, N as FChip, O as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, P as FPaginator } from './p-074b0557.js';
+import { G as filterRows, H as paginateRows, D as sortRows, I as pageChange, J as rowsPerPageChange, F as FImage, L as FCell, N as FChip, O as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, P as FPaginator } from './p-ca92b4a4.js';
 
 /**
  * Props of the kup-box component.

package/dist/esm/{f-cell-1256023f.js → f-cell-23d78e15.js}

@@ -608,7 +608,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     var _a, _b, _c, _d;
     switch (cellType) {
         case FCellTypes.AUTOCOMPLETE:
-            return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
+            return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.CHECKBOX:
             if (isAutoCentered(props)) {
                 classObj[FCellClasses.C_CENTERED] = true;
@@ -627,7 +627,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
         case FCellTypes.COLOR_PICKER:
             return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.COMBOBOX:
-            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
+            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.DATE:
             return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onKup-datepicker-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.MULTI_AUTOCOMPLETE: