@sme.up/ketchup 11.0.0-SNAPSHOT-20241021152842 → 11.0.0-SNAPSHOT-20241023072631

package/dist/cjs/kup-nav-bar.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');
 
@@ -130,7 +130,7 @@ const KupNavBar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'b53200bbb8e99b1357a1f12747f22aa1c7e0ef38', class: "header" }, index.h("style", { key: 'c84079987ac63f9eabde7379f37c5cb35d0b3134' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '9773a5835ae5514ed277f27c1643ff2de73051b9', id: GenericVariables.componentWrapperId }, index.h("header", { key: '11afd8d7c2cbdadd3fb7f991f60d8cacdaa4647a', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, index.h("div", { key: 'b5724ddecf17ebeafb772a2289378d7783ac5c37', class: `${navbarClass}__row` }, this.content())))));
+        return (index.h(index.Host, { key: '4d4f9e7c1effd4944e9732513345478f3c876b29', class: "header" }, index.h("style", { key: 'f376e18912a0c61ba9af4aa364281496422ff443' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '221df292e1b1d06b5c904fbea6f6bb96bc735ad5', id: GenericVariables.componentWrapperId }, index.h("header", { key: '6186397fbe6d1310f141adf4c4d2678be596f7d1', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, index.h("div", { key: '5386ec16eaba87807ac86878e0226b1158c44811', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

package/dist/cjs/kup-numeric-picker.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-efb2710c.js');
+const fTextField = require('./f-text-field-a8db3416.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-image-8dbf27a2.js');
@@ -355,7 +355,7 @@ const KupNumericPicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '6facc37e24731377be34e65dcc123692e5c3e828' }, index.h("style", { key: '54b8ddc07dc8d32c3b72da8ab2734e760d867c1b' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e8c0c5d2bbee71b78cd513554d2708c9f9b0f2c1', id: GenericVariables.componentWrapperId }, this.prepTextfield())));
+        return (index.h(index.Host, { key: 'c759e34f7ff6d5eae483f7d3d7d491281e48190b' }, index.h("style", { key: '6eacde56415f21922ab5401dcc519b24ff69ca01' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '12f75ea7f7782f3feade05a51708552baba35a55', id: GenericVariables.componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/cjs/kup-pdf.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-3fc9697c.js');
 
@@ -76585,7 +76585,7 @@ const KupPdf = class {
         catch (error) { }
     }
     render() {
-        return (index.h(index.Host, { key: '2a3b734bf003893e73498e706f61496e2d12bb21' }, index.h("div", { key: '71419dc64be983e72599bcff5565390966d9afe0', id: GenericVariables.componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (index.h(index.Host, { key: '40376a654818c87a1a6d8aa0efb9c4561b9d63e4' }, index.h("div", { key: '6344f5325e99cdf1053c243b58d6890bde221e77', id: GenericVariables.componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

package/dist/cjs/kup-photo-frame.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');
 
@@ -120,9 +120,9 @@ const KupPhotoFrame = class {
         if (this.isInViewport && !__classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f")) {
             __classPrivateFieldSet(this, _KupPhotoFrame_renderResource, true, "f");
         }
-        return (index.h(index.Host, { key: '96e9dc9b29a8715944440efb3cde806001db9841' }, index.h("style", { key: '1a9d6f8d9163c49ec458f52fcc47e3b83b37fd95' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c41d71aba188a432bcbbd1e81234d4eb84ac5cad', id: GenericVariables.componentWrapperId, ref: (el) => {
+        return (index.h(index.Host, { key: '6a60ca771c937ccc6fef1d7b16968ef55e0d148c' }, index.h("style", { key: 'e3757f5272dcb3c6e9c6a414aac9a4becb3cf2f9' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '370c684f9f165e36b5a4c003a68794daf3e480b1', id: GenericVariables.componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupPhotoFrame_wrapperEl, el, "f");
-            } }, index.h("img", Object.assign({ key: '66a44a24938c4fa72cd984729d2c5edd37c357eb' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
+            } }, index.h("img", Object.assign({ key: '6c03352f8a8f9a26c45c659ee1be5c53d297dc10' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
                 if (__classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalWidth >
                     __classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalHeight) {
                     __classPrivateFieldGet(this, _KupPhotoFrame_wrapperEl, "f").classList.add('horizontal');

package/dist/cjs/kup-planner-renderer.cjs.entry.js

@@ -230,13 +230,13 @@ const KupPlannerRenderer = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'ef64ebfca1179e885670c4570ad6708e1e7cf16a', class: "planner-render" }, index.h("kup-switcher", { key: '4080da8f661b375bbe8fa23bca79deb1aff0f5a4', timeUnitChange: (timeUnit) => {
+        return (index.h("div", { key: 'ed1e2d17ea7378e1a7aa58e48ea913377f1e9e88', class: "planner-render" }, index.h("kup-switcher", { key: 'ef3558f217d69db4049e86c4a369c7c0d127ad62', timeUnitChange: (timeUnit) => {
                 var _a, _b;
                 (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
                 this.timeUnit = timeUnit;
                 this.viewDate = undefined;
                 this.scrollX = -1;
-            } }), this.props && (index.h("div", { key: '7df3c02f9d67e4858e360e5873e141ae6eca7f0a', style: {
+            } }), this.props && (index.h("div", { key: '36c4dc1e9fe7e87a01711ca68a5ae12216454a97', style: {
                 display: 'flex',
                 flexDirection: 'column',
             } }, index.h("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: kupPlannerDeclarations.KUP_PLANNER_MAIN_GANTT_ID, key: kupPlannerDeclarations.KUP_PLANNER_MAIN_GANTT_ID, filter: this.props.mainGantt.filter, hideLabel: this.props.mainGantt.hideLabel, showSecondaryDates: this.mainGanttDoubleView, hideDependencies: this.props.mainGantt.hideDependencies, ganttHeight: this.props.mainGantt.ganttHeight, displayedStartDate: this.displayedDates.displayedStartDate, displayedEndDate: this.displayedDates.displayedEndDate, viewDate: this.viewDate, tasks: this.tasks, columnWidth: kupPlannerRendererHelper.columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {

package/dist/cjs/kup-planner.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager$1 = require('./kup-manager-17968474.js');
+const kupManager$1 = require('./kup-manager-3e7452e3.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-efb2710c.js');
+const fTextField = require('./f-text-field-a8db3416.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-image-8dbf27a2.js');
@@ -647,7 +647,7 @@ const KupPlanner = class {
         if ((_b = this.plannerProps) === null || _b === void 0 ? void 0 : _b.secondaryGantt) {
             plannerProps.secondaryGantt = Object.assign(Object.assign({}, this.plannerProps.secondaryGantt), { onScrollY: this.handleDetailGanttScrollY.bind(this) });
         }
-        return (index.h(index.Host, { key: 'ab02db06dbbc4cec735bfe4a94be886dccdd074b' }, index.h("style", { key: 'a8e138dc9432e9a72e35c5ebbdd90a6ac7a4cdcb' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '5a7c342a7ca934a076dce7ff708cb4d7c24f430a', id: GenericVariables.componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (index.h("kup-planner-renderer", { key: 'fb472e15412e52ab4df9fb3c64d37bb00c6d3bfc', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), index.h("div", { key: '96a4a1cc970e0e1babf8814becbd057eb3c02ee4', style: { display: this.plannerProps ? 'none' : '' } }, index.h(fTextField.FTextField, { key: 'ff0b0c6354de9bad576fa94012693e74565c0392', icon: kupManager$1.KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (index.h(index.Host, { key: '73752a0e5077fa4ed017d304d7d0ec86441173c4' }, index.h("style", { key: 'af248e098f4f40255f284e8e332d4b06aa79035b' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'cc070f765699d2b033fd93dd8b5122be58f1d73f', id: GenericVariables.componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (index.h("kup-planner-renderer", { key: '80a8acb4dd14977dc5a33595e4903d6a538cb002', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), index.h("div", { key: '8155c94c54c807cc60a360bac5b5aa2c9a3ee6b3', style: { display: this.plannerProps ? 'none' : '' } }, index.h(fTextField.FTextField, { key: '6ab229e2e93ce07c33487d5ab8c1e7112d7c23a4', icon: kupManager$1.KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
                 }

package/dist/cjs/kup-probe.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');
 
@@ -239,7 +239,7 @@ const KupProbe = class {
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (index.h(index.Host, { key: '996ddafe0d4e6423ce2479b9cac0ae323939cb71' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: '39eae7739d080800145c30fa1ce713d131d3352f', id: GenericVariables.componentWrapperId }, this.content)));
+        return (index.h(index.Host, { key: '181e80774854ac9fc4d1f1ca2b5e702c39884331' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: '43cd24619d530b0cd509aebdbc16a90b42dc6bbb', id: GenericVariables.componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {

package/dist/cjs/kup-qlik.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 require('./kup-dates-3fc9697c.js');
 
 const kupQlikCss = ".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
@@ -120,7 +120,7 @@ const KupQlik = class {
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (index.h("div", { key: '6757be8be4d68fdb03789b12e011aeae050014ea', class: classLayout, style: layoutStyle }, this.divlist));
+        return (index.h("div", { key: '84dbf3c7b82c1e0674e98ea03ce0ec5de5449090', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {

package/dist/cjs/kup-snackbar.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-54d0f017.js');
 require('./kup-dates-3fc9697c.js');
@@ -119,7 +119,7 @@ const KupSnackbar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '34b5225f8c03f89d8d530db8dd04546f560c08a3', "kup-visible": this.visible }, index.h("style", { key: 'bc24655adb906dc83635fb9256159adee92029ba' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '4171edfa33a999f7a46f64beb304fe90ba8bfde5', id: GenericVariables.componentWrapperId }, index.h("div", { key: '1c59a969e3ea2177fcd8c4404b77f9e05fb4d34d', class: snackbarClass }, index.h("div", { key: '016234060f2d8e636927234854fddb3804b91f26', class: "snackbar__text__block" }, index.h("div", { key: '11e5d3d57c8059797d3ec267b25c7463e748e5e4', class: `${snackbarClass}__header` }, this.header), index.h("div", { key: '08a9932c0bbf21b7263cd6e6ffb125078d851a02', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (index.h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (index.h("div", { class: `${snackbarClass}__action` }, index.h(fButton.FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (index.h("div", { class: `${snackbarClass}__close` }, index.h(fButton.FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+        return (index.h(index.Host, { key: 'b002f53fca17f2558cabc7361453391d15429b73', "kup-visible": this.visible }, index.h("style", { key: '01863564ea31079e738744321b54ddb9839ef8d2' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'd874cd21d97d5dc258028898e4acc74df66d5e3b', id: GenericVariables.componentWrapperId }, index.h("div", { key: '2acd0ff2f624c2e29f8a6a338c78d5222f566446', class: snackbarClass }, index.h("div", { key: '4ab51cd8952c62cbaef1ba68535bc3889a3e782a', class: "snackbar__text__block" }, index.h("div", { key: '643cd004cd0a741b9c5985402db4cde72f6d847b', class: `${snackbarClass}__header` }, this.header), index.h("div", { key: '9cc6e69d984acc396c816d92c65931c534d5400e', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (index.h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (index.h("div", { class: `${snackbarClass}__action` }, index.h(fButton.FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (index.h("div", { class: `${snackbarClass}__close` }, index.h(fButton.FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/cjs/kup-typography-list.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const fTypography = require('./f-typography-024bace8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');
@@ -189,7 +189,7 @@ const KupTypographyList = class {
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (index.h(index.Host, { key: 'fe03c54c9dcb80d85fb4ce5fe5b307906113632d' }, index.h("style", { key: 'aaa3c98e4d550f2669c5b9db481e390e03a3bf25' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a6eb07b0d4da2fb8b9a818eeb6000c31d7641809', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'd3496f8ba12d87d2cd51dc5c80817590b62485df', class: "typographies-wrapper" }, typograhy))));
+        return (index.h(index.Host, { key: '33360cd54329b8cf6809f0f5e44cd4fbfdd73341' }, index.h("style", { key: 'e3905c406c1bcd1f4ca7f3665eb460a518cd85ac' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '56abb1bc62d53c456ebc51e7a139b952e365dd86', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'a3eb9e8630b9bcdad939421966669a0345edac4d', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/cjs/kup-typography.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const fTypography = require('./f-typography-024bace8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
@@ -187,7 +187,7 @@ const KupTypography = class {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (index.h(index.Host, { key: '981f5e75f5014b5ef747f943ffb6905ee03a07b5' }, index.h("style", { key: '4a77e168bda23918fcbd1aded179d9cb54027385' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '7b4d3cd14a278c481cac14077fa16c899c81fc56', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '4e487b2d58d1161b443f7823a0c3e0f7e977ac6e' }, props)), index.h(fImage.FImage, Object.assign({ key: 'c62c2a74f3687836c9cfb1f3cc8afe65822ece9f' }, propsFImage, { onClick: (event) => {
+        return (index.h(index.Host, { key: 'f59851b301cd5997fa0570372f1d61ad300f2105' }, index.h("style", { key: '8b9c02bc3031fd5386b4a46b160a938dd835c265' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '796f39bb720f68d8c554a675b113d2dd7e4c40aa', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '9510770820ccbf7b480f5b4d92892ffbad8d7d53' }, props)), index.h(fImage.FImage, Object.assign({ key: 'f054539413556472ad4b5e240a6a72fa2f3f4f59' }, propsFImage, { onClick: (event) => {
                 event.stopPropagation();
                 this.onKupIconClick(event.currentTarget);
             } })))));

package/dist/collection/components/kup-cell/kup-cell.js

@@ -11,7 +11,7 @@ import { kupManagerInstance, } from "../../managers/kup-manager/kup-manager";
 import { getProps, setProps } from "../../utils/utils";
 import { componentWrapperId } from "../../variables/GenericVariables";
 import { KupCellProps, KupCellSubmitButtonPosition, } from "./kup-cell-declarations";
-import { FCellPadding, } from "../../f-components/f-cell/f-cell-declarations";
+import { FCellPadding, FCellShapes, } from "../../f-components/f-cell/f-cell-declarations";
 import { KupDragEffect, } from "../../managers/kup-interact/kup-interact-declarations";
 import { KupLanguageGeneric } from "../../managers/kup-language/kup-language-declarations";
 import { FCellOptions } from "../../f-components/f-cell-options.tsx/f-cell-options";
@@ -25,6 +25,15 @@ export class KupCell {
          * Instance of the KupManager class.
          */
         _KupCell_kupManager.set(this, kupManagerInstance());
+        this.getLabelComponent = (cell, label) => {
+            if (!label) {
+                return null;
+            }
+            if (cell.shape === FCellShapes.RADIO) {
+                return h("span", null, label);
+            }
+            return null;
+        };
         this.customStyle = '';
         this.data = null;
         this.density = FCellPadding.NONE;
@@ -167,16 +176,21 @@ export class KupCell {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (h(Host, { key: '613f74ee646f0f1c8de4dc02f320336bd9fcdfc4' }, h("style", { key: 'f166a64528ad71af6542e326c0187e757abb7f58' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'af628d483659ebd18d60f008a2e5812385822881', id: componentWrapperId, style: this.showSubmit
+        const label = this.getLabelComponent(props.cell, props.column.title);
+        return (h(Host, { key: '395f8c5d9ad62699eacfe369ff53b362e162be3b' }, h("style", { key: 'b975f8a0e72a1cc0b301b4ec76a631f8a4476bf3' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '35b6fff68640929e637b2ef04266e9bd89ca43ee', id: componentWrapperId, style: this.showSubmit
                 ? {
                     display: 'flex',
                     'flex-direction': this.submitPosition,
                     'align-items': 'center',
                     gap: '0.5rem',
                 }
-                : {} }, h(FCellOptions, Object.assign({ key: '7354ed951db1e14693f6406dbc29ff1ad587a055' }, props)), this.showSubmit ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
+                : {} }, h("div", { key: '286e3edbf419e2b83d4f5951700a66a70f59f3b6', class: {
+                'input-panel__label_container': label
+                    ? true
+                    : false,
+            } }, label, h(FCellOptions, Object.assign({ key: '87c2ca717b6415d999ea22e2d11635de2293a08c' }, 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)));
+            } })) : null))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupCell_kupManager, "f").dates.unregister(this);

package/dist/collection/components/kup-cell/kup-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"kup-cell.js","sourceRoot":"","sources":["../../../src/components/kup-cell/kup-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Element,\n    forceUpdate,\n    h,\n    Host,\n    Event,\n    EventEmitter,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport {\n    KupManager,\n    kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    KupCellProps,\n    KupCellSubmitButtonPosition,\n    KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\n    FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n    KupDragDataTransferCallback,\n    KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\nimport { FButton } from '../../f-components/f-button/f-button';\n\n@Component({\n    tag: 'kup-cell',\n    styleUrl: 'kup-cell.scss',\n    shadow: true,\n})\nexport class KupCell {\n    /**\n     * References the root HTML element of the component (<kup-text-field>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    /*-------------------------------------------------*/\n    /*                    P r o p s                    */\n    /*-------------------------------------------------*/\n\n    /**\n     * Custom style of the component.\n     * @default \"\"\n     * @see https://smeup.github.io/ketchup/#/customization\n     */\n    @Prop() customStyle: string = '';\n    /**\n     * The data of the cell.\n     * @default false\n     */\n    @Prop() data: KupDataCell = null;\n    /**\n     * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n     */\n    @Prop() density: FCellPadding = FCellPadding.NONE;\n    /**\n     * When set to true, the component is draggable.\n     * @default false\n     */\n    @Prop() dragEnabled: boolean = false;\n\n    /**\n     * Show submit button\n     */\n    @Prop() showSubmit: boolean = false;\n\n    /**\n     * Submit button position, default is right\n     */\n    @Prop() submitPosition: KupCellSubmitButtonPosition =\n        KupCellSubmitButtonPosition.right;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    #kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-cell-submit-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n    /**\n     * Adds the given CSS classes to the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async addCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            this.data.cssClass = '';\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) < 0) {\n                    this.data.cssClass += ` ${cssClass}`;\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupCellProps, descriptions);\n    }\n    /**\n     * This method is used to trigger a new render of the component.\n     */\n    @Method()\n    async refresh(): Promise<void> {\n        forceUpdate(this);\n    }\n    /**\n     * Removes the given CSS classes from the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async removeCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            return;\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) > 0) {\n                    this.data.cssClass = this.data.cssClass.replace(\n                        new RegExp(cssClass, 'g'),\n                        ''\n                    );\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupCellProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    private didRenderInteractables() {\n        if (this.dragEnabled) {\n            const dataCb: KupDragDataTransferCallback = () => {\n                return {\n                    cell: this.data,\n                    column: this.generateColumn(),\n                    id: this.rootElement.id,\n                    multiple: false,\n                    row: this.generateRow(),\n                };\n            };\n\n            this.#kupManager.interact.draggable(\n                this.rootElement.shadowRoot.querySelector(\n                    '#' + componentWrapperId\n                ),\n                {\n                    cursorChecker() {\n                        return null;\n                    },\n                },\n                {\n                    callback: dataCb,\n                },\n                KupDragEffect.BADGE\n            );\n        }\n    }\n\n    private generateColumn(): KupDataColumn {\n        const colname: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : 'KUPCELL';\n        const coltitle: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : this.#kupManager.language.translate(\n                      KupLanguageGeneric.EMPTY_OBJECT\n                  );\n        return {\n            name: colname,\n            title: coltitle,\n        };\n    }\n\n    private generateRow(): KupDataRow {\n        const col: KupDataColumn = this.generateColumn();\n        const row: KupDataRow = { cells: {} };\n        row.cells[col.name] = this.data;\n        return row;\n    }\n\n    private submitClick(e: MouseEvent): void {\n        e.stopPropagation();\n        this.kupCellSubmitClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            cell: this.data as KupDataCellOptions,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.#kupManager.dates.register(this);\n        this.#kupManager.debug.logLoad(this, false);\n        this.#kupManager.language.register(this);\n        this.#kupManager.theme.register(this);\n    }\n\n    componentDidLoad() {\n        this.#kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.#kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.didRenderInteractables();\n        this.#kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FCellOptionsProps = {\n            cell: this.data as KupDataCellOptions,\n            column: this.generateColumn(),\n            component: this,\n            density: this.density,\n            editable: this.data.isEditable,\n            renderKup: true,\n            row: this.generateRow(),\n        };\n\n        return (\n            <Host>\n                <style>\n                    {this.#kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    style={\n                        this.showSubmit\n                            ? {\n                                  display: 'flex',\n                                  'flex-direction': this.submitPosition,\n                                  'align-items': 'center',\n                                  gap: '0.5rem',\n                              }\n                            : {}\n                    }\n                >\n                    <FCellOptions {...props}></FCellOptions>\n                    {this.showSubmit ? (\n                        <FButton\n                            buttonType=\"submit\"\n                            label={this.#kupManager.language.translate(\n                                KupLanguageGeneric.CONFIRM\n                            )}\n                            wrapperClass=\"form__submit\"\n                            onClick={(e) => {\n                                this.submitClick(e);\n                            }}\n                        ></FButton>\n                    ) : null}\n                </div>\n            </Host>\n        );\n    }\n\n    disconnectedCallback() {\n        this.#kupManager.dates.unregister(this);\n        this.#kupManager.language.unregister(this);\n        this.#kupManager.theme.unregister(this);\n    }\n}\n"]}
+{"version":3,"file":"kup-cell.js","sourceRoot":"","sources":["../../../src/components/kup-cell/kup-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Element,\n    forceUpdate,\n    h,\n    Host,\n    Event,\n    EventEmitter,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport {\n    KupManager,\n    kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    KupCellProps,\n    KupCellSubmitButtonPosition,\n    KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\n    FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n    KupDragDataTransferCallback,\n    KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\nimport { FButton } from '../../f-components/f-button/f-button';\n\n@Component({\n    tag: 'kup-cell',\n    styleUrl: 'kup-cell.scss',\n    shadow: true,\n})\nexport class KupCell {\n    /**\n     * References the root HTML element of the component (<kup-text-field>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    /*-------------------------------------------------*/\n    /*                    P r o p s                    */\n    /*-------------------------------------------------*/\n\n    /**\n     * Custom style of the component.\n     * @default \"\"\n     * @see https://smeup.github.io/ketchup/#/customization\n     */\n    @Prop() customStyle: string = '';\n    /**\n     * The data of the cell.\n     * @default false\n     */\n    @Prop() data: KupDataCell = null;\n    /**\n     * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n     */\n    @Prop() density: FCellPadding = FCellPadding.NONE;\n    /**\n     * When set to true, the component is draggable.\n     * @default false\n     */\n    @Prop() dragEnabled: boolean = false;\n\n    /**\n     * Show submit button\n     */\n    @Prop() showSubmit: boolean = false;\n\n    /**\n     * Submit button position, default is right\n     */\n    @Prop() submitPosition: KupCellSubmitButtonPosition =\n        KupCellSubmitButtonPosition.right;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    #kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-cell-submit-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n    /**\n     * Adds the given CSS classes to the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async addCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            this.data.cssClass = '';\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) < 0) {\n                    this.data.cssClass += ` ${cssClass}`;\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupCellProps, descriptions);\n    }\n    /**\n     * This method is used to trigger a new render of the component.\n     */\n    @Method()\n    async refresh(): Promise<void> {\n        forceUpdate(this);\n    }\n    /**\n     * Removes the given CSS classes from the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async removeCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            return;\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) > 0) {\n                    this.data.cssClass = this.data.cssClass.replace(\n                        new RegExp(cssClass, 'g'),\n                        ''\n                    );\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupCellProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    private didRenderInteractables() {\n        if (this.dragEnabled) {\n            const dataCb: KupDragDataTransferCallback = () => {\n                return {\n                    cell: this.data,\n                    column: this.generateColumn(),\n                    id: this.rootElement.id,\n                    multiple: false,\n                    row: this.generateRow(),\n                };\n            };\n\n            this.#kupManager.interact.draggable(\n                this.rootElement.shadowRoot.querySelector(\n                    '#' + componentWrapperId\n                ),\n                {\n                    cursorChecker() {\n                        return null;\n                    },\n                },\n                {\n                    callback: dataCb,\n                },\n                KupDragEffect.BADGE\n            );\n        }\n    }\n\n    private generateColumn(): KupDataColumn {\n        const colname: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : 'KUPCELL';\n        const coltitle: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : this.#kupManager.language.translate(\n                      KupLanguageGeneric.EMPTY_OBJECT\n                  );\n        return {\n            name: colname,\n            title: coltitle,\n        };\n    }\n\n    private generateRow(): KupDataRow {\n        const col: KupDataColumn = this.generateColumn();\n        const row: KupDataRow = { cells: {} };\n        row.cells[col.name] = this.data;\n        return row;\n    }\n\n    private submitClick(e: MouseEvent): void {\n        e.stopPropagation();\n        this.kupCellSubmitClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            cell: this.data as KupDataCellOptions,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.#kupManager.dates.register(this);\n        this.#kupManager.debug.logLoad(this, false);\n        this.#kupManager.language.register(this);\n        this.#kupManager.theme.register(this);\n    }\n\n    componentDidLoad() {\n        this.#kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.#kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.didRenderInteractables();\n        this.#kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FCellOptionsProps = {\n            cell: this.data as KupDataCellOptions,\n            column: this.generateColumn(),\n            component: this,\n            density: this.density,\n            editable: this.data.isEditable,\n            renderKup: true,\n            row: this.generateRow(),\n        };\n\n        const label = this.getLabelComponent(props.cell, props.column.title);\n\n        return (\n            <Host>\n                <style>\n                    {this.#kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    style={\n                        this.showSubmit\n                            ? {\n                                  display: 'flex',\n                                  'flex-direction': this.submitPosition,\n                                  'align-items': 'center',\n                                  gap: '0.5rem',\n                              }\n                            : {}\n                    }\n                >\n                    <div\n                        class={{\n                            'input-panel__label_container': label\n                                ? true\n                                : false,\n                        }}\n                    >\n                        {label}\n                        <FCellOptions {...props} />\n                        {this.showSubmit ? (\n                            <FButton\n                                buttonType=\"submit\"\n                                label={this.#kupManager.language.translate(\n                                    KupLanguageGeneric.CONFIRM\n                                )}\n                                wrapperClass=\"form__submit\"\n                                onClick={(e) => {\n                                    this.submitClick(e);\n                                }}\n                            ></FButton>\n                        ) : null}\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    getLabelComponent = (cell: KupDataCell, label: string) => {\n        if (!label) {\n            return null;\n        }\n\n        if (cell.shape === FCellShapes.RADIO) {\n            return <span>{label}</span>;\n        }\n\n        return null;\n    };\n\n    disconnectedCallback() {\n        this.#kupManager.dates.unregister(this);\n        this.#kupManager.language.unregister(this);\n        this.#kupManager.theme.unregister(this);\n    }\n}\n"]}

package/dist/collection/components/kup-checkbox/kup-checkbox.js

@@ -134,7 +134,7 @@ export class KupCheckbox {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: '9bc426ce9f548a47e2391de0c92e4b7f28b46ac1' }, h("style", { key: '323da2e0beabb0e8f16784b153dea13c96974a7c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7ee3d6e81b47037e15538cba61cf0a4f308b570e', id: componentWrapperId }, h(FCheckbox, Object.assign({ key: '3e3cf55d3b952e8e60dda14c9626e5516bbf60a9' }, props)))));
+        return (h(Host, { key: '49e622bc2765eb035a4fc7fb3bb74a4d14139814' }, h("style", { key: '84449423404feca3fbd75a958ce27966ce9df264' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '344301e2e5177f969fe51753e10096af5cd266d3', id: componentWrapperId }, h(FCheckbox, Object.assign({ key: '698c12b5ee7e07487fd571610923e468ca962113' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-chip/kup-chip.js

@@ -192,13 +192,13 @@ export class KupChip {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h(Host, { key: '8a38b8b981aadd23f3fc62ec9dc1bec8692fbb54', "onKup-autocomplete-itemclick": (e) => {
+        return (h(Host, { key: '10170c38c86ffd70e152c2aa66de827fa61bbe5d', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-change": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h("style", { key: 'a9c2bec738240a0e281a5b5901307c072794dd0c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9bdd7db8c5130175a4f4315203827ccfce8ae74c', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: 'b6669cc2db3989ce563a5b70f31a246756ebe816', name: "field" }))));
+            } }, h("style", { key: '4b6d0bf20da0a022d4e3b1bfb7f46077d0b9311e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fbcd955d025dc2a46af83e845ff5547437aa9517', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: '7dc37ecbf9bf870abd6b095abc36b46d41abc98b', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-color-picker/kup-color-picker.js

@@ -228,7 +228,7 @@ export class KupColorPicker {
     render() {
         let widget = null;
         if (this.swatchOnly) {
-            widget = (h("button", { key: '9038771a91cd730f94d18c35954e83726b7da0cb', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
+            widget = (h("button", { key: 'db40db59729d3d48f13a412cf6bbefb3ed9b5763', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
                     backgroundColor: this.value,
                 }, type: "button" }));
         }
@@ -238,7 +238,7 @@ export class KupColorPicker {
         const style = {
             ['--kup_colorpicker_thumb_color']: this.value ? this.value : '',
         };
-        return (h(Host, { key: '8e5696f5c34dc0b68c5ce0479c2015be1c3fb194', style: style }, h("style", { key: '7fc0fd8fc5a9ba3d7974ca76cf98e2e0bb0ef977' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f6a806242bfd2f16db903d03110c80c618ad18e8', id: componentWrapperId }, widget)));
+        return (h(Host, { key: '8e32caa5948b79dfedc3d84d649998b2b918ac44', style: style }, h("style", { key: 'c332452428ca96ae5919450957aa70509db27d65' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '27af58056ecf3581fbe024db4bed5c8892167c4b', id: componentWrapperId }, widget)));
     }
     disconnectedCallback() {
         if (this.card) {

package/dist/collection/components/kup-combobox/kup-combobox.js

@@ -302,7 +302,7 @@ export class KupCombobox {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: 'de007180b154c7ae618be30c4cc7be6f64a4322c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'de3eef86b2f543754b9ec52a28abebbb01182509' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '39bacb8762a7d4697f841b0620bca6a1cc3e2002', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '6ebe27626e839be8d249fafdfbe4d6ee6618fece' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h(Host, { key: '522bd7c90d16513aaa9eb28ccda4de8b253c68cc', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'caa2689a7e53b785b949e17ea5944d1dcf82af31' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '433a896159c9e37d6e0055f63190686cc5a0db70', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '5412e90b106813a4d2e295aa38aa4c5d05ba63ff' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }

package/dist/collection/components/kup-dashboard/kup-dashboard.js

@@ -376,7 +376,7 @@ export class KupDashboard {
         this.didRenderInteractables();
     }
     render() {
-        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))));
+        return (h(Host, { key: 'ad8cbbbae20467e5a3f3ed0e37ca7ad752d949c2' }, h("style", { key: '692d0ec8ffe264c463f0a4e6abd5561dfd7c277d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '26faf0b00335df455b9f9445fae97133cc630b5a', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
     }
     disconnectedCallback() {
         this.unregisterInteractables();

package/dist/collection/components/kup-date-picker/kup-date-picker.js

@@ -385,7 +385,7 @@ export class KupDatePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'e10406fb95cbc5a21623a51f5923a5cc40e97891' }, h("style", { key: '952b82ef56dc9af82091dc246faabfc01845bc35' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4434afab90e310e7d57b309fc5abcebdc3d4c7d5', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
+        return (h(Host, { key: '031101785e45244b758d67bc64fe35b4ca8d81e4' }, h("style", { key: '0321b1fb8efa28c746781bf7e0a22cbee8e5794f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7206f34bd8ea947b66714fdd62cbb5f7a8598838', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/collection/components/kup-dialog/kup-dialog.js

@@ -137,7 +137,7 @@ export class KupDialog {
             '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',
             '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',
         };
-        return (h(Host, { key: '4f74b02d375c0ed0bdae000e98d34f62f6f52501', "fade-in": true, style: style }, h("style", { key: '42a84bac7c78d2810ea5247340fd80ba53e35b6a' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '037d928dd1d5931a5995cf2a838b7d6a4dacae30', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, h("div", { key: '007d7c592754925335bca87dbff8c104de64f424', class: "content" }, h("slot", { key: '830977e967e8e7c0be4c43151908220e9ab929dd' })))));
+        return (h(Host, { key: 'e9417de4359bdda45ce89bac977b06af22dd7ed1', "fade-in": true, style: style }, h("style", { key: 'c8872646ef560a08041f4073196e18ba3c3a8046' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e76bbe6f8ae05df0441b341af3d9eaa0c264aee3', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, h("div", { key: '6308342a24d3b987b14e341267174b584885d204', class: "content" }, h("slot", { key: 'ba7c863e7f092b5aafbbbaaa067b0f0a7bba2412' })))));
     }
     disconnectedCallback() {
         if (this.modal) {

package/dist/collection/components/kup-drawer/kup-drawer.js

@@ -108,7 +108,7 @@ export class KupDrawer {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '47b6e1195efa7ac6696505f19808aaeed8804c81', "kup-opened": this.opened }, h("style", { key: '2ae05ab9c05ad338fa42f7ea827139883dc370c9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9574a0c126fbedb4022932c0388d96874bca3a71', class: "backdrop", onClick: (e) => {
+        return (h(Host, { key: '8a9d2198973d5a7ec57918a2064e790682764845', "kup-opened": this.opened }, h("style", { key: 'e3abd215c9b0196074011bf4325bf8a7ab9092ed' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '71daac9c19301460a3fe3edad3f320c01f11bad5', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -118,7 +118,7 @@ export class KupDrawer {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), h("div", { key: 'bb38d8793e68860b78c53a82e067e5ee765db93b', id: componentWrapperId }, h("div", { key: 'fb7a2c5bc9cd9fcac56a6e7e73066995e31e78b3', class: drawerClass }, this.content()))));
+            } }), h("div", { key: '47e90864a92415cca083f56e2d25cd05efe56df9', id: componentWrapperId }, h("div", { key: '47bfb804ce58fa47dc1fa7a574df7a05bd92b116', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-echart/kup-echart.js

@@ -139,7 +139,7 @@ export class KupEchart {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '2bb29a57f0dd5bb037c344371102d3d4b72eca25', style: style }, h("style", { key: '4df6d5703a6eca3d331b2b9d9dc08d40a2b2ac62' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'cd18230ff95ba7df8d9fac0781e3621a4eb4376a', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '9376b0691463c44b441c15e602a30c966cae6ad0', style: style }, h("style", { key: '0e476b67ae4d25abef7f596c9ed8a0f80ce8c855' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd29a2fe699268ad6b9fb3ad2d645c0beb6d2d2af', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-editor/kup-editor.js

@@ -389,7 +389,7 @@ export class KupEditor {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'e732ebc91b5f48c0bc515cfffa8cc2d1d6d7485f' }, h("div", { key: '560b1ac7dcdab0bf90db09bb92e847a9e5d14f7e', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
+        return (h(Host, { key: 'ffbd575e5192cccaf2c070c4586215cc7573f9ce' }, h("div", { key: '21e2b1a060db3009c6595eb92f78361adff24d6c', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-family-tree/kup-family-tree.js

@@ -149,12 +149,12 @@ export class KupFamilyTree {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '602bb95f29dfe9e017313b01a3fc485c23dd2f97', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (h(Host, { key: '6788b54f8c964ddeda1e5c4a7922613eb2efd59f', 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: 'becb707b0e477aff23e752bbb7ce335c01b428bd' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'aa50336a80b5499f3241b277639bb234c9e3eee5', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, h("style", { key: '40f38048045b0c3726164c999dc9fa15ea778291' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '9d4209faa777da38726d8113582cbba14ace1df7', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);

package/dist/collection/components/kup-form/kup-form.js

@@ -408,7 +408,7 @@ export class KupForm {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: '3745e06e9f57294d4957cf2ce2700235f1efbc20' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: '3c206215642b1662964c975671c3a2f7720eb470' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -419,7 +419,7 @@ export class KupForm {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: '8bb39e913c0bb04bdb20e5680f86c4d92971aae9' }, h("style", { key: '998fbdf757d808b818bc45e30281038ad96690d9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6098ba93cc85091acc8671dfb75c318cf1e5a779', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: 'bc740600eab0fde6bce214eb57ce0a883a70bc50' }, h("style", { key: '73cf8c044cbe93249f7943e42b657b5d70247531' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2fe3feca10d6237f4135453b91334527ba2ca311', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

package/dist/collection/components/kup-image-list/kup-image-list.js

@@ -201,14 +201,14 @@ export class KupImageList {
             };
             combinedGridStyle = Object.assign(Object.assign({}, combinedGridStyle), gridRowsStyle);
         }
-        return (h(Host, { key: 'a739d3569084048dfbfbcfb797a1a69e3b30647f' }, h("style", { key: '5703cab616be68410bfcc78016598049e939caf5' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'dcac9252c2ec7bfad10836a4e7193289612a7179', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '23c2d80631804f9c3a587cffc04dce998bff968f' }, h("style", { key: '2b6e430e92b2a96191fbe3a662719073e0fb3a26' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '60472a44a90b970ea6424484586b27abeb633cf6', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: '21c0bc1aab2d618da88ccb4dbbf240afc5146cb2', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h("div", { key: '735d77b674d51d5601485505d14a7dfbac0c57fe', 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: 'f2a6f4fecf1a38fc173ab4569277772baf8e91b0', class: "image-list", 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: '8f463b49c509a559b7be874a37787b393e3e2bf2', 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"));