@rededor/cura 2.0.0-alpha.13 → 2.0.0-alpha.14

package/dist/cjs/cura-accordion_22.cjs.entry.js

@@ -6796,12 +6796,14 @@ var locale = {
   }
 };
 
-const curaCalendarCss = () => `:host{display:block;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);margin:0 auto}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);border-radius:4px;overflow:hidden;background:#fff;font-family:var(--font-family)}:host .calendar.embedded{border:2px solid var(--neutral-light);padding:0px 12px 12px 12px}:host .calendar.floating{box-shadow:0 4px 8px var(--neutral-light)}:host .header{position:relative;padding:12px 0}:host .header::after{content:"";position:absolute;bottom:0;left:2px;right:2px;border-bottom:2px dotted var(--neutral-light)}:host .month-year{display:flex;padding:12px 8px;justify-content:space-between;align-self:stretch}:host .month-year.dropdown{padding:0%}:host .select{display:flex;padding:7px 10px 0px;justify-content:center;align-items:center;gap:6px;flex:1 0 0}:host .drop-month{display:flex;max-width:118px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .drop-year{display:flex;min-width:80px;max-width:85px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .days-of-week{display:flex;height:30px;padding:4px;justify-content:center;align-items:center;gap:4px;flex-shrink:0}:host .day{flex:1;text-align:center}:host .dates{display:flex;flex-wrap:wrap;align-items:center;align-self:stretch;gap:0}:host .icon{cursor:pointer;position:relative;overflow:hidden;border-radius:50%}:host .icon.dropdown{margin-top:10px}:host .icon::before{content:"";position:absolute;border-radius:50%;top:50%;left:50%;width:20px;height:20px;background:var(--primary-base);transform:translate(-50%, -50%) scale(0);transition:transform 0.2s ease}:host .icon:active::before{transform:translate(-50%, -50%) scale(1)}:host .icon:active{transform:scale(1)}:host .collapsed-container{text-align:center;position:relative;display:flex;align-items:center;justify-content:center;padding-top:10px}:host .collapsed-container::before{content:"";position:absolute;bottom:0;top:0;left:2px;right:2px;border-top:2px dotted var(--neutral-light)}:host .date{display:flex;justify-content:center;align-items:center;height:auto;width:14.2857142857%;aspect-ratio:1;font-size:14px;cursor:pointer;position:relative;box-sizing:border-box;text-align:center;flex-shrink:0}:host .date.today{border:2px solid var(--primary-darker);border-radius:50%;color:var(--primary-darker)}:host .date.selected{color:var(--select-label) !important;background:var(--primary-base);border-radius:50%}:host .date.default-dates{color:var(--select-label) !important;background:var(--primary-base);border-radius:50%;border:none}:host .date.invalid{color:var(--neutral-dark) !important;cursor:not-allowed}:host .date.invalid:hover{background:none;box-shadow:none}:host .date.valid{color:var(--primary-darker);font-weight:var(--font-weight-bold)}:host .date.range.start{border-radius:50% 0 0 50%;color:var(--select-label) !important;background:var(--primary-base)}:host .date.range.interval{border-radius:0;background:var(--primary-lighter);color:var(--neutral-black) !important}:host .date.range.interval.today{border:none}:host .date.range.end{border-radius:0 50% 50% 0;color:var(--select-label) !important;background:var(--primary-base)}@media (min-width: 992px){:host .date:hover{background:var(--primary-lighter);border-radius:50%;color:var(--neutral-white)}}:host select,:host input{width:60px;font-size:16px;box-shadow:0 2px 2px var(--neutral-black);padding:5px;border-radius:4px;border:1px solid #ccc;background:#f7f7f7}:host .--disabled .icon::before{display:none}:host .--disabled .date{cursor:initial}@media (min-width: 992px){:host .--disabled .date:hover{color:var(--neutral-dark);cursor:initial;background:none;box-shadow:none}}:host .--disabled .default-dates{background-color:transparent;color:var(--neutral-dark) !important}:host .--disabled .today{border:2px solid var(--neutral-dark);color:var(--neutral-dark);cursor:initial}:host .--disabled .valid{color:var(--neutral-dark);font-weight:initial}`;
+const curaCalendarCss = () => `:host{display:block;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);margin:0 auto}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);border-radius:4px;overflow:hidden;background:var(--color-neutral-purewhite);font-family:var(--font-family);position:relative}:host .calendar.embedded{border:2px solid var(--neutral-light);padding:0px 12px 12px 12px}:host .calendar.floating{box-shadow:0 4px 8px var(--neutral-light)}:host .header{position:relative;padding:12px 0}:host .header::after{content:"";position:absolute;bottom:0;left:2px;right:2px;border-bottom:2px dotted var(--neutral-light)}:host .month-year{display:flex;padding:12px 8px;justify-content:space-between;align-self:stretch}:host .month-year.dropdown{padding:0%}:host .select{display:flex;padding:7px 10px 0px;justify-content:center;align-items:center;gap:6px;flex:1 0 0}:host .drop-month{display:flex;max-width:118px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .drop-year{display:flex;min-width:80px;max-width:85px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .days-of-week{display:flex;height:30px;padding:4px;justify-content:center;align-items:center;gap:4px;flex-shrink:0}:host .day{flex:1;text-align:center}:host .dates{display:flex;flex-wrap:wrap;align-items:center;align-self:stretch;gap:0}:host .icon{cursor:pointer;position:relative;overflow:hidden;border-radius:50%}:host .icon.dropdown{margin-top:10px}:host .icon::before{content:"";position:absolute;border-radius:50%;top:50%;left:50%;width:20px;height:20px;background:var(--primary-base);transform:translate(-50%, -50%) scale(0);transition:transform 0.2s ease}:host .icon:active::before{transform:translate(-50%, -50%) scale(1)}:host .icon:active{transform:scale(1)}:host .collapsed-container{text-align:center;position:relative;display:flex;align-items:center;justify-content:center;padding-top:10px}:host .collapsed-container::before{content:"";position:absolute;bottom:0;top:0;left:2px;right:2px;border-top:2px dotted var(--neutral-light)}:host .date{display:flex;justify-content:center;align-items:center;height:auto;width:14.2857142857%;aspect-ratio:1;font-size:14px;cursor:pointer;position:relative;box-sizing:border-box;text-align:center;flex-shrink:0}:host .date.today{border:2px solid var(--primary-darker);border-radius:50%;color:var(--primary-darker)}:host .date.selected{color:var(--select-label) !important;background:var(--primary-base);border-radius:50%}:host .date.default-dates{color:var(--select-label) !important;background:var(--primary-base);border-radius:50%;border:none}:host .date.invalid{color:var(--neutral-dark) !important;cursor:not-allowed}:host .date.invalid:hover{background:none;box-shadow:none}:host .date.valid{color:var(--primary-darker);font-weight:var(--font-weight-bold)}:host .date.range.start{border-radius:50% 0 0 50%;color:var(--select-label) !important;background:var(--primary-base)}:host .date.range.interval{border-radius:0;background:var(--primary-lighter);color:var(--neutral-black) !important}:host .date.range.interval.today{border:none}:host .date.range.end{border-radius:0 50% 50% 0;color:var(--select-label) !important;background:var(--primary-base)}@media (min-width: 992px){:host .date:hover{background:var(--primary-lighter);border-radius:50%;color:var(--neutral-white)}}:host select,:host input{width:60px;font-size:16px;box-shadow:0 2px 2px var(--neutral-black);padding:5px;border-radius:4px;border:1px solid #ccc;background:#f7f7f7}:host .--disabled .icon::before{display:none}:host .--disabled .date{cursor:initial}@media (min-width: 992px){:host .--disabled .date:hover{color:var(--neutral-dark);cursor:initial;background:none;box-shadow:none}}:host .--disabled .default-dates{background-color:transparent;color:var(--neutral-dark) !important}:host .--disabled .today{border:2px solid var(--neutral-dark);color:var(--neutral-dark);cursor:initial}:host .--disabled .valid{color:var(--neutral-dark);font-weight:initial}:host .loading-container{align-items:center;background-color:var(--color-neutral-purewhite);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;position:absolute;width:calc(100% - 12px)}`;
 
 const CuraCalendar = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.onchangeday = index.createEvent(this, "onchangeday");
+        this.changeDateInView = index.createEvent(this, "changeDateInView");
+        this.isMounted = false;
         /**
          * Disable component
          *
@@ -6809,6 +6811,13 @@ const CuraCalendar = class {
          * @default false
          */
         this.isDisabled = false;
+        /**
+         * Loading state
+         *
+         * @type {boolean}
+         * @default false
+         */
+        this.isLoading = false;
         /**
          * An array of specific dates to be highlighted or processed.
          *
@@ -7165,7 +7174,7 @@ const CuraCalendar = class {
      * @returns {Date[]} An array of individual dates.
      */
     expandDateRanges(dates) {
-        if (!dates)
+        if (!dates || !Array.isArray(dates))
             return [];
         return dates.flatMap(date => {
             if (typeof date === 'string')
@@ -7408,7 +7417,15 @@ const CuraCalendar = class {
             '--width': this.width,
             '--min-width': this.minWidth,
             '--max-width': this.maxWidth,
+            '--color-neutral-purewhite': window.CuraAPI.theme.colors.getColor(`neutral-purewhite`)
+        };
+    }
+    sendEventChangeDateInView(isCollapsed) {
+        const eventData = {
+            datesInView: isCollapsed ? this.fetchDaysOfWeek() : this.fetchDaysOfMonth(),
+            monthDays: this.fetchDaysOfMonth()
         };
+        this.changeDateInView.emit(eventData);
     }
     watchDefaultDatesArray() {
         this.selectedDates = this.customDates;
@@ -7426,11 +7443,23 @@ const CuraCalendar = class {
         }
         this.defaultDates = this.expandDateRanges(newValue);
     }
+    watchDatesInViewChange() {
+        if (!this.isMounted) {
+            return;
+        }
+        this.sendEventChangeDateInView(Boolean(this.collapsed));
+    }
+    watchCollapse(isCollapsed) {
+        this.sendEventChangeDateInView(isCollapsed);
+    }
+    componentDidLoad() {
+        this.isMounted = true;
+    }
     render() {
         const { months } = this.fetchMonthNames();
-        return (index.h(index.Host, { key: '0058175ddba56d4ddf6e1ba9aa6b66575f9bfb01', style: this.getHostCSSProperties() }, index.h("div", { key: 'fb70c1f051075f6b7904baef0733dd45d37b12a0', class: `calendar ${this.floating ? 'floating' : ''} ${this.embedded ? 'embedded' : ''} ${this.getDisabledClassModifier()}`, style: this.styles }, index.h("header", { key: 'e109068ef54873f86212b6ec35090961ec3ea2d7', class: "header" }, index.h("div", { key: '1a03a0147439e7fe5da109f5ae315cf5b4e9f363', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, index.h("cura-icon", { key: '916ff723610f006170cc6ad16a466d6643ff4537', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", disabled: this.isDisabled, color: this.determinePrevButtonColor(), onClick: this.handlePrevMonth }), this.type === 'dropdown' ? (index.h("div", { class: "select" }, index.h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: e => this.onMonthDropdownChange(e) }, months.map((month, index$1) => (index.h("cura-select-option", { size: "xsmall", key: index$1, value: month }, month)))), index.h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: e => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index$1) => (index.h("cura-select-option", { key: index$1, value: year.toString() }, year.toString())))))) : (index.h("cura-label", { color: !this.isDisabled ? 'neutral-black' : 'neutral-dark', size: "small" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), index.h("cura-icon", { key: '7989ae104c7ae55c93ce76756f8cdcc15625a9c9', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", disabled: this.isDisabled, color: "primary-base", onClick: this.handleNextMonth }))), index.h("span", { key: '15f1486afe03202f30352ec4efa1d21d39fffd73', class: "days-of-week" }, this.fetchWeekDays().map(this.renderItemWeekDays)), index.h("div", { key: '75f3070e86bdd892e5a48be48911b70ceac795a4', class: "dates" }, !this.collapsed
+        return (index.h(index.Host, { key: '9667bc4f47b6581724dcc658ce322b375622906a', style: this.getHostCSSProperties() }, index.h("div", { key: '231bc0e3890949e6696338e386a3db4e9744c5b6', class: `calendar ${this.floating ? 'floating' : ''} ${this.embedded ? 'embedded' : ''} ${this.getDisabledClassModifier()}`, style: this.styles }, index.h("header", { key: '88357e185b812e45d4632aa20759cf078e51af19', class: "header" }, index.h("div", { key: '93cf9ecfbce8772e64cdad26090119257f47b77b', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, index.h("cura-icon", { key: 'c188f28ca53ffb79ad9d13b1ef7b19ab6d26b10d', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", disabled: this.isDisabled, color: this.determinePrevButtonColor(), onClick: this.handlePrevMonth }), this.type === 'dropdown' ? (index.h("div", { class: "select" }, index.h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: e => this.onMonthDropdownChange(e) }, months.map((month, index$1) => (index.h("cura-select-option", { size: "xsmall", key: index$1, value: month }, month)))), index.h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: e => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index$1) => (index.h("cura-select-option", { key: index$1, value: year.toString() }, year.toString())))))) : (index.h("cura-label", { color: !this.isDisabled ? 'neutral-black' : 'neutral-dark', size: "small" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), index.h("cura-icon", { key: 'c890a280637b8c50d2b8cb8ac1ab9a685d742cc3', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", disabled: this.isDisabled, color: "primary-base", onClick: this.handleNextMonth }))), index.h("span", { key: 'fac87075df8335c9ad1464a5dc6caebfbd79cf38', class: "days-of-week" }, this.fetchWeekDays().map(this.renderItemWeekDays)), index.h("div", { key: 'e3d08f781cb7765f2c74e88ebd040d8dd28e7e9f', class: "dates" }, !this.collapsed
             ? this.fetchDaysOfMonth().map((day, index$1) => (index.h("div", { key: index$1, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))
-            : this.fetchDaysOfWeek().map((day, index$1) => (index.h("div", { key: index$1, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (index.h("div", { class: "collapsed-container" }, index.h("cura-button-transparent", { disabled: this.isDisabled, onClick: () => this.showNotColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "plusCircle" }, "Veja mais datas"))) : (index.h("div", { class: "collapsed-container" }, index.h("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "minusCircle" }, "Veja menos datas")))) : null)));
+            : this.fetchDaysOfWeek().map((day, index$1) => (index.h("div", { key: index$1, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (index.h("div", { class: "collapsed-container" }, index.h("cura-button-transparent", { disabled: this.isDisabled, onClick: () => this.showNotColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "plusCircle" }, "Veja mais datas"))) : (index.h("div", { class: "collapsed-container" }, index.h("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "minusCircle" }, "Veja menos datas")))) : null, this.isLoading && (index.h("div", { key: '91af6d390271d126ad380f26a2018e5e06c0f762', class: "loading-container" }, index.h("cura-loader-circle", { key: '032105471ed76a221fbbc50eac62d52250328d57', color: "primary", size: "large" }), index.h("slot", { key: '2cb6ce4b2cffc2d4ec704f4ba8fb746d59c1b0a0', name: "loadingMessage" }))))));
     }
     static get watchers() { return {
         "defaultDate": [{
@@ -7440,6 +7469,12 @@ const CuraCalendar = class {
             }],
         "customDates": [{
                 "watchDefaultDatesArray": 0
+            }],
+        "currentDate": [{
+                "watchDatesInViewChange": 0
+            }],
+        "collapsed": [{
+                "watchCollapse": 0
             }]
     }; }
 };
@@ -7512,7 +7547,7 @@ const CuraCard = class {
         return classes;
     }
     render() {
-        return (index.h(index.Host, { key: '9478ce754c108db722dbc5bcbb00a0884b6c6f38', role: this.href ? 'link' : 'div' }, this.href ? (index.h("a", { class: this.getClasses(), target: this.target, style: this.styles, href: this.href }, index.h("slot", null))) : (index.h("div", { class: this.getClasses(), style: this.styles }, index.h("slot", null)))));
+        return (index.h(index.Host, { key: '73f399ec63b8a0933a22c4a6d605dbb4bc8bf2c3', role: this.href ? 'link' : 'div' }, this.href ? (index.h("a", { class: this.getClasses(), target: this.target, style: this.styles, href: this.href }, index.h("slot", null))) : (index.h("div", { class: this.getClasses(), style: this.styles }, index.h("slot", null)))));
     }
 };
 CuraCard.style = curaCardCss();
@@ -7943,7 +7978,7 @@ const CuraDropdownSearch = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '7a312071ecc60fe462636ad7b32bcb82b5d5c1a2', style: this.getHostCSSProperties(), role: "search", "aria-label": this.label, "aria-required": this.required, "aria-disabled": this.disabled, "aria-expanded": this.zoomState }, index.h("div", { key: 'c4b906871b300013208649f8dcf9b27cf161daae', class: this.getClasses(), style: this.styles }, index.h("div", { key: '97d3d3ae67dc79f2d04456555388cce9aec36f7d', class: "component-controls" }, this.isMobile && this.zoomState ? (index.h("cura-button-transparent", { fontColor: "dark", onClick: () => this.handleBackClick(), iconName: "arrowLeft", size: "large", iconOnly: true, color: "primary", id: "button-back" })) : '', index.h("cura-input-text", { key: '53aa07646542b9941804f7a7f0d66f8c340ce664', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: this.zoomState ? 'transparent' : 'default', required: this.required, iconName: this.icon || 'search', value: this.value, status: this.status, onValueChange: (ev) => this.handleInputValueChange(ev), onInput: (ev) => this._preventEvent(ev), onFocus: () => this.handleFocus(), onClick: (ev) => this._preventEvent(ev), onBlur: () => this.handleBlur(), onFocusout: () => this.handleFocusout(), onInputClear: (ev) => this.handleInputClear(ev), placeholder: this.placeholder, size: this.size, onKeyDown: (ev) => this.handleKeyDown(ev) }, index.h("slot", { key: 'fb206e8295b0139082b79cc747bfe8e424df33fa', name: "helperText" }))), index.h("div", { key: '8ab0ad70e667c4b01b2f7a31fc5df6056b170565', class: "dropdown-container", onMouseOver: () => this.handleDropdownMouseOver() }, index.h("slot", { key: 'dc3cda02f7a70d7229457d6c225a606ee2e03f52', onSlotchange: () => this.handleSlotChange() })))));
+        return (index.h(index.Host, { key: '4eebe0e03eb20a9c056158e9bb7dafad6c5d7e36', style: this.getHostCSSProperties(), role: "search", "aria-label": this.label, "aria-required": this.required, "aria-disabled": this.disabled, "aria-expanded": this.zoomState }, index.h("div", { key: 'c74a9785e747c23f853beabce244d9d79be963f6', class: this.getClasses(), style: this.styles }, index.h("div", { key: '8e0e1b8ad5929f7a65d970da37af8da526ea1ec6', class: "component-controls" }, this.isMobile && this.zoomState ? (index.h("cura-button-transparent", { fontColor: "dark", onClick: () => this.handleBackClick(), iconName: "arrowLeft", size: "large", iconOnly: true, color: "primary", id: "button-back" })) : '', index.h("cura-input-text", { key: 'd6b1e0284f7f8bbd0293ca8c7e11de7e4d390729', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: this.zoomState ? 'transparent' : 'default', required: this.required, iconName: this.icon || 'search', value: this.value, status: this.status, onValueChange: (ev) => this.handleInputValueChange(ev), onInput: (ev) => this._preventEvent(ev), onFocus: () => this.handleFocus(), onClick: (ev) => this._preventEvent(ev), onBlur: () => this.handleBlur(), onFocusout: () => this.handleFocusout(), onInputClear: (ev) => this.handleInputClear(ev), placeholder: this.placeholder, size: this.size, onKeyDown: (ev) => this.handleKeyDown(ev) }, index.h("slot", { key: '3626dc325181c193081af56996804453c9dee9f5', name: "helperText" }))), index.h("div", { key: 'c0b979983b567e35a15e756d24cecf0a0102e2bc', class: "dropdown-container", onMouseOver: () => this.handleDropdownMouseOver() }, index.h("slot", { key: '56fc0ae14345c88eaf214a12f6ebf545fc040aea', onSlotchange: () => this.handleSlotChange() })))));
     }
     get host() { return index.getElement(this); }
 };
@@ -7963,7 +7998,7 @@ const CuraDropdownSearchCategory = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '511391a8c6c1c998b04e3093838173ae76549715' }, index.h("div", { key: '63da720bb3d2cc354ef5f1e9ceaf0f2f9c396f4e', class: "component-container", style: this.styles }, index.h("cura-heading", { key: 'ba003607e581d4abaf2e6d617f94e3174d04a4b3', size: 'xsmall', weight: 'bold', color: 'neutral-dark', marginBlock: '0', lineHeight: '1em' }, index.h("slot", { key: '80b14ff99b42a64082895db81b4dbe78cd7545a3' })))));
+        return (index.h(index.Host, { key: 'd80c4ebc3e7edee04eb7e3b405cc11ea1cb65111' }, index.h("div", { key: 'af087ac20e0e2075acb87b64573734e16bdd7b62', class: "component-container", style: this.styles }, index.h("cura-heading", { key: 'f48f5ca2cd5fdb7b2862ae20e51b3963461db945', size: 'xsmall', weight: 'bold', color: 'neutral-dark', marginBlock: '0', lineHeight: '1em' }, index.h("slot", { key: '13030d0abe5ac052fa3c3a7e04694ecfd7a3ab23' })))));
     }
 };
 CuraDropdownSearchCategory.style = curaDropdownSearchCategoryCss();
@@ -8026,7 +8061,7 @@ const CuraDropdownSearchOption = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '6168a95a628d07878f472c310390bf9c45bd5057' }, index.h("div", { key: '29763282f101a9fbe205c91e7b3c70fa51878e63', class: this.getClasses(), style: this.styles }, index.h("div", { key: '46bd7a250ad866b984e6f4184aa4800e89b741c9', class: "selectable-container", onClick: () => this.handleSelect() }, index.h("slot", { key: '77088405f3cc4f077e49a4266fb926348774d9e9', name: 'image' }), index.h("div", { key: '96baef2af4ffe7c5ec809a5adbd0512120b6c71c', class: "content" }, index.h("slot", { key: 'e41794e8eaff6bfe1516e88e8591ca915eb7ad3f' }))), index.h("div", { key: '991bca3b0956519b531d576a1738bc3f200cc73f', class: "actions-container", onClick: () => this.handleActionsClick() }, index.h("slot", { key: '098e8c29ab48ef8e0cfff2a48a31860eafb62487', name: 'actions' })))));
+        return (index.h(index.Host, { key: 'e01c513f3c2cf8ad1b4b118f2b59d5228a052112' }, index.h("div", { key: 'b59ae795fc8905929ed91fc2e18e465b0d1632f0', class: this.getClasses(), style: this.styles }, index.h("div", { key: 'f3d163ac57e5c6cbc15f4b7d822273afa1279816', class: "selectable-container", onClick: () => this.handleSelect() }, index.h("slot", { key: 'ed9427e3251354825ee9652f653f9597ccf79383', name: 'image' }), index.h("div", { key: 'a78dcf1bfd71e42542b9f7bdb7fb43e3acc628ba', class: "content" }, index.h("slot", { key: '7ad2f91f434cf69b5f45674e887d29fe4188cd9e' }))), index.h("div", { key: '7f9cac5875885a80505b7455de49c090aca7848c', class: "actions-container", onClick: () => this.handleActionsClick() }, index.h("slot", { key: '12496150bea58f08dc7c5a868d866f67903e545c', name: 'actions' })))));
     }
 };
 CuraDropdownSearchOption.style = curaDropdownSearchOptionCss();
@@ -8121,7 +8156,7 @@ const CuraHeading = class {
         return tags[`${this.level}`] || tags['default'];
     }
     render() {
-        return (index.h(index.Host, { key: 'd32c25d0110f82182f4559789f3d2db04e040afe', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
+        return (index.h(index.Host, { key: 'e28268e7d797af495f6accb8536e88ac49ef608f', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
     }
     get host() { return index.getElement(this); }
 };
@@ -8156,7 +8191,7 @@ const CuraIcon = class {
         this.host.style.setProperty(prop, value);
     }
     render() {
-        return (index.h(index.Host, { key: '5dfb1ead36b19cb799e5dad924426356b23500d4', role: "img" }, index.h("svg", { key: '9df09822b70978c96afb525cf5967145513b4a56', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, index.h("use", { key: '8ce9a2c0e434ee559a8c0ff2fb14a30093ce434a', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
+        return (index.h(index.Host, { key: 'b383f07f146a8f4760317a8bfc42a16c06f8d323', role: "img" }, index.h("svg", { key: 'd1d3e98cd7afbf729989463a123030b95ea84221', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, index.h("use", { key: 'bb6c8175923161b9d603a969bc1a7ca651e19256', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -12297,7 +12332,7 @@ const CuraLabel = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '7d49bffcd8408352d48e9d2f4d1a085232b0a388', style: this.hostCSSProperties() }, index.h("p", { key: '9479efc64405d2653e2aaf185138c37c4ecca95c', style: this.styles, class: this.getClasses() }, index.h("slot", { key: '6de7990505b1f2e4af8988e9a9cc3a96ae18cf75' }))));
+        return (index.h(index.Host, { key: '720f13cf286fb7f938e46c6f0a968c4e0f109d50', style: this.hostCSSProperties() }, index.h("p", { key: '0ff31e9b99761b045b24ed8042b27e47b186bf48', style: this.styles, class: this.getClasses() }, index.h("slot", { key: '0986ae8c63cc44b4656f403556c48a7ca6410073' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -12340,7 +12375,7 @@ const CuraLoaderCircle = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '09f72e4ec206571c1bfb4333a76da3113f2b386d', style: this.getStyles(), role: "progressbar" }, index.h("svg", { key: 'd446c093c9ae6c1ebca50e023f2eba592f37eb07', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '8d8bf0fefcb924af391977d672f777face8bf24f' }, index.h("circle", { key: 'd77eaba65fc61c265b7c495e95dae22d9732732b', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), index.h("path", { key: 'ab82247a03c327a6eac8f5c0770932e3520aa32c', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), index.h("defs", { key: '6291d976f90dd54aecaead32f8314e977dad4c3f' }, index.h("linearGradient", { key: '8f213ed3cb1e55f9aae79f18d43f414b48f45a19', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'c723178770cb0d49746a72fff6c9c8dc7fbb07b4' }), index.h("stop", { key: '07bb208a3ca3f3b7a317b1e2386dc9cf683fd155', offset: "1" }))))));
+        return (index.h(index.Host, { key: 'c4615da9001f98d1b9e3663cc3be35d2171730e1', style: this.getStyles(), role: "progressbar" }, index.h("svg", { key: '9c37222a3fe0da848f113ad6d8c75e9b2a0cc9cc', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'f4a18be935decddbe888d70a37b1433044e05fb0' }, index.h("circle", { key: 'd681798065754082c40a289af01d0d68fc41dca4', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), index.h("path", { key: '3f0bba399b4fad8870467ef82bbc73bd18a2e9de', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), index.h("defs", { key: '7e74e8efbd8fd28de95b40c856462e1c1dbefec1' }, index.h("linearGradient", { key: 'd8f4d5a79e13f25a72b73219d9398df4dbc1635c', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '38d78b4fe60768fd5987cb44bbbcd76bdb82b7c4' }), index.h("stop", { key: 'ea7961e56c62437260bf7e0e8270073d1dd5bbe4', offset: "1" }))))));
     }
 };
 CuraLoaderCircle.style = curaLoaderCircleCss();
@@ -12363,7 +12398,7 @@ const CuraPageTemplate = class {
         return classes;
     }
     render() {
-        return (index.h(index.Host, { key: 'a3b743b1f518ece009858e39716903869184d627' }, index.h("div", { key: 'f3f29d5306f612c197ded53885bbf598a377388a', style: this.styles, class: "grid-template" }, index.h("div", { key: '2329343b116c6bfb8f35a146bbab6b9460e50cbe', id: "sub-header" }, index.h("slot", { key: 'b27e5dd020099fc64636a0ab363003024315cff6', name: 'sub-header' })), index.h("div", { key: '45bcb4f1a574c2c0d8337635729bd603df399f20', id: "header" }, index.h("slot", { key: '27bcdc8a59b717ab1c4a021b629a5c4a6a285f8a', name: 'header' })), index.h("div", { key: 'b19ae447a53c43d2f46127b0e38e115b792bec6b', id: "pre-content" }, index.h("slot", { key: 'b37745e63e57ad2c48cf430849b2d64c71d2b45e', name: 'pre-content' })), index.h("div", { key: '4adbaacd79ebb4e5e5fae0233acba2b7215a74ce', id: "content-container", class: this.getClasses() }, index.h("div", { key: '17a7d806d6a24fe67f249cfca2fce466861e25f5', id: "sidebar-left" }, index.h("slot", { key: '6fa66175bf7e0953ce23c6c557297d6f2efb9439', name: 'sidebar-left' })), index.h("div", { key: '450c3a5a742d40d26ccdc672c855b2f9f9ae3153', id: "content" }, index.h("slot", { key: 'ce593020ba6d60ca8a2ddd835deb8c8a4b0e33a1', name: "content" }), index.h("slot", { key: '1cc8b4478d78e3c6985e811cd0d1b510f00edf1b' })), index.h("div", { key: '4497faf9a880a4ae0eaa3f097ca02d3a155a4496', id: "sidebar-right" }, index.h("slot", { key: '97dd82f3f0b83f93334a9ca896ace76521ab05fb', name: 'sidebar-right' }))), index.h("div", { key: '80fb43c7b84bdc2c0722dbada31024d477326d0a', id: "post-body" }, index.h("slot", { key: '3975794bdbefe5fd0e05d06af7715e13ff650338', name: 'post-body' })), index.h("div", { key: '08183669839fce4b448bef3f6489fc6d8c61e898', id: "footer" }, index.h("slot", { key: '9b1797aecc9fd4131944a70371fab08b239f0802', name: 'footer' })), index.h("div", { key: '3e9ea1d173490ee3bf941439fad80814d3a5daf2', id: "sub-footer" }, index.h("slot", { key: '4b0c6a8d6f4b548040195003e8b5574c83541508', name: 'sub-footer' })))));
+        return (index.h(index.Host, { key: '65ceac57166149f686508dd56d865092406afe4d' }, index.h("div", { key: 'c78f1ef93fd52b43285fa3b39d203db258c1bf31', style: this.styles, class: "grid-template" }, index.h("div", { key: 'cfb99058f718560bf2679e13266bf6e1447cfb1e', id: "sub-header" }, index.h("slot", { key: 'ddd2aaeb147cad4e92e16dda69f757d9aa261e2c', name: 'sub-header' })), index.h("div", { key: 'c3d87f2c1d68d08e2c46730d731e03a17e0c355d', id: "header" }, index.h("slot", { key: 'a681e8d1c9c379be1c18278811d7e99455ad0a8b', name: 'header' })), index.h("div", { key: 'aee6e5920384ecdbf0c8adb358a431e304f612de', id: "pre-content" }, index.h("slot", { key: '4e554925885a9f8200fe8cb7b35e438e6a7dd1e8', name: 'pre-content' })), index.h("div", { key: '30f1f9aeb3a58fb390716dec7f5855fdcc1cc82d', id: "content-container", class: this.getClasses() }, index.h("div", { key: '259ab99ca0ec43a86536c3c188429a555eebbd45', id: "sidebar-left" }, index.h("slot", { key: 'ff359698c0b452776e558234b46745dd40746edc', name: 'sidebar-left' })), index.h("div", { key: '14338cdc57d8ee6cfb5ca15fd5ed8fe276d83bea', id: "content" }, index.h("slot", { key: 'ea4f4a5423bf061880d580e86f015907ee5929ea', name: "content" }), index.h("slot", { key: 'ddf40946d828b0de102e9fc21ee99201dc36342b' })), index.h("div", { key: 'c207b0c2280033f71c2b7803b1ae9ec017ab2b5c', id: "sidebar-right" }, index.h("slot", { key: 'fd15c1b0ce197f7de9e72827dca3c1d4736b4219', name: 'sidebar-right' }))), index.h("div", { key: 'fd02b69336b4d6920975bf1a8b4a7c8a957e65d6', id: "post-body" }, index.h("slot", { key: '205b2283d6fff54f3e3be4ed9b2b64b05c985601', name: 'post-body' })), index.h("div", { key: '4602dc880efe376c9a951237c43ebcb6723499db', id: "footer" }, index.h("slot", { key: 'ed9314b5192194cea91dab7fc6efdbfb198016fc', name: 'footer' })), index.h("div", { key: '53b5bd4b187a0ae6657bccfb8626a5d335bdeb73', id: "sub-footer" }, index.h("slot", { key: '8b086fb200223ff0bf5acd2266da3ae47cc30269', name: 'sub-footer' })))));
     }
     get host() { return index.getElement(this); }
 };
@@ -12435,7 +12470,7 @@ const CuraParagraph = class {
         return classes;
     }
     render() {
-        return (index.h(index.Host, { key: 'c3789e60b50107cc39c51e4a3ec317e86c966689', style: this.hostCSSProperties() }, index.h("p", { key: 'f70ffc6277b6164dfc8d230123820efb3d5daa64', style: this.styles, class: this.getClasses() }, index.h("slot", { key: '66251e59d51637fc7820516b17af8947cc9168e8' }))));
+        return (index.h(index.Host, { key: '411b5363e280ac45fdd05b52beb4d778f9a65f81', style: this.hostCSSProperties() }, index.h("p", { key: '4dcf7ab9518dfe6baea24e5ecf340074d5cc0531', style: this.styles, class: this.getClasses() }, index.h("slot", { key: 'cfbd348562f33ef233cda512d596844f49bf3453' }))));
     }
     get host() { return index.getElement(this); }
 };
@@ -14520,10 +14555,10 @@ const CuraSelect = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '8a05e5365062b5a2da4f10d7e3ca04f9d3136fba', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, index.h("div", { key: 'ab28fd73d68ccdc5ad6dd6cc7f79d879eaf25818', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (index.h("cura-label", { key: '5405aa3706b07640fdfdaa681ad22ea9c5fd9997', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && index.h("span", { key: '39b37aefbf4e61572607d891eb63c737c332793c', class: "required" }, "* "))), index.h("div", { key: 'c339ab1ff49699fb0a348a169ba7f545b89bd593', class: {
+        return (index.h(index.Host, { key: '13d03dc2dae8a2aea0a40a9f3f8cff4f8dd5e2f7', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, index.h("div", { key: '70d1e6e1e196d9955e29705e7859e60e25116321', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (index.h("cura-label", { key: '17a8be580d7e66295756dd0d4c50023315ade905', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && index.h("span", { key: '5d3e76ce07f6214eb9925e2b1bdd1a8ea0d59e43', class: "required" }, "* "))), index.h("div", { key: '57da69c886f2f94bc9311ba987a697f3caff7bbf', class: {
                 'cura-input-field': true,
                 'open': this.isOpen,
-            }, ref: el => (this.inputWrapper = el) }, this.renderIcon(), index.h("input", { key: '5118ad409b6b9c48c856670857d3cae26d28fd46', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), index.h("button", { key: '53bddc2b1e56462a9181ce99749d98568f1c5dd9', class: "up-down-button" }, index.h("cura-icon", { key: '01cb20504d2e0506e7210d33e3ca75978a598eff', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), index.h("cura-label", { key: '550c24779f690ebd16bec881770b200ce06f5390', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, index.h("slot", { key: '530f64f99df6328d3a49a449f8f924e57bb03f21' })), this.isOpen && (index.h("div", { key: '3ee7a6439c98a0837a3f39d27646ed7a55c630b3', class: {
+            }, ref: el => (this.inputWrapper = el) }, this.renderIcon(), index.h("input", { key: '783caf1d2e7e55d1e50ce870ed62ee358b63d2c5', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), index.h("button", { key: '626d2a26a771babd5353bba45448a5410c4886e3', class: "up-down-button" }, index.h("cura-icon", { key: 'e331e0dde7ece240f8f80768150679262bb88ab6', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), index.h("cura-label", { key: '458647bd83c8e8a0d68f49f2b08b7f61bed7e5af', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, index.h("slot", { key: '7ef8488495f4e03694bc65930aad0fa6caa8b51f' })), this.isOpen && (index.h("div", { key: '2ba839bf8b7d85ffd7be60f1575fe94f3057155a', class: {
                 menu: true,
                 open: this.isOpen,
                 [this.preferredPlacement]: true,
@@ -14536,7 +14571,7 @@ const CuraSelect = class {
                 visibility: this.isPositioned ? 'visible' : 'hidden',
                 opacity: this.isPositioned ? '1' : '0',
                 pointerEvents: this.isPositioned ? 'auto' : 'none',
-            } }, index.h("slot", { key: '84c3bb501966175635102b2ccbfa0cf43d2112f1', name: "option" }))))));
+            } }, index.h("slot", { key: '8cb789b3f8cf850a6965ed7be11264a654f26c60', name: "option" }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -14590,7 +14625,7 @@ const CuraSelectOption = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '0822f9ef2bf99e9f2fd9b82757c232449cec3397', slot: "option", role: "option", "aria-selected": this.selected }, index.h("div", { key: '97ce07635ab1e67676cdf80bce6b1eada30e035c', class: this.getClasses(), style: this.styles }, index.h("cura-label", { key: 'd6fb19b666f1d12d713ba1e6270ebb62a12d86ab', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, index.h("slot", { key: '78f64d9347185fd398e1adbc45650cf247894481' })), this.selected && index.h("cura-icon", { key: '948e0d36d71e4c236a2472032703dbb47a371910', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
+        return (index.h(index.Host, { key: '1959cfad9e9f91de0a6614517e0a696ff832a8b4', slot: "option", role: "option", "aria-selected": this.selected }, index.h("div", { key: 'f22474011fa2a0def2d272477bbb6ba3c7c5dd59', class: this.getClasses(), style: this.styles }, index.h("cura-label", { key: 'a1236553e347a88c478e50cea6809c54ced8f55d', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, index.h("slot", { key: '3655ebfdd77515ddd8f8dcb6aa736b0dfcca4802' })), this.selected && index.h("cura-icon", { key: 'cc0051639d6878aaeff7c8eb4a2a15a9c73276da', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -14690,7 +14725,7 @@ const CuraTabs = class {
         const labelSize = curaTabs_definitions.labelSizes[this.size] || curaTabs_definitions.labelSizes['default'];
         const labelColor = this.computeContentColor();
         this.updateDynamicStyles();
-        return (index.h(index.Host, { key: '3966968b73a9a51ec26f3206cdb09fbfcb3d3daf', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.h("button", { key: '00cc6382c635a05c52fd74b3e02e968c2d94cacb', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), index.h("cura-label", { key: 'e193500f156c10cf0442e6f504e19d552c19f849', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: '8a0ac7c4b2ff4990093d13b4110e370616cf39f4' })))));
+        return (index.h(index.Host, { key: 'fc0a87968ffd898bd8fc7b287eca4c43183d5b22', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.h("button", { key: '00fe656ab46b7f57dae2a7a1dead6a55759ec729', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), index.h("cura-label", { key: 'c291da87ab7e8beda3c547570a80914bba5e5836', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: '7233f8f990b33a841e815746f0c18fad27b907f1' })))));
     }
     static get watchers() { return {
         "colorMode": [{
@@ -14729,7 +14764,7 @@ const CuraTabsGroup = class {
         this.styles = Object.assign(Object.assign({}, this.styles), { '--border-color': window.CuraAPI.theme.colors.getColor(this.colorMode === 'light' ? 'neutral-base' : 'primary-base'), '--gap': `${this.gap}px` });
     }
     render() {
-        return (index.h(index.Host, { key: 'fb6a6ae52fd5bdfb8c3978a75f26be87479ccafa', role: "tablist", style: this.styles, class: this.getClasses() }, index.h("slot", { key: 'afca97b27c8359f8236331257e4db41f1332e071' })));
+        return (index.h(index.Host, { key: '19ab029f51ded1870e7a59518c57cd4270241ac9', role: "tablist", style: this.styles, class: this.getClasses() }, index.h("slot", { key: 'eda90f855125cfdee50efdb11ffd05ec83e7cfe0' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/cura-checkbox.cjs.entry.js

@@ -217,7 +217,7 @@ const CuraCheckbox = class {
         return index.h("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
     }
     render() {
-        return (index.h(index.Host, { key: '2e951be46f80c67ea87aaf1c613e29ae7a1cc856', role: "checkbox", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, index.h("div", { key: '341a30934dd6660b03e6be161999fad24fb005ef', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, index.h("div", { key: '58f32f6b047d19b8af2468b6007cf2dfb1297476', class: "info" }, index.h("div", { key: 'e23407390368c638e4e8cd9119ad3ccd1767d861', class: "label-wrapper" }, index.h("cura-label", { key: 'd7ce7b39441203e9058b0227edbfc75dd320806f', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (index.h("cura-paragraph", { key: '0684b9ab1f517083bc681bd0731aedf6d38c9873', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), index.h("cura-label", { key: '499419ee720a7c7ba7e42fc8fcebccfb4e0b0c42', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, index.h("slot", { key: '7c9637fa4a8082f6451851452db1b751218a20ec' }))), index.h("div", { key: '91b0a1f42d65d72aca24ff8a852d3c6f461a9cb7', class: 'checkbox', tabIndex: this.ontabindex }, index.h("input", { key: '4f1db30730b2d68d3d0f3036fd5924a9da1b541b', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
+        return (index.h(index.Host, { key: '9236b8f9d487c042e00800a624e1b729e36b296d', role: "checkbox", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, index.h("div", { key: '4472e8ee4fa4d1ea6c6f4cf9ba347acc66f7df2a', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, index.h("div", { key: '1c74e35fbfbcfcbe113edcd5522e674d197b2212', class: "info" }, index.h("div", { key: '75e7fdf6050f38473379fb3e4a5880f9eb34e88e', class: "label-wrapper" }, index.h("cura-label", { key: 'eeac634dd87a72922c0d89e1877d0e0b132e6cd9', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (index.h("cura-paragraph", { key: '7d590fd046c2ba90dbef7846f51a774d50418ca7', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), index.h("cura-label", { key: 'f7c750b3d3ce6afaaba514ac835ceed38674a048', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, index.h("slot", { key: 'd83d9f24b5a5274233e61256add788bfa2ee0f92' }))), index.h("div", { key: '3f67839bbbf8a583d41765a2a6450c71f5063066', class: 'checkbox', tabIndex: this.ontabindex }, index.h("input", { key: 'ab742442fc98838433f6db949478bef6ee2e0d45', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

package/dist/cjs/cura-display.cjs.entry.js

@@ -86,7 +86,7 @@ const CuraDisplay = class {
         return tags[`${this.level}`] || tags['default'];
     }
     render() {
-        return (index.h(index.Host, { key: '264f7e93aac5ecb7a775c6e505f230518e3959f4', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
+        return (index.h(index.Host, { key: '343caf7e121561a5339ea553ccadb8aeed553c37', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/cura-dropdown-search-not-found.cjs.entry.js

@@ -16,7 +16,7 @@ const CuraDropdownSearchNotFound = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '899559f0e05394638cd9c6dd61897383453ed176' }, index.h("div", { key: '0b1ed35b82f1df7feac928ab84e08149a38a79a3', class: "component-container", onClick: this.handleClick }, index.h("cura-heading", { key: '49f423b01e6719790bf7f3bcda6f3239042c0c9f', size: "xsmall", weight: "bold", color: "error-dark" }, index.h("slot", { key: '4fbcfb5602729f92f84a22d003d5b2e66e481b6c' })))));
+        return (index.h(index.Host, { key: '6b57806eb3a2c3be73c76876bfce0062e36a97fa' }, index.h("div", { key: '5a294ef5d53177d439816d881a8d5c90b60b621e', class: "component-container", onClick: this.handleClick }, index.h("cura-heading", { key: 'ff92297c1261d69ef9fa8c2b9cdbfee6365b08f2', size: "xsmall", weight: "bold", color: "error-dark" }, index.h("slot", { key: 'b84f981ba0cff218b5bf0c94a014c83daaa184ac' })))));
     }
 };
 CuraDropdownSearchNotFound.style = curaDropdownSearchNotFoundCss();

package/dist/cjs/cura-icons-view.cjs.entry.js

@@ -22,7 +22,7 @@ const CuraIconsView = class {
         this.sizes.unshift(this.sizes.pop());
     }
     render() {
-        return (index.h(index.Host, { key: '08ac6235b9218c2202cd4957bb78100216b5b680' }, index.h("div", { key: '71856330d5f050d46b83c06125d29a235532bf98', class: "iconDetail" }, index.h("cura-heading", { key: '2520247cde8d71b1a31ce028c4525b04e6302bf1', size: "small", "margin-block": "0 24px" }, "Icon: ", index.h("b", { key: '5cf48d96ed36dd5514357c65b0ec8c9f137bb1e4' }, this.selected)), index.h("div", { key: '7eda1e7db5efc89abb583631a5e959e31397684f', class: "iconSizes" }, this.sizes.map(size => index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, size: size }), index.h("span", null, size)))), index.h("div", { key: 'f443dab7e85fe89a207da8fbefb024b0c22fa084', class: "iconSizes invert" }, this.sizes.map(size => index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), index.h("span", null, size))))), index.h("div", { key: '5ea3b71259ae5454297a94aef4ce1e154c968512', class: "icons" }, iconsetdefaulticons.map(icon => index.h("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, index.h("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), index.h("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon))))));
+        return (index.h(index.Host, { key: 'f25d10b3f380cc58fd5b4e77b437e09ba0787df4' }, index.h("div", { key: '5162f1c8aff585a60f37ef9af8451dae8b310394', class: "iconDetail" }, index.h("cura-heading", { key: '2e95f88bf98bcb3b5ea8b2ce6b015ef5d3c984e5', size: "small", "margin-block": "0 24px" }, "Icon: ", index.h("b", { key: '102d867291ca3af92c370f044a7140571b15c737' }, this.selected)), index.h("div", { key: 'e2fd0833644705ea8b406508be51c6d2d5683d24', class: "iconSizes" }, this.sizes.map(size => index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, size: size }), index.h("span", null, size)))), index.h("div", { key: 'fa842318750f3cdb5e5d7f7333c9221aaf66b585', class: "iconSizes invert" }, this.sizes.map(size => index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), index.h("span", null, size))))), index.h("div", { key: 'a25fd5649fe3bda93f80208e634790da44dde89b', class: "icons" }, iconsetdefaulticons.map(icon => index.h("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, index.h("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), index.h("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon))))));
     }
 };
 CuraIconsView.style = curaIconsViewCss();

package/dist/cjs/cura-input-date.cjs.entry.js

@@ -189,7 +189,7 @@ const CuraInputDate = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a274509eede61a43a6677fbf20dc4645c745d41d' }, index.h("div", { key: '857056581ab374e280ab442aecc49d6b93a21cd2', class: "container", style: this.styles }, index.h("cura-input-text", { key: '417fd4a96ea71a747f7fee55e7a5b524c6b51ef5', label: this.label, name: this.name, status: this.status, value: this.value, onFocus: () => this.showCalendar(), size: this.size, "icon-name": this.iconName, placeholder: this.dateSettings.placeholder, "mask-preset": this.dateSettings.mask, "enable-selection-mode": true, onKeyUp: event => this.handleInputDates(event), autocomplete: "off", onValueChange: event => this.handleChangeDates(event) }, this.renderCalendarOrHelperText()))));
+        return (index.h(index.Host, { key: 'fe506eeb9ca1193994e8988f59f7d39aa09afb7c' }, index.h("div", { key: '33b50ee8b32c70855ec061a0fb9747203f473a62', class: "container", style: this.styles }, index.h("cura-input-text", { key: '8c3d0254c3b6dcd0b24a5c5a27e1b4aeda4c83df', label: this.label, name: this.name, status: this.status, value: this.value, onFocus: () => this.showCalendar(), size: this.size, "icon-name": this.iconName, placeholder: this.dateSettings.placeholder, "mask-preset": this.dateSettings.mask, "enable-selection-mode": true, onKeyUp: event => this.handleInputDates(event), autocomplete: "off", onValueChange: event => this.handleChangeDates(event) }, this.renderCalendarOrHelperText()))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/cura-loader-bar.cjs.entry.js

@@ -23,7 +23,7 @@ const CuraLoaderBar = class {
         this.setProgress();
     }
     render() {
-        return (index.h(index.Host, { key: '397073d5ad18c49fedee1832e89c15108b693e01', role: "progressbar", "aria-valuenow": this.progress, "aria-valuemin": 0, "aria-valuemax": 100 }, index.h("div", { key: 'e3c46bc440ee9c54b308679fa8358df4f10c6a9c', id: "progress-bar", class: "progress-bar", style: this.styles }, index.h("span", { key: '1635e7d72dd6b34455a1891f6a1907f603c91cb7', class: "progress-bar-fill" }))));
+        return (index.h(index.Host, { key: 'dd27615093a7ab333175afb1e48bbe5455d7406b', role: "progressbar", "aria-valuenow": this.progress, "aria-valuemin": 0, "aria-valuemax": 100 }, index.h("div", { key: 'c3c76b76826c558769d43e441d9e0c573fb7eb7b', id: "progress-bar", class: "progress-bar", style: this.styles }, index.h("span", { key: '0e8e361bdf63e558fa34cca67c3446b1147c2643', class: "progress-bar-fill" }))));
     }
     setColor() {
         this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2), '--color-base': window.CuraAPI.theme.colors.getColor(this.color) });

package/dist/cjs/cura-modal.cjs.entry.js

@@ -107,7 +107,7 @@ const CuraModal = class {
         window.addEventListener('keydown', this.handleCloseOnEsc);
     }
     render() {
-        return (index.h(index.Host, { key: 'a6f81dd34ff6bea8c00a6ea08ba2967d8b37890b', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, index.h("div", { key: '87c8a89c0ae261fd6d8ed8259ed4a18b92a6bf55', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, index.h("div", { key: '1377054aaf87f31e2f27a32b813f21a3227a0679', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.canClose ? this.handleClose : undefined }), index.h("div", { key: 'b8764e38f17fc18f6390b1454f73adc5b0f28024', class: "wrapper" }, this.canClose && (index.h("div", { key: 'e3b741e2885d879368b041c0da3ffa8ff1f6b1c4', class: "close desktop" }, index.h("cura-button-transparent", { key: '5c85f8cb21415741e3af4ab8833b031597faed50', iconName: "close", color: "error", size: "small", onClick: this.handleClose, iconOnly: true }))), index.h("slot", { key: 'fd0b51474b2fc973ad1dd6b626f42726e0972afb' }), this.canClose && (index.h("div", { key: 'da7b3e03af84967a38f398cde77495d6baa8af35', class: "close mobile", onClick: this.handleClose }, index.h("cura-button-transparent", { key: 'd95e7ed4963e6ad678dca0b23e5fdfb609dc7f6f', color: "error", iconName: "close", size: "small" }, this.mobileCloseLabel)))))));
+        return (index.h(index.Host, { key: 'add6ff0d9e7596282547b9632a10d6b36ce2dd77', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, index.h("div", { key: '0ea813bd986b4cb0e87f31511d600bc88f922d66', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, index.h("div", { key: '90ace6e14ed40371839a784d82c4370cff9c8bc2', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.canClose ? this.handleClose : undefined }), index.h("div", { key: '1593d59bed08050004b638379194f331518e93ad', class: "wrapper" }, this.canClose && (index.h("div", { key: '348678020334e6f60794e9a22c9aa570deb32411', class: "close desktop" }, index.h("cura-button-transparent", { key: 'bcaed0130dfe074cf23a244a71138243362c6706', iconName: "close", color: "error", size: "small", onClick: this.handleClose, iconOnly: true }))), index.h("slot", { key: 'e34ea51fa11116b235911b7303b7d2f2a70dabd7' }), this.canClose && (index.h("div", { key: 'a262c02432b56a149773e601f14dadc05d09e64f', class: "close mobile", onClick: this.handleClose }, index.h("cura-button-transparent", { key: 'c72a85bc5a3c121829bfe6e509523811ca36e317', color: "error", iconName: "close", size: "small" }, this.mobileCloseLabel)))))));
     }
     static get watchers() { return {
         "background": [{

package/dist/cjs/cura-progress-bar_2.cjs.entry.js

@@ -22,7 +22,7 @@ const CuraProgressBar = class {
         const circumference = radius * Math.PI * 2;
         const dash = (this.progress * circumference) / 100;
         const viewBox = `0 0 ${this.size} ${this.size}`;
-        return (index.h(index.Host, { key: '6deebf97271b84fcecb9e1d688c79ae88b2aa618' }, index.h("div", { key: 'f6556e004e4d0cc4de342292610764b74495e3b0', class: "progress-bar" }, index.h("svg", { key: 'ffc1de55ded85602db1840812cd1f296a413c39e', width: this.size, height: this.size, viewBox: viewBox }, index.h("circle", { key: '691beeaf7b5fb5d670bfde48d8023b742bd97126', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (index.h("circle", { key: '0fee97b7da871d6b242786bbcf175e9792da69f8', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), index.h("span", { key: '8e78dd28e8fad5ee4d9aef8029a73b6cf6d778cc' }, index.h("slot", { key: 'aa7155860e7aa0bcd2aef87bed2a5530161de4aa' })))));
+        return (index.h(index.Host, { key: 'f546339afd578c9916c87e160652d2836d636235' }, index.h("div", { key: '9341ac6716ea963f4a4b7c6b3a06b348846fe22b', class: "progress-bar" }, index.h("svg", { key: '3312489a2d50a45b9fdc63b3ea00c2e10d742f06', width: this.size, height: this.size, viewBox: viewBox }, index.h("circle", { key: '14672a7a5f0e62889de26ab8ea434ac802440f06', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (index.h("circle", { key: '659481dc37b13dc54ebc7df839fcc0b091733d9d', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), index.h("span", { key: 'd92f101a4a05eb74b5b601855e8a8eb42ab50d03' }, index.h("slot", { key: '6e89b7922e5579087c6d31bf2733f1b5098867dc' })))));
     }
 };
 CuraProgressBar.style = curaProgressBarCss();
@@ -95,7 +95,7 @@ const CuraStepperItem = class {
     }
     render() {
         const { badgeColor, textColor, icon, iconOnly } = this.getStatusProperties();
-        return (index.h(index.Host, { key: '0a92b438c1ab33d0e6b1986214b6c57790a3aea6' }, index.h("div", { key: '0f003c91a0d95441f250dbcb539af753a124948c', class: "item-container", style: this.styles }, index.h("cura-badge-pill", { key: '7b631c3be3a59b510f16565f9ad321c485cda952', type: "solid", color: badgeColor, "icon-name": icon, "icon-only": iconOnly, "border-radius": "50%" }, this.label), this.displayHeading && this.heading && (index.h("cura-paragraph", { key: '87f046eac4d4359b564ca85d9e95dbc15499c147', marginBlock: "0", size: "xsmall", color: textColor }, this.heading)))));
+        return (index.h(index.Host, { key: 'fa32a8121b1117a2a186f8d8c0b0cabb03a9ea41' }, index.h("div", { key: '33cacd68a3b62ec1832e9625f034a80a94ca9569', class: "item-container", style: this.styles }, index.h("cura-badge-pill", { key: 'dd636659edc05de46d51d6f02fb8e00c5adbcb88', type: "solid", color: badgeColor, "icon-name": icon, "icon-only": iconOnly, "border-radius": "50%" }, this.label), this.displayHeading && this.heading && (index.h("cura-paragraph", { key: 'd5d9ab0defb69c5f8835c5e22ff300f30dd13d1d', marginBlock: "0", size: "xsmall", color: textColor }, this.heading)))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/cura-radio.cjs.entry.js

@@ -190,7 +190,7 @@ const CuraRadio = class {
         return statusColors[this.status][type];
     }
     render() {
-        return (index.h(index.Host, { key: '550e164f2be33f4fdad6c194302723a00e51843c', role: "radio", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, index.h("div", { key: 'ebcfef353b7dd4655b1d809025060db952927521', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, index.h("div", { key: '436ecc0f4fd72ff6a00a2a47f494e08aae65b3d6', class: "info" }, index.h("div", { key: '4836e4ce83d1fc3b338cfd216b46a7791ba6dc90', class: "label-wrapper" }, index.h("cura-label", { key: '434f0b816eee11b7da0b44f37880e31c52e2f853', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (index.h("cura-paragraph", { key: '1d06464488947f469abd5c3d1c25ebb2ed63a5bd', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), index.h("cura-label", { key: '508bb787d2da5d25de48516ed64d6b02c94d8546', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, index.h("slot", { key: 'f35d5c895f74ec02987474e71df9a5067ea51e70' }))), index.h("input", { key: 'fbd6ba47d6e8a9c812ad986964749507f9d33d62', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked }))));
+        return (index.h(index.Host, { key: '3b4001cf9d095153254069f9865d865f8570c74f', role: "radio", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, index.h("div", { key: '2a60ebf8f84ab618580b924bf1a2ce9acf70ed81', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, index.h("div", { key: 'b1bf673d26f9651696fe5e705f4978eda14e25f6', class: "info" }, index.h("div", { key: '3f0cb6742da331c137c62b647a713781b57d25b2', class: "label-wrapper" }, index.h("cura-label", { key: 'a4bcd0b9b9265db0c7c13a47924ba6b253b01f25', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (index.h("cura-paragraph", { key: '821198baf60494203af757451e892a79afde3e2b', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), index.h("cura-label", { key: '8859c2fd4e77342b1884283977b109c714fc32e6', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, index.h("slot", { key: '313feac58eee6ee2d2b3656d0fb971be7fc43481' }))), index.h("input", { key: 'f9bd494bbe59443d7bacf31dafb2f516591ad596', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

package/dist/cjs/cura-stepper.cjs.entry.js

@@ -128,7 +128,7 @@ const CuraStepper = class {
         return (index.h("div", { class: "container", style: this.styles }, index.h("div", { class: "stepper-list" }, this.stepList.map((step, stepIndex) => this.renderStep(step, stepIndex)))));
     }
     render() {
-        return index.h(index.Host, { key: '6593f8a294abd6f729cbf493e3a773f358c10cf7' }, this.variant === 'default' ? this.renderStepper() : this.renderCompactStepper());
+        return index.h(index.Host, { key: '34f5acc0bded7a19276667cbdb84e0617232d73b' }, this.variant === 'default' ? this.renderStepper() : this.renderCompactStepper());
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/cura-switch.cjs.entry.js

@@ -153,7 +153,7 @@ const CuraSwitch = class {
         return classes;
     }
     render() {
-        return (index.h(index.Host, { key: '39e910a3c68672eb23a123529a77f8ee0d1093aa', role: "switch", "aria-checked": this.checked, "aria-disabled": this.disabled }, index.h("div", { key: '649b89d2709b8afa30cfc1ba549d45ac3c9c04a1', class: this.getClasses(), style: this.styles, onClick: this.toggleSwitch }, index.h("div", { key: '4b1c7d704f0db997a4738abbd248c3a0bbcfdfcd', class: "info" }, index.h("cura-label", { key: 'b225b06ed00144348d08bb95c8a5bf2f1f48e610', textOverflow: this.overflowLabel, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), index.h("cura-label", { key: '22f5e79e0b2e98867663a9a60436d11bc2ce236e', textOverflow: this.overflowHelper, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, index.h("slot", { key: 'd9ed12c05133baeec10aa149f26d6dc01b2e3cd8' }))), index.h("div", { key: 'd51364956de2b53735285109dd457cbff9500eb7', class: "control" }, index.h("div", { key: '5f1ce68eba5430eac69d670a72c4abd48a79a90d', class: `track ${this.size.toLowerCase()}` }, index.h("div", { key: '5077af32559bc7eb183745544844d01a6078ee1d', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
+        return (index.h(index.Host, { key: '73c935718e0bd39d49581d81de82f3d8dfbecf39', role: "switch", "aria-checked": this.checked, "aria-disabled": this.disabled }, index.h("div", { key: 'f2d813e2c863fd869c1ea48f20155a30f7e9b5bd', class: this.getClasses(), style: this.styles, onClick: this.toggleSwitch }, index.h("div", { key: 'de3b927a6ff4f599c527a370b954872990ef3632', class: "info" }, index.h("cura-label", { key: '71729b9f502baf0de6dba5b0d9592c28a420f41d', textOverflow: this.overflowLabel, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), index.h("cura-label", { key: '54cc521cadd2d09cae1c5356858f20c5a18d3cf8', textOverflow: this.overflowHelper, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, index.h("slot", { key: '57d9dbd78f8e5b30677ecca1c6ba83946b459d28' }))), index.h("div", { key: '03d28fd476865d02010fcf7cd5820f9e50b09015', class: "control" }, index.h("div", { key: '5fc59727c27271cba5f63651373e1e99deb4f5b7', class: `track ${this.size.toLowerCase()}` }, index.h("div", { key: 'cae9983998d99333e85e0da6a66c24d79f79e591', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/cura-tabs-button.cjs.entry.js

@@ -89,7 +89,7 @@ const CuraTabs = class {
     render() {
         const labelSize = curaTabs_definitions.labelSizes[this.size] || curaTabs_definitions.labelSizes['default'];
         const labelColor = this.computeContentColor();
-        return (index.h(index.Host, { key: '9410b9c68061ffb5d838fe6ab2f409be9b90c6ac', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.h("button", { key: '1ac26d9b41e072f1ec3668d66fee83679640c54f', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), index.h("cura-label", { key: 'ff854d36883b062d699388e71e6315f76f008f79', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: '6ab5c0cdea38f9094bb382943fe25c3967a681ab' })), this.counter > 0 && this.getCounter())));
+        return (index.h(index.Host, { key: 'e1b96aaf534d4a6c65f875413a0ad28b524c7d97', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.h("button", { key: 'dd6436cf0820f4038dfda6f5a45bcdf828d342bd', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), index.h("cura-label", { key: '8bebb4e66694fbcedcd218cba0f13de2253ae587', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: 'b6fab707b8b4cab36131bfec148746e9459302e8' })), this.counter > 0 && this.getCounter())));
     }
     static get watchers() { return {
         "colorMode": [{

package/dist/cjs/cura-tabs-transparent.cjs.entry.js

@@ -88,7 +88,7 @@ const CuraTabsTransparent = class {
     render() {
         const labelSize = curaTabs_definitions.labelSizes[this.size] || curaTabs_definitions.labelSizes['default'];
         const labelColor = this.computeContentColor();
-        return (index.h(index.Host, { key: 'd3c9e277a079381def09397dc922d697aa99d70a', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.h("button", { key: 'ab4cac9782f48c367c4ada4e303f9422971dc38e', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), index.h("cura-label", { key: 'c6567bdf7b80efc3380a8a93bf52de966e1caa7d', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: '93c392107790a2c0e3499e5b7bd742219203a980' })))));
+        return (index.h(index.Host, { key: '09e06aa0e52ca852fa5e4409429f50242fa5c6a9', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.h("button", { key: 'a4c5f800f22b23e24b89366766660c02abfd7091', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), index.h("cura-label", { key: '73de8c0f84a1128a92fd840c4b6d9b3415071a99', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: '2514d0f1bd9752635fcc2d453c8994d09ef7f5d1' })))));
     }
     static get watchers() { return {
         "colorMode": [{

package/dist/cjs/cura-toast.cjs.entry.js

@@ -33,7 +33,7 @@ const CuraToast = class {
         this.setStyle();
     }
     render() {
-        return (index.h(index.Host, { key: 'c65f4295ed41485cdeb992dc29a76b4aeef87a39', role: "alert", "aria-live": "polite", "aria-atomic": "true", "aria-label": this.label }, index.h("div", { key: '62ec0a3170f862d0634df42ac4ccf0708c80fa32', class: this.getClasses(), style: this.styles }, index.h("cura-icon", { key: 'bdb68633080a0032c4fdc2f3bb53a668e5b8ab1b', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), index.h("div", { key: '42516aa76455a7b2c7e96613d6e0f38d8f9fbfba', class: "content" }, index.h("cura-heading", { key: '07402cf186ed3626248d682239b1105378dc2ae6', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), index.h("cura-paragraph", { key: 'f8239bb5c4ca52e3ce55cc50fab46bd45440e2ee', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, index.h("slot", { key: 'd0491202942530967ddb5d34ecf1333975c8dda0' })), index.h("slot", { key: '3024563fbc18c2b4a4954849f74014b0be6b34ee', name: "actions" })), this.closeButton && index.h("cura-icon", { key: '20b315655b9d8ff4ddfc6c2cec6ebc8981f64643', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && index.h("cura-loader-bar", { key: 'a81f9da8704799af13009fa046b58e9d6eeb453c', color: `${this.type}-base`, progress: this.progress }))));
+        return (index.h(index.Host, { key: '3ed410c2082acf963a9bc034ba0698d3d5a8c05e', role: "alert", "aria-live": "polite", "aria-atomic": "true", "aria-label": this.label }, index.h("div", { key: '7da959ad2aa5d8b57e509bfc5c1241cfe2aab078', class: this.getClasses(), style: this.styles }, index.h("cura-icon", { key: 'f88bbe2ad57d6d5a2cdd707a753fe6a37d2fb13a', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), index.h("div", { key: 'b6d1cf4f6d5cd42b331f19c7996f3de36c29f09e', class: "content" }, index.h("cura-heading", { key: 'ab72f2ffea1f653cd956c5ac1b1c80a053e07673', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), index.h("cura-paragraph", { key: '29e40bf6759c4a2c53beed9028d4d4a5472c8d1d', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, index.h("slot", { key: 'b76073439ef46c084eb681a1639d3644b862db00' })), index.h("slot", { key: 'a5d6b28128d692d84990654e5b74c13c91f1fcb5', name: "actions" })), this.closeButton && index.h("cura-icon", { key: 'bd46e61b4280815f9cb8a683838cceda7b3349c1', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && index.h("cura-loader-bar", { key: 'bffd92fb6e1c162ff5ead3d3fa84168ef80ca240', color: `${this.type}-base`, progress: this.progress }))));
     }
     componentDidLoad() {
         this.openContainer();

package/dist/cjs/cura-tooltip.cjs.entry.js

@@ -32,7 +32,7 @@ const CuraTooltip = class {
         this.setStyle();
     }
     render() {
-        return (index.h(index.Host, { key: '655c6aae9efc3aad790c6a45a7192ef01baeac97', role: "tooltip", id: this.elementId }, index.h("div", { key: 'c552ffd20262eed5e71f4cd93c078852cc52c1ca', class: "container", style: this.styles }, index.h("div", { key: '110f11205496428b674431e1b2bc8c3f95f9397a', class: "content" }, index.h("cura-heading", { key: 'd2a0caf6a338c9c0b839ea8671c6d524b943ca86', level: 4, size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "0" }, this.label), index.h("cura-paragraph", { key: 'bd7addb352119fead424151294e01eae111915e2', color: "neutral-dark", "spot-color": "secondary-darker", size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, index.h("slot", { key: '2323f1af541803e16caa042e9969953557a28976' }))), this.closeButton && !this.isMobile && index.h("cura-icon", { key: '92a672d383b057c53ce1771bea1ff9374a9a50a7', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.isMobile && index.h("cura-button-transparent", { key: 'a31de7e78e092b4fbf6b0e0b85c0c664399081a0', class: "close-button", size: "small", type: "button", color: "error", "icon-name": "close", "icon-position": "right", onClick: this.handleClose }, "OK, entendi."))));
+        return (index.h(index.Host, { key: '721cf76abdc6eb079edbc8540d2deaa74559c809', role: "tooltip", id: this.elementId }, index.h("div", { key: '51c94531a0d28de3844ac109f0b941062b17c013', class: "container", style: this.styles }, index.h("div", { key: 'b80521a83e983ba8939fb21183570de5dfacf544', class: "content" }, index.h("cura-heading", { key: 'fc16d66d76800d5c8b778bea1cf325d1ce500f72', level: 4, size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "0" }, this.label), index.h("cura-paragraph", { key: '1e0bd7fcbec98be145c83ef8cfa62e2b8e40211c', color: "neutral-dark", "spot-color": "secondary-darker", size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, index.h("slot", { key: '4c4509441c4aa22b3810e1b66939e4cea05f48aa' }))), this.closeButton && !this.isMobile && index.h("cura-icon", { key: '35910c2bb5122c25f10c38ed90c5c633daeb7891', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.isMobile && index.h("cura-button-transparent", { key: '1cec8c66efb24e8eda4e09354dd335e03abd99ed', class: "close-button", size: "small", type: "button", color: "error", "icon-name": "close", "icon-position": "right", onClick: this.handleClose }, "OK, entendi."))));
     }
     componentDidLoad() {
         var _a, _b, _c, _d, _e;