@sme.up/ketchup 11.0.0-SNAPSHOT-20241217083229 → 11.0.0-SNAPSHOT-20241217103457

package/dist/components/kup-iframe.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, t as KupDebugCategory } from './p-d80bbcb0.js';
-import { 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-4bab013a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory } from './p-8138bfb7.js';
+import { 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-5ee0b3dc.js';
 
 /**
  * Props of the kup-iframe component.

package/dist/components/kup-image-list.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, d as KupLanguageGeneric, a3 as KupPointerEventTypes, u as FCellPadding } from './p-d80bbcb0.js';
-import { a4 as FButtonStyling, M as MDCRipple, c as componentWrapperId, F as FImage, S as FButton, 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, L as FCell } from './p-4bab013a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, d as KupLanguageGeneric, a3 as KupPointerEventTypes, u as FCellPadding } from './p-8138bfb7.js';
+import { a4 as FButtonStyling, M as MDCRipple, c as componentWrapperId, F as FImage, S as FButton, 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, L as FCell } from './p-5ee0b3dc.js';
 
 /**
  * Props of the kup-image-list component.
@@ -227,14 +227,14 @@ const KupImageList$1 = /*@__PURE__*/ proxyCustomElement(class KupImageList exten
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (h(Host, { key: 'aaefac38b6fc8edb0a3378edce114b31dcd4c982' }, h("style", { key: '80541c8e96c4949ae9d3635342458ed4636aa4f3' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e21da53853b397147fae86eb46c4ec73ab1918c8', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '6b1b27c8e736754f479770ec67603d5708a78191' }, h("style", { key: '998b454b9acbe6078e18b5303667a373ef17a352' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '9dfe6fefea846bbe367f5c76fd2d336840190ae9', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: '2ea71db6523c5ed84e6e04bc36844199208ae69f', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h("div", { key: '8e6ba7408c4358862f1cccc8b564c5f225410074', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: 'cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: '4c007ebfba4fe8b1b8aaffbae9261c27db9b00df', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));

package/dist/components/kup-image.js

@@ -1,4 +1,4 @@
-import { a7 as KupImage$1, m as defineCustomElement$1 } from './p-4bab013a.js';
+import { a7 as KupImage$1, m as defineCustomElement$1 } from './p-5ee0b3dc.js';
 
 const KupImage = KupImage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-input-panel.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { O as FTextFieldMDC, c as componentWrapperId, S as FButton, L as FCell, 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$h, q as defineCustomElement$i, r as defineCustomElement$j, s as defineCustomElement$k, t as defineCustomElement$l, u as defineCustomElement$m, v as defineCustomElement$n, w as defineCustomElement$o, x as defineCustomElement$p, y as defineCustomElement$q, z as defineCustomElement$r, A as defineCustomElement$s, B as defineCustomElement$t, C as defineCustomElement$u } from './p-4bab013a.js';
-import { k as kupManagerInstance, i as FCellTypes, l as FCellShapes, g as getProps, s as setProps, d as KupLanguageGeneric, S as CHIAdapter, C as CMBandACPAdapter, R as RADAdapter, U as SWTAdapter, t as KupDebugCategory, a3 as KupPointerEventTypes, Q as CHKAdapter } from './p-d80bbcb0.js';
+import { O as FTextFieldMDC, c as componentWrapperId, S as FButton, L as FCell, 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$h, q as defineCustomElement$i, r as defineCustomElement$j, s as defineCustomElement$k, t as defineCustomElement$l, u as defineCustomElement$m, v as defineCustomElement$n, w as defineCustomElement$o, x as defineCustomElement$p, y as defineCustomElement$q, z as defineCustomElement$r, A as defineCustomElement$s, B as defineCustomElement$t, C as defineCustomElement$u } from './p-5ee0b3dc.js';
+import { k as kupManagerInstance, i as FCellTypes, l as FCellShapes, g as getProps, s as setProps, d as KupLanguageGeneric, S as CHIAdapter, C as CMBandACPAdapter, Q as CHKAdapter, R as RADAdapter, U as SWTAdapter, t as KupDebugCategory, a3 as KupPointerEventTypes } from './p-8138bfb7.js';
 import { F as FTypography, a as FTypographyType } from './p-ced0c3fc.js';
-import { d as defineCustomElement$g } from './p-3e08d788.js';
+import { d as defineCustomElement$g } from './p-b31cf6a0.js';
 
 var KupInputPanelLayoutSectionType;
 (function (KupInputPanelLayoutSectionType) {
@@ -146,7 +146,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
-var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_formRef, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_eventNames, _KupInputPanel_eventBlurNames, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_keysShortcut, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderDropDownButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_checkOnBlurProp, _KupInputPanel_checkOnBlurEvent, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN, _KupInputPanel_getEventDetails, _KupInputPanel_contextMenuHandler, _KupInputPanel_didLoadInteractables, _KupInputPanel_setFocusOnInputElement, _KupInputPanel_findFirstInput, _KupInputPanel_setAutoSkip;
+var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_formRef, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_eventNames, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_keysShortcut, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderDropDownButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_getOptionHandler, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_onBlurHandler, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN, _KupInputPanel_getEventDetails, _KupInputPanel_contextMenuHandler, _KupInputPanel_didLoadInteractables, _KupInputPanel_setFocusOnInputElement, _KupInputPanel_findFirstInput, _KupInputPanel_setAutoSkip;
 const dom = document.documentElement;
 const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel extends H {
     constructor() {
@@ -182,15 +182,6 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
             [FCellTypes.COMBOBOX, ['kup-combobox-iconclick', 'kup-combobox-blur']],
             [FCellTypes.MULTI_COMBOBOX, ['kup-combobox-iconclick']],
         ]));
-        _KupInputPanel_eventBlurNames.set(this, new Map([
-            [FCellShapes.AUTOCOMPLETE, 'kup-autocomplete-blur'],
-            [FCellShapes.CHIP, 'kup-textfield-blur'],
-            [FCellShapes.COMBOBOX, 'kup-combobox-blur'],
-            [FCellShapes.DATE, 'kup-datepicker-blur'],
-            [FCellShapes.MULTI_AUTOCOMPLETE, 'kup-autocomplete-blur'],
-            [FCellShapes.MULTI_COMBOBOX, 'kup-combobox-blur'],
-            [FCellShapes.TIME, 'kup-timepicker-blur'],
-        ]));
         _KupInputPanel_listeners.set(this, []);
         _KupInputPanel_cellTypeComponents.set(this, new Map([
             [FCellTypes.DATE, 'kup-date-picker'],
@@ -308,7 +299,9 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: '6e21e639b2d2f9e1f5338319cc965c4d588c5fbe' }, h("style", { key: '435b0e0cbebad1f25b642ffc327168afe3855250' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '4cf09729bf357a5f91363c23e24dad8f414973cd', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: '1316f47cce917e05cfb94bd3e68c8f1ad14a85de', "onKup-cell-blur": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onBlurHandler).bind(this), "onKup-tabbar-click": (e) => {
+                this.tabSelected = e.detail.node.id;
+            }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this) }, h("style", { key: 'f8d4834ceed60a77270667e9229090faf36c06fe' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ca1a00d028a0a8ef030d41c2452fbb229a041c32', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -342,7 +335,7 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
     }, undefined, {
         "data": ["onDataChanged"]
     }]);
-_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_eventNames = new WeakMap(), _KupInputPanel_eventBlurNames = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_keysShortcut = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_getCell = function _KupInputPanel_getCell(id) {
+_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_eventNames = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_keysShortcut = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_getCell = function _KupInputPanel_getCell(id) {
     return this.inputPanelCells.reduce((cell, { cells }) => {
         if (!cell) {
             return cells.find(({ column }) => column.name === id).cell;
@@ -600,17 +593,6 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         });
     });
     const tabCustomStyle = '.tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }';
-    if (!__classPrivateFieldGet(this, _KupInputPanel_listeners, "f").map((l) => l.event).includes('kup-tabbar-click')) {
-        const event = 'kup-tabbar-click';
-        const handler = (e) => {
-            this.tabSelected = e.detail.node.id;
-        };
-        this.rootElement.addEventListener(event, handler);
-        __classPrivateFieldGet(this, _KupInputPanel_listeners, "f").push({
-            event,
-            handler,
-        });
-    }
     return (h("div", { class: { 'input-panel__tabs_container': true } }, h("kup-tab-bar", { data: tabNodes, customStyle: tabCustomStyle }), sectionContent));
 }, _KupInputPanel_renderField = function _KupInputPanel_renderField(cells, field) {
     const fieldCell = cells.cells.find((cell) => cell.column.name === field.id);
@@ -829,16 +811,10 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     if (cellType === FCellTypes.MULTI_AUTOCOMPLETE ||
         cellType === FCellTypes.MULTI_COMBOBOX) {
-        return Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).call(this, cell.options, col.title, null, cell, col.name)), { showDropDownIcon: true, class: '', style: { width: '100%' }, disabled: !cell.editable, id: col.name });
+        return Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).call(this, cell.options, col.title, null)), { showDropDownIcon: true, class: '', style: { width: '100%' }, disabled: !cell.editable, id: col.name });
     }
     return null;
-}, _KupInputPanel_CHIAdapter = function _KupInputPanel_CHIAdapter(_options, _fieldLabel, currentValue, cell, id) {
-    var _a, _b;
-    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) ||
-        ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) ||
-        cell.mandatory) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
-    }
+}, _KupInputPanel_CHIAdapter = function _KupInputPanel_CHIAdapter(_options, _fieldLabel, currentValue) {
     return CHIAdapter(currentValue);
 }, _KupInputPanel_GRAAdapter = function _KupInputPanel_GRAAdapter() {
     //TODO: definire mapping
@@ -864,47 +840,20 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").keysBinding.register((_d = cell.data) === null || _d === void 0 ? void 0 : _d.keyShortcut, cell.data.onClick.bind(this));
     }
     return Object.assign({ label: cell.value, fun: cell.fun }, cell.data);
-}, _KupInputPanel_CMBandACPAdapter = function _KupInputPanel_CMBandACPAdapter(rawOptions, fieldLabel, currentValue, cell, id) {
-    var _a, _b;
+}, _KupInputPanel_CMBandACPAdapter = function _KupInputPanel_CMBandACPAdapter(rawOptions, fieldLabel, currentValue) {
     const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);
-    if (cell.fun) {
-        const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
-        const evNames = __classPrivateFieldGet(this, _KupInputPanel_eventNames, "f").get(cellType);
-        if (!evNames) {
-            return;
-        }
-        evNames.map((evName) => {
-            const handler = (e) => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getAutocompleteEventCallback).call(this, e.detail, cell.fun, configCMandACP, id, currentValue);
-            };
-            this.rootElement.addEventListener(evName, handler);
-            __classPrivateFieldGet(this, _KupInputPanel_listeners, "f").push({
-                event: evName,
-                handler,
-            });
-        });
-    }
-    else if (rawOptions) {
+    if (rawOptions) {
         configCMandACP.data['kup-list'].data =
             __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, rawOptions, currentValue);
     }
-    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) ||
-        ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) ||
-        cell.mandatory) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
-    }
     return configCMandACP;
-}, _KupInputPanel_CHKAdapter = function _KupInputPanel_CHKAdapter(_options, fieldLabel, currentValue, cell, id) {
-    var _a, _b;
-    let data = CHKAdapter(currentValue, fieldLabel);
-    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) ||
-        ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) ||
-        cell.mandatory) {
-        return Object.assign(Object.assign({}, data), { onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
-            } });
+}, _KupInputPanel_getOptionHandler = function _KupInputPanel_getOptionHandler({ detail }) {
+    const cell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, detail.id);
+    if (cell.fun) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getAutocompleteEventCallback).call(this, detail, cell);
     }
-    return data;
+}, _KupInputPanel_CHKAdapter = function _KupInputPanel_CHKAdapter(_options, fieldLabel, currentValue) {
+    return CHKAdapter(currentValue, fieldLabel);
 }, _KupInputPanel_CLPAdapter = function _KupInputPanel_CLPAdapter(_options, fieldLabel, _currentValue) {
     return {
         data: {
@@ -918,7 +867,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         initialValue: currentValue,
     };
 }, _KupInputPanel_ITXAdapter = function _KupInputPanel_ITXAdapter(_options, fieldLabel, _currentValue, cell, id) {
-    var _a, _b, _c;
+    var _a;
     const data = Object.assign({ label: fieldLabel }, cell.data);
     if (this.autoSkip &&
         (cell.isEditable || cell.editable) &&
@@ -927,34 +876,12 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setAutoSkip).call(this, id, event);
         };
     }
-    if (((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkObject) ||
-        ((_c = cell.inputSettings) === null || _c === void 0 ? void 0 : _c.checkValueOnExit) ||
-        cell.mandatory) {
-        data.onBlur = () => {
-            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
-        };
-    }
-    return data;
-}, _KupInputPanel_RADAdapter = function _KupInputPanel_RADAdapter(options, _fieldLabel, currentValue, cell, id) {
-    var _a, _b;
-    let data = RADAdapter(currentValue, options);
-    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) ||
-        ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) ||
-        cell.mandatory) {
-        return Object.assign(Object.assign({}, data), { onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
-            } });
-    }
     return data;
+}, _KupInputPanel_RADAdapter = function _KupInputPanel_RADAdapter(options, _fieldLabel, currentValue) {
+    return RADAdapter(currentValue, options);
 }, _KupInputPanel_SWTAdapter = function _KupInputPanel_SWTAdapter(_options, fieldLabel, currentValue) {
     return SWTAdapter(currentValue, fieldLabel);
-}, _KupInputPanel_DateAdapter = function _KupInputPanel_DateAdapter(_options, fieldLabel, currentValue, cell, id) {
-    var _a, _b;
-    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) ||
-        ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) ||
-        cell.mandatory) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
-    }
+}, _KupInputPanel_DateAdapter = function _KupInputPanel_DateAdapter(_options, fieldLabel, currentValue) {
     return {
         data: {
             'kup-text-field': {
@@ -963,32 +890,13 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         },
         initialValue: currentValue !== null && currentValue !== void 0 ? currentValue : '',
     };
-}, _KupInputPanel_ObjectAdapter = function _KupInputPanel_ObjectAdapter(_options, fieldLabel, currentValue, cell, id) {
-    var _a, _b;
-    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) ||
-        ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) ||
-        cell.mandatory) {
-        return {
-            initialValue: currentValue || '',
-            label: fieldLabel || ' ',
-            value: currentValue || '',
-            onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
-            },
-        };
-    }
+}, _KupInputPanel_ObjectAdapter = function _KupInputPanel_ObjectAdapter(_options, fieldLabel, currentValue) {
     return {
         initialValue: currentValue || '',
         label: fieldLabel || ' ',
         value: currentValue || '',
     };
-}, _KupInputPanel_TimeAdapter = function _KupInputPanel_TimeAdapter(_options, fieldLabel, currentValue, cell, id) {
-    var _a, _b;
-    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) ||
-        ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) ||
-        cell.mandatory) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
-    }
+}, _KupInputPanel_TimeAdapter = function _KupInputPanel_TimeAdapter(_options, fieldLabel, currentValue) {
     return {
         data: {
             'kup-text-field': {
@@ -997,18 +905,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         },
         initialValue: currentValue,
     };
-}, _KupInputPanel_NumberAdapter = function _KupInputPanel_NumberAdapter(_options, fieldLabel, _currentValue, cell, id) {
-    var _a, _b;
-    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) ||
-        ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) ||
-        cell.mandatory) {
-        return {
-            label: fieldLabel,
-            onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
-            },
-        };
-    }
+}, _KupInputPanel_NumberAdapter = function _KupInputPanel_NumberAdapter(_options, fieldLabel, _currentValue) {
     return { label: fieldLabel };
 }, _KupInputPanel_DataTableAdapter = function _KupInputPanel_DataTableAdapter(_rawOptions, _fieldLabel, _value, cell, id) {
     try {
@@ -1114,44 +1011,42 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     const buttonCell = Object.assign(Object.assign({}, cell), { data: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter).call(this, null, null, cell.value, cell, cell.obj.k), id: cell.obj.k });
     return buttonCell;
-}, _KupInputPanel_getAutocompleteEventCallback = function _KupInputPanel_getAutocompleteEventCallback(detail, fun, data, id, currentValue) {
-    if (detail.id !== id ||
-        detail.open === false) {
-        return;
-    }
-    this.optionsHandler(fun, detail.inputValue, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this), detail.id).then((options) => {
+}, _KupInputPanel_getAutocompleteEventCallback = function _KupInputPanel_getAutocompleteEventCallback(detail, cell) {
+    this.optionsHandler(cell.fun, detail.inputValue, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this), detail.id).then((options) => {
         var _a;
-        data.data['kup-list'].data =
-            (_a = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, options, currentValue)) !== null && _a !== void 0 ? _a : [];
+        cell.data.data['kup-list'].data =
+            (_a = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, options, cell.value)) !== null && _a !== void 0 ? _a : [];
         detail.comp.refresh();
     });
-}, _KupInputPanel_checkOnBlurProp = async function _KupInputPanel_checkOnBlurProp(cell, id) {
+}, _KupInputPanel_onBlurHandler = async function _KupInputPanel_onBlurHandler(e) {
     var _a, _b, _c, _d, _e;
-    const currCell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, id);
+    const { detail: { column, cell }, } = e;
+    const currCell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, column.name);
+    const originalCell = __classPrivateFieldGet(this, _KupInputPanel_originalData, "f").rows[0].cells[column.name];
     // Required cell check
     if (cell.mandatory) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, currCell.value
-            ? ((_a = cell.data) === null || _a === void 0 ? void 0 : _a.error) || null
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, column.name, currCell.value
+            ? ((_a = originalCell.data) === null || _a === void 0 ? void 0 : _a.error) || null
             : __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.REQUIRED_VALUE));
-        if (!currCell.value) {
+        if (!cell.value) {
             return;
         }
     }
     else {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, ((_b = cell.data) === null || _b === void 0 ? void 0 : _b.error) || null);
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, column.name, ((_b = originalCell.data) === null || _b === void 0 ? void 0 : _b.error) || null);
     }
     // Valid object check
-    if (((_c = cell.inputSettings) === null || _c === void 0 ? void 0 : _c.checkObject) && currCell.value) {
+    if ((_c = cell.inputSettings) === null || _c === void 0 ? void 0 : _c.checkObject) {
         const { valid } = await this.checkValidObjCallback({
             obj: cell.obj,
             currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
             fun: cell.fun,
         });
         if (valid) {
-            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, ((_d = cell.data) === null || _d === void 0 ? void 0 : _d.error) || null);
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, column.name, ((_d = originalCell.data) === null || _d === void 0 ? void 0 : _d.error) || null);
         }
         else {
-            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE));
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, column.name, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE));
             return;
         }
     }
@@ -1159,58 +1054,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         this.checkValidValueCallback({
             before: Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_originalData, "f")),
             after: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
-        }, id);
+        }, column.name);
     }
-}, _KupInputPanel_checkOnBlurEvent = function _KupInputPanel_checkOnBlurEvent(cell, id) {
-    const evName = __classPrivateFieldGet(this, _KupInputPanel_eventBlurNames, "f").get(cell.shape);
-    if (!evName) {
-        return;
-    }
-    const handler = async (e) => {
-        var _a, _b, _c, _d, _e;
-        const currCell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, id);
-        if (e.detail.id !== id) {
-            return;
-        }
-        // Required cell check
-        if (cell.mandatory) {
-            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, currCell.value
-                ? ((_a = cell.data) === null || _a === void 0 ? void 0 : _a.error) || null
-                : __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.REQUIRED_VALUE));
-            if (!e.detail.value) {
-                return;
-            }
-        }
-        else {
-            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, ((_b = cell.data) === null || _b === void 0 ? void 0 : _b.error) || null);
-        }
-        // Valid object check
-        if (((_c = cell.inputSettings) === null || _c === void 0 ? void 0 : _c.checkObject) && e.detail.value) {
-            const { valid } = await this.checkValidObjCallback({
-                obj: cell.obj,
-                currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
-                fun: cell.fun,
-            });
-            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, valid
-                ? ((_d = cell.data) === null || _d === void 0 ? void 0 : _d.error) || null
-                : __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE));
-            if (!valid) {
-                return;
-            }
-        }
-        if (((_e = cell.inputSettings) === null || _e === void 0 ? void 0 : _e.checkValueOnExit) &&
-            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_areValuesUpdated).call(this)) {
-            this.checkValidValueCallback({
-                before: Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_originalData, "f")),
-                after: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
-            }, id);
-        }
-    };
-    this.rootElement.addEventListener(evName, handler);
-    __classPrivateFieldGet(this, _KupInputPanel_listeners, "f").push({
-        event: evName,
-        handler,
-    });
 }, _KupInputPanel_setCellError = function _KupInputPanel_setCellError(id, error) {
     this.inputPanelCells = this.inputPanelCells.map((cell) => (Object.assign(Object.assign({}, cell), { cells: cell.cells.map(({ cell, column }) => {
             const data = column.name === id

package/dist/components/kup-lazy.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-d80bbcb0.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-4bab013a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-8138bfb7.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-5ee0b3dc.js';
 
 /**
  * Props of the kup-lazy component.
@@ -135,39 +135,39 @@ const KupLazy$1 = /*@__PURE__*/ proxyCustomElement(class KupLazy extends H {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { key: '220fa65d9836c520dfed8e3dae2700c6b2b0cb9a', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '1d1e33f3ed89c32e6ee9ad2b1996fb65037cc3f2', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
+                resource = (h("svg", { key: '665704637b3354494ef01a225fd4d37a0188c34f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '6a0391862537ed0250af6780a7c0fef06130b831', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
                 break;
             case 'kup-card':
                 //art_track.svg
-                resource = (h("svg", { key: 'd799cc013987de74e23c34201ecd2186c57b13f1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'de98ef94a3f714e45e56a02877d4a139a8804424', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: 'a91f941eaf227d71122f52ef990999697e5140d2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '9b757b8dae5fbb1d30ba262087274d6ed177b713', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
             case 'kup-checkbox':
                 //check_box_outline_blank.svg
-                resource = (h("svg", { key: '26ad78503d5c00f5b902b2bddb782a14f1a13b73', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '03ae544d551c47e0dce8f8fbaa92b1a2a1024c55', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
+                resource = (h("svg", { key: 'dd4f4172b01ef1784c3a4947940e11f6cacbe746', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '4a65af5a391cfaf3d1e82c229db9a361b493cf49', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
                 break;
             case 'kup-chart':
                 //chart-bar.svg
-                resource = (h("svg", { key: 'cc70b61653552ff28e1b6eda65ca7bec5bbbe7d2', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'f63b011d43b7c6649e1392de9426b325259e9f38', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: '593f6aa43a513b12ea0b49f7feb6680e2931c36c', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '0a24ba272bc6830f9bf356585d4a16d769b37b52', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: '3c6218a9e78c22aa2cfdd787a77fd7575409b926', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '28aaf9eb0e27fd2ad901866bd1f93ff181eba283', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
+                resource = (h("svg", { key: 'fccd6198bf2c7d9b67fd9df526483f8f9dafee21', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '976cebc69cdc6153f4f91e935e48c18d5d345544', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
                 break;
             case 'kup-image':
                 //photo.svg
-                resource = (h("svg", { key: '695002a63b98d0c090f350df167e2dec9b85c8f6', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '160f2450a206b3da182ef9514e41d0e9cfebd7dd', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
+                resource = (h("svg", { key: '17b1e569dabdfb945ea6880e770ae52566c14964', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '8208a3be977f5294e724adc8e0c168f3e0447940', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
                 break;
             case 'kup-progress-bar':
                 //linear_scale.svg
-                resource = (h("svg", { key: 'e7f09d307522f61e8448975f881fb435f0c585bd', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '2ad28af4bed1da877edb16db6acdc392bfbfb47b', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
+                resource = (h("svg", { key: 'd75588e7fdd9dd67ca01598159316c0a480ff7b2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'b6cb40a0509a7da7a0d764cb11b8170a4b083932', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
                 break;
             case 'kup-radio':
                 //radio_button_unchecked.svg
-                resource = (h("svg", { key: 'c60a5e10b12c2945bdc8d0558d1fb9c46cb4ca90', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'f016960b177263ba06c3b63c4761fef4a06a4fd3', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
+                resource = (h("svg", { key: '1b18bc766908f4da555824535f7dbdc93779bb60', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '0feac444636e26df8fded6a7e566252087e60e86', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
                 break;
             default:
                 //art_track.svg
-                resource = (h("svg", { key: 'f221046bcd689deebeb597f557d547292518a34a', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '8cd9ec1705efd526543348dcfe793c0705399482', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: '455a2d22a5d9d50f071e8facd31b50b7bd3f5d92', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'fefd08ea2bbd6eaa7e4ee0fefe2b25afa81165cf', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
         }
         if ((this.renderMode === KupLazyRender.VIEWPORT && this.isInViewport) ||
@@ -176,14 +176,14 @@ const KupLazy$1 = /*@__PURE__*/ proxyCustomElement(class KupLazy extends H {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (h(Tag, Object.assign({ key: 'b856e5475a8fc048cf96c0ee534f17fa2ad261fe' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: 'd1d563697c56db2c3fdcf3252aae2a2966b06858' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
             className += ' kup-loaded';
         }
         else if (this.showPlaceholder) {
             content = resource;
             className += ' kup-to-be-loaded';
         }
-        return (h(Host, { key: 'de01035df24b5d3811ca54bb3840bf232287103d', class: className }, h("style", { key: 'db6f4fe85ed90c8a17b598a4805eff35fbfc11af' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '00c41dbaa1579061edf0b9472b19e6c5c8f24eb9', id: componentWrapperId }, content)));
+        return (h(Host, { key: '4a055d835d8e6d3fb06bd4870fe5b13c2e4e922e', class: className }, h("style", { key: '5a8b37cd487d2db656dc8614469ba37c11809343' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '21ace7612895c14f8d63303fc171f04a66016427', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

package/dist/components/kup-list.js

@@ -1,4 +1,4 @@
-import { a8 as KupList$1, l as defineCustomElement$1 } from './p-4bab013a.js';
+import { a8 as KupList$1, l as defineCustomElement$1 } from './p-5ee0b3dc.js';
 
 const KupList = KupList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-magic-box.js

@@ -1,8 +1,8 @@
 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, d as KupLanguageGeneric, t as KupDebugCategory, av as kupDropEvent, aa as kupDraggableColumnAttr, aw as kupDraggableRowAttr, ae as KupDropEventTypes, b as KupThemeColorValues } from './p-d80bbcb0.js';
-import { F as FImage, c as componentWrapperId, a4 as FButtonStyling, 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$h, q as defineCustomElement$i, r as defineCustomElement$j, s as defineCustomElement$k, t as defineCustomElement$l, u as defineCustomElement$m, v as defineCustomElement$n, w as defineCustomElement$o, x as defineCustomElement$p, y as defineCustomElement$q, z as defineCustomElement$r, A as defineCustomElement$s, B as defineCustomElement$u, C as defineCustomElement$v } from './p-4bab013a.js';
-import { d as defineCustomElement$t } from './p-f81a6df1.js';
-import { d as defineCustomElement$g } from './p-f3a59611.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, d as KupLanguageGeneric, t as KupDebugCategory, av as kupDropEvent, aa as kupDraggableColumnAttr, aw as kupDraggableRowAttr, ae as KupDropEventTypes, b as KupThemeColorValues } from './p-8138bfb7.js';
+import { F as FImage, c as componentWrapperId, a4 as FButtonStyling, 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$h, q as defineCustomElement$i, r as defineCustomElement$j, s as defineCustomElement$k, t as defineCustomElement$l, u as defineCustomElement$m, v as defineCustomElement$n, w as defineCustomElement$o, x as defineCustomElement$p, y as defineCustomElement$q, z as defineCustomElement$r, A as defineCustomElement$s, B as defineCustomElement$u, C as defineCustomElement$v } from './p-5ee0b3dc.js';
+import { d as defineCustomElement$t } from './p-248b85c1.js';
+import { d as defineCustomElement$g } from './p-5c82ed77.js';
 
 /**
  * Props of the kup-magic-box component.
@@ -288,11 +288,11 @@ const KupMagicBox$1 = /*@__PURE__*/ proxyCustomElement(class KupMagicBox extends
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '8f04a5029dad9d7d8f3673124a6fb954880719d5' }, h("style", { key: 'af43ffc44c345efb6982aecac7ffeb7469a1e1ab' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4da32884b8cfaee501fe98de3ad61dbfd40644f1', id: componentWrapperId }, h("div", { key: '3ae6ee9f2ee07d1ace113fe223bf45fe907eb1d2', class: "magic-box-wrapper" }, h("div", { key: '7331459e7beeecbad1f94907c5dfc37e6fd77221', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: 'cf49975df5a5aa923c031c64ecee9a81ae4ad0bc' }, this.comboboxProps())), h("kup-button", { key: '9268ce09ec663aa4e00a82ba0fadef493422d12f', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: 'cc7eb83eaccd2507c886ec16bc37d2fa567ac52e' }, h("style", { key: '809d326e5dcbf28e7aadc8901b0b4958442de680' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1f05d7964adaebc3e44123e766f54b913b6427a4', id: componentWrapperId }, h("div", { key: '08e3fe041eca609baf1bffc35d19711a54557b92', class: "magic-box-wrapper" }, h("div", { key: 'a66c16ca2910391f07eeca825443cd13d1a9eaef', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '8751f6abdbb318c30470954b6b59a5ee331b3ab9' }, this.comboboxProps())), h("kup-button", { key: 'aaae57d304a47b6371f87e7be3ec6e52d6dac92f', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: '3724463433b93aa9ae13ae19d67be8fc39c702f6', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '295644dff6eff6d80df769fd54d5e0db43de8473', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: '448858d039c7cd0ea8e756d9ad66af2b3baf5c52', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '3aedf43217a1a013c78170af418adbde5994e0cc', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([

package/dist/components/kup-nav-bar.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-d80bbcb0.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-4bab013a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-8138bfb7.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-5ee0b3dc.js';
 
 const navbarClass = 'nav-bar';
 /**
@@ -127,7 +127,7 @@ const KupNavBar$1 = /*@__PURE__*/ proxyCustomElement(class KupNavBar extends H {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '0f66ceb53da3d4bdc00787c80ef4764a79d76af8', class: "header" }, h("style", { key: '6435752fbe5f0ae68649ea4c43fee53afeb2dbca' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '607495825d0febc2dd41dcfecf0ecc78924e4679', id: componentWrapperId }, h("header", { key: '21667d9c45e86eab6c011247e1717b757d92dfd4', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: 'da92e4ddd4ff70b4fa9632233b0345d4843bee60', class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: '2a384dc4de4b550cfaaf9490579dc4ffdb469076', class: "header" }, h("style", { key: 'b91849a849d6e9509b9456f1a90be1042f7d9499' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e1182a3b34dd471a8dd73a90119af6a408f2604e', id: componentWrapperId }, h("header", { key: '13a6491135dab2490042558ae00bfe23a55b5ed8', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '2b8cae0eaf58a12769ce158effc25fc31f7ee0c9', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);