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

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

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4e97f23f.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
+const GenericVariables = require('./GenericVariables-1d52ba57.js');
+require('./kup-dates-3fc9697c.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.kupReady = index.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, kupManager.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 kupManager.getProps(this, KupHTMProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        index.forceUpdate(this);
+    }
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        kupManager.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 (index.h(index.Host, { key: 'e973cfb80ddc6aba894dd2994b3be82fc93a07bc' }, index.h("style", { key: 'cd5f18859b77dfbaa1008cfe37183e18780b8e38' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '69a912436a0c644bbe0ca38efe2aff60c31b15e4', id: GenericVariables.componentWrapperId }, index.h("div", { key: '5e057d8c92cbfd479a57c10c205e96be51475007', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (index.h(index.Fragment, null, index.h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.OPEN_IN_NEW_TAB)), index.h("iframe", { src: this.data.value, frameBorder: "0" }))) : (index.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 index.getElement(this); }
+};
+_KupHTM_kupManager = new WeakMap();
+KupHTM.style = KupHtmStyle0;
+
+exports.kup_htm = KupHTM;
+
+//# sourceMappingURL=kup-htm.cjs.entry.js.map

package/dist/cjs/kup-htm.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"kup-htm.entry.cjs.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,6BAA0BA,6BAAkB,EAAE,EAAC;;;;;;;;;;;IA2B/C,MAAM,QAAQ,CAAC,YAAsB;QACjC,OAAOC,mBAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;KACpD;;;;IAKD,MAAM,OAAO;QACTC,iBAAW,CAAC,IAAI,CAAC,CAAC;KACrB;;;;;IAMD,MAAM,QAAQ,CAAC,KAAoB;QAC/BC,mBAAQ,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,QACIC,QAACC,UAAI,uDACDD,sEACK,uBAAA,IAAI,0BAAY,CAAC,KAAK,CAAC,WAAW,CAC/B,IAAI,CAAC,WAA2B,CACnC,CACG,EACRA,kEAAK,EAAE,EAAEE,mCAAkB,IACvBF,kEAAK,KAAK,EAAE,WAAW,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IAC3C,MAAM,IACHA,QAACG,cAAQ,QACLH,eACI,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EACrB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,IAExB,uBAAA,IAAI,0BAAY,CAAC,QAAQ,CAAC,SAAS,CAChCI,6BAAkB,CAAC,eAAe,CACrC,CACD,EACJJ,oBACI,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EACpB,WAAW,EAAC,GAAG,GACT,CACH,KAEXA,iBAAK,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":["kupManagerInstance","getProps","forceUpdate","setProps","h","Host","componentWrapperId","Fragment","KupLanguageGeneric"],"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/cjs/kup-image-list.cjs.entry.js

@@ -8,7 +8,7 @@ const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
 const fButton = require('./f-button-54d0f017.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-95f965f3.js');
+const fCell = require('./f-cell-c5a85032.js');
 const component = require('./component-cb3b32f5.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-checkbox-4e8f39f8.js');
@@ -234,14 +234,14 @@ const KupImageList = class {
             };
             combinedGridStyle = Object.assign(Object.assign({}, combinedGridStyle), gridRowsStyle);
         }
-        return (index.h(index.Host, { key: '23c2d80631804f9c3a587cffc04dce998bff968f' }, index.h("style", { key: '2b6e430e92b2a96191fbe3a662719073e0fb3a26' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '60472a44a90b970ea6424484586b27abeb633cf6', id: GenericVariables.componentWrapperId, ref: (el) => {
+        return (index.h(index.Host, { key: '81da022bca5cec8e7a25ae5854126fc8d1df1949' }, index.h("style", { key: 'e7ca04de4d67ec2bfd6b069f560c9cf5f131a235' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'bb9852654bdef8112a36d4fe096a39e4b925cd0c', id: GenericVariables.componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, index.h("div", { key: '735d77b674d51d5601485505d14a7dfbac0c57fe', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, index.h("div", { key: '3547692cbbe395329b3f9ee5f6c5a9c35171e7a6', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, index.h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.h("div", { key: '8f463b49c509a559b7be874a37787b393e3e2bf2', class: "image-list", style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.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/cjs/kup-input-panel.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
 const fButton = require('./f-button-54d0f017.js');
-const fCell = require('./f-cell-95f965f3.js');
+const fCell = require('./f-cell-c5a85032.js');
 const kupManager = require('./kup-manager-3e7452e3.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
@@ -231,7 +231,7 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.Host, { key: '250ba268db4da534592d16fab49275cf7ad0e61b' }, index.h("style", { key: 'a8d1c32a3342f1cb9a6b3bfbbcb16d42f1e875f9' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '174fbec980e2fab7fa3f9d59de1d8038c04cff5f', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+        return (index.h(index.Host, { key: '62cdea4b11e55aaf3a71231851f798bee78bf60e' }, index.h("style", { key: 'de02343d1c662d98d2fb9acce6222072cf61e4fb' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '76c0582d6e71eff483aa177d252eea61b7804f1b', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);

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

@@ -138,39 +138,39 @@ const KupLazy = class {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (index.h("svg", { key: '4474a84ee97f6645684c9b59d4fb1ec42c5e29a1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '220fa65d9836c520dfed8e3dae2700c6b2b0cb9a', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: 'b31453a4fd8626449c661de31c61a99313e1c384', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: 'd799cc013987de74e23c34201ecd2186c57b13f1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '7a06f56381994c0e7d0fce2c5eb7709590534050', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '26ad78503d5c00f5b902b2bddb782a14f1a13b73', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: 'f597a469b6d3305b4ea9a2de14667c1d4f9fdcb8', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: '831b12e9fdafff2092a0819fd6326a0663e46b0d', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (index.h("svg", { key: 'cc70b61653552ff28e1b6eda65ca7bec5bbbe7d2', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: 'f63b011d43b7c6649e1392de9426b325259e9f38', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (index.h("svg", { key: 'bd6cb8f53609ee41850029dd58664de499ac36fa', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.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 = (index.h("svg", { key: '3c6218a9e78c22aa2cfdd787a77fd7575409b926', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.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 = (index.h("svg", { key: '46bee9cd9e69a824a2712d35bfe828f9842b0766', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '695002a63b98d0c090f350df167e2dec9b85c8f6', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '8abad2d7b1dd0de806e8d05add1d62726186924f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: 'e7f09d307522f61e8448975f881fb435f0c585bd', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '30017b287789def52887a6278772f6693bf09521', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: 'c60a5e10b12c2945bdc8d0558d1fb9c46cb4ca90', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: 'e8a2bca72cfca3b7a5997f87a452bdb0bb986ef1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: 'f221046bcd689deebeb597f557d547292518a34a', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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) ||
@@ -179,14 +179,14 @@ const KupLazy = class {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (index.h(Tag, Object.assign({ key: 'ac042228a8d69a0f118e49c421c6722f96b7a1a0' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (index.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 (index.h(index.Host, { key: '4656050b845b8c2e22122f4784df48f815ec8c43', class: className }, index.h("style", { key: '35554fc23a2fc3cf8a3329fc5cc59ace5a36a4a3' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '9798edab4fe479c2d33b7cf1c4fb509afbc7f8a0', id: GenericVariables.componentWrapperId }, content)));
+        return (index.h(index.Host, { key: 'de01035df24b5d3811ca54bb3840bf232287103d', class: className }, index.h("style", { key: 'db6f4fe85ed90c8a17b598a4805eff35fbfc11af' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '00c41dbaa1579061edf0b9472b19e6c5c8f24eb9', id: GenericVariables.componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

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

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

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

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

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

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

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

@@ -76585,7 +76585,7 @@ const KupPdf = class {
         catch (error) { }
     }
     render() {
-        return (index.h(index.Host, { key: '40376a654818c87a1a6d8aa0efb9c4561b9d63e4' }, index.h("div", { key: '6344f5325e99cdf1053c243b58d6890bde221e77', id: GenericVariables.componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (index.h(index.Host, { key: 'fee8236cc49ba230b6e0f03578a627da544d2b0f' }, index.h("div", { key: '7c8bd36dc5c78f67d7a210e239d9279281741d5f', id: GenericVariables.componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

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

@@ -120,9 +120,9 @@ const KupPhotoFrame = class {
         if (this.isInViewport && !__classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f")) {
             __classPrivateFieldSet(this, _KupPhotoFrame_renderResource, true, "f");
         }
-        return (index.h(index.Host, { key: '6a60ca771c937ccc6fef1d7b16968ef55e0d148c' }, index.h("style", { key: 'e3757f5272dcb3c6e9c6a414aac9a4becb3cf2f9' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '370c684f9f165e36b5a4c003a68794daf3e480b1', id: GenericVariables.componentWrapperId, ref: (el) => {
+        return (index.h(index.Host, { key: '1f1b2dda7b9619e04131d9dbc11291542f1c7631' }, index.h("style", { key: '44413efc368dbc28957c544475889f184ef1a16b' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '05a0107e2d49e41242312ab842ed63eea72e2321', id: GenericVariables.componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupPhotoFrame_wrapperEl, el, "f");
-            } }, index.h("img", Object.assign({ key: '6c03352f8a8f9a26c45c659ee1be5c53d297dc10' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
+            } }, index.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/cjs/kup-planner-renderer.cjs.entry.js

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

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

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

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

@@ -239,7 +239,7 @@ const KupProbe = class {
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (index.h(index.Host, { key: '181e80774854ac9fc4d1f1ca2b5e702c39884331' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: '43cd24619d530b0cd509aebdbc16a90b42dc6bbb', id: GenericVariables.componentWrapperId }, this.content)));
+        return (index.h(index.Host, { key: '8d7afacda7cc4439039c941af5d9150ed668d03f' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: '4a15796d3c5cc632b326bddef692c640edc1c366', id: GenericVariables.componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {

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

@@ -120,7 +120,7 @@ const KupQlik = class {
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (index.h("div", { key: '84dbf3c7b82c1e0674e98ea03ce0ec5de5449090', class: classLayout, style: layoutStyle }, this.divlist));
+        return (index.h("div", { key: '3014bd82bd94053748127d5913f9ff4bda8ef3e1', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {

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

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

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

@@ -189,7 +189,7 @@ const KupTypographyList = class {
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (index.h(index.Host, { key: '33360cd54329b8cf6809f0f5e44cd4fbfdd73341' }, index.h("style", { key: 'e3905c406c1bcd1f4ca7f3665eb460a518cd85ac' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '56abb1bc62d53c456ebc51e7a139b952e365dd86', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'a3eb9e8630b9bcdad939421966669a0345edac4d', class: "typographies-wrapper" }, typograhy))));
+        return (index.h(index.Host, { key: '46981c304431326dba88e74c82728878901d4798' }, index.h("style", { key: 'cc88981276ad23313705f5b88f0c183c550ddf9d' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'ac72ac801c7ebb49144f464fc66f49e2c955a46b', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'c2ad610309c33f5f0471f04b08864b57349800f5', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -187,7 +187,7 @@ const KupTypography = class {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (index.h(index.Host, { key: 'f59851b301cd5997fa0570372f1d61ad300f2105' }, index.h("style", { key: '8b9c02bc3031fd5386b4a46b160a938dd835c265' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '796f39bb720f68d8c554a675b113d2dd7e4c40aa', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '9510770820ccbf7b480f5b4d92892ffbad8d7d53' }, props)), index.h(fImage.FImage, Object.assign({ key: 'f054539413556472ad4b5e240a6a72fa2f3f4f59' }, propsFImage, { onClick: (event) => {
+        return (index.h(index.Host, { key: '08bf68ed7c70cb7e1b08d9543a162c22c2eee68d' }, index.h("style", { key: '213454595ce1037ff4ba251fdf71d72f35ce5f1c' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'bd5ba7a5a094d4cfe16f65a1277c833baa1f9563', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '6bf0476bbe81a90e21826afac3d6cea0b039d89f' }, props)), index.h(fImage.FImage, Object.assign({ key: '3d87c0b43024342a8772e2630a251ce5a64b0076' }, propsFImage, { onClick: (event) => {
                 event.stopPropagation();
                 this.onKupIconClick(event.currentTarget);
             } })))));