@sme.up/ketchup 10.3.10 → 10.3.12

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

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-dbf73b5f.js');
-const kupDataTableHelper = require('./kup-data-table-helper-d3b9b899.js');
+const kupManager = require('./kup-manager-af4de85d.js');
+const kupDataTableHelper = require('./kup-data-table-helper-292af776.js');
 const fImage = require('./f-image-7457eb26.js');
-const fChip = require('./f-chip-29f981f7.js');
+const fChip = require('./f-chip-1f1a9829.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-9c556447.js');
-const fPaginatorUtils = require('./f-paginator-utils-806868eb.js');
+const fCell = require('./f-cell-5e876dc1.js');
+const fPaginatorUtils = require('./f-paginator-utils-0b88eb98.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-require('./kup-dates-8619368a.js');
+require('./kup-dates-6feda954.js');
 require('./f-button-c084046d.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-checkbox-e59d6bda.js');
-require('./f-object-field-ae0e860d.js');
-require('./f-text-field-025f9ff3.js');
+require('./f-object-field-7264b902.js');
+require('./f-text-field-2f9c646d.js');
 require('./component-a6dd6c14.js');
 
 /**

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-dbf73b5f.js');
+const kupManager = require('./kup-manager-af4de85d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-c084046d.js');
-const fChip = require('./f-chip-29f981f7.js');
-const kupDates = require('./kup-dates-8619368a.js');
+const fChip = require('./f-chip-1f1a9829.js');
+const kupDates = require('./kup-dates-6feda954.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-7457eb26.js');
 
@@ -15257,11 +15257,11 @@ const KupCalendar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index$4.h(index$4.Host, { key: '3c588c2b8d493f10e22a3741842dd985c24c632a' }, index$4.h("style", { key: 'cb475db6965cbd1aae03edd0f50511b5ec199b3a' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '28828f627008ea07dec98f52eeb2d5e5727f198e', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: 'd213e47ca06001af5a60b26e85cd59ca5175581b', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: 'c3e2dc9ee126d1f449d1316889fdd3eb87ce7a80', class: `navigation__title ${this.hideNavigation
+        return (index$4.h(index$4.Host, { key: '84b96d480944784ba43b426e8d01e536f1bafc67' }, index$4.h("style", { key: 'bdaf0c3a8ee5cc6bdc7dc9e9cbc13529ea611e28' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '3ae0c2d73d9d70be0cf3a13f56eaf09fc5b29126', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '06aa3eea99f3c49e88509c4393231fd47d7eeace', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: 'bcf1061ef340154ce810504963c635677d7b08ec', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), index$4.h("div", { key: 'f8ee01989e7cfacd7a3e917229694b5d4d61d81d', class: "navigation__right" }, this.enableChangeView ? (index$4.h(fChip.FChip, Object.assign({}, this.setChipProps()))) : null)), index$4.h("div", { key: 'ff73d2a79c9f2e0f49e961d7de14a4279f2189d4', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), index$4.h("div", { key: 'd0da3cdd51e56c4d707789af64e55c1d19a24973', class: "navigation__right" }, this.enableChangeView ? (index$4.h(fChip.FChip, Object.assign({}, this.setChipProps()))) : null)), index$4.h("div", { key: 'c8cd358bceae781d6add7ff26cc09878ef0b5834', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-dbf73b5f.js');
+const kupManager = require('./kup-manager-af4de85d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8619368a.js');
+require('./kup-dates-6feda954.js');
 
 /**
  * Props of the kup-card-list component.

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-dbf73b5f.js');
+const kupManager = require('./kup-manager-af4de85d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-c084046d.js');
-const fCell = require('./f-cell-9c556447.js');
-require('./kup-dates-8619368a.js');
+const fCell = require('./f-cell-5e876dc1.js');
+require('./kup-dates-6feda954.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-7457eb26.js');
 require('./f-checkbox-e59d6bda.js');
-require('./f-chip-29f981f7.js');
-require('./f-object-field-ae0e860d.js');
-require('./f-text-field-025f9ff3.js');
+require('./f-chip-1f1a9829.js');
+require('./f-object-field-7264b902.js');
+require('./f-text-field-2f9c646d.js');
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;
@@ -180,14 +180,14 @@ const KupCell = class {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (index.h(index.Host, { key: '9a934f88818bf71c065f7213a2cc3d73c6125edb', "onKup-file-upload-upload": this.upload.bind(this) }, index.h("style", { key: '6657ba1b674cc6240b6080eed8dc3e8ffc871f8d' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '565b7f7b493b2dd0dea90f4a7417e5d8d6186e53', id: GenericVariables.componentWrapperId, style: this.showSubmit
+        return (index.h(index.Host, { key: '01c0f9dc1d970c0da37687dd07ecf95cf0cb0279', "onKup-file-upload-upload": this.upload.bind(this) }, index.h("style", { key: '4ad06f4bbbb2cfebee565fee5606194d2e68d871' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '2d06ac608cd5eaa25b014dbc2420e2dec44ea89b', id: GenericVariables.componentWrapperId, style: this.showSubmit
                 ? {
                     display: 'flex',
                     'flex-direction': kupManager.submitPositionAdapter(this.submitPosition),
                     'align-items': 'center',
                     gap: '0.5rem',
                 }
-                : {} }, index.h(fCell.FCell, Object.assign({ key: 'ff2f0ad53d552550f46ef924803c17d40de3a8de' }, props)), this.showSubmit ? (index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
+                : {} }, index.h(fCell.FCell, Object.assign({ key: '393bd349a7310e9e9f8fbefac85c6ef733799a3f' }, props)), this.showSubmit ? (index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
                 this.submitClick(e);
             } })) : null)));
     }

package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupDates = require('./kup-dates-8619368a.js');
+const kupDates = require('./kup-dates-6feda954.js');
 const bar_helpers = require('./bar.helpers-c481a535.js');
 const kupPlannerTimeFormatter = require('./kup-planner-time-formatter-b7dca3ea.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
@@ -21,11 +21,11 @@ const KupCustomTaskListHeader = class {
         this.fontSize = undefined;
     }
     render() {
-        return (index.h("div", { key: '02f1ac6d119db51a544e4698b6858411de6b245a', class: "custom-task-list-wrapper", style: {
+        return (index.h("div", { key: '23f119a1f4df86a9c9518014672600827ef3946a', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, index.h("div", { key: '43426477115dbab248658e7788267fc8665d675d', class: "title" }, index.h("span", { key: 'dd4069057ff38a4f535dcae1053aa37654e38625' }, this.label)), this.setDoubleView !== undefined && (index.h("div", { key: '93d250061c11b4895140048baee886a185e82850', class: "toggler" }, index.h("label", { key: 'b053e801e4ca5768dcacc1248a530c56ef13db7a', htmlFor: "ch2", class: "switch" }, index.h("input", { key: '35f267b00031bb55f8db8e057849c1eee4dd5182', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), index.h("span", { key: '26fecc32dace770cbb718163f99a08dfa78f95ca', class: "slider" })), index.h("span", { key: 'e52d223971a39fffd0467931531845b14287d666', class: "label" }, "Previsioni")))));
+            } }, index.h("div", { key: 'be428c1fa53e5d20c10b7841ed711678ca46ca50', class: "title" }, index.h("span", { key: '5c6742dd5a63dbf837e1df3f7daa422925be102b' }, this.label)), this.setDoubleView !== undefined && (index.h("div", { key: '7dee3b1d2c665d5360b85a59fdafc2902f1fec01', class: "toggler" }, index.h("label", { key: '2ff7fb287c8901f60018d57a3f91e4827d49fc0a', htmlFor: "ch2", class: "switch" }, index.h("input", { key: '3b8df0b5b2b66b34ffa0151c2b62523d9b756885', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), index.h("span", { key: 'f38b848a394283807290d19c2188d8255745ea89', class: "slider" })), index.h("span", { key: '03870d86ee67071fc114da83ffc4fe3a8abc897d', class: "label" }, "Previsioni")))));
     }
 };
 KupCustomTaskListHeader.style = KupCustomTaskListHeaderStyle0;
@@ -407,11 +407,11 @@ const KupGanttCalendar = class {
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (index.h("svg", { key: 'a46c178a87b6c26bc258d231afcc8efb3e04d3f6', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, index.h("g", { key: '7972de23598bcd7080ed6b635761063d3359d82f', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, index.h("rect", { key: 'cefa9cc3fe95c8a408d6c95ab2f2a77c7835e6ed', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
+        return (index.h("svg", { key: '4bca0e060f56a7fe37e05b75d5d6869f040704a6', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, index.h("g", { key: '7d8e96b34aeb2d6fda64ca62c8f85669609d6dbb', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, index.h("rect", { key: '8e7726a396d3f38f4b264acaeb6b28e998bfb60c', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
             ? topValues.map((topValue) => (index.h("g", { class: "calendarTop" }, index.h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), index.h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
             : topValues.map((topValue) => (index.h("g", { class: "calendarTop" }, index.h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), index.h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
         // current date indicator
-        index.h("circle", { key: '2758c9c18712ac7b2e4d84037ff59d4df3e1d632', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        index.h("circle", { key: '8a301e27afb5737f85421156a63ce577096846a7', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
 };
 KupGanttCalendar.style = KupGanttCalendarStyle0;
@@ -1467,13 +1467,13 @@ const KupGridRenderer = class {
             // }
             tickX += this.columnWidth;
         }
-        return (index.h("svg", { key: '3a687076ceb67d4d2151e90b5df838ba6747a58a', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, index.h("g", { key: 'fd13c0db7159c49c690cf0d063b5f556ddde81b0', class: "grid" }, index.h("g", { key: '92429036af9035d524c7b128ffeeae73cbb96faa', class: "rows" }, gridRows), index.h("g", { key: 'eaf8e40c9c68949fa28fee76c88ad10235f8d5d7', class: "rowLines" }, rowLines), index.h("g", { key: '4659be531efc97a0bd8cb0f67feff392550b9592', class: "ticks" }, ticks)), index.h("g", { key: '22e90721150f42bd4c2d94fb2bf16eba5d6057c3', class: "content" }, this.currentDateIndicator && (index.h("rect", { key: 'c815b5648e51cf20e7857e138abcfcd3f3e20fad', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (index.h("rect", { key: 'c0e1366d4cd79249081a654158a29a878ad6de82', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), index.h("g", { key: '92241d073f101d9dee69a32662ad2f7c5281cd1a', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (index.h("svg", { key: '380a83d730b9c011e576a588f689e88bf6bd1814', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, index.h("g", { key: 'a9a83e3ec574b36a1ce9d012f6f1e13bffe8eed5', class: "grid" }, index.h("g", { key: '10d5b31ee258f91aac82ce3dc441871f57fe76f6', class: "rows" }, gridRows), index.h("g", { key: 'ddae99458fa1c0ce5b96ac9846bfb167d0f6d7a5', class: "rowLines" }, rowLines), index.h("g", { key: '3a30ca604d25216ecfcea251bced32d9ac211932', class: "ticks" }, ticks)), index.h("g", { key: '46d90e500351f11ffda906eb5c31fea195cc0223', class: "content" }, this.currentDateIndicator && (index.h("rect", { key: '167a7fa6be1cccaea4d57a2c687a0628e91c00d7', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (index.h("rect", { key: '310e6996cddec5650662b08289bb42c1715dcba5', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), index.h("g", { key: '48d1b6330012fc1cb1bbdd87a25afc9e3e868867', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
             return task.barChildren.map((child) => {
                 if (task.type !== 'timeline') {
                     this.renderKupArrow(task, child);
                 }
             });
-        })), index.h("g", { key: '7aa8243a1e31bdcb792b3caa37f9bb7b9bdfdd0a', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), index.h("g", { key: '92d9c57208504e793e94742c5d0a718b2a1ffa5e', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
             const forbidResize = task.type === 'project';
             return (index.h("g", { onKeyDown: (e) => {
                     switch (e.key) {
@@ -1533,7 +1533,7 @@ const KupGridRenderer = class {
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (index.h("g", { key: '81f57cd036a85593dd0cdf8560bc64b4455e201b', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (index.h("g", { key: 'e42b2b38135aab0c22be661f29774c02341c3f87', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-c084046d.js');
 const fCheckbox = require('./f-checkbox-e59d6bda.js');
-const fTextField = require('./f-text-field-025f9ff3.js');
+const fTextField = require('./f-text-field-2f9c646d.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-dbf73b5f.js');
+const kupManager = require('./kup-manager-af4de85d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-7457eb26.js');
 require('./component-a6dd6c14.js');
-require('./kup-dates-8619368a.js');
+require('./kup-dates-6feda954.js');
 
 /**
  * Props of the kup-dashboard component.
@@ -396,7 +396,7 @@ const KupDashboard = class {
         this.didRenderInteractables();
     }
     render() {
-        return (index.h(index.Host, { key: '73f0266f2434d4501a6c1876eea08f7ac81cfc5e' }, index.h("style", { key: 'dfa7c72d553b50134a751d490d755b386fea9cb3' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '74582a1ae78a86d51fabed22594152bdab6c5846', id: GenericVariables.componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
+        return (index.h(index.Host, { key: '66aa2a555cd5b7d4d56a4a13387450ede89c4355' }, index.h("style", { key: '11060323270040d3dd52a1011103024c0741085e' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e784ba520f411aa8f05b73a4b2a9343507272595', id: GenericVariables.componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
     }
     disconnectedCallback() {
         this.unregisterInteractables();

package/dist/cjs/{kup-data-table-helper-d3b9b899.js → kup-data-table-helper-292af776.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const kupManager = require('./kup-manager-dbf73b5f.js');
-const kupDates = require('./kup-dates-8619368a.js');
+const kupManager = require('./kup-manager-af4de85d.js');
+const kupDates = require('./kup-dates-6feda954.js');
 
 /**
  * Filtering algorithms related to column menus.

package/dist/cjs/{kup-dates-8619368a.js → kup-dates-6feda954.js}

@@ -381,7 +381,6 @@ class KupDates {
      */
     isValidFormattedStringDate(date, format, strict, isJustTime = false, manageSeconds = false) {
         let isValidDate = false;
-        const cleanedDate = this.cleanInputDateString(date);
         let parsedDate = null;
         if (format) {
             const nDate = strict ? date : this.normalize(date, format);
@@ -394,13 +393,14 @@ class KupDates {
             }
         }
         else {
-            parsedDate = this.normalize(cleanedDate);
+            parsedDate = this.normalize(date);
             isValidDate = parsedDate.isValid();
         }
         if (!isValidDate) {
             return false;
         }
         let formattedDate = null;
+        const cleanedDate = this.cleanInputDateString(date);
         if (format) {
             formattedDate = dayjs(parsedDate).format(format);
         }
@@ -418,7 +418,7 @@ class KupDates {
             }
             if (format != exports.KupDatesFormats.ISO_TIME &&
                 format != exports.KupDatesFormats.ISO_TIME_WITHOUT_SECONDS) {
-                options.year = cleanedDate.length < 8 ? '2-digit' : 'numeric';
+                options.year = 'numeric'; // Always use 4-digit year for consistency
                 options.month = '2-digit';
                 options.day = '2-digit';
             }
@@ -426,7 +426,21 @@ class KupDates {
             formattedDate = formatObj.format(parsedDate.toDate());
         }
         const cleanedDateNew = this.cleanInputDateString(formattedDate);
-        isValidDate = cleanedDateNew == cleanedDate;
+        // For dates with 2-digit years, we need to expand the original cleaned date for comparison
+        // But only for date formats, not time formats
+        let expandedCleanedDate = cleanedDate;
+        if (!isJustTime &&
+            cleanedDate.length === 6 &&
+            /^\d{6}$/.test(cleanedDate)) {
+            // This is likely DDMMYY format, expand the year part
+            const day = cleanedDate.substring(0, 2);
+            const month = cleanedDate.substring(2, 4);
+            const year = cleanedDate.substring(4, 6);
+            const yearNum = parseInt(year);
+            const fullYear = yearNum > 50 ? '19' + year : '20' + year;
+            expandedCleanedDate = day + month + fullYear;
+        }
+        isValidDate = cleanedDateNew == expandedCleanedDate;
         return isValidDate;
     }
     /**
@@ -461,14 +475,120 @@ class KupDates {
     }
     /**
      * Removes undesired characters in input string, for manage as date
-     * @param input
-     * @returns
+     * Handles dates with or without leading zeros by standardizing the format
+     * based on current locale (D/MM/YYYY, DD/MM/YYYY, etc.)
+     * @param input - Input date string (e.g., "1/12/2023", "01/12/2023", "1/1/23")
+     * @returns Cleaned string with standardized format for further processing
      */
     cleanInputDateString(input) {
         if (!input) {
             return '';
         }
-        return input.replace(/[^0-9]/g, '').trim();
+        if (this.isIsoDate(input)) {
+            return input;
+        }
+        // Get browser locale format to understand expected structure
+        const localeFormat = this.getDateFormat();
+        // Check if input contains separators (slash, dash, dot)
+        const separatorRegex = /[\/\-\.]/;
+        const hasSeparators = separatorRegex.test(input);
+        if (hasSeparators) {
+            // Split by separators to get individual parts
+            const parts = input.split(separatorRegex);
+            if (parts.length >= 2) {
+                // We have at least day and month (and possibly year)
+                const dayIndex = localeFormat.indexOf('DD');
+                const monthIndex = localeFormat.indexOf('MM');
+                const yearIndex = localeFormat.indexOf('YYYY');
+                // Create array to hold [day, month, year] in correct order based on locale
+                let orderedParts = ['', '', ''];
+                // Determine the order based on locale format positions
+                const positions = [
+                    { type: 'day', index: dayIndex, pos: 0 },
+                    { type: 'month', index: monthIndex, pos: 1 },
+                    { type: 'year', index: yearIndex, pos: 2 },
+                ].sort((a, b) => a.index - b.index);
+                // Map input parts to correct positions
+                for (let i = 0; i < Math.min(parts.length, 3); i++) {
+                    const targetPos = positions[i].pos;
+                    orderedParts[targetPos] = parts[i].replace(/[^0-9]/g, '');
+                }
+                let [day, month, year] = orderedParts;
+                // Pad day and month with leading zeros if necessary
+                if (day && day.length === 1) {
+                    day = '0' + day;
+                }
+                if (month && month.length === 1) {
+                    month = '0' + month;
+                }
+                // Handle 2-digit years (convert to 4-digit)
+                if (year && year.length === 2) {
+                    const yearNum = parseInt(year);
+                    if (yearNum > 50) {
+                        year = '19' + year;
+                    }
+                    else {
+                        year = '20' + year;
+                    }
+                }
+                // Build result string based on locale format order, not logical order
+                let result = '';
+                // Create a map of components for easy access
+                const componentMap = {
+                    day: day || '',
+                    month: month || '',
+                    year: year || '',
+                };
+                // Rebuild the string in the order they appear in locale format
+                for (let i = 0; i < positions.length; i++) {
+                    const position = positions[i];
+                    const component = componentMap[position.type];
+                    if (component) {
+                        result += component;
+                    }
+                }
+                return result;
+            }
+        }
+        // If no separators found, clean and return as before
+        const cleanedNumbers = input.replace(/[^0-9]/g, '').trim();
+        // For unseparated input, try to add padding based on common patterns
+        if (cleanedNumbers.length >= 3 && cleanedNumbers.length <= 8) {
+            // This handles cases like "1122023" -> should become "01122023"
+            // or "112023" -> should become "011203" (with 2-digit year handling)
+            return this.padUnseparatedDate(cleanedNumbers);
+        }
+        return cleanedNumbers;
+    }
+    /**
+     * Helper method to pad unseparated date strings (e.g., "1122023" -> "01122023")
+     * @param input - Clean numeric string
+     * @returns Padded string with leading zeros where appropriate
+     */
+    padUnseparatedDate(input) {
+        const length = input.length;
+        switch (length) {
+            case 3: // e.g., "123" -> "0123" (day=01, month=23 - invalid, but let validation handle it)
+                return '0' + input;
+            case 5: // e.g., "11223" -> "011223" (day=01, month=12, year=23)
+                return '0' + input;
+            case 6: // e.g., "112023" -> "01122023" OR "300924" -> "300924" (DDMMYY format, don't pad)
+                // Check if the last 4 characters could be a year (19xx or 20xx)
+                const lastFour = input.substring(2);
+                const yearCandidate = parseInt(lastFour);
+                if (yearCandidate >= 1900 && yearCandidate <= 2099) {
+                    // This looks like DMYYYY format (e.g., "112023" = 1-12-2023)
+                    return '0' + input;
+                }
+                else {
+                    // This looks like DDMMYY format (e.g., "300924" = 30-09-24)
+                    return input;
+                }
+            case 7: // e.g., "1122023" -> "01122023" (day=01, month=12, year=2023)
+                return '0' + input;
+            default:
+                return input;
+        }
     }
     /**
      * Returns a computed ISO date/time from a partial string.

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-dbf73b5f.js');
+const kupManager = require('./kup-manager-af4de85d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8619368a.js');
+require('./kup-dates-6feda954.js');
 
 const drawerClass = 'drawer';
 /**
@@ -130,7 +130,7 @@ const KupDrawer = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'ef4244a2ee202d42768c87968f8be86495a16c62', "kup-opened": this.opened }, index.h("style", { key: '8c3a806af43acfd5bb35cefefa737f8943e8321e' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '27e16af8ee6a9aab70eed8a770b8cc645d033d63', class: "backdrop", onClick: (e) => {
+        return (index.h(index.Host, { key: 'cb722152a9c72d4666072540e0beb7c2f89431c1', "kup-opened": this.opened }, index.h("style", { key: '70c686002caabb6245f90d62769ad8e4e950e517' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c139fac36ae489ef49a3fede40d8d13d84ac0f2c', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -140,7 +140,7 @@ const KupDrawer = class {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), index.h("div", { key: '6e27c4563953da44b7a154f99936adfbde5ff644', id: GenericVariables.componentWrapperId }, index.h("div", { key: '40db376fcd32c448d8ee88ded96ad6f2a2e6964c', class: drawerClass }, this.content()))));
+            } }), index.h("div", { key: '9e1b72e748dfa8b0db962e80e0e2a7d88a6aecac', id: GenericVariables.componentWrapperId }, index.h("div", { key: '58eca77c2213e03d95ab440b328f5fe61abdf603', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-dbf73b5f.js');
+const kupManager = require('./kup-manager-af4de85d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8619368a.js');
+require('./kup-dates-6feda954.js');
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -84692,7 +84692,7 @@ const KupEchart = class {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (index.h(index.Host, { key: '614b6a4b0d48c230decf252b4ab8017b1a0896ad', style: style }, index.h("style", { key: '54f1e6aa58afe03896ef46e5061a50692c1fc95b' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '950ff57374c8d7928f681830703376651a9cb749', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (index.h(index.Host, { key: '6695df3d157839e237b73df89f56dd438240739a', style: style }, index.h("style", { key: 'f645db394d2d0fc02d027e7958eaf9266be71a1d' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '8cc220551d3cee74babf45104cfa3409b2107ec1', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-dbf73b5f.js');
+const kupManager = require('./kup-manager-af4de85d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const kupDates = require('./kup-dates-8619368a.js');
+const kupDates = require('./kup-dates-6feda954.js');
 
 var toastuiEditor = {exports: {}};
 
@@ -46258,7 +46258,7 @@ const KupEditor = class {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '5f644397d50af361235fcf13390db7f56b07680e' }, index.h("div", { key: 'ca9f77fa6f9dbc8927734ec7dbdb5ccf73c6947e', id: GenericVariables.componentWrapperId }, index.h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }), __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this) && (index.h("textarea", { key: '8d73852d4829b1ccebc462b716696ebea9351c0c', id: '' + this.rootElement.id + '-textarea', value: this.initialValue, ref: (el) => (__classPrivateFieldSet(this, _KupEditor_textareaRef, el, "f")), onInput: (e) => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this, e.target.value), placeholder: "Type your text here...", readOnly: this.isReadOnly, style: {
+        return (index.h(index.Host, { key: '031333deffb0732e544076f155555bb62bc53190' }, index.h("div", { key: '0f312ec339138f3a62afdf742660606526d11e70', id: GenericVariables.componentWrapperId }, index.h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }), __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this) && (index.h("textarea", { key: '0e2bc200ff30a15f624299a9577ec910134dc3d1', id: '' + this.rootElement.id + '-textarea', value: this.initialValue, ref: (el) => (__classPrivateFieldSet(this, _KupEditor_textareaRef, el, "f")), onInput: (e) => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this, e.target.value), placeholder: "Type your text here...", readOnly: this.isReadOnly, style: {
                 height: this.editorHeight || 'auto',
             }, class: "kup-editor-textarea" })))));
     }

package/dist/cjs/kup-family-tree.cjs.entry.js

@@ -6,9 +6,9 @@ const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-c084046d.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-7457eb26.js');
-const kupManager = require('./kup-manager-dbf73b5f.js');
+const kupManager = require('./kup-manager-af4de85d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8619368a.js');
+require('./kup-dates-6feda954.js');
 
 /**
  * Props of the kup-family-tree component.
@@ -26,7 +26,7 @@ var KupFamilyTreeProps;
     KupFamilyTreeProps["stackedLeaves"] = "Child nodes that have no children are arranged vertically.";
 })(KupFamilyTreeProps || (KupFamilyTreeProps = {}));
 
-const kupFamilyTreeCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_familytree_item_background_color:var(\n    --kup-layer-1,\n    var(--kup-layer-1)\n  );--kup_familytree_border_color:var(\n    --kup-familytree-border-color,\n    var(--kup-info-color-50)\n  );--kup_familytree_item_color:var(\n    --kup-familytree-item-color,\n    var(--kup-text-color)\n  );--kup_familytree_item_minheight:var(--kup-familytree-item-minheight, 32px);--kup_familytree_item_height:var(--kup-familytree-item-height, 100%);--kup_familytree_item_h_padding:var(\n    --kup-familytree-item-h-padding,\n    var(--kup-space-00)\n  );--kup_familytree_item_v_padding:var(\n    --kup-familytree-item-v-padding,\n    var(--kup-space-03)\n  );--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n    --kup-familytree-lines-color,\n    var(--kup-border-subtle)\n  );display:block;overflow:hidden}.family-tree{cursor:grab;display:flex;transform:scale(var(--kup_familytree_scale, 1));transform-origin:0px 0px}.family-tree--dragging{cursor:grabbing}.family-tree__node{border-collapse:collapse;margin:auto}.family-tree__node--stacked{margin-bottom:4px}.family-tree__node__staff{align-items:center;display:flex;flex-direction:column;height:0;transform:translateX(calc((var(--kup_familytree_item_width) + var(--kup_familytree_item_h_padding) * 2) / 2)) translateY(calc(0px - (var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)))}.family-tree__node__staff__item{padding:var(--kup_familytree_item_v_padding);text-align:left}.family-tree__node__staff__item:before{border-top:2px solid var(--kup_familytree_lines_color);content:\"\";position:absolute;transform:translateX(calc(100% + 2px)) translateY(calc(var(--kup_familytree_item_minheight) / 2));width:var(--kup_familytree_item_h_padding)}.family-tree__node td{vertical-align:top;padding:0}.family-tree__line--left{border-left:2px solid var(--kup_familytree_lines_color)}.family-tree__line--placeholder{height:32px}.family-tree__line--staff{height:calc(var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)}.family-tree__line--right{border-right:2px solid var(--kup_familytree_lines_color)}.family-tree__line--top{border-top:2px solid var(--kup_familytree_lines_color)}.family-tree__line--vertical{background-color:var(--kup_familytree_lines_color);margin-left:auto;margin-right:auto;width:2px}.family-tree__item{display:flex}.family-tree__item__wrapper{margin:auto;display:flex;flex-direction:column}.family-tree__item__wrapper kup-box{margin:0 auto;overflow:hidden;padding:0 var(--kup-space-05);z-index:1}.family-tree__item__wrapper .f-button{--kup-button-primary-color:var(--kup-text-color);--kup-button-primary-color-rgb:var(--kup-text-color-rgb);--kup-button-primary-color-h:var(--kup-text-color-h);--kup-button-primary-color-s:var(--kup-text-color-s);--kup-button-primary-color-l:var(--kup-text-color-l);margin:0 auto;width:max-content}.family-tree__item__wrapper .f-button button{height:32px;width:32px}.family-tree__item__layout{background-color:var(--kup_familytree_item_background_color);box-sizing:border-box;display:flex;height:--kup_familytree_item_minheight;min-height:32px;margin:0 18px;width:var(--kup_familytree_item_width)}.family-tree__item__layout--1{justify-content:center;color:var(--kup_familytree_item_color)}.family-tree__item__layout--1>.family-tree__item__layout__text__title{margin-top:auto;margin-bottom:auto}.family-tree__item__layout--2{background-color:var(--kup_familytree_item_background_color);justify-content:flex-start}.family-tree__item__layout__color{background-color:var(--kup_familytree_border_color);height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto var(--kup-space-03)}.family-tree__item__layout__image img{border-radius:50px;object-fit:cover}.family-tree__item__layout__text{display:flex;flex-direction:column;justify-content:center}.family-tree__item__layout__text__title{font-size:18px;margin-bottom:5px}.family-tree__item__layout__text__subtitle{font-size:14px}.family-tree__item__layout__text__title,.family-tree__item__layout__text__subtitle{max-width:calc(var(--kup_familytree_item_width) - 30%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+const kupFamilyTreeCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_familytree_item_background_color:var(\n    --kup-layer-1,\n    var(--kup-layer-1)\n  );--kup_familytree_border_color:var(\n    --kup-familytree-border-color,\n    var(--kup-info-color-50)\n  );--kup_familytree_item_color:var(\n    --kup-familytree-item-color,\n    var(--kup-text-color)\n  );--kup_familytree_item_minheight:var(--kup-familytree-item-minheight, 32px);--kup_familytree_item_height:var(--kup-familytree-item-height, 100%);--kup_familytree_item_h_padding:var(\n    --kup-familytree-item-h-padding,\n    var(--kup-space-00)\n  );--kup_familytree_item_v_padding:var(\n    --kup-familytree-item-v-padding,\n    var(--kup-space-03)\n  );--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n    --kup-familytree-lines-color,\n    var(--kup-border-subtle)\n  );display:block;overflow:hidden}.family-tree{cursor:grab;display:flex;transform:scale(var(--kup_familytree_scale, 1));transform-origin:0px 0px}.family-tree--dragging{cursor:grabbing}.family-tree__node{border-collapse:collapse;margin:auto}.family-tree__node--stacked{margin-bottom:4px}.family-tree__node__staff{align-items:center;display:flex;flex-direction:column;height:0;transform:translateX(calc((var(--kup_familytree_item_width) + var(--kup_familytree_item_h_padding) * 2) / 2)) translateY(calc(0px - (var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)))}.family-tree__node__staff__item{padding:var(--kup_familytree_item_v_padding);text-align:left}.family-tree__node__staff__item:before{border-top:2px solid var(--kup_familytree_lines_color);content:\"\";position:absolute;transform:translateX(calc(100% + 2px)) translateY(calc(var(--kup_familytree_item_minheight) / 2));width:var(--kup_familytree_item_h_padding)}.family-tree__node td{vertical-align:top;padding:0}.family-tree__line--left{border-left:2px solid var(--kup_familytree_lines_color)}.family-tree__line--placeholder{height:32px}.family-tree__line--staff{height:calc(var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)}.family-tree__line--right{border-right:2px solid var(--kup_familytree_lines_color)}.family-tree__line--top{border-top:2px solid var(--kup_familytree_lines_color)}.family-tree__line--vertical{background-color:var(--kup_familytree_lines_color);margin-left:auto;margin-right:auto;width:2px}.family-tree__item{display:flex}.family-tree__item__wrapper{margin:auto;display:flex;flex-direction:column}.family-tree__item__wrapper kup-box{margin:0 auto;overflow:hidden;padding:0 var(--kup-space-05);z-index:1}.family-tree__item__wrapper .f-button{--kup-button-primary-color:var(--kup-text-color);--kup-button-primary-color-rgb:var(--kup-text-color-rgb);--kup-button-primary-color-h:var(--kup-text-color-h);--kup-button-primary-color-s:var(--kup-text-color-s);--kup-button-primary-color-l:var(--kup-text-color-l);margin:0 auto;width:max-content}.family-tree__item__wrapper .f-button button{height:32px;width:32px}.family-tree__item__layout{background-color:var(--kup_familytree_item_background_color);box-sizing:border-box;display:flex;height:var(--kup_familytree_item_minheight);min-height:32px;margin:0 18px;width:var(--kup_familytree_item_width)}.family-tree__item__layout--1{justify-content:center;color:var(--kup_familytree_item_color)}.family-tree__item__layout--1>.family-tree__item__layout__text__title{margin-top:auto;margin-bottom:auto}.family-tree__item__layout--2{background-color:var(--kup_familytree_item_background_color);justify-content:flex-start}.family-tree__item__layout__color{background-color:var(--kup_familytree_border_color);height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto var(--kup-space-03)}.family-tree__item__layout__image img{border-radius:50px;object-fit:cover}.family-tree__item__layout__text{display:flex;flex-direction:column;justify-content:center}.family-tree__item__layout__text__title{font-size:18px;margin-bottom:5px}.family-tree__item__layout__text__subtitle{font-size:14px}.family-tree__item__layout__text__title,.family-tree__item__layout__text__subtitle{max-width:calc(var(--kup_familytree_item_width) - 30%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
 const KupFamilyTreeStyle0 = kupFamilyTreeCss;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -116,30 +116,25 @@ const KupFamilyTree = class {
      * This method causes the component to autofit its container's width.
      */
     async runAutofit() {
+        if (!__classPrivateFieldGet(this, _KupFamilyTree_wrapperEl, "f")) {
+            return;
+        }
         const parentWidth = __classPrivateFieldGet(this, _KupFamilyTree_wrapperEl, "f").clientWidth;
-        const childWidth = __classPrivateFieldGet(this, _KupFamilyTree_wrapperEl, "f").children[0].clientWidth;
-        const multiplierStep = 0.01;
-        const minWidth = (85 / 100) * parentWidth;
-        const maxWidth = (95 / 100) * parentWidth;
+        const contentWidth = __classPrivateFieldGet(this, _KupFamilyTree_wrapperEl, "f").scrollWidth;
+        if (!parentWidth || !contentWidth) {
+            return;
+        }
+        const minWidth = 0.85 * parentWidth;
+        const maxWidth = 0.95 * parentWidth;
         let multiplier = 1;
-        let tooManyAttempts = 2000;
-        let tempWidth = childWidth;
-        while ((tempWidth < minWidth || tempWidth > maxWidth) &&
-            tooManyAttempts > 0 &&
-            multiplier > multiplierStep) {
-            tooManyAttempts--;
-            if (tempWidth < minWidth) {
-                multiplier = multiplier + multiplierStep;
-            }
-            else if (tempWidth > maxWidth) {
-                multiplier = multiplier - multiplierStep;
-            }
-            else {
-                tooManyAttempts = 0;
-            }
-            tempWidth = childWidth * multiplier;
+        if (contentWidth > maxWidth) {
+            multiplier = maxWidth / contentWidth;
+        }
+        else if (contentWidth < minWidth) {
+            multiplier = Math.min(1, minWidth / contentWidth);
         }
-        __classPrivateFieldGet(this, _KupFamilyTree_wrapperEl, "f").style.setProperty('--kup_familytree_scale', multiplier <= 1 ? multiplier.toFixed(2) : '1');
+        multiplier = Math.max(0.01, Math.min(1, multiplier));
+        __classPrivateFieldGet(this, _KupFamilyTree_wrapperEl, "f").style.setProperty('--kup_familytree_scale', multiplier.toFixed(2));
     }
     /**
      * Sets the props to the component.
@@ -174,12 +169,12 @@ const KupFamilyTree = class {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '59c113b14bebe50ceb29fba01175ad271548c96e', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (index.h(index.Host, { key: 'ccc4705cc3e64180d9f8939db0b396be72f98278', 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);
-            } }, index.h("style", { key: '173db9e311baedab03cc8b78c459131f960c4dfe' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '18384bbb81b93bf50667022c3ad6d6d8f7af75b6', id: GenericVariables.componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, index.h("style", { key: 'b1b58e49d16afcecfa7ba436860d0badb7f6cb07' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '882699f46b8a0f0fc4b2ca6b0c5bb73d643dac7f', id: GenericVariables.componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);