@sme.up/ketchup 9.5.2 → 9.6.1

package/dist/components/kup-nav-bar.js

@@ -25,6 +25,7 @@ var KupNavBarStyling;
 })(KupNavBarStyling || (KupNavBarStyling = {}));
 
 const kupNavBarCss = ":host{--kup_navbar_box_shadow:var(\n    --kup-navbar-box-shadow,\n    0 2px 4px -1px rgba(128, 128, 128, 0.2),\n    0 4px 5px 0 rgba(128, 128, 128, 0.14),\n    0 1px 10px 0 rgba(128, 128, 128, 0.12)\n  );--kup_navbar_padding:var(--kup-navbar-padding, 8px 12px);--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n    --kup-navbar-short-border-radius,\n    0px 0px 24px\n  );--kup_navbar_short_box_shadow:var(\n    --kup-navbar-short-box-shadow,\n    rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n    rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n    rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n  );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup-navbar-background-color);box-shadow:var(--kup_navbar_box_shadow);box-sizing:border-box;color:var(--kup-navbar-color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}::slotted(*){--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-primary-color:var(--kup-navbar-color);--kup-textfield-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-color);margin:0}";
+const KupNavBarStyle0 = kupNavBarCss;
 
 const KupNavBar$1 = /*@__PURE__*/ proxyCustomElement(class KupNavBar extends HTMLElement {
     constructor() {
@@ -126,7 +127,7 @@ const KupNavBar$1 = /*@__PURE__*/ proxyCustomElement(class KupNavBar extends HTM
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { class: "header" }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("header", { class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: 'd87202afdc46b32160433e9367e65b8911081758', class: "header" }, h("style", { key: 'f040c8ddb9a4e109be8b83c0ef434a331ffe1f28' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '12d4968317af6fecbad1f5e08a818798668d39e0', id: componentWrapperId }, h("header", { key: '4b8be98eea078116b8f166ca4b12872b51690ba8', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '42939e2fa3d1ec1f19b77aa994ce49b27a942063', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -134,7 +135,7 @@ const KupNavBar$1 = /*@__PURE__*/ proxyCustomElement(class KupNavBar extends HTM
         this.kupManager.theme.unregister(this);
     }
     get rootElement() { return this; }
-    static get style() { return kupNavBarCss; }
+    static get style() { return KupNavBarStyle0; }
 }, [1, "kup-nav-bar", {
         "customStyle": [1, "custom-style"],
         "styling": [513],

package/dist/components/kup-numeric-picker.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { k as kupManagerInstance, M as KupDynamicPositionPlacement, Z as KupCardFamily } from './kup-manager.js';
-import { _ as FTextField, N as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
+import { Z as FTextField, N as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
 
 /**
  * Props of the kup-numeric-picker component.
@@ -20,6 +20,7 @@ var KupNumericPickerProps;
 })(KupNumericPickerProps || (KupNumericPickerProps = {}));
 
 const kupNumericPickerCss = ":host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";
+const KupNumericPickerStyle0 = kupNumericPickerCss;
 
 const KupNumericPicker$1 = /*@__PURE__*/ proxyCustomElement(class KupNumericPicker extends HTMLElement {
     constructor() {
@@ -358,7 +359,7 @@ const KupNumericPicker$1 = /*@__PURE__*/ proxyCustomElement(class KupNumericPick
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, this.prepTextfield())));
+        return (h(Host, { key: '00b965e54783036031219a8eb57fcb3a764c6f30' }, h("style", { key: '004fdaa3d5cf77a7364ba2114eaff76f3985e3ac' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2d7cb3bec99e2874ca26246a091ca2c21bdf2f1e', id: componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -368,7 +369,7 @@ const KupNumericPicker$1 = /*@__PURE__*/ proxyCustomElement(class KupNumericPick
         }
     }
     get rootElement() { return this; }
-    static get style() { return kupNumericPickerCss; }
+    static get style() { return KupNumericPickerStyle0; }
 }, [1, "kup-numeric-picker", {
         "customStyle": [1, "custom-style"],
         "data": [1040],

package/dist/components/kup-photo-frame.js

@@ -14,6 +14,7 @@ var KupPhotoFrameProps;
 })(KupPhotoFrameProps || (KupPhotoFrameProps = {}));
 
 const kupPhotoFrameCss = ":host{--kup_photoframe_border:var(\n    --kup-photoframe-border,\n    1px inset var(--kup-border-color)\n  );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 2000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{display:none;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;will-change:opacity;z-index:1}.placeholder--loaded{display:block}.placeholder--fade-out{opacity:0;position:absolute}.resource{display:none;left:0;position:absolute;top:0;z-index:0}.resource--fade-in{display:block;position:relative}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";
+const KupPhotoFrameStyle0 = kupPhotoFrameCss;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
@@ -116,9 +117,9 @@ const KupPhotoFrame$1 = /*@__PURE__*/ proxyCustomElement(class KupPhotoFrame ext
         if (this.isInViewport && !__classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f")) {
             __classPrivateFieldSet(this, _KupPhotoFrame_renderResource, true, "f");
         }
-        return (h(Host, null, h("style", null, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '6c00ea47c4d5d38086cebc033c69938c21fbd2aa' }, h("style", { key: '0efdcd6f886f5dd5dd2f773e5bd1420b5c01d1f7' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'a760ffb8b7cd901b3fb695f5bfcfcd5b09e7888f', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupPhotoFrame_wrapperEl, el, "f");
-            } }, h("img", Object.assign({}, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
+            } }, h("img", Object.assign({ key: '2c2d9a4843488612240a96c16eeb6cbf30929c21' }, 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');
@@ -147,7 +148,7 @@ const KupPhotoFrame$1 = /*@__PURE__*/ proxyCustomElement(class KupPhotoFrame ext
         (_a = __classPrivateFieldGet(this, _KupPhotoFrame_intObserver, "f")) === null || _a === void 0 ? void 0 : _a.unobserve(this.rootElement);
     }
     get rootElement() { return this; }
-    static get style() { return kupPhotoFrameCss; }
+    static get style() { return KupPhotoFrameStyle0; }
 }, [1, "kup-photo-frame", {
         "customStyle": [1, "custom-style"],
         "placeholderAttrs": [16],

package/dist/components/kup-planner-renderer-helper.js

@@ -1,4 +1,4 @@
-import { d as KupDates } from './kup-dates.js';
+import { b as KupDates } from './kup-dates.js';
 
 const columnWidthForTimeUnit = (timeUnit) => {
     switch (timeUnit) {
@@ -396,4 +396,4 @@ const seedDates = (startDate, endDate, viewMode) => {
     return dates;
 };
 
-export { addToDate as a, getProjectById as b, getPhaseById as c, calculateDisplayedDateRange as d, convertProjectToTasks as e, mergeTaskIntoPhases as f, ganttDateRangeFromTask as g, columnWidthForTimeUnit as h, mergeTaskIntoProjects as m, seedDates as s };
+export { addToDate as a, getPhaseById as b, getProjectById as c, calculateDisplayedDateRange as d, convertProjectToTasks as e, mergeTaskIntoPhases as f, ganttDateRangeFromTask as g, columnWidthForTimeUnit as h, mergeTaskIntoProjects as m, seedDates as s };

package/dist/components/kup-planner-renderer2.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { d as calculateDisplayedDateRange, e as convertProjectToTasks, m as mergeTaskIntoProjects, b as getProjectById, f as mergeTaskIntoPhases, c as getPhaseById, h as columnWidthForTimeUnit } from './kup-planner-renderer-helper.js';
+import { d as calculateDisplayedDateRange, e as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, c as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit } from './kup-planner-renderer-helper.js';
 import { f as KUP_PLANNER_MAIN_GANTT_ID, g as KUP_PLANNER_SECONDARY_GANTT_ID, d as defineCustomElement$5 } from './kup-task-list2.js';
-import { d as KupDates } from './kup-dates.js';
+import { b as KupDates } from './kup-dates.js';
 import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './kup-gantt-calendar2.js';
 import { d as defineCustomElement$e } from './custom-task-list-header.js';
 import { d as defineCustomElement$d } from './custom-task-list-table.js';
@@ -207,7 +207,7 @@ const KupPlannerRenderer = /*@__PURE__*/ proxyCustomElement(class KupPlannerRend
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { class: "planner-render" }, h("kup-switcher", { timeUnitChange: (timeUnit) => {
+        return (h("div", { key: '133ea45016bd02bd7536e01bea88ea1e079607d8', class: "planner-render" }, h("kup-switcher", { key: '5f187be68f2d85066d9d6886445a03caeb4a5d33', timeUnitChange: (timeUnit) => {
                 var _a, _b;
                 (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
                 this.timeUnit = timeUnit;

package/dist/components/kup-planner.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host, getAssetPath } from '@stencil/core/internal/client';
 import { k as kupManagerInstance, m as getCellValueForDisplay, g as getProps, s as setProps, b as KupThemeIconValues, Q as KupLanguageSearch } from './kup-manager.js';
-import { a as defaultStylingOptions, K as KupPlannerGanttRowType, b as KupPlannerTaskAction, c as KupPlannerLastOnChangeReceived, d as defineCustomElement$9, e as KupPlannerProps } from './kup-task-list2.js';
-import { N as FTextFieldMDC, c as componentWrapperId, _ as FTextField, d as defineCustomElement$3, a as defineCustomElement$5, b as defineCustomElement$6, e as defineCustomElement$b, f as defineCustomElement$d, g as defineCustomElement$f, h as defineCustomElement$g, i as defineCustomElement$h, j as defineCustomElement$i, k as defineCustomElement$k, l as defineCustomElement$l, m as defineCustomElement$o, n as defineCustomElement$r, o as defineCustomElement$s, p as defineCustomElement$t, q as defineCustomElement$u, r as defineCustomElement$v, s as defineCustomElement$y, t as defineCustomElement$z, u as defineCustomElement$A, v as defineCustomElement$B, w as defineCustomElement$C, x as defineCustomElement$D, y as defineCustomElement$E, z as defineCustomElement$F, A as defineCustomElement$G, B as defineCustomElement$H } from './kup-autocomplete2.js';
+import { K as KupPlannerGanttRowType, a as defaultStylingOptions, b as KupPlannerTaskAction, c as KupPlannerLastOnChangeReceived, d as defineCustomElement$9, e as KupPlannerProps } from './kup-task-list2.js';
+import { N as FTextFieldMDC, c as componentWrapperId, Z as FTextField, d as defineCustomElement$3, a as defineCustomElement$5, b as defineCustomElement$6, e as defineCustomElement$b, f as defineCustomElement$d, g as defineCustomElement$f, h as defineCustomElement$g, i as defineCustomElement$h, j as defineCustomElement$i, k as defineCustomElement$k, l as defineCustomElement$l, m as defineCustomElement$o, n as defineCustomElement$r, o as defineCustomElement$s, p as defineCustomElement$t, q as defineCustomElement$u, r as defineCustomElement$v, s as defineCustomElement$y, t as defineCustomElement$z, u as defineCustomElement$A, v as defineCustomElement$B, w as defineCustomElement$C, x as defineCustomElement$D, y as defineCustomElement$E, z as defineCustomElement$F, A as defineCustomElement$G, B as defineCustomElement$H } from './kup-autocomplete2.js';
 import { K as KupDatesFormats } from './kup-dates.js';
 import { d as defineCustomElement$x } from './custom-task-list-header.js';
 import { d as defineCustomElement$w } from './custom-task-list-table.js';
@@ -88,6 +88,7 @@ class KupPlannerState {
 }
 
 const kupPlannerCss = ":host{display:block}.filter{margin:12px 10px 12px 0;padding:0 10px}.planner-render{padding-top:40px}";
+const KupPlannerStyle0 = kupPlannerCss;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
@@ -581,7 +582,7 @@ const KupPlanner$1 = /*@__PURE__*/ proxyCustomElement(class KupPlanner extends H
         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 (h(Host, null, h("style", null, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { props: plannerProps }))), h("div", { style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: 'addf4b06c3ce81da8e4a5a8868762e4bc9ce413b' }, h("style", { key: '2e95eb171c1462831ce5e0af5f01d80748fcc7e5' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fb4d18b8abdaa14fb4be7b9b8fae8f27c196b212', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { props: plannerProps }))), h("div", { key: '022ee4535660fe54af7c123a6461054eb66853b1', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '3d1bcc55d5dd7e1714c3a2ed62f3c323dfe8b0b9', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
                 }
@@ -604,7 +605,7 @@ const KupPlanner$1 = /*@__PURE__*/ proxyCustomElement(class KupPlanner extends H
     static get watchers() { return {
         "data": ["dataChanged"]
     }; }
-    static get style() { return kupPlannerCss; }
+    static get style() { return KupPlannerStyle0; }
 }, [1, "kup-planner", {
         "stateId": [1, "state-id"],
         "store": [16],

package/dist/components/kup-probe.js

@@ -236,7 +236,7 @@ const KupProbe$1 = /*@__PURE__*/ proxyCustomElement(class KupProbe extends HTMLE
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (h(Host, null, customStyle ? h("style", null, customStyle) : null, h("div", { id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '3d9977be8424b7c7939cf1b4b5aa906407832397' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: 'cfa7570e4e6dda26d6523ccddfe6dfb134a11d49', id: componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {

package/dist/components/kup-progress-bar.js

@@ -1,4 +1,4 @@
-import { a9 as KupProgressBar$1, j as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { a8 as KupProgressBar$1, j as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupProgressBar = KupProgressBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-qlik.js

@@ -3,6 +3,7 @@ import { k as kupManagerInstance } from './kup-manager.js';
 import { d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
 
 const kupQlikCss = ".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-color, #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%}";
+const KupQlikStyle0 = kupQlikCss;
 
 const KupQlik$1 = /*@__PURE__*/ proxyCustomElement(class KupQlik extends HTMLElement {
     constructor() {
@@ -116,7 +117,7 @@ const KupQlik$1 = /*@__PURE__*/ proxyCustomElement(class KupQlik extends HTMLEle
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (h("div", { class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '533e892f582c7ee663b5e41b44617c00edd1d48b', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {
@@ -140,7 +141,7 @@ const KupQlik$1 = /*@__PURE__*/ proxyCustomElement(class KupQlik extends HTMLEle
         this.kupManager.debug.logRender(this, true);
     }
     get rootElement() { return this; }
-    static get style() { return kupQlikCss; }
+    static get style() { return KupQlikStyle0; }
 }, [0, "kup-qlik", {
         "config": [16],
         "qlik": [8],

package/dist/components/kup-radio.js

@@ -1,4 +1,4 @@
-import { aa as KupRadio$1, i as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { a9 as KupRadio$1, i as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupRadio = KupRadio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-rating.js

@@ -1,4 +1,4 @@
-import { ab as KupRating$1, h as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { aa as KupRating$1, h as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupRating = KupRating$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-snackbar.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager.js';
-import { c as componentWrapperId, S as FButton, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
+import { c as componentWrapperId, R as FButton, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
 
 const snackbarClass = 'snackbar';
 /**
@@ -17,6 +17,7 @@ var KupSnackbarProps;
 })(KupSnackbarProps || (KupSnackbarProps = {}));
 
 const kupSnackbarCss = ":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";
+const KupSnackbarStyle0 = kupSnackbarCss;
 
 const KupSnackbar$1 = /*@__PURE__*/ proxyCustomElement(class KupSnackbar extends HTMLElement {
     constructor() {
@@ -111,13 +112,13 @@ const KupSnackbar$1 = /*@__PURE__*/ proxyCustomElement(class KupSnackbar extends
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { "kup-visible": this.visible }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: snackbarClass }, h("div", { class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+        return (h(Host, { key: 'f75d7ca1de9b0f63c555a5bbe65d18f515b30020', "kup-visible": this.visible }, h("style", { key: 'e457888f9c6355cd2997f136cc542d424cf7d72e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ede1431d986952c43cbe5d3b8484b3f27750aec6', id: componentWrapperId }, h("div", { key: 'c76c7533233b5ca057b8f2d49c99a5771b90b3f1', class: snackbarClass }, h("div", { key: '5546bfb280f7ba4bbc462c30b36094fea1276c08', class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
     }
     get rootElement() { return this; }
-    static get style() { return kupSnackbarCss; }
+    static get style() { return KupSnackbarStyle0; }
 }, [1, "kup-snackbar", {
         "actionButton": [16],
         "closeButton": [4, "close-button"],

package/dist/components/kup-spinner.js

@@ -1,4 +1,4 @@
-import { ac as KupSpinner$1, g as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ab as KupSpinner$1, g as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupSpinner = KupSpinner$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-standard-tooltip2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const kupTooltipCss = ".tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";
+const KupStandardTooltipStyle0 = kupTooltipCss;
 
 const StandardTooltipContent = /*@__PURE__*/ proxyCustomElement(class StandardTooltipContent extends HTMLElement {
     constructor() {
@@ -12,9 +13,9 @@ const StandardTooltipContent = /*@__PURE__*/ proxyCustomElement(class StandardTo
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { 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", { class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '654584ad4531cbc29fac8f6f1f8862f32127e614', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'fc0104c8f5cce036410e84236b73237ca8c32e10', 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", { class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '021b32e66e1ee1254acb60d7a5c1f38f1b59ea42', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
-    static get style() { return kupTooltipCss; }
+    static get style() { return KupStandardTooltipStyle0; }
 }, [1, "kup-standard-tooltip", {
         "task": [16],
         "fontSize": [1, "font-size"],

package/dist/components/kup-switch.js

@@ -1,4 +1,4 @@
-import { ad as KupSwitch$1, f as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ac as KupSwitch$1, f as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupSwitch = KupSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-switcher2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const kupSwitcherCss = ".switcher{display:grid;grid-auto-flow:column;grid-gap:8px;margin-left:12px;width:max-content}.button{background:transparent;border-color:var(--kup-primary-color, #003b77);border-radius:4px;border-width:1px;box-shadow:0 3px 1px -2px rgba(var(--kup-text-color-rgb, 51 51 51), 0.2), 0 2px 2px 0 rgba(var(--kup-text-color-rgb, 51 51 51), 0.14), 0 1px 5px 0 rgba(var(--kup-text-color-rgb, 51 51 51), 0.12);box-sizing:border-box;color:var(--kup-primary-color, #003b77);cursor:pointer;font-size:11px;height:32px;min-width:64px}.label{font-family:var(--kup-font-family, inherit);font-size:11px;letter-spacing:0.0892857143em;text-decoration:none;text-transform:uppercase;padding:0 6px}";
+const KupSwitcherStyle0 = kupSwitcherCss;
 
 const KupSwitcher = /*@__PURE__*/ proxyCustomElement(class KupSwitcher extends HTMLElement {
     constructor() {
@@ -13,9 +14,9 @@ const KupSwitcher = /*@__PURE__*/ proxyCustomElement(class KupSwitcher extends H
         const week = () => this.timeUnitChange('week');
         const month = () => this.timeUnitChange('month');
         const year = () => this.timeUnitChange('year');
-        return (h("div", { class: "switcher" }, h("button", { type: "button", class: "button", onClick: day }, h("span", { class: "label" }, "Day")), h("button", { type: "button", class: "button", onClick: week }, h("span", { class: "label" }, "Week")), h("button", { type: "button", class: "button", onClick: month }, h("span", { class: "label" }, "Month")), h("button", { type: "button", class: "button", onClick: year }, h("span", { class: "label" }, "Year"))));
+        return (h("div", { key: '64c26910f550b5c74b294667e58f396f0642e601', class: "switcher" }, h("button", { key: '1f110cd85b5e837aec6f5c2b69ac14b3a47d9f79', type: "button", class: "button", onClick: day }, h("span", { key: 'be249d7896fcd93905e8865309405d30dfa506bf', class: "label" }, "Day")), h("button", { key: '81dfab2aebed98d32cff106577795a064c03a257', type: "button", class: "button", onClick: week }, h("span", { key: 'e5c41e5dcd9d775c6749c2907e59a7d0400e3712', class: "label" }, "Week")), h("button", { key: 'a598a5ab4f1496bbd267134201b21c45e5198d01', type: "button", class: "button", onClick: month }, h("span", { key: '57769be17ca1de59a919cbb7e7ac11d0546a28fb', class: "label" }, "Month")), h("button", { key: 'b62c7585c44acc19863bc93898851348250ba7fa', type: "button", class: "button", onClick: year }, h("span", { key: '9f4ab800c4eef1666ceabaebe0d35b042753430f', class: "label" }, "Year"))));
     }
-    static get style() { return kupSwitcherCss; }
+    static get style() { return KupSwitcherStyle0; }
 }, [0, "kup-switcher", {
         "timeUnitChange": [16]
     }]);

package/dist/components/kup-tab-bar.js

@@ -1,4 +1,4 @@
-import { ae as KupTabBar$1, e as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ad as KupTabBar$1, e as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupTabBar = KupTabBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-task-gantt2.js

@@ -31,17 +31,19 @@ const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends HTMLE
     }
     //---- Lifecycle hooks ----
     componentDidLoad() {
-        this.updateScrollX();
-        this.updateScrollY();
+        setTimeout(() => {
+            this.updateScrollX();
+            this.updateScrollY();
+        }, 75);
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps });
-        return (h("div", { class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { 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", { ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: 'd9a4cf68f10e8263f73123022b4e545f6a028580', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '2ad5614e2df01e5f3cc21b9940c14ba7dd5a785d', 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: '8c0e76cb967f172406f352c6568582fdc4008d38', 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({}, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '69040247d6fde1ddb12f3b2ce54e02bc7781e569' }, newBarProps)))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/kup-task-list-header2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const kupTaskListCss = ".tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";
+const KupTaskListHeaderStyle0 = kupTaskListCss;
 
 const KupTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupTaskListHeader extends HTMLElement {
     constructor() {
@@ -12,26 +13,26 @@ const KupTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupTaskListHead
         this.rowWidth = undefined;
     }
     render() {
-        return (h("div", { class: "ganttTable", style: {
+        return (h("div", { key: '85c164a7a4313c8708ce2774338ff123621e7648', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { class: "ganttTable_Header", style: {
+            } }, h("div", { key: '46aad2a15e9f7d6fe8e7b705b5cc4f385ebf2d69', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: 'fafa8c4eb47c740fff23eb204a75b872d39876e2', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '1ebbcca3ce32701a8af4140fb638173de9795995', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'b08345a4be12e76a9d634508e32e035a3c570dfb', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '3f035b39c2c66677e78c2786cea4a39c824bb60b', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '01effc62e0e2ddf73ab5cf4cbad5873f70d510c6', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }
-    static get style() { return kupTaskListCss; }
+    static get style() { return KupTaskListHeaderStyle0; }
 }, [0, "kup-task-list-header", {
         "headerHeight": [2, "header-height"],
         "fontFamily": [1, "font-family"],

package/dist/components/kup-task-list-table2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const kupTaskListCss = ".tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";
+const KupTaskListTableStyle0 = kupTaskListCss;
 
 const TaskListTableDefault = /*@__PURE__*/ proxyCustomElement(class TaskListTableDefault extends HTMLElement {
     constructor() {
@@ -27,7 +28,7 @@ const TaskListTableDefault = /*@__PURE__*/ proxyCustomElement(class TaskListTabl
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (h("div", { class: "taskListWrapper", style: {
+        return (h("div", { key: '384204e115a7d10387be01795a096ae843b06ebf', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (h("div", { class: {
@@ -49,7 +50,7 @@ const TaskListTableDefault = /*@__PURE__*/ proxyCustomElement(class TaskListTabl
                 maxWidth: this.rowWidth,
             } }, "\u00A0", this.toLocaleDateString(task.end)))))));
     }
-    static get style() { return kupTaskListCss; }
+    static get style() { return KupTaskListTableStyle0; }
 }, [0, "kup-task-list-table", {
         "rowHeight": [2, "row-height"],
         "rowWidth": [1, "row-width"],

package/dist/components/kup-task-list2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { b as getProjectById, c as getPhaseById } from './kup-planner-renderer-helper.js';
+import { b as getPhaseById, c as getProjectById } from './kup-planner-renderer-helper.js';
 import { d as defineCustomElement$2 } from './custom-task-list-header.js';
 import { d as defineCustomElement$1 } from './custom-task-list-table.js';
 
@@ -91,6 +91,7 @@ const KUP_PLANNER_MAIN_GANTT_ID = 'main';
 const KUP_PLANNER_SECONDARY_GANTT_ID = 'secondary';
 
 const kupTaskListCss = ".tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";
+const KupTaskListStyle0 = kupTaskListCss;
 
 const TaskList = /*@__PURE__*/ proxyCustomElement(class TaskList extends HTMLElement {
     constructor() {
@@ -126,6 +127,11 @@ const TaskList = /*@__PURE__*/ proxyCustomElement(class TaskList extends HTMLEle
     }
     componentDidLoad() {
         this.taskListRef.prepend(this.filter);
+        setTimeout(() => {
+            if (this.horizontalContainerRef) {
+                this.horizontalContainerRef.scrollTop = this.scrollY;
+            }
+        }, 75);
     }
     componentDidUpdate() {
         if (this.taskListRef) {
@@ -169,7 +175,7 @@ const TaskList = /*@__PURE__*/ proxyCustomElement(class TaskList extends HTMLEle
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (h("div", { 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", { class: this.horizontalContainerClass, style: this.ganttHeight
+        return (h("div", { key: '7dd68dd1a7d21ae60df1565041e4c40c4e809190', 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: '7a956f23ef07603f31a331d229f1bb1d04e98773', class: this.horizontalContainerClass, 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);
@@ -201,7 +207,7 @@ const TaskList = /*@__PURE__*/ proxyCustomElement(class TaskList extends HTMLEle
     static get watchers() { return {
         "scrollY": ["updateScrollY"]
     }; }
-    static get style() { return kupTaskListCss; }
+    static get style() { return KupTaskListStyle0; }
 }, [0, "kup-task-list", {
         "headerHeight": [2, "header-height"],
         "fontFamily": [1, "font-family"],

package/dist/components/kup-text-field.js

@@ -1,4 +1,4 @@
-import { af as KupTextField$1, b as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ae as KupTextField$1, b as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupTextField = KupTextField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-time-picker.js

@@ -1,4 +1,4 @@
-import { ag as KupTimePicker$1, a as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { af as KupTimePicker$1, a as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupTimePicker = KupTimePicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-tooltip2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const kupTooltipCss = ".tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";
+const KupTooltipStyle0 = kupTooltipCss;
 
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLElement {
     constructor() {
@@ -65,7 +66,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         }
     }
     render() {
-        return (h("div", { class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '6e6cc9d062e2910930ea039bd62c7d7c6cbfca30', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '08262258302d58b11d3c832194adfcdecf262bc2', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     get rootElement() { return this; }
     static get watchers() { return {
@@ -80,7 +81,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         "svgContainerWidth": ["calculateTooltipPosition"],
         "rtl": ["calculateTooltipPosition"]
     }; }
-    static get style() { return kupTooltipCss; }
+    static get style() { return KupTooltipStyle0; }
 }, [1, "kup-tooltip", {
         "task": [16],
         "rowHeight": [2, "row-height"],

package/dist/components/kup-tree.js

@@ -1,4 +1,4 @@
-import { ah as KupTree$1, d as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ag as KupTree$1, d as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupTree = KupTree$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-vertical-scroll2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const kupVerticalScrollCss = ".scroll{overflow:hidden auto;width:1rem;flex-shrink:0;scrollbar-width:thin}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";
+const kupVerticalScrollCss = ".scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";
+const KupVerticalScrollStyle0 = kupVerticalScrollCss;
 
 const KupVerticalScroll = /*@__PURE__*/ proxyCustomElement(class KupVerticalScroll extends HTMLElement {
     constructor() {
@@ -36,11 +37,11 @@ const KupVerticalScroll = /*@__PURE__*/ proxyCustomElement(class KupVerticalScro
         };
     }
     render() {
-        return (h("div", { style: {
+        return (h("div", { key: '80335159040a9c60dc8213840c3b2d684636585d', 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", { style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '2ad01e01bb31d6885cf87bda7e1448f70b182435', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));
@@ -49,7 +50,7 @@ const KupVerticalScroll = /*@__PURE__*/ proxyCustomElement(class KupVerticalScro
     static get watchers() { return {
         "scrollNumber": ["updateScroll"]
     }; }
-    static get style() { return kupVerticalScrollCss; }
+    static get style() { return KupVerticalScrollStyle0; }
 }, [0, "kup-vertical-scroll", {
         "scrollNumber": [2, "scroll-number"],
         "ganttHeight": [2, "gantt-height"],

package/dist/esm/{f-button-856a189a.js → f-button-121958b3.js}

@@ -1,6 +1,6 @@
-import { h } from './index-59f83f91.js';
+import { h } from './index-bbef9f2a.js';
 import { F as FButtonStyling } from './f-button-declarations-9bdc6f26.js';
-import { F as FImage } from './f-image-26b1bc14.js';
+import { F as FImage } from './f-image-98371dac.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */