npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20250918105112 → 11.0.0-SNAPSHOT-20250926074033 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20250918105112 → 11.0.0-SNAPSHOT-20250926074033

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (284) hide show

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, i as FCellPadding, aA as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aB as submitPositionAdapter, b as KupLanguageGeneric, aC as KupCellProps } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, i as FCellPadding, aA as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aB as submitPositionAdapter, b as KupLanguageGeneric, aC as KupCellProps } from './kup-manager-fda30dc6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-6298565d.js';
-import { F as FCell } from './f-cell-3a3c8d87.js';
+import { F as FCell } from './f-cell-1137210f.js';
 import './kup-dates-77f1a451.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-96ea1421.js';
 import './f-checkbox-191ec2e7.js';
-import './f-chip-3ed440ef.js';
-import './f-object-field-23935da4.js';
-import './f-text-field-4934ff74.js';
+import './f-chip-19ec7dfe.js';
+import './f-object-field-9dc89cb1.js';
+import './f-text-field-ab9dca9d.js';
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;
@@ -176,14 +176,14 @@ const KupCell = class {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (h(Host, { key: 'b450035080d728f4a9e1b192b14e630b36bf879e', "onKup-file-upload-upload": this.upload.bind(this) }, h("style", { key: '1e895664baa2c86e300be091908403873b96e7f6' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '75ada02dbdd167998835d443242285d7253a6316', id: componentWrapperId, style: this.showSubmit
+        return (h(Host, { key: 'fac13e7bb27005ed823a06e173e97e761bcd431c', "onKup-file-upload-upload": this.upload.bind(this) }, h("style", { key: '1219c2fc313d1b5b56dab7a5e0086f98ab9c41af' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '123a0e60a00f1465341201e3ba0604956ab063c8', id: componentWrapperId, style: this.showSubmit
                 ? {
                     display: 'flex',
                     'flex-direction': submitPositionAdapter(this.submitPosition),
                     'align-items': 'center',
                     gap: '0.5rem',
                 }
-                : {} }, h(FCell, Object.assign({ key: '12365188d85255679404e8e399dfda9f89d8ac51' }, 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: '871470e9ceeeaf40c4665d181da4ad345388c69b' }, 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 CHANGED Viewed

@@ -17,11 +17,11 @@ const KupCustomTaskListHeader = class {
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '650f487eb6998d29c7091fc9c2b76b3b63176c92', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '05fe55f4c82048fb05af97503d62002b148959b8', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'c16d354ff7bb0253009c4f3b449b8b79d2d56564', class: "title" }, h("span", { key: '729d52007d544515fb04cb87c770644696e7c886' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '720d4001563fbe014c318cf58422c2e0351aaea2', class: "toggler" }, h("label", { key: '70213abe3ab4af9b2c18aaee7b900b61031d9f37', htmlFor: "ch2", class: "switch" }, h("input", { key: 'a1f55a06c45017e589c94482ed85afe77ea84f11', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '72a4b9c222bd77c70ca5cc1a6113a0d9f665924e', class: "slider" })), h("span", { key: '304c87ce94389192c88c796d8c46cebd4abdd92a', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: 'cf9b43eba6135bc3ca160cb5f2a242c56d8f9d26', class: "title" }, h("span", { key: 'c153259b75a22b1f9696bb33501a5846c4462705' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '4ff3c8a080db82d55b055143ea2aa04889784b3c', class: "toggler" }, h("label", { key: '9a80e920593b91e76952492fd729c36695a879cb', htmlFor: "ch2", class: "switch" }, h("input", { key: '0c2e763afe9aa771d08f1e105fb8d4a3bcb4acda', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '6d9476b473c7f99747bd7babffc5594a2668b3d5', class: "slider" })), h("span", { key: '7910f25dc048046ec7d62191729ad6279509c45e', class: "label" }, "Previsioni")))));
     }
 };
 KupCustomTaskListHeader.style = KupCustomTaskListHeaderStyle0;
@@ -403,11 +403,11 @@ const KupGanttCalendar = class {
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: 'bf5e9c200d08b5f5a3e21386a6f44cbe9fe0b604', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '0c550850e00a0f3b6c9091ee7d1c6d82bf5682ed', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '13a169a9aae8a3798088ed559ec8cd7c2cacb465', 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: 'c765e49e692a71ec43818ce63524efdee34266cd', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '3871d055cac5ed5f5221ed46d5ba68969a01122e', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '58c137843542dff4c59e1e644e97a0e1750c2798', 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: '50c98c6db0cde9e98f32abf13c3e39046e6bd5d5', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: 'aa79deb0c3c3c527fef28d58b393974cb49478b5', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
 };
 KupGanttCalendar.style = KupGanttCalendarStyle0;
@@ -1463,13 +1463,13 @@ const KupGridRenderer = class {
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: 'a296176b341516098a92fd5ab9cacfc53afbec1e', 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: '631cc1dbe52ecaf44c07d686e0d2dbf78b830c1a', class: "grid" }, h("g", { key: '49891e2dfe0e149f19c6f03278f260a722e1fcf7', class: "rows" }, gridRows), h("g", { key: '4a872b65a7344ae9002502e0a9a4da585c9bc1ef', class: "rowLines" }, rowLines), h("g", { key: '917444aff2aa973b213e1435c8bdb304200cd827', class: "ticks" }, ticks)), h("g", { key: '4c13cc6a8cc9b52d6bf32f097ca0cb772d5ae8e4', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'b58b33d46cc2560ad34160b0bd29bc7268d5893f', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '5a61603049ecd8f12014b6d4cf83b3dd87cd62e7', 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: '50b828e39d238908c8999cbc193aab038389a7bd', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: 'cd331e38a3bfe521708720b7d7698fad444188d5', 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: 'f6b276b494adb6667c7aa6e5c02e2b552947a62d', class: "grid" }, h("g", { key: '702509648c233de1729e311a2eb983d8a58f3be2', class: "rows" }, gridRows), h("g", { key: 'bb64f4ae4e0133c71bbdfbbcbad57377f9ca687f', class: "rowLines" }, rowLines), h("g", { key: 'ee59f171d392b13f2cc85eac8f04c0a9b948da42', class: "ticks" }, ticks)), h("g", { key: 'c37241f61e150e792283cb5cd756a0c8fb34ee49', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'd0bb9113fbfb1ae90ad92f2ecfbfa7bf26e40fad', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '85eed3a983dcc5c8893e3116382723bbc245355b', 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: '2b68ce06a6ef6fb0adef3108ddfa7982b04ce750', 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: '02298888f5cc3a58f1b6030c50437165b735e9a9', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '6ea58639de19ee18facaafd0a4d1e1b4bc2f0078', 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) {
@@ -1529,7 +1529,7 @@ const KupGridRenderer = class {
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'd2a54a4ffd5462881e4ddc2021e01937ae600ab9', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'a9510bcb7a4c0f27363141bad35976b91a876d9a', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-6298565d.js';
 import { F as FCheckbox } from './f-checkbox-191ec2e7.js';
-import { F as FTextField } from './f-text-field-4934ff74.js';
+import { F as FTextField } from './f-text-field-ab9dca9d.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, aD as KupLanguageDashboard, b as KupLanguageGeneric, Y as KupDragEffect, h as KupDebugCategory } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, aD as KupLanguageDashboard, b as KupLanguageGeneric, Y as KupDragEffect, h as KupDebugCategory } from './kup-manager-fda30dc6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-96ea1421.js';
@@ -392,7 +392,7 @@ const KupDashboard = class {
         this.didRenderInteractables();
     }
     render() {
-        return (h(Host, { key: '4eeedc0ad554daddc9ea694235fd2447c632bc7d' }, h("style", { key: '6b23b56624367d6d9b0ddde03b052b3a4417dac6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fca3b317ae2101b41ad6a30eb124e012add64504', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
+        return (h(Host, { key: '2a5f7d91b832041e5c68460409f8723bcae04c25' }, h("style", { key: '00165eccb43eb45e9519e50ae383b6f237b6d293' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '66a90a4032f46aec89e48e2e8c3c95d948dee416', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
     }
     disconnectedCallback() {
         this.unregisterInteractables();

package/dist/esm/{kup-data-table-helper-de9421a0.js → kup-data-table-helper-20a204e9.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, ai as getCellValueForDisplay, x as getColumnByName, z as KupObjects, aj as KupData, ak as compareCell, N as TotalMode, O as getRegExpFromString, F as FCellShapes, al as CMBandACPAdapter, am as RADAdapter, an as CHKAdapter, ao as CHIAdapter, ap as SWTAdapter, a8 as SortMode } from './kup-manager-5c23bae7.js';
+import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, ai as getCellValueForDisplay, x as getColumnByName, z as KupObjects, aj as KupData, ak as compareCell, N as TotalMode, O as getRegExpFromString, F as FCellShapes, al as CMBandACPAdapter, am as RADAdapter, an as CHKAdapter, ao as CHIAdapter, ap as SWTAdapter, a8 as SortMode } from './kup-manager-fda30dc6.js';
 import { K as KupDatesFormats } from './kup-dates-77f1a451.js';
 /**

package/dist/esm/kup-drawer.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-fda30dc6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
@@ -126,7 +126,7 @@ const KupDrawer = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '93f1b8abbecb61a277b9e727363a63a79bec6b2f', "kup-opened": this.opened }, h("style", { key: 'a4adae4c503ce4cd85171f3aba656d00cc537e11' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '241bc8dd79fc0a01b7912a525f6b7cb56ef7c8f6', class: "backdrop", onClick: (e) => {
+        return (h(Host, { key: '0f03a9ec28a30133c48af267f152510a22d25c45', "kup-opened": this.opened }, h("style", { key: 'b6a2a042edb3ba925cb8e53b42f5a8f4329ae302' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '47d94ef2126cec0fc4bf908175cd5f75853ef7bb', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -136,7 +136,7 @@ const KupDrawer = class {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), h("div", { key: 'b267c124462e0ca0b7255c004bbc25fd85897775', id: componentWrapperId }, h("div", { key: 'fa2ed194e5be92c1dabee9cd32fd641a4960561d', class: drawerClass }, this.content()))));
+            } }), h("div", { key: '0ac61233158d55895bea11122f177814d20b4518', id: componentWrapperId }, h("div", { key: 'b29993549e61788eee7aa060a21de5eaca4e5eba', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/esm/kup-echart.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, f as KupThemeColorValues, h as KupDebugCategory, x as getColumnByName, p as KupDataNewColumnTypes } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, f as KupThemeColorValues, h as KupDebugCategory, x as getColumnByName, p as KupDataNewColumnTypes } from './kup-manager-fda30dc6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
@@ -84688,7 +84688,7 @@ const KupEchart = class {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '05607067a7706751a12345195dae1d4c464b69fc', style: style }, h("style", { key: '6f39da5c9f47e01ab95d81b7ac6c246a39cac106' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '02572e9036d0cbf08605f10c294172e0c605f680', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '948513bc1cdd00267e84293746e762541bfea5e5', style: style }, h("style", { key: '4b0afee1aefa54c43ff8ad6f08f76030d922f294' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'bbefba1b26561e184c8f8ef0bb77242e59aaff41', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;

package/dist/esm/kup-editor.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-fda30dc6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './kup-dates-77f1a451.js';
@@ -46254,7 +46254,7 @@ const KupEditor = class {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '27ff208604ee2ab32f5a4784bc246c147be38368' }, h("div", { key: '8186b72298b05a3209af6a7ca11c64b6619567d2', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }), __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this) && (h("textarea", { key: 'b8753769cc7902844746e63715473b2efd76a62d', id: '' + this.rootElement.id + '-textarea', value: this.initialValue, ref: (el) => (__classPrivateFieldSet(this, _KupEditor_textareaRef, el, "f")), onInput: (e) => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this, e.target.value), placeholder: "Type your text here...", readOnly: this.isReadOnly, style: {
+        return (h(Host, { key: '309a38c8ee179718b950dca5cfbc1f35fd6a4bc2' }, h("div", { key: '5e54bba96fdb184414111c58bd8215e1536cde16', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }), __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this) && (h("textarea", { key: 'ca5893466ce8190c7813416718765fa1abdc660b', id: '' + this.rootElement.id + '-textarea', value: this.initialValue, ref: (el) => (__classPrivateFieldSet(this, _KupEditor_textareaRef, el, "f")), onInput: (e) => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this, e.target.value), placeholder: "Type your text here...", readOnly: this.isReadOnly, style: {
                 height: this.editorHeight || 'auto',
             }, class: "kup-editor-textarea" })))));
     }

package/dist/esm/kup-family-tree.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
 import { F as FButton } from './f-button-6298565d.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-96ea1421.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, V as KupPointerEventTypes } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, V as KupPointerEventTypes } from './kup-manager-fda30dc6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
@@ -170,12 +170,12 @@ const KupFamilyTree = class {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'e7a1464b62837b0ca1e57cda5c4184f778b29b6f', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (h(Host, { key: '2b3d29a0c6c4832b9fdbef8ad7f3af86d94c7efc', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
                 e.preventDefault();
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_startPanning).call(this, e);
             }, onWheel: (e) => {
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_zoomTree).call(this, e);
-            } }, h("style", { key: 'ff69c47ff4ee430357a2f53a29f027ea4c43888f' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '6c92cde73c306fa704b16e7e800c608b3e30ff5d', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, h("style", { key: '1ef59be810f85f616fcc08c2b672ca452f0c14fa' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'bebb9e822bc259ca4dc23848e45e20147b5a9968', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);

package/dist/esm/kup-gantt_10.entry.js CHANGED Viewed

@@ -569,9 +569,9 @@ const KupGantt = class {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: 'a38e38de2dc004c7a48769a3ac040de44467419d', class: "gannt-wrapper-main" }, h("div", { key: '0fad75695ee169714078b227b8de6f124dee5db0', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'd027db1788eaa25620b8ad863bd5fe646f55c058', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+        return (h("div", { key: '5d3729695125410a11383b26e08befe22d3e7e0e', class: "gannt-wrapper-main" }, h("div", { key: '1556c795e50e2ff0d69e671ab8741570bc8dc110', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'e1da92c14e7e3e1c2f70384c64c97c7e27ac8a84', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
                 this.taskListScrollWidth = width;
-            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '09d4a9672942572a77988e040f7a932bfb721f15', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '915903285c44e0ac9133d04974b230c266742f68', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: 'a38dc321174226cff8bd101198cbf0ac6c4c86f5', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '0111ad64d21aba11e7e851ae37fd1bf40634f9e2', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: 'f400c2dab82d9009bc682ba1c9859b9b99100d90', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '588d6bac86d907a291b9eec6dc136b2b2d01e2e0', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: 'bae60f3b737ddab0430a8c439cfe78fae46410b7', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '0f10a72541a09e33dfe3cf1ff7bb70de26d685ce', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -682,20 +682,20 @@ const HorizontalScroll = class {
         var _a, _b;
         const w = (_b = ((_a = this.taskListTrueRef) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) + 24 * 1.5) !== null && _b !== void 0 ? _b : 0; // 24 * 2 is the sum of padding and margin for both list and gantt, multiplied by 1.5 cause we need to add the other half to the right
         const width = +this.listCellWidth.replace('px', '');
-        return (h(Fragment, { key: 'd19d5140fd242ecada1ed9054b4708517a1a09a4' }, h("div", { key: '2870839005a9d568a1524b370a06cccb6c4d30ad', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: 'b997f87d2704f1f59c23213bb82a1bb1c26e221e', dir: "ltr", style: {
+        return (h(Fragment, { key: '8b98140fc26130ba6dad2e174ba193b3eb135e5b' }, h("div", { key: '2ba5223ff4ce1f6c502aefe7fbeee707a02dd4e8', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: 'b6147894cc0413c5fb6679d6e40b83638ecf7bbc', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px 20px 0px 20px`
                     : `0px 20px 0px 20px`,
                 maxWidth: `${width + 20}px`,
                 minWidth: `${width + 20}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '178ff3a602d77758a8e90acef6a3059c38fdbd52', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: 'b28bc5568d2a7e92a22ec107e32639e27b097566', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '07fe15e8719cc72a4f269ce5cebc84069b20be99', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '2a2d5c81aaa86e360066880dd9151c77dd6baffd', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px 0px 12px`
                     : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'f71d2d18542d5d5ec01afc9ffce71ccf934e4e7f', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '9afd29b942727d5ee080d80a6008ac44bb90a867', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -716,7 +716,7 @@ const StandardTooltipContent = class {
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: '8455a0b17be692444a634f2cf70163a14488133b', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '9232678f0460e97ea98e6e4b32a9d6089016177f', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: 'd5898d40de76b38d68c14fcef6dbbd9c3989b40e', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '4ce1c0c836a4ef1f69e2203f95e02453c5724ec6', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '9a9a2b8228ed2c407d4c233a90bbad446a39e69e', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'f1b53016c9e1f5ee85bb83f14013e61dd38b734c', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: '0100e7c04edff3a6c673f3fac59f2a0a573bdd06', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '0a4c8bcc5a88233c4e0d3ffed5d4b73354b746c3', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
 };
 StandardTooltipContent.style = KupStandardTooltipStyle0;
@@ -742,7 +742,7 @@ const KupSwitcher = class {
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: '05c5b6234cd1f3a10f2d743c4681d4bb1671d6b9', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '426ee3cbb98160c06f738a08f60ffb889d3c80a8', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));
@@ -786,12 +786,12 @@ const TaskGantt = class {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: '5e03e9964d25aa0a563705cf35c0b5226fbdbff6', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '41253b77acb37b97428040ded4f6ad7175d982de', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '92d4996699f0c9240b2d2e7770f2fa4a58f85a31', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: 'fa5ca0ad2bf386d9d9e3e72e778c54b0ef3aa894', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '856e1c0e83443f9b8720efa1cb455600c3704f79', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: 'e4f2b151a1912cfce34680f95c42429b8e594439', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '823eb509381a7bd93ff2223feaf077f7628e2475' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '609d50fd0d3e770168748883fa2bee6c812fd717' }, newBarProps)))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -891,7 +891,7 @@ const TaskList = class {
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (h("div", { key: 'f1e9c826bd0c16c7ba35890ca3c5e4fed54b2f30', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { key: 'ff482b0305c6af87bd3523af1da96785aa09f5ba', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '117d0daf4cfcb21b5e7b71c153227c30a34d1d0d', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { key: '5663839ce538fe74e9fef0948d71cea5ec8f8b4b', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
                 ? { height: this.ganttHeight + 'px' }
                 : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
                 let row = getProjectById(id, this.currentTasks);
@@ -940,22 +940,22 @@ const KupTaskListHeader = class {
         this.rowWidth = undefined;
     }
     render() {
-        return (h("div", { key: '7a1dcffb3dbd4e842ce36a84738efb2b0d6c5aca', class: "ganttTable", style: {
+        return (h("div", { key: 'f2385ae13b948a5776401e0497e6b4ab8dfd60eb', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '8ec26d9df577af777c16abb9549d392becea5eaf', class: "ganttTable_Header", style: {
+            } }, h("div", { key: '0b73410a612e7179fe14dad2ecc4690da0e31882', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: '4a19c478bc19b85177580e572c70ea78602b47b5', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '78a105b6f0893e0f37a9e5c031c7dba311ad84fa', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: '8ec90d51608ed246f9d444ab6451d69ea26527e4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '80dc74f1bf9baa75b49dcaef7314d21fa38e7606', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: 'fc21e7badaf86d47861d6e65dcc38d438ae0bdb2', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '5e938605f5d795b2d286c599b800b157b68ef62e', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '90a2cae675cd2544212e8eb01a04440d897d2eb4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: 'dc3327c320a9dc7b6e4dbea2190646ac1f9e78a3', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: 'a316f0ac966eb1a06290b001405f5e26e0a96b63', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '3f08d49437dd7e5fcaeb3cd2fb3555946137ea4b', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }
@@ -989,7 +989,7 @@ const TaskListTableDefault = class {
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (h("div", { key: '30b0323881864ffd11e58b1bcba3aa98b612ce29', class: "taskListWrapper", style: {
+        return (h("div", { key: 'f1d96025e73920cd3f3fb3bcb0cc2c2c5b162eae', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (h("div", { class: {
@@ -1078,7 +1078,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (h("div", { key: 'a22d376902b8e8d19bc8ead2c56160ac2f17560f', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '3ae7daf201a7b98366257eba143a35649771480e', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: 'f0c9eea141674b62f3dca614bc94e5fbf69e771d', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '690f9ec431f4bfdc6f83d9bc22170ea4c0a01b91', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -1132,11 +1132,11 @@ const KupVerticalScroll = class {
         };
     }
     render() {
-        return (h("div", { key: '52399c30c0f825c48d139a420188b56f50d5403b', style: {
+        return (h("div", { key: '6920a28e7fdf7e93c37f49b7436a31c07394f7b7', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'aff043ea45f09b0a7e04f66b8337f5f01b20a53d', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '32786bfd05ea7372d67da01817bff01e88d3119c', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/esm/kup-grid.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-fda30dc6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';

package/dist/esm/kup-htm.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric } from './kup-manager-fda30dc6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
@@ -85,7 +85,7 @@ const KupHTM = class {
     render() {
         var _a;
         const isLink = __classPrivateFieldGet(this, _KupHTM_instances, "m", _KupHTM_isObjectCompatibleWithHTM).call(this, (_a = this === null || this === void 0 ? void 0 : this.data) === null || _a === void 0 ? void 0 : _a.obj);
-        return (h(Host, { key: '6e24b931419a02e0bf0930aa3848839ed714867e' }, h("style", { key: '7695a5a9e0249249c0cc8a04d21c12056f7d9e8b' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '4f4173eb66853ca52d50cd62bdb8d2add81edcd6', id: componentWrapperId }, h("div", { key: '7fe8c5e4d3c54b8af8fdab59acc1075c3f15dc29', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("kup-button", { label: __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB), sizing: 'small', class: 'kup-secondary', icon: "open-in-new", styling: 'flat', trailingIcon: true, onClick: () => this.openInNewTab(this.data.value) }), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
+        return (h(Host, { key: 'e0ff41740b7ba9f4868fa57584d322ecd48c303e' }, h("style", { key: '03023fa0073d7c50cbfa55575f7651fffd00ec9b' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3936b946bd1c251dff6e6bc04f7fa3608871d8e4', id: componentWrapperId }, h("div", { key: '966b12ceaa527b60700fb7662810b1bf44184d98', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("kup-button", { label: __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB), sizing: 'small', class: 'kup-secondary', icon: "open-in-new", styling: 'flat', trailingIcon: true, onClick: () => this.openInNewTab(this.data.value) }), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.unregister(this);

package/dist/esm/kup-iframe.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-fda30dc6.js';
 import './kup-dates-77f1a451.js';
 /**

package/dist/esm/kup-input-panel.entry.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-6298565d.js';
-import { F as FCell, e as FLabel } from './f-cell-3a3c8d87.js';
-import { F as FCellShapes, k as kupManagerInstance, ad as FCellTypes, g as getProps, s as setProps, b as KupLanguageGeneric, ai as getCellValueForDisplay, a7 as UseAsValue, ao as CHIAdapter, al as CMBandACPAdapter, an as CHKAdapter, am as RADAdapter, ap as SWTAdapter, h as KupDebugCategory, V as KupPointerEventTypes } from './kup-manager-5c23bae7.js';
+import { F as FCell, e as FLabel } from './f-cell-1137210f.js';
+import { F as FCellShapes, k as kupManagerInstance, ad as FCellTypes, g as getProps, s as setProps, b as KupLanguageGeneric, ai as getCellValueForDisplay, a7 as UseAsValue, ao as CHIAdapter, al as CMBandACPAdapter, an as CHKAdapter, am as RADAdapter, ap as SWTAdapter, h as KupDebugCategory, V as KupPointerEventTypes } from './kup-manager-fda30dc6.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import { F as FTypography, a as FTypographyType } from './f-typography-8c914ec6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-96ea1421.js';
 import './f-checkbox-191ec2e7.js';
-import './f-chip-3ed440ef.js';
-import './f-object-field-23935da4.js';
-import './f-text-field-4934ff74.js';
+import './f-chip-19ec7dfe.js';
+import './f-object-field-9dc89cb1.js';
+import './f-text-field-ab9dca9d.js';
 import './kup-dates-77f1a451.js';
 import './component-a35bc7f1.js';
@@ -422,7 +422,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: '503892c16fec53014088486f29c7ed97decc786f', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: '1a92211ced351022b35f7a58aad683dbdcbc969e', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).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": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK);
@@ -432,7 +432,7 @@ const KupInputPanel = class {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: 'e0592ae95071ad0d54f52fed60f8083f5f6ae4c3' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e36cf63bb90cea6dc2ca0583c1f5fe6555284404', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '8d499008a16904b18d5576cb36c03c23a6303d16' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd962739097a2cab95213935598fbf965d53687f1', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-fda30dc6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
@@ -134,39 +134,39 @@ const KupLazy = class {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { key: '886106b48b1f3adb7f34a698b3cd2dad8a90d1de', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '5d2944b6dbed6fe2a37fb37e7d64c809521ca914', 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: '0cba0dfae80e8ac52b327f413a9ec6d5e2ffa3e5', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'e3d19fcfebe28791b4b166bdf1b30ed45aed1f18', 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: 'a6913fe467add64b4e126b1cc47fe2075ec145f0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '04d767990201ec19d3d68004b5a3457efa6e105b', 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: 'bc36dbbd6e363e4fe0727e9a748a0e0663ca5fa5', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '5297f591baf3d41516a0a45eb8dbb9a50b8cc901', 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: '059f843050751955bd9e838448a6f25c386d15fe', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '6091033d0a1e90c9f438b135d534c49ea9d2dad3', 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: 'eb780d5e18366432cd548fb979faccffa4a8d5ed', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '13d99bd50d1e83f606c2d9bcb2ea86abae677853', 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: '18dadc71ee4caf4129093f769d32bae8841694ef', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'ca890af8acac532bf781118dc60063a2da7e9027', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: '40979479a18e37f30c8289f31174085b2ba33e92', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'b94227ad852286e57865504da7c94c677c9d5549', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: '175aeae3e10bee2e72eee59cfbbf7ac605454c16', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'fcfa8b3176734cb93175a44c547cc04518666ddd', 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: '65d15792552c8f4a8bafbe7d6a9c7dd95608377e', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '89474537e4706facccb7ad98ec55ae37e38799d2', 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: '7f52ea79ed24009d31cd9db529e5801ef5bea55c', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'b1994e1a3ec6794934fd8b140fc9bb54ff340787', 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: '711945675796a5ed1cf5d5b37cf9c479f6079a8f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '4fb5f44b88453e114c61138bb4204d19ab637ad1', 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: '7ee387513f95496552480ef43d168185f4ad54f0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '44ab67c9ac123642131575ef0e94ea264fec9e66', 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: 'd8cd2382068768590889ff5ba66a575fad9433b5', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'dfc1c558e4093d6ba829c61bc7fd171eff1b90d8', 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: '42febb29bf0a6eacc8cd0d9aa88d77abd07f82c5', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '042e306c864fe7275bc51b2063115ef6a3b7706c', 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: '8b3e676485fced5df5bf4111b9ff5d43e8fcb6a0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '1689dec9ac44cc5c20efd969c0ce135ab7211d2a', 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: '730d223e27676a53e457f0dc364a4a19ca806c7f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '70355dc6524b068d46b8a5b6ddb5761f89e9a59e', 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: '4df624e1ccfa3ba3ebf5b9ae244b66316c1f5622', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'b725bffa8e1211a08e3b329c1de0775179e7d72d', 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: '8d877ea6bfbbb089b11ab9e58318b8db25de1d71' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: '7392971c8567d7ae02593e36080205da5f009c12' }, 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: '363b7bbf0ce577f993b4ae70b6b62458cd7105f4', class: className }, h("style", { key: '7000e8c427aeee549240aed96740bfb012c319ea' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b56a0fbcedb1aec52d7d1268c2b43cded96b12ce', id: componentWrapperId }, content)));
+        return (h(Host, { key: '7f860280a851c0e22af1e6d4ebdb40769dc977d6', class: className }, h("style", { key: 'ef15067de8ee68ed8930aa682e611826dd73072e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '42b906ac3d8dd0f6623b691024cba4a3864f9466', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, h as KupDebugCategory, aE as kupDropEvent, W as kupDraggableColumnAttr, aF as kupDraggableRowAttr, _ as KupDropEventTypes, f as KupThemeColorValues } from './kup-manager-5c23bae7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, h as KupDebugCategory, aE as kupDropEvent, W as kupDraggableColumnAttr, aF as kupDraggableRowAttr, _ as KupDropEventTypes, f as KupThemeColorValues } from './kup-manager-fda30dc6.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-96ea1421.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
@@ -287,11 +287,11 @@ const KupMagicBox = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '10d9be54422345302ff8991cd8b820d6bfad97c1' }, h("style", { key: '07c48e260ade52e509c6804420eab5e1d52e059a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b45d147dbc8e67d2f919a9c5d11fd13c25106b16', id: componentWrapperId }, h("div", { key: 'bd14ef5d3ae27665a71f3227b04a18b1d63bccb4', class: "magic-box-wrapper" }, h("div", { key: '637a668d6a22f583646a6bdbf618b4e596c13a70', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '45c8b9ae81299e023037acaceb0e373415942349' }, this.comboboxProps())), h("kup-button", { key: '11be4dffa101d4e837f79e70bbfb9a2dc8660176', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '96bc321a64aa0a9e6417b00d4bd7cf71ee36c25e' }, h("style", { key: '780a3af31a76675bfb07828a091d71cf56e8a509' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd0183168806b3ca3f7ea8bd0bb0d1db30b5fc555', id: componentWrapperId }, h("div", { key: '994608cae130b6677fe0e6b99e6c99efae978ae7', class: "magic-box-wrapper" }, h("div", { key: '2376551f8ebdae9a66cbbd5cfe96a0d0e7210c7e', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '4f47e24e91bfbba12127bbf0a841d07bca70e7c8' }, this.comboboxProps())), h("kup-button", { key: 'bc4bf26823b9d7dd79e7e22317be992553f8ce58', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: 'e9f680d0d435be83f5a364d458abd14ac5ea3ebb', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '3b792c14754c92c1b8c78d83d9f91f3dacf2b978', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: '6ad462e202b898295dd04aecb4e660b84e938194', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '821ce2b50c3c7d3f66d7d7088760f9ec05388bcb', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([