@sme.up/ketchup 9.6.5 → 9.6.6

package/dist/esm/kup-image-list.entry.js

@@ -1,15 +1,15 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-460631fd.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, M as KupPointerEventTypes, e as FCellPadding } from './kup-manager-a316a70e.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-95bb3410.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, M as KupPointerEventTypes, e as FCellPadding } from './kup-manager-c974dda6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FImage } from './f-image-a67229e5.js';
-import { F as FButton } from './f-button-d6dbcfd6.js';
+import { F as FImage } from './f-image-20e217c8.js';
+import { F as FButton } from './f-button-e63b4537.js';
 import { F as FButtonStyling } from './f-button-declarations-9bdc6f26.js';
-import { F as FCell } from './f-cell-7b41415c.js';
+import { F as FCell } from './f-cell-262f3239.js';
 import { M as MDCRipple } from './component-879e99bf.js';
 import './kup-dates-26a56bf7.js';
-import './f-checkbox-ddb6234e.js';
-import './f-text-field-d364ffd2.js';
-import './f-chip-68d27d7a.js';
+import './f-checkbox-61c142b8.js';
+import './f-text-field-17075562.js';
+import './f-chip-eaf517ff.js';
 
 /**
  * Props of the kup-image-list component.
@@ -209,14 +209,14 @@ const KupImageList = class {
             };
             combinedGridStyle = Object.assign(Object.assign({}, combinedGridStyle), gridRowsStyle);
         }
-        return (h(Host, { key: 'b62094a90858c7c5f36a9f76b3b4372b506ace67' }, h("style", { key: 'eeb8ad09387f7aaad846441e1d7c28554c6996e2' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd908bdbb3d41f6cedaa6e905cc6be9aa4eb4e27b', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '61e34232f19ff00398ff824c9d8130ecde28da56' }, h("style", { key: '43e64c4a2aed68d0582ad019aed0e3617c682c54' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c7cfce4c849eee19f245e27117a12c3068b69c0d', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: 'e3852ae5ff9a61857cc70f9ebd83f5f317d596da', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h("div", { key: '827d42b8b11a5a20a274dd29bdd2c5a87d01d0aa', 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, 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: '1726193b158b8cefb9a445acc5b75ae1d07061a3', class: "image-list", style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h(FImage, { fit: true, resource: this.currentNode.icon, 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: 'ab8938c8187ee33a41e0f87da776c628d0f9e777', class: "image-list", 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/esm/kup-input-panel.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-460631fd.js';
-import { F as FButton } from './f-button-d6dbcfd6.js';
-import { F as FCell } from './f-cell-7b41415c.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, a3 as FCellTypes } from './kup-manager-a316a70e.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-95bb3410.js';
+import { F as FButton } from './f-button-e63b4537.js';
+import { F as FCell } from './f-cell-262f3239.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, a3 as FCellTypes } from './kup-manager-c974dda6.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-c88bf688.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-9bdc6f26.js';
-import './f-image-a67229e5.js';
-import './f-checkbox-ddb6234e.js';
-import './f-text-field-d364ffd2.js';
-import './f-chip-68d27d7a.js';
+import './f-image-20e217c8.js';
+import './f-checkbox-61c142b8.js';
+import './f-text-field-17075562.js';
+import './f-chip-eaf517ff.js';
 import './kup-dates-26a56bf7.js';
 import './component-879e99bf.js';
 
@@ -54,7 +54,7 @@ const KupInputPanel = class {
         /*-------------------------------------------------*/
         _KupInputPanel_kupManager.set(this, kupManagerInstance());
         _KupInputPanel_optionsAdapterMap.set(this, new Map([
-            ['SmeupTree', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_treeOptionsNodeAdapter).bind(this)],
+            ['SmeupTreeNode', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_treeOptionsNodeAdapter).bind(this)],
             ['SmeupTable', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_tableOptionsAdapter).bind(this)],
         ]));
         _KupInputPanel_originalData.set(this, null);
@@ -153,7 +153,7 @@ const KupInputPanel = class {
                 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: 'fb64cbdffc9e56a3318eaef42d7b71e815d21f58' }, h("style", { key: 'e3501f7c56bbb5058dd99c727b2813411b45e519' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '06eb5a7b6822a9518d9d7ff75652df91f69fbd74', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: '6e78872e9b75498a6655f27837c5f1288578572b' }, h("style", { key: '6afe29e3990b45067aac30c0f11c98d9cd7948c2' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c525883822492dfb322153c8f8a25470b370ad5c', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-460631fd.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-a316a70e.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-95bb3410.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-c974dda6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-26a56bf7.js';
 
@@ -134,39 +134,39 @@ const KupLazy = class {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { key: 'bca5daf712b40d11abe4f3b1856385844642acf1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'ab212455b45b78bf981309de350b4b3619a288e9', 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: 'f717d39acfba2a34310a35cdf9e68724417a682e', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '28fe7c56ff834335c7bbca718320fdd19e2dd349', 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: '1e266ffe7b2568dc6caa45592e86b73c7683cc16', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '14a4eb6f9c5b6772cd26ec29aef7b470e0fe6574', 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: '595846ffff00d45aa625989890370a37bbcce80c', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '2dd03e7f2201ef3fa8d8eb4d17b657230ba2b7a9', 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: 'd553613ffa5ee60014a4e89cf8e62ace3384f3a4', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'bf5a69068bc1f2142a0d4b451cf3cdceb16d7963', 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: 'c6c34c22886703be990665f590ca1ddbca8a2ad4', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'c454e8bb8aa7a0f0ee304bf24273b2eb08f9c5e6', 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: '51f3129e31571f6e7a8faf293a6f3e35ba7524e0', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '19085e9d52b14637127c1bafdb37beb5349d2300', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: '6c0f0c2ff1f00b7b81b24ecca781dc514c3fca15', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'c99d8a722f592e1db06dcf8fff0feacc2a4c090a', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: 'f7f187befb900356e7e589b3d169adff21791e35', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '4a53ed7568274a78be593b5ce8cd412747313725', 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: 'a9757477e1fa1d93eb31db1afb94a68129d0dc40', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '1d3dc82579ec0846c22a3db14a63b69c4c9c9f0d', 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: '587c27f674e8c3f153c9ed047ed605301a477621', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'e76e9b0410e3375d8d981396fdacc2f2c44dadf1', 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: '13b08856d46034651f8ab8cb1f81a7541d162566', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'dd7d2b265dd22f6ed3565d9fdea39bf7903ca558', 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: 'c7e82a2c18827a874acd6b8fe2dbcb4009ab3807', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '291ca07cfeced3bbbc92cb5ae7ac69375b640e22', 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: 'c3fd273494e47192b66eb5c042ccb795f0c303dc', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '97c12050d20f7a39a4f3144dc771a2ed8bf6bd46', 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: 'd2f81e158dc86c4ef74ad7628ac376f7e0eacbe2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'fc4ec71ff460760866b3ad99db0d8cb9b8e3cd3b', 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: 'd6fe0ab4b15b94fad4d9a7f2a0c612d960ba1b5d', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'f89b7910540c6660701f9b974c0f7e865cf66d9e', 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: '8da82bcc100ef628d5f4bab0a8d28c06841270ca', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'f95db9cad4ee1973048e1a121cf84a8b0ecbce99', 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: '748f4036681d57ea9b0bc0396a7f97d01d1bd8fb', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '8ac9a986d9f7e9e077e1856e6a88759628201880', 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) ||
@@ -175,14 +175,14 @@ const KupLazy = class {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (h(Tag, Object.assign({ key: 'af0853700b7bbfdcfd01f500fe303816264b387f' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: '643382e2454680070d5e8b931cd54658c5e4d2da' }, 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: '66562d25373ef498b4b82bc654752c894051ce6b', class: className }, h("style", { key: '7b314d53110ba9310ee1717f3b026da85e95e04d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4e72e07e2acb78b1db0e0a69c8a3424ff14731ff', id: componentWrapperId }, content)));
+        return (h(Host, { key: 'd67ed652e6cec403ee806a3c1aeaf2f44e979f4f', class: className }, h("style", { key: '7389286c6d8dd1a3499ddedfd09372640c238240' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a51ee9e08e83971e2b4b57d92a1fde1df478d9e1', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-460631fd.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as KupDebugCategory, ai as kupDropEvent, N as kupDraggableColumnAttr, aj as kupDraggableRowAttr, U as KupDropEventTypes, c as KupThemeColorValues } from './kup-manager-a316a70e.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-95bb3410.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as KupDebugCategory, ai as kupDropEvent, N as kupDraggableColumnAttr, aj as kupDraggableRowAttr, U as KupDropEventTypes, c as KupThemeColorValues } from './kup-manager-c974dda6.js';
 import { F as FButtonStyling } from './f-button-declarations-9bdc6f26.js';
-import { F as FImage } from './f-image-a67229e5.js';
+import { F as FImage } from './f-image-20e217c8.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-26a56bf7.js';
 
@@ -287,11 +287,11 @@ const KupMagicBox = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '212f73b08fa30db6822a33f61dd8d10fe5e0ae5c' }, h("style", { key: 'bd8dfa094092c2b010867f98d595320d59e120e8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '29d97585aa1a3d0c8680912289153337c2c2a23c', id: componentWrapperId }, h("div", { key: 'fc73991d493f68a37690b4b9d8dbc45ff15e9c1a', class: "magic-box-wrapper" }, h("div", { key: '7f27dcf3a8916ea1007a263cff3a1b835ce39612', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '2f7303dd205ad6411c73e5ec5809632b12d134ca' }, this.comboboxProps())), h("kup-button", { key: 'ef696124673192ca35f7b71138f061c6e09a3f70', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '4d6747df7462796dbe78c8d564f4d6d682fe5851' }, h("style", { key: '96de2876df5042f86b342909fb459327512c433b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7bb152c5035d481e54ec749e482df4ed67677c65', id: componentWrapperId }, h("div", { key: '95adb73a3ff03931ebdaf49b577ed9034b9147e0', class: "magic-box-wrapper" }, h("div", { key: '13ddf38a71b869645c5dcc86344a9f0ed29ea2f7', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '84018579283fb121bc3dd0636bbf7feb20558458' }, this.comboboxProps())), h("kup-button", { key: '64fbec83e296599203fe68f5bd8abeb6cd1c38cb', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: '09d63727c8500844e614606d5417f350cb2aebed', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: 'bfb9a218e2d7fe9a966d4751b96e1be947282df3', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: 'aaa1d0f9e81041dfa3669bcb1222b937760c49aa', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '165648f0432069e8f2356221aee1a38983bcfa84', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([