@sme.up/ketchup 10.3.3 → 10.3.5

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-63a8048f.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-b367be3b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-da19044e.js';
+import './kup-dates-77f1a451.js';
 
 const navbarClass = 'nav-bar';
 /**
@@ -126,7 +126,7 @@ const KupNavBar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '8dbd20aa3711e4e202b32529f7bfd82e66f5a2e4', class: "header" }, h("style", { key: '9a0fb2fb49b4896ccc53b18ef61ef848f88fc604' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7bf098518f3712d3fa8d8c02a0cdcef96bc0492d', id: componentWrapperId }, h("header", { key: 'c4e45233efd5dad9150f94fc997608afdf6ab9fc', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: 'ffa96645cf8ef65d35aea4c476ad691a989c0b49', class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: 'd10fe50d98c91b7bd6523b0c489f1bd618f3bea5', class: "header" }, h("style", { key: '1bcfbf30b846c2566df8592436e9970ca839d455' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'c59b03f594478b70a148a8a0ef60635f0f370815', id: componentWrapperId }, h("header", { key: '59119aea905464ca6e62ba4b52de771c9502e854', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '3b19e3f10ff6c97c67d83cff649319065fbe7da3', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, e as KupDynamicPositionPlacement, v as KupCardFamily } from './kup-manager-63a8048f.js';
+import { k as kupManagerInstance, g as getProps, e as KupDynamicPositionPlacement, v as KupCardFamily } from './kup-manager-b367be3b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FTextField } from './f-text-field-ebe023fb.js';
+import { F as FTextField } from './f-text-field-40f1ad00.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import './kup-dates-da19044e.js';
+import './kup-dates-77f1a451.js';
 import './f-image-a2ecd7c3.js';
 import './component-a35bc7f1.js';
 
@@ -351,7 +351,7 @@ const KupNumericPicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '7f7f0f85e214b1689be88c1f2bd313132ab37833' }, h("style", { key: 'c627cb9c574954df16eeff160eca5423a6f79724' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '5d633e89e27179bf77e8ef298dc589b572c1d70e', id: componentWrapperId }, this.prepTextfield())));
+        return (h(Host, { key: '5e21909e990f0807b9c1ff4566be582a94ca292e' }, h("style", { key: '8bb2390213d050696d23383b4dc2025f0fd8c6a5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2ba04818393826244f80918569f1da7335d45773', id: componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/esm/kup-object-field.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { F as FObjectField } from './f-object-field-75069ac2.js';
-import { k as kupManagerInstance, g as getProps } from './kup-manager-63a8048f.js';
+import { F as FObjectField } from './f-object-field-afe7604f.js';
+import { k as kupManagerInstance, g as getProps } from './kup-manager-b367be3b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-3c8f4506.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
-import './f-text-field-ebe023fb.js';
-import './kup-dates-da19044e.js';
+import './f-text-field-40f1ad00.js';
+import './kup-dates-77f1a451.js';
 
 /**
  * Props of the kup-object-field component.
@@ -97,7 +97,7 @@ const KupObjectField = class {
             inputValue: this.inputValue,
             onChange: null,
         };
-        return (h(Host, { key: 'ad8b1b5a61471fb4f6b09b79f877a5921787afe5' }, h("style", { key: '72ea7f3d7ffb39d02eb3033fd1b1a918aac3202a' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '545d1726032147520c30ea0e79192fdb17b688db', id: componentWrapperId }, h(FObjectField, Object.assign({ key: '00d9b3d137fc454d8dfde620a7ca0952d65e0afb' }, props)))));
+        return (h(Host, { key: '9d2ae70b4dfe89598f331bf72c94db5c5e33242b' }, h("style", { key: '1b21373f4e2d1784498ce119526cd07f4c376cfb' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1c295a24a8d61f7059e9b7c242069da2b856c50d', id: componentWrapperId }, h(FObjectField, Object.assign({ key: '5386f17afed1cda623bd6a82acafb0e0bfbdbc63' }, props)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.unregister(this);

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-63a8048f.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-b367be3b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { e as getAugmentedNamespace, f as commonjsRequire, g as getDefaultExportFromCjs } from './kup-dates-da19044e.js';
+import { e as getAugmentedNamespace, f as commonjsRequire, g as getDefaultExportFromCjs } from './kup-dates-77f1a451.js';
 
 /**
  * Props of the kup-pdf component.
@@ -76581,7 +76581,7 @@ const KupPdf = class {
         catch (error) { }
     }
     render() {
-        return (h(Host, { key: 'c53c0ae827a39133eb47392a9e20b34e6d5ed17f' }, h("div", { key: 'c1bfb94253ebba579495c0379ec716f88500e0d2', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (h(Host, { key: '1c5bb13e2ca28b655ed272d85fabcd339b48d4fc' }, h("div", { key: '7e45b0a3e7412e60d6af04a8ea3696808ff0ae52', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

package/dist/esm/{kup-planner-renderer-helper-4952d0a1.js → kup-planner-renderer-helper-373880b5.js}

@@ -1,4 +1,4 @@
-import { a as KupDates } from './kup-dates-da19044e.js';
+import { a as KupDates } from './kup-dates-77f1a451.js';
 
 const columnWidthForTimeUnit = (timeUnit) => {
     switch (timeUnit) {

package/dist/esm/kup-planner-renderer.entry.js

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, d as getElement } from './index-9b0f4a0d.js';
-import { c as calculateDisplayedDateRange, a as convertProjectToTasks, g as getPhaseById, m as mergeTaskIntoProjects, b as getProjectById, d as mergeTaskIntoPhases, e as columnWidthForTimeUnit } from './kup-planner-renderer-helper-4952d0a1.js';
+import { c as calculateDisplayedDateRange, a as convertProjectToTasks, g as getPhaseById, m as mergeTaskIntoProjects, b as getProjectById, d as mergeTaskIntoPhases, e as columnWidthForTimeUnit } from './kup-planner-renderer-helper-373880b5.js';
 import { e as KUP_PLANNER_MAIN_GANTT_ID, f as KUP_PLANNER_SECONDARY_GANTT_ID } from './kup-planner-declarations-0704bc6c.js';
-import { a as KupDates } from './kup-dates-da19044e.js';
+import { a as KupDates } from './kup-dates-77f1a451.js';
 import { g as ganttDateTimeFormatters } from './kup-planner-time-formatter-ddf84f9b.js';
 
 const CustomTooltipHOC = () => {
@@ -226,13 +226,13 @@ const KupPlannerRenderer = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '29c147210816cb1027ba9fa012a0e4a85799c681', class: "planner-render" }, h("kup-switcher", { key: '833aa730ccc65297d8b5cb9d27f89791b70c7618', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: '5cc84453175713cab80f656aca1333f89d43c324', class: "planner-render" }, h("kup-switcher", { key: '39df6e903c0170ae48dcdae7b7a6c0c8df5d4ae8', 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: '5bf9228b73b0eebdf5d71394875298c04922674c', style: {
+            } }), this.props && (h("div", { key: '7f4fe2be85a54f9174059d27821e52c02fea3196', 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/esm/kup-planner.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, ah as getCellValueForDisplay, g as getProps, s as setProps, d as KupThemeIconValues, u as KupLanguageSearch } from './kup-manager-63a8048f.js';
+import { k as kupManagerInstance, ai as getCellValueForDisplay, g as getProps, s as setProps, d as KupThemeIconValues, u as KupLanguageSearch } from './kup-manager-b367be3b.js';
 import { K as KupPlannerGanttRowType, d as defaultStylingOptions, a as KupPlannerTaskAction, b as KupPlannerLastOnChangeReceived, c as KupPlannerProps } from './kup-planner-declarations-0704bc6c.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FTextField } from './f-text-field-ebe023fb.js';
+import { F as FTextField } from './f-text-field-40f1ad00.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import './kup-dates-da19044e.js';
+import './kup-dates-77f1a451.js';
 import './f-image-a2ecd7c3.js';
 import './component-a35bc7f1.js';
 
@@ -643,7 +643,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 (h(Host, { key: 'efca07999eff0c9da1b462877d51c64342516f99' }, h("style", { key: 'e53837b7f6ac577ffa250425ce5d0391b0248d90' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '9f03432600ea8b1dc75a6365d5b9410727ed6c95', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: 'c2a0a9a13554a58ff46b14dd011eea54a3d43cb0', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: 'a943b2e89a1c75395dd652d9c1001c15278996ab', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '1f16dc9bbc600001edb94a4bbb2b2e22ab401bb1', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: 'a39de9ef79d3bb209a9cb99b28fea0259f23317f' }, h("style", { key: 'af9cfff3bba7097157c1edf8d8f83ade6b8f358e' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '7ad7de8208449fcf8e6ae2b483679ab2b6711436', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '60befc4ef01db8a59ad9517e7e47d2377763134f', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '63eb18daf5ca2946e273851ac61bf3b3df2f1af6', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '44083990df152225dffdf22654309f2dda0ad1b1', 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/esm/kup-probe.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance } from './kup-manager-63a8048f.js';
+import { k as kupManagerInstance } from './kup-manager-b367be3b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-da19044e.js';
+import './kup-dates-77f1a451.js';
 
 const KupProbe = class {
     constructor(hostRef) {
@@ -235,7 +235,7 @@ const KupProbe = class {
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (h(Host, { key: 'a7b01937b0cb66b572293c94bb1a4d8dfff53ed4' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '95bed8d3025d363a78cbff27aa81a706b3b6535b', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '71b172082bcfe06f9dc75617e4bd75a978ca2c0b' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '6a04168c88770276df2dbbaf3af33d56f08a7ea2', id: componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance } from './kup-manager-63a8048f.js';
-import './kup-dates-da19044e.js';
+import { k as kupManagerInstance } from './kup-manager-b367be3b.js';
+import './kup-dates-77f1a451.js';
 
 const kupQlikCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
 const KupQlikStyle0 = kupQlikCss;
@@ -116,7 +116,7 @@ const KupQlik = class {
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (h("div", { key: '39df5639c653501062a0197609ab56bfbba7a79b', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '6208a1ac1fe995940a4ddc412c1300226a16483e', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-63a8048f.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-b367be3b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-3c8f4506.js';
-import './kup-dates-da19044e.js';
+import './kup-dates-77f1a451.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
 
@@ -115,7 +115,7 @@ const KupSnackbar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'eabc87550d0f2e863606f6ca638ce0201b0a792a', "kup-visible": this.visible }, h("style", { key: 'da7c811c2ca8770cbd2ffc695dbe5289f1536f22' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '47e5c9aaf1e50f41a498fdc050b29e08dc722720', id: componentWrapperId }, h("div", { key: '8b899247d7547a4f9f5c653c34bd6cd8b0a662e4', class: snackbarClass }, h("div", { key: '70b018520246323b9b8aec95af249c5d19618ff5', class: "snackbar__text__block" }, h("div", { key: '91a44a17404b10e37f09651046b75bb340f4a1ff', class: `${snackbarClass}__header` }, this.header), h("div", { key: '7b9b325f847f9ea2d72e11670892dd46e9f1e0d5', 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: '3f081ccf95e871f24aabcdde18113536f1b02f22', "kup-visible": this.visible }, h("style", { key: '705d811fb3102582989b83c4b0b70903405d961e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2cd0a437e4ac63f30022d4d6b90893205e2fe716', id: componentWrapperId }, h("div", { key: '61a788fe37500fda5eb6abef749dc1c9a4fe0dee', class: snackbarClass }, h("div", { key: 'b8090b7fbb38965fc8b70bf4066fc7a9fc454503', class: "snackbar__text__block" }, h("div", { key: 'eb211b306716c3abda31cc812fedd9792f4e9488', class: `${snackbarClass}__header` }, this.header), h("div", { key: '0f7ac72f824317787d35a61509faca394061adab', 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/esm/kup-txt.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-63a8048f.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-b367be3b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-da19044e.js';
+import './kup-dates-77f1a451.js';
 
 /**
  * Props of the kup-txt component.
@@ -88,7 +88,7 @@ const KupTxt = class {
     }
     render() {
         const value = this.getValue();
-        return (h(Host, { key: '05b83ab932103ec9ebeeff7bfaffc3d2def6d945' }, h("style", { key: 'd1207c1f47fa24a6acecbc49a765e9f2926f3c7d' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fce2b328dbb5bbb4255548bed43e429fc28fec40', id: componentWrapperId }, h("div", { key: '399fb51322b4b0567738f7f7472eae2ea3f40261', innerHTML: value }))));
+        return (h(Host, { key: '205fec845d1dac2f25d9544f15d435177c4eabf1' }, h("style", { key: '76e70793d8aaa42a5a8e05450ccd54f1e0c5b579' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ff15e4cd8d075189d268c97d3d7d5c9df46cf5cd', id: componentWrapperId }, h("div", { key: '0be7e4dbcee7c30e5c5a6b6c2d15701e12bc8a1d', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, h as KupDebugCategory, g as getProps, s as setProps } from './kup-manager-63a8048f.js';
+import { k as kupManagerInstance, h as KupDebugCategory, g as getProps, s as setProps } from './kup-manager-b367be3b.js';
 import { a as FTypographyType, F as FTypography } from './f-typography-8c914ec6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-da19044e.js';
+import './kup-dates-77f1a451.js';
 
 /**
  * Props of the kup-typography component.
@@ -185,7 +185,7 @@ const KupTypographyList = class {
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (h(Host, { key: 'eea4a39316b0a3fc506de4c5c7702e70491b6299' }, h("style", { key: 'f5aaa171df25731eca862abd4a58fb797485ad52' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fb7234ec56efe23662c9ae7a1496200f3cb3ece5', id: componentWrapperId }, h("div", { key: '7be6b9baa1785f2da9e092a91bd8d96a7256dd25', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '58356b7523f44ef17cd4a535119254b6efed5b7a' }, h("style", { key: 'be31c2f145c03693055bc90fa818781e985b0c0a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '899b21cbcf02ebca7791c9983a1893c8625252ab', id: componentWrapperId }, h("div", { key: '87e0370fa8d496f789bd047f33a39cf2a40952e3', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, e as KupDynamicPositionPlacement, g as getProps, s as setProps } from './kup-manager-63a8048f.js';
+import { k as kupManagerInstance, e as KupDynamicPositionPlacement, g as getProps, s as setProps } from './kup-manager-b367be3b.js';
 import { a as FTypographyType, F as FTypography } from './f-typography-8c914ec6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import './kup-dates-da19044e.js';
+import './kup-dates-77f1a451.js';
 
 /**
  * Props of the kup-typography component.
@@ -262,7 +262,7 @@ const KupTypography = class {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: '22068fe2fcabd3b184e705e2a0137837669df2da' }, h("style", { key: '3c4a8811380ce6e6ec12a7077325f3dcb143020c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '927cbb930fb3e0763817e8ad6fb41b521ddf1ad1', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: 'd504a5c8621c4746331225eda11131a5db079edf' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '9073be54945f7345b754079388130e149ddac338' }, infoIcon, { onClick: async (event) => {
+        return (h(Host, { key: 'fc9ed8df1a7996737fa318223fa4a26c048af0da' }, h("style", { key: '7ab80157cf8d7d13198e389b5c2005bc23379f50' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4058a007f7338cb3f4c69e9b7ab8bb2bc0c5d29f', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '039db543cb870340827953a4c43b092d7dfcb936' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '3c7ff0751057b4ef2d2f02eadd0f4f069288545a' }, infoIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.infoCallBack();
@@ -273,7 +273,7 @@ const KupTypography = class {
                 else {
                     this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
                 }
-            } }))), this.toolbar && (h(FImage, Object.assign({ key: 'e02ac6db825761a824b4fcc36fd74690bd004cf1' }, toolbarIcon, { onClick: async (event) => {
+            } }))), this.toolbar && (h(FImage, Object.assign({ key: 'd66f1503ff3d22223d14f0247cfaaf725352935b' }, toolbarIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.toolbarCallback();