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

package/dist/esm/kup-autocomplete_28.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
 import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FilterInterval, L as LoadMoreMode, P as PaginatorPos, I as ShowGrid, T as TotalLabel, J as TotalMode, M as kupDynamicPositionAttribute, N as KupPointerEventTypes, O as kupDraggableColumnAttr, Q as kupDragActiveAttr, R as KupDragEffect, U as kupDraggableCellAttr, V as KupDropEventTypes, W as FixedCellsClasses, X as FixedCellsCSSVarsBase, Y as KupLanguageFontsize, Z as KupLanguageDensity, _ as KupLanguageGrid, $ as KupDataTableProps, a0 as DataTableAreasEnum, a1 as SortMode, a2 as iconColumn, a3 as keyColumn, a4 as fieldColumn, a5 as FCellTypes, a6 as addColumnValueFromRow, a7 as KupGlobalFilterMode } from './kup-manager-7926277d.js';
 import { F as FTextField } from './f-text-field-aff51c9c.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { I as ItemsDisplayMode, F as FCell, K as KupListRole, a as KupListProps, b as FProgressBar, c as FRadio, d as FRating, e as FSwitchSizing, f as FSwitch } from './f-cell-1256023f.js';
+import { I as ItemsDisplayMode, F as FCell, K as KupListRole, a as KupListProps, b as FProgressBar, c as FRadio, d as FRating, e as FSwitchSizing, f as FSwitch } from './f-cell-23d78e15.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-e8fec767.js';
 import { F as FButton } from './f-button-acef8cca.js';
@@ -27,6 +27,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\".";
@@ -43,7 +44,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;
 }
@@ -212,6 +215,7 @@ const KupAutocomplete = class {
         this.error = '';
         this.icon = null;
         this.initialValue = '';
+        this.initialValueDecode = '';
         this.isClearable = false;
         this.inputDelay = 300;
         this.label = null;
@@ -235,7 +239,7 @@ const KupAutocomplete = class {
     }
     onKupChange(value) {
         __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, true, "f");
-        const ret = __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, true);
+        const ret = __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, undefined, true);
         if (ret.exists || this.allowInconsistentValues) {
             this.kupChange.emit({
                 comp: this,
@@ -264,7 +268,7 @@ const KupAutocomplete = class {
     }
     onKupInput() {
         __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, true, "f");
-        const ret = __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value, false);
+        const ret = __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value, undefined, false);
         __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, false);
         if (__classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value.length >= this.minimumChars) {
             this.kupInput.emit({
@@ -396,9 +400,9 @@ const KupAutocomplete = class {
      * Sets the value of the component.
      * @param {string} value - Value of the component.
      */
-    async setValue(value) {
+    async setValue(value, valueDecode) {
         __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, true, "f");
-        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, true);
+        __classPrivateFieldGet$9(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          */
@@ -416,7 +420,7 @@ const KupAutocomplete = class {
         }
     }
     componentDidLoad() {
-        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, this.value, true);
+        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, this.value, this.initialValueDecode, true);
         __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
@@ -462,7 +466,7 @@ const KupAutocomplete = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: 'e071f887272b6a61ded68fe346e06f435b7ed5fd', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: 'd64fbead02db8af1d847e01f972da2d58e98ce5e' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '7d4bef4c6b33fea2891a3a047834cbc6dc806b1b', id: componentWrapperId, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '48045c5f0499a5cda041bfbe73a9fa36a83023f4' }, props, { icon: this.showDropDownIcon
+        return (h(Host, { key: '6c6984c561fbaf949568952ceee8324f9333e985', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '5acaeeee7db6cabf2a0efd7a5b2cde40ef401c7f' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '8dfc42e263835c1bbee764eff2054badc2e37cf5', id: componentWrapperId, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, h(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$9(this, _KupAutocomplete_inputTimeout, "f"));
@@ -517,7 +521,7 @@ _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle =
     __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").removeClickCallback(__classPrivateFieldGet$9(this, _KupAutocomplete_clickCb, "f"));
 }, _KupAutocomplete_isListOpened = function _KupAutocomplete_isListOpened() {
     return __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").menuVisible == true;
-}, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, setValue) {
+}, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, setValue) {
     if (!__classPrivateFieldGet$9(this, _KupAutocomplete_doConsistencyCheck, "f")) {
         return;
     }
@@ -533,7 +537,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$9(this, _KupAutocomplete_listEl, "f") != null && !this.serverHandledFilter) {
             __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").filter = ret.value;
         }
@@ -6843,7 +6852,7 @@ const KupCheckbox = class {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: '49e622bc2765eb035a4fc7fb3bb74a4d14139814' }, h("style", { key: '84449423404feca3fbd75a958ce27966ce9df264' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '344301e2e5177f969fe51753e10096af5cd266d3', id: componentWrapperId }, h(FCheckbox, Object.assign({ key: '698c12b5ee7e07487fd571610923e468ca962113' }, props)))));
+        return (h(Host, { key: 'b37176baab7fb2405afe72dafb8ce7b581eecd9f' }, h("style", { key: '88e82eb7e0ec3162ddf90a50e0acbdf61ed9d216' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3e2919a4a4a7920f9a16d230cd321d65a7dc0be5', id: componentWrapperId }, h(FCheckbox, Object.assign({ key: 'e768196bdabf90f74ded35275c64c0ef43cef8a1' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -7060,13 +7069,13 @@ const KupChip = class {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h(Host, { key: '10170c38c86ffd70e152c2aa66de827fa61bbe5d', "onKup-autocomplete-itemclick": (e) => {
+        return (h(Host, { key: 'ecaf4300c520cb3137be48ff22bd418b05148a7b', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet$8(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet$8(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-change": (e) => {
                 __classPrivateFieldGet$8(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h("style", { key: '4b6d0bf20da0a022d4e3b1bfb7f46077d0b9311e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fbcd955d025dc2a46af83e845ff5547437aa9517', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: '7dc37ecbf9bf870abd6b095abc36b46d41abc98b', name: "field" }))));
+            } }, h("style", { key: '3b36ccf49c269bafbd7a58c7681ede5d708fca63' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '68560c06c332ca10129a22789378b0295f491798', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: 'c21b6c225ed6a9c252b6a7f8a8800079668eae6f', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -7352,7 +7361,7 @@ const KupColorPicker = class {
     render() {
         let widget = null;
         if (this.swatchOnly) {
-            widget = (h("button", { key: 'db40db59729d3d48f13a412cf6bbefb3ed9b5763', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
+            widget = (h("button", { key: 'f499be9b6cbcc51c02384107f08f91d611a0571d', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
                     backgroundColor: this.value,
                 }, type: "button" }));
         }
@@ -7362,7 +7371,7 @@ const KupColorPicker = class {
         const style = {
             ['--kup_colorpicker_thumb_color']: this.value ? this.value : '',
         };
-        return (h(Host, { key: '8e32caa5948b79dfedc3d84d649998b2b918ac44', style: style }, h("style", { key: 'c332452428ca96ae5919450957aa70509db27d65' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '27af58056ecf3581fbe024db4bed5c8892167c4b', id: componentWrapperId }, widget)));
+        return (h(Host, { key: '78317a95daf79794261dfc7c32888c35b3f9a405', style: style }, h("style", { key: 'f5dd6e670608ebb3d1b52ae8939fe0eafc3eecf4' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4353d435e6435b72d24df9290f047ae14719d5fb', id: componentWrapperId }, widget)));
     }
     disconnectedCallback() {
         if (this.card) {
@@ -7387,6 +7396,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\".";
@@ -7446,6 +7456,7 @@ const KupCombobox = class {
         this.error = '';
         this.icon = null;
         this.initialValue = '';
+        this.initialValueDecode = '';
         this.isClearable = false;
         this.isSelect = true;
         this.label = null;
@@ -7466,7 +7477,7 @@ const KupCombobox = class {
         });
     }
     onKupChange(value) {
-        let ret = __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, true);
+        let ret = __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, undefined, true);
         this.kupChange.emit({
             comp: this,
             id: this.rootElement.id,
@@ -7515,7 +7526,7 @@ const KupCombobox = class {
         });
     }
     onKupInput() {
-        let ret = __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value, false);
+        let ret = __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value, undefined, false);
         __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_openList).call(this);
         this.kupInput.emit({
             comp: this,
@@ -7558,7 +7569,11 @@ const KupCombobox = class {
     /*                  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                */
@@ -7649,8 +7664,8 @@ const KupCombobox = class {
      * Sets the component's value.
      * @param {string} value - Value to be set.
      */
-    async setValue(value) {
-        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, true);
+    async setValue(value, valueDecode) {
+        __classPrivateFieldGet$7(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          */
@@ -7667,7 +7682,7 @@ const KupCombobox = class {
         }
     }
     componentDidLoad() {
-        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, this.value, true);
+        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, this.value, this.initialValueDecode, true);
         __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
@@ -7714,7 +7729,7 @@ const KupCombobox = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: 'e3e6427593007de03f17946e49e422a8c00b2f3b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'ec02f526acd19b1871becd562d0c08dc7632f5b6' }, __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '71fa4c233462c65e683f4966d666b13970563522', id: componentWrapperId, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, h(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(Host, { key: '4288932134731d8923bfabfe12b699a8cd2da762', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'a21e8ac16f00c02d50290582842d09c59ed6fbf5' }, __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd3de05f1906daf13beeac3453257382df7a20740', id: componentWrapperId, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '6128749591c290c78e51afc59313d4db69394873' }, 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$7(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -7727,7 +7742,8 @@ const KupCombobox = class {
     }
     get rootElement() { return getElement$1(this); }
     static get watchers() { return {
-        "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() {
@@ -7768,7 +7784,7 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").removeClickCallback(__classPrivateFieldGet$7(this, _KupCombobox_clickCb, "f"));
 }, _KupCombobox_isListOpened = function _KupCombobox_isListOpened() {
     return __classPrivateFieldGet$7(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$7(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
     if (ret.exists) {
         if (setValue) {
@@ -7781,7 +7797,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$7(this, _KupCombobox_listEl, "f") != null) {
             __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").filter = ret.value;
         }
@@ -13007,7 +13028,7 @@ const KupDatePicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '46a53a55ec511a4beb0105b6a1caf5af95addc05' }, h("style", { key: '6b93ff258cacb4dfa701edcafb123f18b8b3a7f1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd9685f29bf32e9222f62c708250e846b84c182a1', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
+        return (h(Host, { key: '4e30c74703bcd1eb4d6deeb130e9744639b186d7' }, h("style", { key: '0dc7ca2e29337272a3a551a1320d180e59a0df7d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f2f4304d4d815bec1fbb077d45c0a831907e99ab', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -13186,7 +13207,7 @@ const KupDialog = class {
         if (headerSlot) {
             __classPrivateFieldSet$2(this, _KupDialog_header, headerSlot, "f");
         }
-        return (h(Host, { key: '677afdac900b1d07b1a2874869f3d8415a508f31', "fade-in": true, style: style }, h("style", { key: '22e733f191cd089e832746c87ad41e831e0af07f' }, __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'b2a99bc3c9dec0ae5774b62423882d4e98d9a22b', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$2(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: 'c069c53fe1a71fdf84984ea725cfeb5876485686', class: "content" }, h("slot", { key: '1682932aeb2e0352bcf6d6f3685ea1b7f0be30b7', name: "content" })))));
+        return (h(Host, { key: 'f1ddf60b563705289df8bcac7b67fd9a4ed7b2e4', "fade-in": true, style: style }, h("style", { key: 'daafa62322845d8913844c00a5a148f856bbb327' }, __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '6408c03e635a80657661b7c19bac8f43809df0d2', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$2(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: '24026dd774bbe8efba75cf25df64dabb8aff0c1a', class: "content" }, h("slot", { key: '052be700dbf2257b204da95524bab4f7c95acfbe', name: "content" })))));
     }
     disconnectedCallback() {
         if (this.modal) {
@@ -13960,7 +13981,7 @@ const KupForm = class {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: '3c206215642b1662964c975671c3a2f7720eb470' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: '4b4c768ddde3a3e5b716aa6c78f19d124fe472ff' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -13971,7 +13992,7 @@ const KupForm = class {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: 'bc740600eab0fde6bce214eb57ce0a883a70bc50' }, h("style", { key: '73cf8c044cbe93249f7943e42b657b5d70247531' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2fe3feca10d6237f4135453b91334527ba2ca311', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: 'fef68da43868f5b70c76102cc08fc53557b0feb8' }, h("style", { key: 'c8265a9f9c5a9bce97c8c2bbf64d3d7cbf1f57ee' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'de6c69d454396ebf0e82b5de27c7541132038eeb', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -15965,7 +15986,7 @@ const KupProgressBar = class {
                 ? true
                 : false,
         };
-        return (h(Host, { key: '0dda1afcc6c894a63f2090d372ec33c64f68e9cc' }, h("style", { key: '9b3c973b4c08e663688092e583f590f5ff9a021e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'bf829abd6a8ec69b05951b7b3c9a5a7c67d8554f', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'dec34d14458ea7d07442f17f2217ce3943d92c3b' }, props)))));
+        return (h(Host, { key: 'fc069fc045b472feef52fb5992ba6192d499b837' }, h("style", { key: '2056a42b2210cea537df60dad6c7e9368e57e124' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ef6a639f4dc3a94c5353ceca5dedb7f4cd3ea60e', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'e25e24df64a29f9bc18814505da2bd0e0908a1d0' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16226,7 +16247,7 @@ const KupRating = class {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h(Host, { key: 'cca9b24675200d359bf91a620de8044f2bef1426' }, h("style", { key: '986e67ed44bb5e3d84f248d1a7d4c9525e73b779' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b5582f26cec08e9991cff8633b0727160ece08b5', id: componentWrapperId }, h(FRating, Object.assign({ key: '6605be5d010ed846971bc7e23439e1898ccf75eb' }, props)))));
+        return (h(Host, { key: '3d73b7606c40063f487a597a80ffcb020192bd26' }, h("style", { key: '1d93d5b324cbe85e685fcc6ea72d97598cc0ae2b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '8061260a3bf3b35f3942cd8b029077f0fd24242b', id: componentWrapperId }, h(FRating, Object.assign({ key: '5bcad80eb8799b8ebc797cc4bb6a2b21c7355806' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16349,59 +16370,59 @@ const KupSpinner = class {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: '96692932f35b65738b7bd4a709f29a6882eb5d35', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '92a10a4176fc8117c7855edb5672ca51d6a82f05', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'eb18cdd80e2fdd87f2b41a28078695b5c7d106cc', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '04555672d9cc1f0c373d8042e11f9846a74f9323', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'c5931a2cfb81583080d45d48a366ecc5ea64c051', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'e25127c741adbd5143cc64876cf7676d2c820e9a', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '4bd11aebdfbc1c960633424069e51409e062feb4', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '1da54d48b55cf3f07994a52a3fdf9de32639b269', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '8001b4676b15ef60e84a4a728e457ab5afad7324', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'c0632f0be9eafee154b4c280915da15df6121fce', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '7756968cd19464597be513baee05bc32e684e16b', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '0d9bbdff5a1ecb62dab141ef19bdb934f9f2ab9b', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: 'e25a5e3a3e0c6558ff69aaa9f26415d0f174b5b0', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'd965dfd0f30bceae4071f59ddd6a93413e66c0d8', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '5959b3fc9c7d388a321ae6b4ec4b5fafc807ec9b', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'bd31de963b3e2f580426ff611c1a7ab25d621329', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: 'dc77ac1838734ab3d7fa10e37157c007a2f7a0f7', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'e079e592180df575002a539d3538fc7a8a603a73', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '02ae86e55572f5923c03c8eb1383f07806624b80', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: 'd89e91a227d5d9cddcb565dac4e2a79d98e2a2bd', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '1f7e9f41f12e05898777647b5317e3121f3d0b84', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: '761ea5842b5ccc7f5289612931f4aea9c3cb1719', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '5731581e4a11b79e60eaa3e732b64ea004bcd5e1', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '25d700729222f7c7c2af968fc6a06c3f47bfbd0c', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: 'a8ecdb239803689d32d5d751f749748246f2749d', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'ae4ffec0c0d2ec6cf04dee3ba30e4e53a9193296', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: 'e743362b2b34e79185fba06d2c62b0bfc0f2d81b', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '007a0e740f489013c5413ed583bb9c97b9ebf6d0', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: '44c66240725e7ee2bd36517cc28efcaf65b8011c', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '66f19c1fddcf50a3ee379ad87cdc526be514092f', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '817c7ab107d0990d50e2605b8183ceb66ceee73f', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '313b9525eb797803de6959ece1136ce04477dca5', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: 'ec75231b93337852eb67d052b3f6463bad26ffa6', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: 'd8c2c65aa3fa08b8137d41aec4f9aa42b4c7abce', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '1294a53b8f3f710282060ccdd9f9325d50f8c668', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: 'b85842b20c55a113be6a523404d648bfb99ab609', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '92f644e732fee84c97703f692fbf9f879120d503', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '2baeb03d493ae21e23db5176a05480e0493269e4', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '7164ee3bcb56a2b948ca13c008e6c31e2936a4d4', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '13bc822dce6f147442e22b02730e21865b2c211c', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '9169c182ea3ead483d9a1afe22bed8674c2fbd06', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: 'eff5a7428127574bb3aadbcadbdd94025c66f060', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: 'ac985dc9f68b8f8ccf18fea4421141304bf96cfc', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: '68380b6cf9cc7922538a298efcbe25cdd6a2689c', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: '3ccf00fa9e7243276d7b1200eda6252c1e8fb40e', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: 'f13bb429a3b6bb253ea723e10acbb5115310e8a9', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '811a9b344cc9e988e2320fc9859d541039d9df43', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: '2d8b2366a1ac095d8d89e3d2f67a5e0db6b94a2b', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '1b29647d383fe51676bc160f8fa90f7f2e7e7859', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '9ee69337ef8957e3dcffd7d5721fb8d779479328', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: 'be9d0bccfecfe654d1268c3e1e5fa36073ab40f1', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '3e8bfe54448bb20691b1f3381f46388087e4a77a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: '62203f80263c73871d5465948f937e8dabc07618', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: '04aaf9514b8c47ae0a8b15e71943be087d82f90b', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e6d6debfb615e9f33cff1f016acf7ee0c8d70498', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '85fc5c6980792889e675c3df356feb3f3ec2d018', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: '7135a4ccd777f3cbb8deda8dfea569589851526f', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: 'fc7ecbc8884464ad05219a38186aaa0ce5b12c87', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '88fe8dfa73e2ac65cf6ef6b90c60971f2014112e', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '1628c0a6ceb994ccd665ceeddecc69714ca43685', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: '631b7191885b196677d3df7f59a33f59813cb961', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '0bd52f9f8b2dc98cdc92b4d68249ef9a2f72de7c', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: 'b4859b29bc9c67fb31ac52baca133b568b7b5920', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: 'd5923c97bc43352682dfc3bee8fe195e1a9f7697', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '43a932bf52251603c9b99163c66f75c64abdcf72', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '1b3601b17f45e5548a7b47a0249bdf2f94c40b11', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -16420,7 +16441,7 @@ const KupSpinner = class {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: 'e89031aff0515422bf313b6d75816eee1a1be8a4', style: elStyle }, h("style", { key: 'fe09930f27d2358ab85476ee06d741f61f89edea' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd502afd351c3123d93cba23b657d0cad315f590c', id: componentWrapperId, style: elStyle }, h("div", { key: '938900ed60ce21b69ae1467d3ea58bc486d3d6b8', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'ea0359893f1f02255c0a1988b9b6422302703dc4', id: wrapperClass, style: elStyle }, h("div", { key: '53ff614e48e01507541b55f0419e307bea923259', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: 'cd7f98fa14d07b314791e64aafa46f7111c2d9b9', style: elStyle }, h("style", { key: 'ccc425aadf72e68b26052ea5e402a1e809e87c51' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3a3721606b23c6dd1a0ea67d46a7cc19ff7f2b87', id: componentWrapperId, style: elStyle }, h("div", { key: '671f408c10faa4279d9b8f974c7350a5c0adc2b4', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'cc415dd3e870b000c3da0e5485b6a0a8e76ab224', id: wrapperClass, style: elStyle }, h("div", { key: 'efbebeff75c03843ce6ccf96f485aae5761c35e4', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16568,7 +16589,7 @@ const KupSwitch = class {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: '86748c6c08475f936169898ba4b926718fcaf408' }, h("style", { key: '448695a70cd694897d210cd42a790f9141b9acdf' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '66676ec9881f2b6af0e0dc01f7a8614164e269c5', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'bceef796e14a6c35595cfc259c262438426cd57b' }, props)))));
+        return (h(Host, { key: '6fbe5e23fdd6002b4401a4f48789dcc3d67376d2' }, h("style", { key: '6dc6d4934ded345eb0d832d37387ddf29439d577' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0738abd02342b1d6e4eee28c80b50cba91b62f49', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '6774227df33c638e694a84ce48c2b0f47f81828b' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17688,7 +17709,7 @@ const KupTimePicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '01279d87213d53b67cd6bd48830ce8b3d6ba2d0c' }, h("style", { key: 'e72d86ef452904cfc610fd4ee964715820b6a489' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0ddf26e97241a003a77f0a041ef09621899fe952', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: 'c70c26c8423ee5dca2d3ad9affcbb2765ef4ba8c' }, h("style", { key: 'c8c0e4000a3497a0c781133275df16e88374cc72' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '53e37cf102a6a19bfb6b824f220379a6a31c98a8', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/esm/kup-box.entry.js

@@ -4,7 +4,7 @@ import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-ta
 import { F as FImage } from './f-image-e8fec767.js';
 import { c as FChip } from './f-chip-13a0db84.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-1256023f.js';
+import { F as FCell } from './f-cell-23d78e15.js';
 import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-b5e0696c.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import './kup-dates-da19044e.js';

package/dist/esm/kup-calendar.entry.js

@@ -13990,6 +13990,7 @@ const KupCalendar = class {
         };
         this.hideNavigation = false;
         this.editableEvents = true;
+        this.enableChangeView = false;
         this.viewType = KupCalendarViewTypes.MONTH;
     }
     /*-------------------------------------------------*/
@@ -14316,11 +14317,11 @@ const KupCalendar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '1874d749899acd6187e4318e9efd534eae8cd3a2' }, h$1("style", { key: '1f7014a2da731926a9591231af39948d6d91acaf' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '1a76be92f08e14a65b7d3d23cd4743578d66d956', id: componentWrapperId }, h$1("div", { key: '94b6a87e59f63e3aab66bb5b2f24db3b37978281', class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { key: '277cecf377f1407ca01b859ecf55425299f9a5cb', class: `navigation__title ${this.hideNavigation
+        return (h$1(Host, { key: '57968055fa6e7b79f51c452419c0088d8b4646a8' }, h$1("style", { key: '08b4578dabd27fbc46618dd2c42791ce2281396e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '6e7924791fdfcdbcbe552b6d4433977f6a344fe8', id: componentWrapperId }, h$1("div", { key: 'c886d74b5a4d9b4c0f78a65a1d9e4b6678512fd1', class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { key: '03866e4ffc649c69eea881009d718cb0eb484a67', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), !this.hideNavigation ? (h$1("div", { class: "navigation__right" }, h$1(FChip, Object.assign({}, this.setChipProps())))) : null), h$1("div", { key: '15eddd248875d25b95bee68715b06ce85ffc9f48', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), h$1("div", { key: '0c2a2234c7b63ce6e14605c2f5a99a449195391a', class: "navigation__right" }, this.enableChangeView ? (h$1(FChip, Object.assign({}, this.setChipProps()))) : null)), h$1("div", { key: '1ff7f88610210c904a5699f47e930a95b330f79b', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {

package/dist/esm/kup-cell.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
 import { k as kupManagerInstance, f as FCellPadding, aq as KupCellElementsPosition, g as getProps, s as setProps, R as KupDragEffect, ar as submitPositionAdapter, h as KupLanguageGeneric, as as KupCellProps } from './kup-manager-7926277d.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-acef8cca.js';
-import { F as FCell } from './f-cell-1256023f.js';
+import { F as FCell } from './f-cell-23d78e15.js';
 import './kup-dates-da19044e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-e8fec767.js';
@@ -171,14 +171,14 @@ const KupCell = class {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (h(Host, { key: 'f0580dbf835cd9f4404bf227d6d3a162e0e06e0e' }, h("style", { key: '8fa06c1ca021cf209264b6341a77fdc032fb2d71' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3a9959e050f4bc02dbb7441f607d32150b46505d', id: componentWrapperId, style: this.showSubmit
+        return (h(Host, { key: '8d59f9fd7494454f48c88f654a1936d73a6b78c8' }, h("style", { key: '2507496c8ce36d2366564c377e39a51dcbc2d91f' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1cde1c15d5c64f8b9fdfc2e7ebb19b3d7ac79aa8', id: componentWrapperId, style: this.showSubmit
                 ? {
                     display: 'flex',
                     'flex-direction': submitPositionAdapter(this.submitPosition),
                     'align-items': 'center',
                     gap: '0.5rem',
                 }
-                : {} }, h(FCell, Object.assign({ key: '6d645b64b77ccddd746f6f3ab494ca315105914c' }, props)), this.showSubmit ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
+                : {} }, h(FCell, Object.assign({ key: '538fc08d18fec1cd05b354487e571f512b265575' }, props)), this.showSubmit ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
                 this.submitClick(e);
             } })) : null)));
     }

package/dist/esm/kup-custom-task-list-header_4.entry.js

@@ -17,11 +17,11 @@ const KupCustomTaskListHeader = class {
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '0dda65a73efcc5b8217019bf8d1d5d4a66277df6', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '324d47927324515f29b44acfeaa6314788ec4da7', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '07bfcbb99f759ae7968cb76af97e04666cdfb84f', class: "title" }, h("span", { key: '59b6656d24f1b381455888534075a704eadf3757' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '7d6f5eca5945d49fd784089cc97906400f9279fe', class: "toggler" }, h("label", { key: '6badb37501bdc190948b6fd101a04695b556fa87', htmlFor: "ch2", class: "switch" }, h("input", { key: '07f2f293bec60e83caf3ff8590277c05a8cad26a', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'a6cb9c1484bf2fbec6a1e9cdb6b2fac06a35c03f', class: "slider" })), h("span", { key: '4def4a9d08f8eb2fecf7058ad24d44d0cf626dec', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: '86d1d95d940db2bb3dee1e2c6469feb1d3267652', class: "title" }, h("span", { key: 'dc45d5cf947b5573ed7548fc89c2002717fed017' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: 'aeb990e6ce011948a6ac3600a114872949bfa00a', class: "toggler" }, h("label", { key: 'a6e550a4526b00c961746552c8932c04382788fe', htmlFor: "ch2", class: "switch" }, h("input", { key: 'be713ceaf3c1f213eb30234a118c367d75ac42c6', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '0659f75ad8e22c4c375d4f7d0b5f541937ad9fea', class: "slider" })), h("span", { key: '5560587e2ed422b7e5ecf90e249e2edfce7ab2e2', class: "label" }, "Previsioni")))));
     }
 };
 KupCustomTaskListHeader.style = KupCustomTaskListHeaderStyle0;
@@ -385,11 +385,11 @@ const KupGanttCalendar = class {
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: 'cb25f41952a9df647dde916bdec8777008f8fef3', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '1b2a22e86f120867dc36588d13d4529e85406b99', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '6fcae9075fdd1228f4d8975390abbe55acd3f659', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
+        return (h("svg", { key: '842b2be16fd56d8c65f971ed37d32845a1798dc6', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '842526c0379044e0464bb3a5953390938d2f537d', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'd93c1bda5be1c8ba4bedccc232f0d3d87d013240', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
             ? topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
             : topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
         // current date indicator
-        h("circle", { key: '049fd3ba1ebcef54ae8fe3e78ead566e21c5f76b', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: 'f7d1ec8fabefd15a34fcbb88e3d4bde7267cc76e', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
 };
 KupGanttCalendar.style = KupGanttCalendarStyle0;
@@ -1445,13 +1445,13 @@ const KupGridRenderer = class {
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '1768bf87d7d08070ce0d27dbb6981999e9839919', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: '57d2d52600d5c9a3187a1a1779b409ea716ce527', class: "grid" }, h("g", { key: 'cf522a94564a34298d2cc91efc46af3ed4e053f0', class: "rows" }, gridRows), h("g", { key: '738d6d128ecd5398ba8aa5c333742854e082fbd7', class: "rowLines" }, rowLines), h("g", { key: '5e36d94d36900a7decf630abf4a614067b14735e', class: "ticks" }, ticks)), h("g", { key: '132f69c4f73953bbf998bf2acd30693d25b93d67', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'de9e545038e482212e621ca4c2f1222339fd203d', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '7e077d951e8c2b125a4e25698542515a20d9ac86', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: 'ab75796381aaadbda8285965a66e91602185366f', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '5c26d672cb8792aed32538a3cc41edeef8bbb973', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: '4330009837a17f523a1cd59177eefbad3389c562', class: "grid" }, h("g", { key: 'c5cca3a09b66ba7dcf1414f172dc28ec8472114b', class: "rows" }, gridRows), h("g", { key: 'de20eb48bb16eeac646cfbefced3d5d3ac873088', class: "rowLines" }, rowLines), h("g", { key: '2074b20432e063d5cde7541ad618ffa6018e651a', class: "ticks" }, ticks)), h("g", { key: '0d6b86c241c47f6daaa7b64238d295697436d29c', class: "content" }, this.currentDateIndicator && (h("rect", { key: '4ecf3383883e8deb3ec4f3d192382974fc4239d3', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '22995ecb07d926a3560b9233b79ce138ca300333', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: 'f3236d4a4bc4c7e2bb7394c2a4c9fee6e245c19a', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
             return task.barChildren.map((child) => {
                 if (task.type !== 'timeline') {
                     this.renderKupArrow(task, child);
                 }
             });
-        })), h("g", { key: '18b7c7ff265294ba6d4aa93717d5a375264c421b', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '608bb4770ee4908c3fe2d459cb3048c9821a6c7f', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
             const forbidResize = task.type === 'project';
             return (h("g", { onKeyDown: (e) => {
                     switch (e.key) {
@@ -1511,7 +1511,7 @@ const KupGridRenderer = class {
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '71036ce8e3180a6e31ef329e11ad35f7622a5889', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'dd11df6824e7bf1e7fe06f6647f4e425853da8ad', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

package/dist/esm/kup-dashboard.entry.js

@@ -392,7 +392,7 @@ const KupDashboard = class {
         this.didRenderInteractables();
     }
     render() {
-        return (h(Host, { key: 'ad8cbbbae20467e5a3f3ed0e37ca7ad752d949c2' }, h("style", { key: '692d0ec8ffe264c463f0a4e6abd5561dfd7c277d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '26faf0b00335df455b9f9445fae97133cc630b5a', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
+        return (h(Host, { key: '392d3e40007af89151bc6745d150048ada7c4717' }, h("style", { key: '35afed7b1aed860a86c328ba3817ae5b72b670a7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e91bdebc3263fd673501f15d841bd042b8a34280', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
     }
     disconnectedCallback() {
         this.unregisterInteractables();