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

package/dist/components/kup-htm.js

@@ -0,0 +1,253 @@
+import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host, Fragment } from '@stencil/core/internal/client';
+import { k as kupManagerInstance, g as getProps, s as setProps, d as KupLanguageGeneric } from './kup-manager.js';
+import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
+
+/**
+ * Props of the kup-htm component.
+ * Used to export every prop in an object.
+ */
+var KupHTMProps;
+(function (KupHTMProps) {
+    KupHTMProps["data"] = "Data of the component containing url or html";
+})(KupHTMProps || (KupHTMProps = {}));
+
+const kupHtmCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{height:100%;width:100%;display:block}#kup-component{height:100%}#kup-component .kup-htm.is-link{height:100%}#kup-component .kup-htm.is-link a{float:left}#kup-component .kup-htm.is-link iframe{height:100%;width:100%}";
+const KupHtmStyle0 = kupHtmCss;
+
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _KupHTM_kupManager;
+const KupHTM = /*@__PURE__*/ proxyCustomElement(class KupHTM extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.kupReady = createEvent(this, "kup-htm-ready", 6);
+        /*-------------------------------------------------*/
+        /*       I n t e r n a l   V a r i a b l e s       */
+        /*-------------------------------------------------*/
+        _KupHTM_kupManager.set(this, kupManagerInstance());
+        this.data = undefined;
+    }
+    /*-------------------------------------------------*/
+    /*           P u b l i c   M e t h o d s           */
+    /*-------------------------------------------------*/
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    async getProps(descriptions) {
+        return getProps(this, KupHTMProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        forceUpdate(this);
+    }
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        setProps(this, KupHTMProps, props);
+    }
+    /*-------------------------------------------------*/
+    /*          L i f e c y c l e   H o o k s          */
+    /*-------------------------------------------------*/
+    componentWillLoad() {
+        __classPrivateFieldGet(this, _KupHTM_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.register(this);
+        __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.register(this);
+    }
+    componentDidLoad() {
+        this.kupReady.emit({
+            comp: this,
+            id: this.rootElement.id,
+        });
+        __classPrivateFieldGet(this, _KupHTM_kupManager, "f").debug.logLoad(this, true);
+    }
+    componentWillRender() {
+        __classPrivateFieldGet(this, _KupHTM_kupManager, "f").debug.logRender(this, false);
+    }
+    componentDidRender() {
+        __classPrivateFieldGet(this, _KupHTM_kupManager, "f").debug.logRender(this, true);
+    }
+    render() {
+        const isLink = __classPrivateFieldGet(this, _KupHTM_kupManager, "f").objects.isLink(this.data.obj);
+        return (h(Host, { key: 'e973cfb80ddc6aba894dd2994b3be82fc93a07bc' }, h("style", { key: 'cd5f18859b77dfbaa1008cfe37183e18780b8e38' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '69a912436a0c644bbe0ca38efe2aff60c31b15e4', id: componentWrapperId }, h("div", { key: '5e057d8c92cbfd479a57c10c205e96be51475007', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB)), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
+    }
+    disconnectedCallback() {
+        __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.unregister(this);
+        __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.unregister(this);
+    }
+    get rootElement() { return this; }
+    static get style() { return KupHtmStyle0; }
+}, [1, "kup-htm", {
+        "data": [16],
+        "getProps": [64],
+        "refresh": [64],
+        "setProps": [64]
+    }]);
+_KupHTM_kupManager = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kup-htm", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
+    components.forEach(tagName => { switch (tagName) {
+        case "kup-htm":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, KupHTM);
+            }
+            break;
+        case "kup-autocomplete":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
+            }
+            break;
+        case "kup-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "kup-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "kup-button-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "kup-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "kup-chart":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "kup-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "kup-chip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "kup-color-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "kup-combobox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "kup-data-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "kup-date-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "kup-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "kup-dropdown-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "kup-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "kup-gauge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "kup-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "kup-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "kup-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "kup-rating":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "kup-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "kup-switch":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "kup-text-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "kup-time-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "kup-tree":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const KupHtm = KupHTM;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupHtm, defineCustomElement };
+
+//# sourceMappingURL=kup-htm.js.map

package/dist/components/kup-htm.js.map

@@ -0,0 +1 @@
+{"file":"kup-htm.js","mappings":";;;;AAAA;;;;AAIA,IAAY,WAEX;AAFD,WAAY,WAAW;IACnB,oEAAqD,CAAA;AACzD,CAAC,EAFW,WAAW,KAAX,WAAW;;ACJvB,MAAM,SAAS,GAAG,wpEAAwpE,CAAC;AAC3qE,qBAAe,SAAS;;;;;;;;;;MC+BX,MAAM;;;;;;;;;QAoBf,6BAA0B,kBAAkB,EAAE,EAAC;;;;;;;;;;;IA2B/C,MAAM,QAAQ,CAAC,YAAsB;QACjC,OAAO,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;KACpD;;;;IAKD,MAAM,OAAO;QACT,WAAW,CAAC,IAAI,CAAC,CAAC;KACrB;;;;;IAMD,MAAM,QAAQ,CAAC,KAAoB;QAC/B,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;KACtC;;;;IAMD,iBAAiB;QACb,uBAAA,IAAI,0BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC5C,uBAAA,IAAI,0BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtC,uBAAA,IAAI,0BAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KAC5C;IAED,gBAAgB;QACZ,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACf,IAAI,EAAE,IAAI;YACV,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;SAC1B,CAAC,CAAC;QACH,uBAAA,IAAI,0BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAC9C;IAED,mBAAmB;QACf,uBAAA,IAAI,0BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACjD;IAED,kBAAkB;QACd,uBAAA,IAAI,0BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAChD;IAED,MAAM;QACF,MAAM,MAAM,GAAG,uBAAA,IAAI,0BAAY,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE9D,QACI,EAAC,IAAI,uDACD,gEACK,uBAAA,IAAI,0BAAY,CAAC,KAAK,CAAC,WAAW,CAC/B,IAAI,CAAC,WAA2B,CACnC,CACG,EACR,4DAAK,EAAE,EAAE,kBAAkB,IACvB,4DAAK,KAAK,EAAE,WAAW,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IAC3C,MAAM,IACH,EAAC,QAAQ,QACL,SACI,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EACrB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,IAExB,uBAAA,IAAI,0BAAY,CAAC,QAAQ,CAAC,SAAS,CAChC,kBAAkB,CAAC,eAAe,CACrC,CACD,EACJ,cACI,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EACpB,WAAW,EAAC,GAAG,GACT,CACH,KAEX,WAAK,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,GAAI,CACtC,CACC,CACJ,CACH,EACT;KACL;IAED,oBAAoB;QAChB,uBAAA,IAAI,0BAAY,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxC,uBAAA,IAAI,0BAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/kup-htm/kup-htm-declarations.ts","src/components/kup-htm/kup-htm.scss?tag=kup-htm&encapsulation=shadow","src/components/kup-htm/kup-htm.tsx"],"sourcesContent":["/**\n * Props of the kup-htm component.\n * Used to export every prop in an object.\n */\nexport enum KupHTMProps {\n    data = 'Data of the component containing url or html',\n}\n",":host {\n  height: 100%;\n  width: 100%;\n  display: block;\n}\n\n#kup-component {\n  height: 100%;\n  .kup-htm.is-link {\n    height: 100%;\n    a {\n      float: left;\n    }\n    iframe {\n      height: 100%;\n      width: 100%;\n    }\n  }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    forceUpdate,\n    h,\n    Host,\n    Method,\n    Prop,\n    Fragment,\n} from '@stencil/core';\nimport {\n    KupManager,\n    kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { KupDataCell } from '../../managers/kup-data/kup-data-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    GenericObject,\n    KupComponent,\n    KupEventPayload,\n} from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { KupHTMProps } from './kup-htm-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\n\n@Component({\n    tag: 'kup-htm',\n    styleUrl: 'kup-htm.scss',\n    shadow: true,\n})\nexport class KupHTM {\n    /**\n     * References the root HTML element of the component (<kup-htm>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    /*-------------------------------------------------*/\n    /*                    P r o p s                    */\n    /*-------------------------------------------------*/\n\n    /**\n     *  Data containing the url or html.\n     * @default null\n     */\n    @Prop() data: KupDataCell;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    #kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*                   E v e n t s                   */\n    /*-------------------------------------------------*/\n\n    /**\n     * Triggered when the component is ready.\n     */\n    @Event({\n        eventName: 'kup-htm-ready',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupReady: EventEmitter<KupEventPayload>;\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupHTMProps, descriptions);\n    }\n    /**\n     * This method is used to trigger a new render of the component.\n     */\n    @Method()\n    async refresh(): Promise<void> {\n        forceUpdate(this);\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupHTMProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.#kupManager.debug.logLoad(this, false);\n        this.#kupManager.theme.register(this);\n        this.#kupManager.language.register(this);\n    }\n\n    componentDidLoad() {\n        this.kupReady.emit({\n            comp: this,\n            id: this.rootElement.id,\n        });\n        this.#kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.#kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.#kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const isLink = this.#kupManager.objects.isLink(this.data.obj);\n\n        return (\n            <Host>\n                <style>\n                    {this.#kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div id={componentWrapperId}>\n                    <div class={`kup-htm ${isLink ? 'is-link' : ''}`}>\n                        {isLink ? (\n                            <Fragment>\n                                <a\n                                    href={this.data.value}\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >\n                                    {this.#kupManager.language.translate(\n                                        KupLanguageGeneric.OPEN_IN_NEW_TAB\n                                    )}\n                                </a>\n                                <iframe\n                                    src={this.data.value}\n                                    frameBorder=\"0\"\n                                ></iframe>\n                            </Fragment>\n                        ) : (\n                            <div innerHTML={this.data.value} />\n                        )}\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    disconnectedCallback() {\n        this.#kupManager.theme.unregister(this);\n        this.#kupManager.language.unregister(this);\n    }\n}\n"],"version":3}

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

@@ -223,14 +223,14 @@ const KupImageList$1 = /*@__PURE__*/ proxyCustomElement(class KupImageList exten
             };
             combinedGridStyle = Object.assign(Object.assign({}, combinedGridStyle), gridRowsStyle);
         }
-        return (h(Host, { key: '23c2d80631804f9c3a587cffc04dce998bff968f' }, h("style", { key: '2b6e430e92b2a96191fbe3a662719073e0fb3a26' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '60472a44a90b970ea6424484586b27abeb633cf6', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '81da022bca5cec8e7a25ae5854126fc8d1df1949' }, h("style", { key: 'e7ca04de4d67ec2bfd6b069f560c9cf5f131a235' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'bb9852654bdef8112a36d4fe096a39e4b925cd0c', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: '735d77b674d51d5601485505d14a7dfbac0c57fe', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h("div", { key: '3547692cbbe395329b3f9ee5f6c5a9c35171e7a6', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: '8f463b49c509a559b7be874a37787b393e3e2bf2', class: "image-list", style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: '60eb2ce4d81bfdaf39310d9276edfab440200ab6', class: "image-list", style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));

package/dist/components/kup-input-panel.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { N as FTextFieldMDC, c as componentWrapperId, R as FButton, J as FCell, 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$g, p as defineCustomElement$h, q as defineCustomElement$i, r as defineCustomElement$j, s as defineCustomElement$k, t as defineCustomElement$l, u as defineCustomElement$m, v as defineCustomElement$n, w as defineCustomElement$o, x as defineCustomElement$p, y as defineCustomElement$q, z as defineCustomElement$r, A as defineCustomElement$s, B as defineCustomElement$t } from './kup-autocomplete2.js';
-import { k as kupManagerInstance, F as FCellTypes, i as FCellShapes, g as getProps, s as setProps, d as KupLanguageGeneric, O as CHIAdapter, M as CMBandACPAdapter, N as CHKAdapter, R as RADAdapter, S as SWTAdapter, p as KupDebugCategory } from './kup-manager.js';
+import { k as kupManagerInstance, F as FCellTypes, i as FCellShapes, g as getProps, s as setProps, d as KupLanguageGeneric, O as CHIAdapter, C as CMBandACPAdapter, N as CHKAdapter, R as RADAdapter, S as SWTAdapter, p as KupDebugCategory } from './kup-manager.js';
 import { d as defineCustomElement$f } from './kup-editor2.js';
 
 var KupInputPanelLayoutSectionType;
@@ -220,7 +220,7 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: '250ba268db4da534592d16fab49275cf7ad0e61b' }, h("style", { key: 'a8d1c32a3342f1cb9a6b3bfbbcb16d42f1e875f9' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '174fbec980e2fab7fa3f9d59de1d8038c04cff5f', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: '62cdea4b11e55aaf3a71231851f798bee78bf60e' }, h("style", { key: 'de02343d1c662d98d2fb9acce6222072cf61e4fb' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '76c0582d6e71eff483aa177d252eea61b7804f1b', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);

package/dist/components/kup-lazy.js

@@ -135,39 +135,39 @@ const KupLazy$1 = /*@__PURE__*/ proxyCustomElement(class KupLazy extends HTMLEle
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { key: '4474a84ee97f6645684c9b59d4fb1ec42c5e29a1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd5706963cc04947f5f4aa28156a549ba35ef7f77', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
+                resource = (h("svg", { key: '220fa65d9836c520dfed8e3dae2700c6b2b0cb9a', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '1d1e33f3ed89c32e6ee9ad2b1996fb65037cc3f2', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
                 break;
             case 'kup-card':
                 //art_track.svg
-                resource = (h("svg", { key: 'b31453a4fd8626449c661de31c61a99313e1c384', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd2a34732648ebe3c88e3fa20ebe1e7e40ab54327', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: 'd799cc013987de74e23c34201ecd2186c57b13f1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'de98ef94a3f714e45e56a02877d4a139a8804424', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
             case 'kup-checkbox':
                 //check_box_outline_blank.svg
-                resource = (h("svg", { key: '7a06f56381994c0e7d0fce2c5eb7709590534050', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '29d0ab4f2794f765f47e1adf4385aec9f240aa07', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
+                resource = (h("svg", { key: '26ad78503d5c00f5b902b2bddb782a14f1a13b73', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '03ae544d551c47e0dce8f8fbaa92b1a2a1024c55', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
                 break;
             case 'kup-chart':
                 //chart-bar.svg
-                resource = (h("svg", { key: 'f597a469b6d3305b4ea9a2de14667c1d4f9fdcb8', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '831b12e9fdafff2092a0819fd6326a0663e46b0d', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: 'cc70b61653552ff28e1b6eda65ca7bec5bbbe7d2', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'f63b011d43b7c6649e1392de9426b325259e9f38', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: 'bd6cb8f53609ee41850029dd58664de499ac36fa', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '1f8a1aaeaa25297c553d9d2cad97610e53e22af0', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
+                resource = (h("svg", { key: '3c6218a9e78c22aa2cfdd787a77fd7575409b926', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '28aaf9eb0e27fd2ad901866bd1f93ff181eba283', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
                 break;
             case 'kup-image':
                 //photo.svg
-                resource = (h("svg", { key: '46bee9cd9e69a824a2712d35bfe828f9842b0766', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '5c1c81a9142da6cbe7d438fdb75afed657adf7ea', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
+                resource = (h("svg", { key: '695002a63b98d0c090f350df167e2dec9b85c8f6', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '160f2450a206b3da182ef9514e41d0e9cfebd7dd', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
                 break;
             case 'kup-progress-bar':
                 //linear_scale.svg
-                resource = (h("svg", { key: '8abad2d7b1dd0de806e8d05add1d62726186924f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '6ade996bbe9b73479ffddc2148d094651b9443f3', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
+                resource = (h("svg", { key: 'e7f09d307522f61e8448975f881fb435f0c585bd', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '2ad28af4bed1da877edb16db6acdc392bfbfb47b', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
                 break;
             case 'kup-radio':
                 //radio_button_unchecked.svg
-                resource = (h("svg", { key: '30017b287789def52887a6278772f6693bf09521', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '6cf0aa23b19fa1178568114cc6bec4ea78182163', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
+                resource = (h("svg", { key: 'c60a5e10b12c2945bdc8d0558d1fb9c46cb4ca90', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'f016960b177263ba06c3b63c4761fef4a06a4fd3', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
                 break;
             default:
                 //art_track.svg
-                resource = (h("svg", { key: 'e8a2bca72cfca3b7a5997f87a452bdb0bb986ef1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '2cf1063eb142e4f16a149450fa9ddc0feacf01a1', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: 'f221046bcd689deebeb597f557d547292518a34a', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '8cd9ec1705efd526543348dcfe793c0705399482', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
         }
         if ((this.renderMode === KupLazyRender.VIEWPORT && this.isInViewport) ||
@@ -176,14 +176,14 @@ const KupLazy$1 = /*@__PURE__*/ proxyCustomElement(class KupLazy extends HTMLEle
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (h(Tag, Object.assign({ key: 'ac042228a8d69a0f118e49c421c6722f96b7a1a0' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: 'b856e5475a8fc048cf96c0ee534f17fa2ad261fe' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
             className += ' kup-loaded';
         }
         else if (this.showPlaceholder) {
             content = resource;
             className += ' kup-to-be-loaded';
         }
-        return (h(Host, { key: '4656050b845b8c2e22122f4784df48f815ec8c43', class: className }, h("style", { key: '35554fc23a2fc3cf8a3329fc5cc59ace5a36a4a3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9798edab4fe479c2d33b7cf1c4fb509afbc7f8a0', id: componentWrapperId }, content)));
+        return (h(Host, { key: 'de01035df24b5d3811ca54bb3840bf232287103d', class: className }, h("style", { key: 'db6f4fe85ed90c8a17b598a4805eff35fbfc11af' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '00c41dbaa1579061edf0b9472b19e6c5c8f24eb9', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

package/dist/components/kup-magic-box.js

@@ -288,11 +288,11 @@ const KupMagicBox$1 = /*@__PURE__*/ proxyCustomElement(class KupMagicBox extends
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '07f52199f9d163056ba8ec1089bf07b7ba4e0d35' }, h("style", { key: '3461c9ea5ea13365817898b26a79fccd6f6a6877' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '59fd4ae432613d2412430e29bdd07262f33b458d', id: componentWrapperId }, h("div", { key: '63333552e3a9c5f461e7c8a24fa9af89a4e0c9b7', class: "magic-box-wrapper" }, h("div", { key: 'd44e4ad5a2f9dbfb57b78418f524aad1f6cfc023', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: 'f839108261c8992cc064a02edc997871247e1759' }, this.comboboxProps())), h("kup-button", { key: 'fc3965b79ddd63c42d2224cc75aa6f5152907866', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '8f04a5029dad9d7d8f3673124a6fb954880719d5' }, h("style", { key: 'af43ffc44c345efb6982aecac7ffeb7469a1e1ab' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4da32884b8cfaee501fe98de3ad61dbfd40644f1', id: componentWrapperId }, h("div", { key: '3ae6ee9f2ee07d1ace113fe223bf45fe907eb1d2', class: "magic-box-wrapper" }, h("div", { key: '7331459e7beeecbad1f94907c5dfc37e6fd77221', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: 'cf49975df5a5aa923c031c64ecee9a81ae4ad0bc' }, this.comboboxProps())), h("kup-button", { key: '9268ce09ec663aa4e00a82ba0fadef493422d12f', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: '7c0278888d83c9354e6f52bad7de5f325b22429f', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '3724463433b93aa9ae13ae19d67be8fc39c702f6', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: 'dddfa0b810d7c586c98fb8c9cd90408a9b6ec080', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '448858d039c7cd0ea8e756d9ad66af2b3baf5c52', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([

package/dist/components/kup-manager.js

@@ -20242,6 +20242,6 @@ function kupManagerInstance() {
     return dom.ketchup;
 }
 
-export { KupGlobalFilterMode as $, KupLanguageRow as A, getColumnByName as B, KupObjects as C, formatToNumber as D, Filters as E, FCellTypes as F, FilterInterval as G, getValueForDisplay as H, getValueForDisplay2 as I, KupData as J, KupManager as K, compareCell as L, CMBandACPAdapter as M, CHKAdapter as N, CHIAdapter as O, SortMode as P, GroupLabelDisplayMode as Q, RADAdapter as R, SWTAdapter as S, TotalMode as T, SelectionMode as U, KupDynamicPositionPlacement as V, KupLanguageGrouping as W, KupLanguageCheckbox as X, KupLanguageSearch as Y, KupLanguagePage as Z, addColumnValueFromRow as _, KupComponentSizing as a, TotalLabel as a0, KupPointerEventTypes as a1, kupDynamicPositionAttribute as a2, KupCardFamily as a3, identify as a4, LoadMoreMode as a5, PaginatorPos as a6, ShowGrid as a7, kupDraggableColumnAttr as a8, kupDragActiveAttr as a9, KupDragEffect as aa, kupDraggableCellAttr as ab, KupDropEventTypes as ac, FixedCellsClasses as ad, FixedCellsCSSVarsBase as ae, KupLanguageFontsize as af, KupLanguageDensity as ag, KupLanguageGrid as ah, KupDataTableProps as ai, DataTableAreasEnum as aj, iconColumn as ak, keyColumn as al, fieldColumn as am, KupCardProps as an, kupDraggableAttr as ao, KupLanguageDashboard as ap, kupDropEvent as aq, kupDraggableRowAttr as ar, KupThemeColorValues as b, KupThemeIconValues as c, KupLanguageGeneric as d, editableTypes as e, kupTypes as f, getProps as g, KupTagNames as h, FCellShapes as i, fullWidthFieldsComps as j, kupManagerInstance as k, FCellClasses as l, autoCenterComps as m, getCellValueForDisplay as n, FCellEvents as o, KupDebugCategory as p, FCellPadding as q, fillString as r, setProps as s, KupCardBuiltInClockElements as t, KupCardCSSClasses as u, KupLanguageTotals as v, KupLanguageColumn as w, KupDataNewColumnTypes as x, KupCardSubEvents as y, KupCardIds as z };
+export { KupGlobalFilterMode as $, KupLanguageRow as A, getColumnByName as B, CMBandACPAdapter as C, KupObjects as D, formatToNumber as E, FCellTypes as F, Filters as G, FilterInterval as H, getValueForDisplay as I, getValueForDisplay2 as J, KupManager as K, KupData as L, compareCell as M, CHKAdapter as N, CHIAdapter as O, SortMode as P, GroupLabelDisplayMode as Q, RADAdapter as R, SWTAdapter as S, TotalMode as T, SelectionMode as U, KupDynamicPositionPlacement as V, KupLanguageGrouping as W, KupLanguageCheckbox as X, KupLanguageSearch as Y, KupLanguagePage as Z, addColumnValueFromRow as _, KupComponentSizing as a, TotalLabel as a0, KupPointerEventTypes as a1, kupDynamicPositionAttribute as a2, KupCardFamily as a3, identify as a4, LoadMoreMode as a5, PaginatorPos as a6, ShowGrid as a7, kupDraggableColumnAttr as a8, kupDragActiveAttr as a9, KupDragEffect as aa, kupDraggableCellAttr as ab, KupDropEventTypes as ac, FixedCellsClasses as ad, FixedCellsCSSVarsBase as ae, KupLanguageFontsize as af, KupLanguageDensity as ag, KupLanguageGrid as ah, KupDataTableProps as ai, DataTableAreasEnum as aj, iconColumn as ak, keyColumn as al, fieldColumn as am, KupCardProps as an, kupDraggableAttr as ao, KupLanguageDashboard as ap, kupDropEvent as aq, kupDraggableRowAttr as ar, KupThemeColorValues as b, KupThemeIconValues as c, KupLanguageGeneric as d, editableTypes as e, kupTypes as f, getProps as g, KupTagNames as h, FCellShapes as i, fullWidthFieldsComps as j, kupManagerInstance as k, FCellClasses as l, autoCenterComps as m, getCellValueForDisplay as n, FCellEvents as o, KupDebugCategory as p, FCellPadding as q, fillString as r, setProps as s, KupCardBuiltInClockElements as t, KupCardCSSClasses as u, KupLanguageTotals as v, KupLanguageColumn as w, KupDataNewColumnTypes as x, KupCardSubEvents as y, KupCardIds as z };
 
 //# sourceMappingURL=kup-manager.js.map

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

@@ -127,7 +127,7 @@ const KupNavBar$1 = /*@__PURE__*/ proxyCustomElement(class KupNavBar extends HTM
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '4d4f9e7c1effd4944e9732513345478f3c876b29', class: "header" }, h("style", { key: 'f376e18912a0c61ba9af4aa364281496422ff443' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '221df292e1b1d06b5c904fbea6f6bb96bc735ad5', id: componentWrapperId }, h("header", { key: '6186397fbe6d1310f141adf4c4d2678be596f7d1', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '5386ec16eaba87807ac86878e0226b1158c44811', class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: '0f66ceb53da3d4bdc00787c80ef4764a79d76af8', class: "header" }, h("style", { key: '6435752fbe5f0ae68649ea4c43fee53afeb2dbca' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '607495825d0febc2dd41dcfecf0ecc78924e4679', id: componentWrapperId }, h("header", { key: '21667d9c45e86eab6c011247e1717b757d92dfd4', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: 'da92e4ddd4ff70b4fa9632233b0345d4843bee60', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

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

@@ -348,7 +348,7 @@ const KupNumericPicker$1 = /*@__PURE__*/ proxyCustomElement(class KupNumericPick
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'c759e34f7ff6d5eae483f7d3d7d491281e48190b' }, h("style", { key: '6eacde56415f21922ab5401dcc519b24ff69ca01' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '12f75ea7f7782f3feade05a51708552baba35a55', id: componentWrapperId }, this.prepTextfield())));
+        return (h(Host, { key: '60d9439b1beeca08cd1f5d7722c8c44b387f0ea6' }, h("style", { key: 'a240244c3350a93cf6411582d4ca5a6b44775328' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '8a07726204a12434f2f00fbd88fcc926b9b0de18', id: componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/components/kup-pdf.js

@@ -76583,7 +76583,7 @@ const KupPdf$1 = /*@__PURE__*/ proxyCustomElement(class KupPdf extends HTMLEleme
         catch (error) { }
     }
     render() {
-        return (h(Host, { key: '40376a654818c87a1a6d8aa0efb9c4561b9d63e4' }, h("div", { key: '6344f5325e99cdf1053c243b58d6890bde221e77', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (h(Host, { key: 'fee8236cc49ba230b6e0f03578a627da544d2b0f' }, h("div", { key: '7c8bd36dc5c78f67d7a210e239d9279281741d5f', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

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

@@ -117,9 +117,9 @@ const KupPhotoFrame$1 = /*@__PURE__*/ proxyCustomElement(class KupPhotoFrame ext
         if (this.isInViewport && !__classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f")) {
             __classPrivateFieldSet(this, _KupPhotoFrame_renderResource, true, "f");
         }
-        return (h(Host, { key: '6a60ca771c937ccc6fef1d7b16968ef55e0d148c' }, h("style", { key: 'e3757f5272dcb3c6e9c6a414aac9a4becb3cf2f9' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '370c684f9f165e36b5a4c003a68794daf3e480b1', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '1f1b2dda7b9619e04131d9dbc11291542f1c7631' }, h("style", { key: '44413efc368dbc28957c544475889f184ef1a16b' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '05a0107e2d49e41242312ab842ed63eea72e2321', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupPhotoFrame_wrapperEl, el, "f");
-            } }, h("img", Object.assign({ key: '6c03352f8a8f9a26c45c659ee1be5c53d297dc10' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
+            } }, h("img", Object.assign({ key: '029fbad45e5aba99bbab99c52f5ba30ee74e1c1d' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
                 if (__classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalWidth >
                     __classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalHeight) {
                     __classPrivateFieldGet(this, _KupPhotoFrame_wrapperEl, "f").classList.add('horizontal');

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

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

package/dist/components/kup-planner.js

@@ -655,7 +655,7 @@ const KupPlanner$1 = /*@__PURE__*/ proxyCustomElement(class KupPlanner extends H
         if ((_b = this.plannerProps) === null || _b === void 0 ? void 0 : _b.secondaryGantt) {
             plannerProps.secondaryGantt = Object.assign(Object.assign({}, this.plannerProps.secondaryGantt), { onScrollY: this.handleDetailGanttScrollY.bind(this) });
         }
-        return (h(Host, { key: '73752a0e5077fa4ed017d304d7d0ec86441173c4' }, h("style", { key: 'af248e098f4f40255f284e8e332d4b06aa79035b' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'cc070f765699d2b033fd93dd8b5122be58f1d73f', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '80a8acb4dd14977dc5a33595e4903d6a538cb002', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '8155c94c54c807cc60a360bac5b5aa2c9a3ee6b3', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '6ab229e2e93ce07c33487d5ab8c1e7112d7c23a4', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: 'ec595d6944c84d1ff3419a4f9ea4b05b9daa7c8c' }, h("style", { key: '9476707409a3f42a4053432d9516fda679f96341' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ebcc7405f609f4ecffee385e5c3e710e67e67493', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '9cb8c0178398029f74dded13fb14d96d5a3f3652', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '227fba551833686254d2f9d904093fb1cd6afb31', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '4cb494e54f8ca483dd46165b606ab1b54c5da58a', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
                 }

package/dist/components/kup-probe.js

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

package/dist/components/kup-qlik.js

@@ -117,7 +117,7 @@ const KupQlik$1 = /*@__PURE__*/ proxyCustomElement(class KupQlik extends HTMLEle
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (h("div", { key: '84dbf3c7b82c1e0674e98ea03ce0ec5de5449090', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '3014bd82bd94053748127d5913f9ff4bda8ef3e1', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {

package/dist/components/kup-snackbar.js

@@ -113,7 +113,7 @@ const KupSnackbar$1 = /*@__PURE__*/ proxyCustomElement(class KupSnackbar extends
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'b002f53fca17f2558cabc7361453391d15429b73', "kup-visible": this.visible }, h("style", { key: '01863564ea31079e738744321b54ddb9839ef8d2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd874cd21d97d5dc258028898e4acc74df66d5e3b', id: componentWrapperId }, h("div", { key: '2acd0ff2f624c2e29f8a6a338c78d5222f566446', class: snackbarClass }, h("div", { key: '4ab51cd8952c62cbaef1ba68535bc3889a3e782a', class: "snackbar__text__block" }, h("div", { key: '643cd004cd0a741b9c5985402db4cde72f6d847b', class: `${snackbarClass}__header` }, this.header), h("div", { key: '9cc6e69d984acc396c816d92c65931c534d5400e', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+        return (h(Host, { key: '1543a186a11316b84a53b02453c9d06ad644b188', "kup-visible": this.visible }, h("style", { key: 'b406ad7fa2d68f02975d7faa9f5e72a269cf2359' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'cf4204659b6a91faff19efb406e29e1c11461950', id: componentWrapperId }, h("div", { key: '88dfe566adda8dabdbe0536c314e0fbdd032a267', class: snackbarClass }, h("div", { key: '4930076e8ef0cc034e39a701731ee0c55f06b93d', class: "snackbar__text__block" }, h("div", { key: '58b3fccae5b1b2d29850ed41e4a3a489af8f123f', class: `${snackbarClass}__header` }, this.header), h("div", { key: 'a034ec14453dd9ae2cfb880465c2c459eb8eefa0', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -13,7 +13,7 @@ const StandardTooltipContent = /*@__PURE__*/ proxyCustomElement(class StandardTo
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: 'f55f72958473eab516177042f08139ccef9d6a26', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'f6dcbcfb3e5f7af566a6b4522daf8f4cffddac7a', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: '42c80e868a1db54e26598c3fac061d6af8ae28ca', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '38f9745ab196734d14505bc35f0ad1fa7091ef87', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '6e4baa35e22f4add6f7d9b71f472818eb81043fe', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'c3669ef657f2f16cc0dd3789c092757c238af0ba', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: '919d7543791605febf24c54992eec344d69a78f9', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'e4292000dc3eecf27db918ec1e9b78d8e9b6b6ed', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
     static get style() { return KupStandardTooltipStyle0; }
 }, [1, "kup-standard-tooltip", {

package/dist/components/kup-switcher2.js

@@ -22,7 +22,7 @@ const KupSwitcher = /*@__PURE__*/ proxyCustomElement(class KupSwitcher extends H
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: '6e2a2b6ae37432d55e0fbc9290da84489ac6bc0c', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '9540112cd61ae116e61feca0d2424e3511139f25', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));

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

@@ -39,12 +39,12 @@ const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends HTMLE
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: 'cf77807125378b8591c361b25b5ed4f937d2e19f', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '6cf23c7cb71924c73d3df858f826d17d29d71a5a', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '797693cda77ee8c8c91928065dc8a5f1489f7cf3', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: '225f4d8173ff69d5ddde8d2f5ed33bdbe463c47b', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: 'fee606b4e38108514adcb1a7f1e5e6279ab6ff88', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '4cf70e2505d9be056ed47d36b6f7c856801e3c58', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: 'd347808d00d1c3c38cd76edfd46663fcf8ee90b8' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '27ebb2611cb6f3f432b555f1f29a0e906df4cab3' }, newBarProps)))));
     }
     get rootElement() { return this; }
     static get watchers() { return {