@sme.up/ketchup 9.6.4 → 9.6.5

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

@@ -96,59 +96,59 @@ export class KupSpinner {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: '90666ad7ad0e23c1330fc0455ab17bff299eb43d', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '3345052dd461e7ec46d1da3909f75ccc5f698499', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '74b6dc03fc349bf03f82c2f45b6049d0a96d5b37', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '010f250853f56f487bb30473dff13a17d2762577', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd351612d02e8b08ae603f60555cd3497450d1066', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd3119619838e12b25a6477b05978b155803b9da9', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'dec18ff5da6e447ef0a88748af4ba69876433347', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '622999cb044516e25647e295acaae27633a8bee4', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '9c4123cd6c450454f8834aa54fc6d9d0fd152cb3', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '2cf01d336aebb720a588b64b97b372aef7f61f5f', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '7a871149a9869d035a19f33c29bb743051547bc9', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'eef22904455b6dc3def9ee7f93f6d2907b2e6779', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: '995a07fd01c96a76629d3927590d8e7a48e30df7', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'c101e0eb13a5776f891766e2fa5fe41116f7e7af', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '508d469d81d31c69ae6ac0414b65d25793fa2cc6', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'b7035400b3171be8af748564b90567a6af521a9e', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: '8e4989bceee360ec25e4d0d5a313e1759b26acda', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: '6b0b8bf998f1e52b5a67eeeffbbb9fb3a863d6ff', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: 'c63bfed904f73228827666b23dd84cb5eb25cfe4', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '3485e52f1019a3bf313d40db97623a4f2df75756', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '3293f00ef4d27cf9de011aa6194c2b3791d82572', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: 'be20bfcb1e61da73b9041b59227639899b1ad5b1', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '9c45d4d1a45d63f26fc54128150a811ee68ebbff', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '2c5d61ccfab2caeaea818c16233d8f679b186a01', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '2e797f2237b2a0c115b79d8f40829e8d1a98aba5', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: '69326de8e0cc99e6d84db29baf66face42bff232', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '19a168af29b9945406f0825102e9d1f2b0dc30b8', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: 'c6ee21ac84b32c1f5e9a80bad9cc8ebe8b0bb372', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: '815cb43eeb85da1001819ea01ec308df0d924839', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '9d7ccae4b3b2f2fd7312d2c94fe8f9d878fd42c2', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: 'dfa0abfeb122ffc5393eb44b0baf1064249a8e35', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '473fa7685a333d25698f487e409f575b65e77202', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: 'f6204b28119e835bb9feee65b70de391807b34ec', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '846d41928a6673d5d0be23c7f2012d855f94f7d5', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: 'f89e6198b2ca96761f26e0199e135052e1d8bd7b', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: '817f79a413618a55214bd34d3d3e8dcdf94ccac1', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: 'f5327bd00519954be0739a199f722fbebce2476e', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: 'b2ecb76d9ec7ccb8d5a5b749c73e064ffd8af65e', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '36a10200a66c50a15006d850052a8162b7fb9fae', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '9ad2b1d081c67eb20b0679e15a8dad65472d9861', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '2b8ca22ce51296daf61db3390f050621c00a0f18', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: 'e7dda224be4f1d0db8afe8f75d20de6954164949', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '87be0fc8e745ecbb8f0c20378cd227542306ad30', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: '8408bbe50f643c50661b92925acdfffb1038120e', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: '95fadaf51325082d227b4013ec85a77924655d2d', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '09a5e877113e12c0010a4ce6ec8951a6445b51cc', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '4fb21591657b3e9d9caa1e290012b589049d6b21', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: 'dc4ce858ebd380ba0af38fda60c9df2c2718dfad', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '4b7c4c99fdcb95a74e25cd5398909221bf23666e', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: 'fef3c733fd9439f33ec04d8145cb8fe6ca3e65e0', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: '9ae20267a3c8232a2fcb8437859e0d4cb5eef567', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '4834cb4c42f3ecad07d5075b80dcbb25b33df296', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: 'c5a05c73a0331b8661f3ba062b8aed07a1bd3f75', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: 'd1fd482ea02772716697a98c02b4a4e7257aacd9', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '59e710de566984ccd0bac936a524ce1bad873b40', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '40f84d200ca27b547a14ae92cb021f4d998307cb', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: 'b7318e8ec59b8b253584ab329d0a11cdde77812f', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '3411fd3d32934adb2d5dc7820ddcddf9770aa743', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: 'feb7271af14e53ba11625b6bd29a3e20aea1b0bf', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '3efd6f88fe0853f7e32b490be477918dc5bd9bde', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: 'fbf7f1d6bcdb163e5ec773496701f3e5d97a329c', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: 'b494589d43c870963482b26b2b576bd90795504f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: '1aa3c9ba0103913eb902c39f9d9c7ec5e8053c18', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: 'f47f8d129e2eafc9a138c3d7a20c3e980154cbae', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: 'c5944798de2558b722409d4b7a09cb81d7c95f94', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '9da29e9774277ce3f4a870ff5dbc29c22e02a6dd', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -167,7 +167,7 @@ export class KupSpinner {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: 'e95cc165071471e4e04fde8bb290a9fd435fa650', style: elStyle }, h("style", { key: 'aa5ab921a6ccb0a10f24a9b5e8c475bd14a64c5d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'df75ad70c3da606fe1f1e9f09f9356168c519509', id: componentWrapperId, style: elStyle }, h("div", { key: 'a79125252cf9a550452f143c5e9c1bdf7de40b75', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '0415ec00602f1b7d2eab2159b9316770d1feb545', id: wrapperClass, style: elStyle }, h("div", { key: 'ba73afb2f0501ff51c2791554d9de41d983b77f6', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: '5b9de6c2d309bc15744353796e662fef611f44f6', style: elStyle }, h("style", { key: 'e6a21638735f7fdf44bcec63fd8067924cdafdf5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9e83ab0c16965cfe9cda127c854d08949ea0078f', id: componentWrapperId, style: elStyle }, h("div", { key: 'd033eda03cf43d5ef8ee02fee0890a36d986a893', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'd6695bf8595fc0ae3e1a31578d8c2f550585b77b', id: wrapperClass, style: elStyle }, h("div", { key: 'e06bce173a197cf9fd6aa036865104b625badef1', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -120,7 +120,7 @@ export class KupSwitch {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: '5d4605807cd9168332647028df35b5bc1c53b41f' }, h("style", { key: 'cb4a258ec1e1bda2a31b751043a43d59abea1137' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f1f2d2f031c039ceba39f9192df6824c4f7d8404', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '0ac2940b88d9259f5653ac83ac89b8bdb2e7740e' }, props)))));
+        return (h(Host, { key: 'c58e0bc0af97047925631605157669d49eaafb32' }, h("style", { key: '961d94935464a5bd1dff1bddc28fc46452bb6dba' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ec020595d887abb848346106b981c13a577db96f', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '0a7d447ac4e7aa9a6a3fd5aef2f3f73f257ee1e4' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -405,7 +405,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '4e9d0dec3eeff8397f256178476e7bc01183c5c2' }, h("style", { key: '357339865b975a1ed3dca31dd06e1ac53baaf456' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f1acc1ce4e7c3cf35399892bcfde42379bff9dd8', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '93b86314772e012c9c5e51b5ca9f787526b8b488' }, h("style", { key: '39720990860be688caad0e0573b7ece58a986f70' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '07fd86c0e40d99d8871a60b908cd8116a120847a', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/collection/f-components/f-image/f-image.js

@@ -1,6 +1,5 @@
 import { FImageShape } from "./f-image-declarations";
 import { getAssetPath, h } from "@stencil/core";
-import { KupThemeColorValues } from "../../managers/kup-theme/kup-theme-declarations";
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -38,7 +37,7 @@ export const FImage = (props) => {
             badgeCollection.push(h("kup-badge", Object.assign({}, props.badgeData[index])));
         }
     }
-    return (h("div", Object.assign({ class: `f-image ${props.wrapperClass ? props.wrapperClass : ''} ${props.fit ? 'kup-fit' : ''}` }, props.dataSet, { id: props.id, style: style, title: props.title, onClick: props.onClick }), el, ...badgeCollection));
+    return (h("div", Object.assign({ class: `f-image ${props.wrapperClass ? props.wrapperClass : ''} ` }, props.dataSet, { id: props.id, style: style, title: props.title, onClick: props.onClick }), el, ...badgeCollection));
 };
 /*-------------------------------------------------*/
 /*                  M e t h o d s                  */
@@ -48,9 +47,7 @@ function createIcon(props) {
         'f-image__icon': true,
     };
     const style = {
-        background: props.color
-            ? props.color
-            : `var(${KupThemeColorValues.ICON})`,
+        background: props.color ? props.color : `var(--kup-gray-color-70)`,
     };
     if (props.resource.indexOf('--kup') > -1) {
         let themeIcon = props.resource.replace('--', '');

package/dist/components/_commonjsHelpers.js

@@ -0,0 +1,26 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+function commonjsRequire (path) {
+	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
+export { getAugmentedNamespace as a, commonjsRequire as b, commonjsGlobal as c, getDefaultExportFromCjs as g };

package/dist/components/custom-task-list-table.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { b as KupDates } from './kup-dates.js';
+import { c as createArrayFromNum } from './other.helpers.js';
 
-const ganttTableModuleCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.container{padding:0 10px;margin-right:10px}.project{background:var(--kup-background-color, #ffffff);border:1px solid var(--kup-border-color, #acacac);border-radius:4px;box-sizing:border-box;color:var(--kup-text-color, #595959);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project .main{font-weight:700;width:100%;padding-left:4px}.subrow{cursor:pointer;display:grid;border-width:1px;border-style:solid;border-color:#acacac;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background:#ffffff;color:#595959;font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0;border-bottom-right-radius:0}.timeline{cursor:pointer;display:grid;border-width:1px;border-style:solid;border-color:#cbcbcb;border-radius:4px;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background:#fff;color:#595959;font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.timeline .main{font-weight:700;width:100%;padding-left:4px}";
+const ganttTableModuleCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.container{padding:0 10px;margin-right:10px}.scrollable{overflow-x:auto;scrollbar-width:0}.scrollable .project-wrapper{display:table}.scrollable .project{width:100% !important;display:table-row}.scrollable .project>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid var(--kup-border-color, #acacac);border-top:1px solid var(--kup-border-color, #acacac);padding-left:12px}.scrollable .project>*:first-child{border-left:1px solid var(--kup-border-color, #acacac);border-bottom-left-radius:4px;border-top-left-radius:4px}.scrollable .project>*:last-child{border-right:1px solid var(--kup-border-color, #acacac);border-bottom-right-radius:4px;border-top-right-radius:4px}.scrollable .subrow{width:100% !important;display:table-row}.scrollable .subrow>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .subrow>*:first-child{border-left:1px solid #acacac}.scrollable .subrow>*:last-child{border-right:1px solid #acacac}.scrollable .timeline{width:100% !important;display:table-row}.scrollable .timeline>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .timeline>*:first-child{border-left:1px solid #acacac}.scrollable .timeline>*:last-child{border-right:1px solid #acacac}.scrollable .project:has(+.subrow)>*{border-bottom-left-radius:0;border-bottom-right-radius:0}.scrollable::-webkit-scrollbar{width:0;height:0}.project{background:var(--kup-background-color, #ffffff);border:1px solid var(--kup-border-color, #acacac);border-radius:4px;box-sizing:border-box;color:var(--kup-text-color, #595959);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project .main{font-weight:700;width:100%;padding-left:4px}.subrow{cursor:pointer;display:grid;border-width:1px;border-style:solid;border-color:#acacac;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background:#ffffff;color:#595959;font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.timeline{cursor:pointer;display:grid;border-width:1px;border-style:solid;border-color:#cbcbcb;border-radius:4px;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background:#fff;color:#595959;font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.timeline .main{font-weight:700;width:100%;padding-left:4px}";
 const KupCustomTaskListTableStyle0 = ganttTableModuleCss;
 
 const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomTaskListTable extends HTMLElement {
@@ -14,15 +15,37 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
         this.rowWidth = '';
         this.fontFamily = '';
         this.fontSize = '';
+        this.scrollableTaskList = undefined;
+        this.taskListScrollX = undefined;
         this.setSelectedTask = undefined;
         this.onclickTaskList = undefined;
         this.ondblclickTaskList = undefined;
         this.oncontextmenuTaskList = undefined;
+        this.ontaskListScrollWidth = undefined;
+    }
+    componentDidLoad() {
+        var _a;
+        this.ontaskListScrollWidth((_a = this.projectWrapperRef) === null || _a === void 0 ? void 0 : _a.clientWidth);
+    }
+    componentDidUpdate() {
+        var _a;
+        this.ontaskListScrollWidth((_a = this.projectWrapperRef) === null || _a === void 0 ? void 0 : _a.clientWidth);
+    }
+    updateTaskListScroll() {
+        this.projectWrapperRef &&
+            (this.projectWrapperRef.parentElement.scrollLeft = this.taskListScrollX);
     }
     render() {
         const kupDates = new KupDates();
-        return (h("div", { key: '6f208e493d948891975d12cfa398634ead8f7631', class: "container" }, this.tasks.map((task) => {
-            var _a, _b, _c;
+        const scrollableStyle = {};
+        if (this.scrollableTaskList) {
+            scrollableStyle['width'] = this.rowWidth;
+        }
+        const spansToShow = this.tasks.reduce((prev, curr) => {
+            return prev.valuesToShow.length > curr.valuesToShow.length ? prev : curr;
+        }).valuesToShow.length + 1;
+        return (h("div", { class: `container ${this.scrollableTaskList ? 'scrollable' : ''}`, style: scrollableStyle }, h("div", { class: "project-wrapper", ref: (el) => (this.projectWrapperRef = el) }, this.tasks.map((task) => {
+            var _a, _b, _c, _d;
             return (h(Fragment, null, task.type === 'project' ? (h("div", { class: "project", style: {
                     height: `${this.rowHeight}px`,
                     width: this.rowWidth,
@@ -39,11 +62,15 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
                     e.preventDefault();
                     this.setSelectedTask(task.id);
                     this.oncontextmenuTaskList(e, task.id);
-                } }, (_a = task.valuesToShow) === null || _a === void 0 ? void 0 : _a.map((v, index) => (h("span", { class: index === 0 ? 'main' : undefined, title: v.length > 10 ? v : undefined, key: `task_${task.id}_valuesToShow_${index}` }, v === '#START#'
-                ? kupDates.formatToLocaleSimple(task.start)
-                : v === '#END#'
-                    ? kupDates.formatToLocaleSimple(task.end)
-                    : v))))) : task.type === 'task' ? (h("div", { class: "subrow", style: {
+                } }, (_a = task.valuesToShow) === null || _a === void 0 ? void 0 :
+                _a.map((v, index) => (h("span", { class: index === 0 ? 'main' : undefined, title: v.length > 10 ? v : undefined, key: `task_${task.id}_valuesToShow_${index}` }, v === '#START#'
+                    ? kupDates.formatToLocaleSimple(task.start)
+                    : v === '#END#'
+                        ? kupDates.formatToLocaleSimple(task.end)
+                        : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
+                const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length);
+                return (spansToIterate.map((element) => (h("span", { key: element }))));
+            })()))) : task.type === 'task' ? (h("div", { class: "subrow", style: {
                     height: `${this.rowHeight}px`,
                     width: this.rowWidth,
                     fontFamily: this.fontFamily,
@@ -59,16 +86,26 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
                     e.preventDefault();
                     this.setSelectedTask(task.id);
                     this.oncontextmenuTaskList(e, task.id);
+                } }, this.scrollableTaskList ? (h("div", { style: {
+                    textAlign: 'end',
                 } }, h("span", { key: `phase_${task.id}_valuesToShow_color`, style: {
                     height: '16px',
                     width: '16px',
+                    display: 'inline-block',
                     backgroundColor: (_b = task.styles) === null || _b === void 0 ? void 0 : _b.backgroundColor,
-                } }), (_c = task.valuesToShow) === null || _c === void 0 ? void 0 :
-                _c.map((v, index) => (h("span", { class: index === 0 ? 'main' : undefined, title: v.length > 10 ? v : undefined, key: `phase_${task.id}_valuesToShow_${index}` }, v === '#START#'
+                } }))) : (h("span", { key: `phase_${task.id}_valuesToShow_color`, style: {
+                    height: '16px',
+                    width: '16px',
+                    backgroundColor: (_c = task.styles) === null || _c === void 0 ? void 0 : _c.backgroundColor,
+                } })), (_d = task.valuesToShow) === null || _d === void 0 ? void 0 :
+                _d.map((v, index) => (h("span", { class: index === 0 ? 'main' : undefined, title: v.length > 10 ? v : undefined, key: `phase_${task.id}_valuesToShow_${index}` }, v === '#START#'
                     ? kupDates.formatToLocaleSimple(task.start)
                     : v === '#END#'
                         ? kupDates.formatToLocaleSimple(task.end)
-                        : v))))) : ((() => {
+                        : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
+                const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length - 1);
+                return (spansToIterate.map((element) => (h("span", { key: element }))));
+            })()))) : ((() => {
                 var _a;
                 let str = '';
                 for (let i = 0; i < task.valuesToShow.length; i++) {
@@ -90,8 +127,11 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
                         ? v
                         : undefined, key: `detail_${task.id}_valuesToShow_${index}` }, v)))));
             })())));
-        })));
+        }))));
     }
+    static get watchers() { return {
+        "taskListScrollX": ["updateTaskListScroll"]
+    }; }
     static get style() { return KupCustomTaskListTableStyle0; }
 }, [0, "kup-custom-task-list-table", {
         "ganttId": [1, "gantt-id"],
@@ -100,10 +140,15 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
         "rowWidth": [1, "row-width"],
         "fontFamily": [1, "font-family"],
         "fontSize": [1, "font-size"],
+        "scrollableTaskList": [4, "scrollable-task-list"],
+        "taskListScrollX": [2, "task-list-scroll-x"],
         "setSelectedTask": [16],
         "onclickTaskList": [16],
         "ondblclickTaskList": [16],
-        "oncontextmenuTaskList": [16]
+        "oncontextmenuTaskList": [16],
+        "ontaskListScrollWidth": [16]
+    }, undefined, {
+        "taskListScrollX": ["updateTaskListScroll"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/kup-autocomplete2.js

@@ -1,6 +1,6 @@
 import { h, getAssetPath, proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, forceUpdate, Host } from '@stencil/core/internal/client';
-import { a as KupThemeColorValues, b as KupThemeIconValues, c as KupLanguageGeneric, e as editableTypes, d as kupTypes, F as FCellTypes, f as KupTagNames, h as FCellShapes, i as fullWidthFieldsComps, j as FCellClasses, l as autoCenterComps, m as getCellValueForDisplay, n as FCellEvents, o as KupDebugCategory, p as FCellPadding, q as fillString, r as KupCardBuiltInClockElements, t as KupCardCSSClasses, u as KupLanguageTotals, v as KupLanguageColumn, w as KupDataNewColumnTypes, x as KupCardSubEvents, y as KupCardIds, z as KupLanguageRow, A as getColumnByName, B as KupObjects, C as formatToNumber, D as Filters, E as FilterInterval, G as getValueForDisplay, H as getValueForDisplay2, I as KupData, J as compareCell, T as TotalMode, S as SortMode, L as GroupLabelDisplayMode, M as SelectionMode, N as KupDynamicPositionPlacement, O as KupLanguageGrouping, P as KupLanguageCheckbox, Q as KupLanguageSearch, R as KupLanguagePage, U as addColumnValueFromRow, k as kupManagerInstance, V as KupGlobalFilterMode, g as getProps, s as setProps, W as TotalLabel, X as KupPointerEventTypes, Y as kupDynamicPositionAttribute, Z as KupCardFamily, _ as identify, $ as LoadMoreMode, a0 as PaginatorPos, a1 as ShowGrid, a2 as kupDraggableColumnAttr, a3 as kupDragActiveAttr, a4 as KupDragEffect, a5 as kupDraggableCellAttr, a6 as KupDropEventTypes, a7 as FixedCellsClasses, a8 as FixedCellsCSSVarsBase, a9 as KupLanguageFontsize, aa as KupLanguageDensity, ab as KupLanguageGrid, ac as KupDataTableProps, ad as iconColumn, ae as keyColumn, af as fieldColumn, ag as KupCardProps } from './kup-manager.js';
-import { e as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, b as KupDates, a as KupDatesNormalize } from './kup-dates.js';
+import { b as KupThemeIconValues, c as KupLanguageGeneric, a as KupThemeColorValues, e as editableTypes, d as kupTypes, F as FCellTypes, f as KupTagNames, h as FCellShapes, i as fullWidthFieldsComps, j as FCellClasses, l as autoCenterComps, m as getCellValueForDisplay, n as FCellEvents, o as KupDebugCategory, p as FCellPadding, q as fillString, r as KupCardBuiltInClockElements, t as KupCardCSSClasses, u as KupLanguageTotals, v as KupLanguageColumn, w as KupDataNewColumnTypes, x as KupCardSubEvents, y as KupCardIds, z as KupLanguageRow, A as getColumnByName, B as KupObjects, C as formatToNumber, D as Filters, E as FilterInterval, G as getValueForDisplay, H as getValueForDisplay2, I as KupData, J as compareCell, T as TotalMode, S as SortMode, L as GroupLabelDisplayMode, M as SelectionMode, N as KupDynamicPositionPlacement, O as KupLanguageGrouping, P as KupLanguageCheckbox, Q as KupLanguageSearch, R as KupLanguagePage, U as addColumnValueFromRow, k as kupManagerInstance, V as KupGlobalFilterMode, g as getProps, s as setProps, W as TotalLabel, X as KupPointerEventTypes, Y as kupDynamicPositionAttribute, Z as KupCardFamily, _ as identify, $ as LoadMoreMode, a0 as PaginatorPos, a1 as ShowGrid, a2 as kupDraggableColumnAttr, a3 as kupDragActiveAttr, a4 as KupDragEffect, a5 as kupDraggableCellAttr, a6 as KupDropEventTypes, a7 as FixedCellsClasses, a8 as FixedCellsCSSVarsBase, a9 as KupLanguageFontsize, aa as KupLanguageDensity, ab as KupLanguageGrid, ac as KupDataTableProps, ad as iconColumn, ae as keyColumn, af as fieldColumn, ag as KupCardProps } from './kup-manager.js';
+import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, b as KupDates, a as KupDatesNormalize } from './kup-dates.js';
 
 /**
  * Stores result from supportsCssVariables to avoid redundant processing to
@@ -1149,7 +1149,7 @@ const FImage = (props) => {
             badgeCollection.push(h("kup-badge", Object.assign({}, props.badgeData[index])));
         }
     }
-    return (h("div", Object.assign({ class: `f-image ${props.wrapperClass ? props.wrapperClass : ''} ${props.fit ? 'kup-fit' : ''}` }, props.dataSet, { id: props.id, style: style, title: props.title, onClick: props.onClick }),
+    return (h("div", Object.assign({ class: `f-image ${props.wrapperClass ? props.wrapperClass : ''} ` }, props.dataSet, { id: props.id, style: style, title: props.title, onClick: props.onClick }),
         el,
         ...badgeCollection));
 };
@@ -1161,9 +1161,7 @@ function createIcon(props) {
         'f-image__icon': true,
     };
     const style = {
-        background: props.color
-            ? props.color
-            : `var(${KupThemeColorValues.ICON})`,
+        background: props.color ? props.color : `var(--kup-gray-color-70)`,
     };
     if (props.resource.indexOf('--kup') > -1) {
         let themeIcon = props.resource.replace('--', '');
@@ -15343,7 +15341,7 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '4e9d0dec3eeff8397f256178476e7bc01183c5c2' }, h("style", { key: '357339865b975a1ed3dca31dd06e1ac53baaf456' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f1acc1ce4e7c3cf35399892bcfde42379bff9dd8', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '93b86314772e012c9c5e51b5ca9f787526b8b488' }, h("style", { key: '39720990860be688caad0e0573b7ece58a986f70' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '07fd86c0e40d99d8871a60b908cd8116a120847a', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -16445,7 +16443,7 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends HTMLE
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: '5d4605807cd9168332647028df35b5bc1c53b41f' }, h("style", { key: 'cb4a258ec1e1bda2a31b751043a43d59abea1137' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f1f2d2f031c039ceba39f9192df6824c4f7d8404', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '0ac2940b88d9259f5653ac83ac89b8bdb2e7740e' }, props)))));
+        return (h(Host, { key: 'c58e0bc0af97047925631605157669d49eaafb32' }, h("style", { key: '961d94935464a5bd1dff1bddc28fc46452bb6dba' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ec020595d887abb848346106b981c13a577db96f', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '0a7d447ac4e7aa9a6a3fd5aef2f3f73f257ee1e4' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16702,59 +16700,59 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends HTM
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: '90666ad7ad0e23c1330fc0455ab17bff299eb43d', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '3345052dd461e7ec46d1da3909f75ccc5f698499', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '74b6dc03fc349bf03f82c2f45b6049d0a96d5b37', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '010f250853f56f487bb30473dff13a17d2762577', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd351612d02e8b08ae603f60555cd3497450d1066', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd3119619838e12b25a6477b05978b155803b9da9', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'dec18ff5da6e447ef0a88748af4ba69876433347', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '622999cb044516e25647e295acaae27633a8bee4', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '9c4123cd6c450454f8834aa54fc6d9d0fd152cb3', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '2cf01d336aebb720a588b64b97b372aef7f61f5f', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '7a871149a9869d035a19f33c29bb743051547bc9', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'eef22904455b6dc3def9ee7f93f6d2907b2e6779', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: '995a07fd01c96a76629d3927590d8e7a48e30df7', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'c101e0eb13a5776f891766e2fa5fe41116f7e7af', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '508d469d81d31c69ae6ac0414b65d25793fa2cc6', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'b7035400b3171be8af748564b90567a6af521a9e', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: '8e4989bceee360ec25e4d0d5a313e1759b26acda', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: '6b0b8bf998f1e52b5a67eeeffbbb9fb3a863d6ff', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: 'c63bfed904f73228827666b23dd84cb5eb25cfe4', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '3485e52f1019a3bf313d40db97623a4f2df75756', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '3293f00ef4d27cf9de011aa6194c2b3791d82572', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: 'be20bfcb1e61da73b9041b59227639899b1ad5b1', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '9c45d4d1a45d63f26fc54128150a811ee68ebbff', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '2c5d61ccfab2caeaea818c16233d8f679b186a01', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '2e797f2237b2a0c115b79d8f40829e8d1a98aba5', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: '69326de8e0cc99e6d84db29baf66face42bff232', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '19a168af29b9945406f0825102e9d1f2b0dc30b8', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: 'c6ee21ac84b32c1f5e9a80bad9cc8ebe8b0bb372', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: '815cb43eeb85da1001819ea01ec308df0d924839', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '9d7ccae4b3b2f2fd7312d2c94fe8f9d878fd42c2', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: 'dfa0abfeb122ffc5393eb44b0baf1064249a8e35', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '473fa7685a333d25698f487e409f575b65e77202', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: 'f6204b28119e835bb9feee65b70de391807b34ec', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '846d41928a6673d5d0be23c7f2012d855f94f7d5', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: 'f89e6198b2ca96761f26e0199e135052e1d8bd7b', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: '817f79a413618a55214bd34d3d3e8dcdf94ccac1', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: 'f5327bd00519954be0739a199f722fbebce2476e', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: 'b2ecb76d9ec7ccb8d5a5b749c73e064ffd8af65e', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '36a10200a66c50a15006d850052a8162b7fb9fae', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '9ad2b1d081c67eb20b0679e15a8dad65472d9861', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '2b8ca22ce51296daf61db3390f050621c00a0f18', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: 'e7dda224be4f1d0db8afe8f75d20de6954164949', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '87be0fc8e745ecbb8f0c20378cd227542306ad30', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: '8408bbe50f643c50661b92925acdfffb1038120e', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: '95fadaf51325082d227b4013ec85a77924655d2d', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '09a5e877113e12c0010a4ce6ec8951a6445b51cc', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '4fb21591657b3e9d9caa1e290012b589049d6b21', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: 'dc4ce858ebd380ba0af38fda60c9df2c2718dfad', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '4b7c4c99fdcb95a74e25cd5398909221bf23666e', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: 'fef3c733fd9439f33ec04d8145cb8fe6ca3e65e0', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: '9ae20267a3c8232a2fcb8437859e0d4cb5eef567', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '4834cb4c42f3ecad07d5075b80dcbb25b33df296', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: 'c5a05c73a0331b8661f3ba062b8aed07a1bd3f75', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: 'd1fd482ea02772716697a98c02b4a4e7257aacd9', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '59e710de566984ccd0bac936a524ce1bad873b40', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '40f84d200ca27b547a14ae92cb021f4d998307cb', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: 'b7318e8ec59b8b253584ab329d0a11cdde77812f', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '3411fd3d32934adb2d5dc7820ddcddf9770aa743', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: 'feb7271af14e53ba11625b6bd29a3e20aea1b0bf', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '3efd6f88fe0853f7e32b490be477918dc5bd9bde', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: 'fbf7f1d6bcdb163e5ec773496701f3e5d97a329c', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: 'b494589d43c870963482b26b2b576bd90795504f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: '1aa3c9ba0103913eb902c39f9d9c7ec5e8053c18', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: 'f47f8d129e2eafc9a138c3d7a20c3e980154cbae', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: 'c5944798de2558b722409d4b7a09cb81d7c95f94', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '9da29e9774277ce3f4a870ff5dbc29c22e02a6dd', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -16773,7 +16771,7 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends HTM
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: 'e95cc165071471e4e04fde8bb290a9fd435fa650', style: elStyle }, h("style", { key: 'aa5ab921a6ccb0a10f24a9b5e8c475bd14a64c5d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'df75ad70c3da606fe1f1e9f09f9356168c519509', id: componentWrapperId, style: elStyle }, h("div", { key: 'a79125252cf9a550452f143c5e9c1bdf7de40b75', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '0415ec00602f1b7d2eab2159b9316770d1feb545', id: wrapperClass, style: elStyle }, h("div", { key: 'ba73afb2f0501ff51c2791554d9de41d983b77f6', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: '5b9de6c2d309bc15744353796e662fef611f44f6', style: elStyle }, h("style", { key: 'e6a21638735f7fdf44bcec63fd8067924cdafdf5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9e83ab0c16965cfe9cda127c854d08949ea0078f', id: componentWrapperId, style: elStyle }, h("div", { key: 'd033eda03cf43d5ef8ee02fee0890a36d986a893', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'd6695bf8595fc0ae3e1a31578d8c2f550585b77b', id: wrapperClass, style: elStyle }, h("div", { key: 'e06bce173a197cf9fd6aa036865104b625badef1', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17027,7 +17025,7 @@ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends HTMLE
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h(Host, { key: '4e24c6e19d8bdf55cd5af32b56443a16ad4338fd' }, h("style", { key: '134f0d0b306debe1051accef1f8f453d0b31a74a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '90bf22fb71164827090b8aa5c0e7130f0faa044d', id: componentWrapperId }, h(FRating, Object.assign({ key: 'd7528316b469425004dafadf7c3e23bcfc21d88d' }, props)))));
+        return (h(Host, { key: 'c56d698d5f1b274ee1a318104a3acb41156b78e1' }, h("style", { key: 'b1e57137e0a1461f12d73ec86d4dbdcf023ffe16' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4e934f072d83d0f6ffe7ffd7ef8edcccf3935d9e', id: componentWrapperId }, h(FRating, Object.assign({ key: '6a5946de139310a68c7e4d5221fc4444a28b80e1' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17286,7 +17284,7 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
                 ? true
                 : false,
         };
-        return (h(Host, { key: 'e3d69a32dbec693f8422b7e7346b7b804eeb76ca' }, h("style", { key: '262b6848f0829cb32c4101e238bf4436e335246b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '71de2f445158aec16e207563d8a6dbfbc1935798', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '4a7d4af7f4f5029c9e0a113258291b3314886ad4' }, props)))));
+        return (h(Host, { key: '57a2cca6ae1cfd6ff6a69288018df10806d0e67c' }, h("style", { key: '7fd614839501fda6bf2d3d89ad66e76e59637297' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'eee4d3901f0552242a11513c990aa4cbecce32bc', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '3cee61bc06301e0f709610e30cb62fa092982ba0' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -28114,7 +28112,7 @@ function defineCustomElement$2() {
     } });
 }
 
-const kupBadgeCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_badge_border_radius:var(--kup-badge-border-radius, 30px);--kup_badge_font_family:var(--kup-badge-font-family, var(--kup-font-family));--kup_badge_font_size:var(--kup-badge-font-size, var(--kup-font-size));--kup_badge_min_size:var(--kup-badge-min-size, 1.5em);--kup_badge_padding:var(--kup-badge-padding, 0.25em);--kup_badge_primary_color:var(\n    --kup-badge-primary-color,\n    var(--kup-primary-color)\n  );--kup_badge_text_on_primary_color:var(\n    --kup-badge-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );display:block;font-family:var(--kup_badge_font_family);font-size:var(--kup_badge_font_size);position:absolute;top:0;left:0;transform:translate(-50%, -50%)}#kup-component{background-color:var(--kup_badge_primary_color);border-radius:var(--kup_badge_border_radius);color:var(--kup_badge_text_on_primary_color);font-size:0.875em;min-height:var(--kup_badge_min_size);min-width:var(--kup_badge_min_size);padding:var(--kup_badge_padding);text-align:center}#kup-component .f-image{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);height:inherit;width:inherit}:host(.kup-top-right){top:0;right:0;bottom:unset;left:unset;transform:translate(50%, -50%)}:host(.kup-bottom-right){top:unset;right:0;bottom:0;left:unset;transform:translate(50%, 50%)}:host(.kup-bottom-left){top:unset;right:unset;bottom:0;left:0;transform:translate(-50%, 50%)}:host(.kup-danger){--kup-badge-primary-color:var(--kup-danger-color);--kup-badge-text-on-primary-color:white}:host(.kup-info){--kup-badge-primary-color:var(--kup-info-color);--kup-badge-text-on-primary-color:white}:host(.kup-secondary){--kup-badge-primary-color:var(--kup-secondary-color);--kup-badge-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-badge-primary-color:var(--kup-success-color);--kup-badge-text-on-primary-color:white}:host(.kup-warning){--kup-badge-primary-color:var(--kup-warning-color);--kup-badge-text-on-primary-color:white}";
+const kupBadgeCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_badge_border_radius:var(--kup-badge-border-radius, 30px);--kup_badge_font_family:var(--kup-badge-font-family, var(--kup-font-family));--kup_badge_font_size:var(--kup-badge-font-size, var(--kup-font-size));--kup_badge_min_size:var(--kup-badge-min-size, 1.5em);--kup_badge_padding:var(--kup-badge-padding, 0.25em);--kup_badge_primary_color:var(\n    --kup-badge-primary-color,\n    var(--kup-primary-color)\n  );--kup_badge_text_on_primary_color:var(\n    --kup-badge-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );display:block;font-family:var(--kup_badge_font_family);font-size:var(--kup_badge_font_size);position:absolute;top:0;left:0;transform:translate(15%, 15%)}#kup-component{background-color:var(--kup_badge_primary_color);border-radius:var(--kup_badge_border_radius);color:var(--kup_badge_text_on_primary_color);font-size:0.875em;min-height:var(--kup_badge_min_size);min-width:var(--kup_badge_min_size);padding:var(--kup_badge_padding);text-align:center}#kup-component .f-image{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);height:inherit;width:inherit}:host(.kup-top-right){top:0;right:0;bottom:unset;left:unset;transform:translate(-15%, 15%)}:host(.kup-bottom-right){top:unset;right:0;bottom:0;left:unset;transform:translate(-15%, -15%)}:host(.kup-bottom-left){top:unset;right:unset;bottom:0;left:0;transform:translate(15%, -15%)}:host(.kup-danger){--kup-badge-primary-color:var(--kup-danger-color);--kup-badge-text-on-primary-color:white}:host(.kup-info){--kup-badge-primary-color:var(--kup-info-color);--kup-badge-text-on-primary-color:white}:host(.kup-secondary){--kup-badge-primary-color:var(--kup-secondary-color);--kup-badge-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-badge-primary-color:var(--kup-success-color);--kup-badge-text-on-primary-color:white}:host(.kup-warning){--kup-badge-primary-color:var(--kup-warning-color);--kup-badge-text-on-primary-color:white}";
 const KupBadgeStyle0 = kupBadgeCss;
 
 const KupBadge = /*@__PURE__*/ proxyCustomElement(class KupBadge extends HTMLElement$1 {

package/dist/components/kup-calendar.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, getAssetPath, forceUpdate, h as h$1, Host } from '@stencil/core/internal/client';
 import { k as kupManagerInstance, g as getProps, s as setProps, c as KupLanguageGeneric, A as getColumnByName } from './kup-manager.js';
 import { c as componentWrapperId, R as FButton, L as FChip, 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, S as FChipType } from './kup-autocomplete2.js';
-import { d as KupDatesLocales } from './kup-dates.js';
+import { c as KupDatesLocales } from './kup-dates.js';
 
 var n,l$1,u$1,i$1,t,r$1,o,f$1,e$1,c$1={},s=[],a$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function h(n,l){for(var u in l)n[u]=l[u];return n}function v$1(n){var l=n.parentNode;l&&l.removeChild(n);}function y(l,u,i){var t,r,o,f={};for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===f[o]&&(f[o]=l.defaultProps[o]);return p(l,f,t,r,null)}function p(n,i,t,r,o){var f={type:n,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++u$1:o};return null==o&&null!=l$1.vnode&&l$1.vnode(f),f}function d(){return {current:null}}function _(n){return n.children}function k$1(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||g$2(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||g$2(n,r,l[r],u[r],i);}function b$1(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$1.test(l)?u:u+"px";}function g$2(n,l,u,i,t){var r;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||b$1(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||b$1(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])r=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?i||n.addEventListener(l,r?w$2:m$1,r):n.removeEventListener(l,r?w$2:m$1,r);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&-1==l.indexOf("-")?n.removeAttribute(l):n.setAttribute(l,u));}}function m$1(n){t=!0;try{return this.l[n.type+!1](l$1.event?l$1.event(n):n)}finally{t=!1;}}function w$2(n){t=!0;try{return this.l[n.type+!0](l$1.event?l$1.event(n):n)}finally{t=!1;}}function x$1(n,l){this.props=n,this.context=l;}function A(n,l){if(null==l)return n.__?A(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?A(n):null}function P$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return P$1(n)}}function C$1(n){t?setTimeout(n):f$1(n);}function T$1(n){(!n.__d&&(n.__d=!0)&&r$1.push(n)&&!$$1.__r++||o!==l$1.debounceRendering)&&((o=l$1.debounceRendering)||C$1)($$1);}function $$1(){var n,l,u,i,t,o,f,e;for(r$1.sort(function(n,l){return n.__v.__b-l.__v.__b});n=r$1.shift();)n.__d&&(l=r$1.length,i=void 0,t=void 0,f=(o=(u=n).__v).__e,(e=u.__P)&&(i=[],(t=h({},o)).__v=o.__v+1,M(e,o,t,u.__n,void 0!==e.ownerSVGElement,null!=o.__h?[f]:null,i,null==f?A(o):f,o.__h),N(i,o),o.__e!=f&&P$1(o)),r$1.length>l&&r$1.sort(function(n,l){return n.__v.__b-l.__v.__b}));$$1.__r=0;}function H$1(n,l,u,i,t,r,o,f,e,a){var h,v,y,d,k,b,g,m=i&&i.__k||s,w=m.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(d=u.__k[h]=null==(d=l[h])||"boolean"==typeof d?null:"string"==typeof d||"number"==typeof d||"bigint"==typeof d?p(null,d,null,null,d):Array.isArray(d)?p(_,{children:d},null,null,null):d.__b>0?p(d.type,d.props,d.key,d.ref?d.ref:null,d.__v):d)){if(d.__=u,d.__b=u.__b+1,null===(y=m[h])||y&&d.key==y.key&&d.type===y.type)m[h]=void 0;else for(v=0;v<w;v++){if((y=m[v])&&d.key==y.key&&d.type===y.type){m[v]=void 0;break}y=null;}M(n,d,y=y||c$1,t,r,o,f,e,a),k=d.__e,(v=d.ref)&&y.ref!=v&&(g||(g=[]),y.ref&&g.push(y.ref,null,d),g.push(v,d.__c||k,d)),null!=k?(null==b&&(b=k),"function"==typeof d.type&&d.__k===y.__k?d.__d=e=I$1(d,e,n):e=z$1(n,d,y,m,k,e),"function"==typeof u.type&&(u.__d=e)):e&&y.__e==e&&e.parentNode!=n&&(e=A(y));}for(u.__e=b,h=w;h--;)null!=m[h]&&("function"==typeof u.type&&null!=m[h].__e&&m[h].__e==u.__d&&(u.__d=L$1(i).nextSibling),q(m[h],m[h]));if(g)for(h=0;h<g.length;h++)S(g[h],g[++h],g[++h]);}function I$1(n,l,u){for(var i,t=n.__k,r=0;t&&r<t.length;r++)(i=t[r])&&(i.__=n,l="function"==typeof i.type?I$1(i,l,u):z$1(u,i,i,t,i.__e,l));return l}function j$2(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){j$2(n,l);}):l.push(n)),l}function z$1(n,l,u,i,t,r){var o,f,e;if(void 0!==l.__d)o=l.__d,l.__d=void 0;else if(null==u||t!=r||null==t.parentNode)n:if(null==r||r.parentNode!==n)n.appendChild(t),o=null;else {for(f=r,e=0;(f=f.nextSibling)&&e<i.length;e+=1)if(f==t)break n;n.insertBefore(t,r),o=r;}return void 0!==o?o:t.nextSibling}function L$1(n){var l,u,i;if(null==n.type||"string"==typeof n.type)return n.__e;if(n.__k)for(l=n.__k.length-1;l>=0;l--)if((u=n.__k[l])&&(i=L$1(u)))return i;return null}function M(n,u,i,t,r,o,f,e,c){var s,a,v,y,p,d,k,b,g,m,w,A,P,C,T,$=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,o=[e]),(s=l$1.__b)&&s(u);try{n:if("function"==typeof $){if(b=u.props,g=(s=$.contextType)&&t[s.__c],m=s?g?g.props.value:s.__:t,i.__c?k=(a=u.__c=i.__c).__=a.__E:("prototype"in $&&$.prototype.render?u.__c=a=new $(b,m):(u.__c=a=new x$1(b,m),a.constructor=$,a.render=B$1),g&&g.sub(a),a.props=b,a.state||(a.state={}),a.context=m,a.__n=t,v=a.__d=!0,a.__h=[],a._sb=[]),null==a.__s&&(a.__s=a.state),null!=$.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=h({},a.__s)),h(a.__s,$.getDerivedStateFromProps(b,a.__s))),y=a.props,p=a.state,a.__v=u,v)null==$.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else {if(null==$.getDerivedStateFromProps&&b!==y&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(b,m),!a.__e&&null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(b,a.__s,m)||u.__v===i.__v){for(u.__v!==i.__v&&(a.props=b,a.state=a.__s,a.__d=!1),u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),w=0;w<a._sb.length;w++)a.__h.push(a._sb[w]);a._sb=[],a.__h.length&&f.push(a);break n}null!=a.componentWillUpdate&&a.componentWillUpdate(b,a.__s,m),null!=a.componentDidUpdate&&a.__h.push(function(){a.componentDidUpdate(y,p,d);});}if(a.context=m,a.props=b,a.__P=n,A=l$1.__r,P=0,"prototype"in $&&$.prototype.render){for(a.state=a.__s,a.__d=!1,A&&A(u),s=a.render(a.props,a.state,a.context),C=0;C<a._sb.length;C++)a.__h.push(a._sb[C]);a._sb=[];}else do{a.__d=!1,A&&A(u),s=a.render(a.props,a.state,a.context),a.state=a.__s;}while(a.__d&&++P<25);a.state=a.__s,null!=a.getChildContext&&(t=h(h({},t),a.getChildContext())),v||null==a.getSnapshotBeforeUpdate||(d=a.getSnapshotBeforeUpdate(y,p)),T=null!=s&&s.type===_&&null==s.key?s.props.children:s,H$1(n,Array.isArray(T)?T:[T],u,i,t,r,o,f,e,c),a.base=u.__e,u.__h=null,a.__h.length&&f.push(a),k&&(a.__E=a.__=null),a.__e=!1;}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=O(i.__e,u,i,t,r,o,f,c);(s=l$1.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=o)&&(u.__e=e,u.__h=!!c,o[o.indexOf(e)]=null),l$1.__e(n,u,i);}}function N(n,u){l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function O(l,u,i,t,r,o,f,e){var s,a,h,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,e=!1;}if(null===d)y===p||e&&l.data===p||(l.data=p);else {if(o=o&&n.call(l.childNodes),a=(y=i.props||c$1).dangerouslySetInnerHTML,h=p.dangerouslySetInnerHTML,!e){if(null!=o)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(h||a)&&(h&&(a&&h.__html==a.__html||h.__html===l.innerHTML)||(l.innerHTML=h&&h.__html||""));}if(k$1(l,p,y,r,e),h)u.__k=[];else if(_=u.props.children,H$1(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&A(i,0),e),null!=o)for(_=o.length;_--;)null!=o[_]&&v$1(o[_]);e||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&g$2(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&g$2(l,"checked",_,y.checked,!1));}return l}function S(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function q(n,u,i){var t,r;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||S(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null,n.__c=void 0;}if(t=n.__k)for(r=0;r<t.length;r++)t[r]&&q(t[r],u,i||"function"!=typeof n.type);i||null==n.__e||v$1(n.__e),n.__=n.__e=n.__d=void 0;}function B$1(n,l,u){return this.constructor(n,u)}function D$1(u,i,t){var r,o,f;l$1.__&&l$1.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],M(i,u=(!r&&t||i).__k=y(_,null,[u]),o||c$1,c$1,void 0!==i.ownerSVGElement,!r&&t?[t]:o?null:i.firstChild?n.call(i.childNodes):null,f,!r&&t?t:o?o.__e:i.firstChild,r),N(f,u);}function G$1(n,l){var u={__c:l="__cC"+e$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,T$1(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=s.slice,l$1={__e:function(n,l,u,i){for(var t,r,o;l=l.__;)if((t=l.__c)&&!t.__)try{if((r=t.constructor)&&null!=r.getDerivedStateFromError&&(t.setState(r.getDerivedStateFromError(n)),o=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),o=t.__d),o)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,i$1=function(n){return null!=n&&void 0===n.constructor},t=!1,x$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=h({},this.state),"function"==typeof n&&(n=n(h({},u),this.props)),n&&h(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),T$1(this));},x$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),T$1(this));},x$1.prototype.render=_,r$1=[],f$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,$$1.__r=0,e$1=0;