@rededor/cura 1.2.0 → 1.3.0

package/dist/components/cura-input-date.js

@@ -8,7 +8,7 @@ import { d as defineCustomElement$4 } from './cura-loader-circle2.js';
 import { d as defineCustomElement$3 } from './cura-select2.js';
 import { d as defineCustomElement$2 } from './cura-select-option2.js';
 
-const curaInputDateCss = ":host{display:block}.container{display:flex;flex-direction:column}.container .calendar{padding:0px calc(var(--base-spacing) * 3px);margin-top:-8px;border-radius:0px 0px 4px 4px;border-top:0px;border-right:2px solid #D4D4D4;border-bottom:2px solid #D4D4D4;border-left:2px solid #D4D4D4;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}";
+const curaInputDateCss = ":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--base-spacing) * 3px);margin-top:-8px;border-radius:0px 0px 4px 4px;border-top:0px;border-right:2px solid #D4D4D4;border-bottom:2px solid #D4D4D4;border-left:2px solid #D4D4D4;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;top:100%;z-index:10;display:none;opacity:0;pointer-events:none}.container .calendar.visible{box-sizing:border-box;display:block;opacity:1;pointer-events:auto;width:100%;background-color:#fff}";
 const CuraInputDateStyle0 = curaInputDateCss;
 
 const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate extends HTMLElement {
@@ -17,6 +17,7 @@ const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate ext
         this.__registerHost();
         this.__attachShadow();
         this.dateChange = createEvent(this, "dateChange", 7);
+        this.statusInputChange = createEvent(this, "statusInputChange", 7);
         this.label = '';
         this.status = 'default';
         this.size = 'medium';
@@ -31,17 +32,28 @@ const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate ext
         this.isCalendarVisible = false;
         this.dates = [];
         this.value = '';
+        this.dateSettings = {
+            placeholder: null,
+            mask: 'date',
+            mode: 'single',
+        };
     }
     connectedCallback() {
-        const weights = window.CuraAPI.theme.fonts.getWeights();
-        this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
-        this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
-        this.styles['--neutral-lighter'] = window.CuraAPI.theme.colors.getColor(`neutral-lighter`);
-        this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);
-        this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
-        this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();
-        this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
-        this.styles['--font-weight-regular'] = weights.regular;
+        const { fonts, colors, spacing } = window.CuraAPI.theme;
+        const weights = fonts.getWeights();
+        this.styles = {
+            '--base-spacing': spacing.getSpacing(),
+            '--neutral-purewhite': colors.getColor('neutral-purewhite'),
+            '--neutral-lighter': colors.getColor('neutral-lighter'),
+            '--neutral-base': colors.getColor('neutral-base'),
+            '--font-size': fonts.getSize(),
+            '--font-color': fonts.getColor(),
+            '--font-family': fonts.getFamily(),
+            '--font-weight-regular': weights.regular,
+        };
+    }
+    componentWillLoad() {
+        this.updateDateSettings();
     }
     /**
      * Callback for form association
@@ -49,33 +61,21 @@ const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate ext
     formAssociatedCallback(form) {
         form.ariaLabel = this.label;
     }
-    /**
-     * Formats the placeholder based on the enableRangeDates flag
-     *
-     * @returns {string} A string representing the placeholder format,
-     * either for a date range ('dd/mm/yyyy - dd/mm/yyyy') or a single date ('dd/mm/yyyy')
-     */
-    setPlaceholder() {
-        if (this.placeholder) {
-            return this.placeholder;
+    updateDateSettings() {
+        const newSettings = this.getDateSettings(this.enableRangeDates);
+        if (this.shouldUpdateDateSettings(newSettings)) {
+            this.dateSettings = newSettings;
         }
-        return this.enableRangeDates ? 'dd/mm/aaaa - dd/mm/aaaa' : 'dd/mm/aaaa';
     }
-    /**
-     * Sets the mask type based on the enableRangeDates flag
-     *
-     * @returns {string} The mask type, either 'dateRange' or 'date'
-     */
-    setMask() {
-        return this.enableRangeDates ? 'dateRange' : 'date';
+    getDateSettings(isRange) {
+        return {
+            placeholder: this.placeholder || (isRange ? 'dd/mm/aaaa - dd/mm/aaaa' : 'dd/mm/aaaa'),
+            mask: isRange ? 'dateRange' : 'date',
+            mode: isRange ? 'range' : 'single',
+        };
     }
-    /**
-     * Sets the mode type based on the enableRangeDates flag
-     *
-     * @returns {'range' | 'single'}
-     */
-    setMode() {
-        return this.enableRangeDates ? 'range' : 'single';
+    shouldUpdateDateSettings(newSettings) {
+        return this.dateSettings.placeholder !== newSettings.placeholder || this.dateSettings.mask !== newSettings.mask || this.dateSettings.mode !== newSettings.mode;
     }
     handleClick(ev) {
         if (this.el.contains(ev.target)) {
@@ -104,8 +104,7 @@ const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate ext
                 this.dateChange.emit(this.value);
             }
             else {
-                this.status = 'error';
-                this.dates = [];
+                this.resetDates();
             }
         }
         else if (simpleDateRegex.test(inputValue)) {
@@ -118,8 +117,7 @@ const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate ext
                 this.dateChange.emit(this.value);
             }
             else {
-                this.status = 'error';
-                this.dates = [];
+                this.resetDates();
             }
         }
         else {
@@ -132,6 +130,7 @@ const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate ext
             this.status = 'default';
             this.value = '';
             this.dateChange.emit(this.value);
+            this.statusInputChange.emit(this.status);
         }
     }
     isDateValid(date) {
@@ -153,9 +152,14 @@ const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate ext
         const year = date.getFullYear();
         return `${day}/${month}/${year}`;
     }
+    resetDates() {
+        this.status = 'error';
+        this.dates = [];
+        this.statusInputChange.emit(this.status);
+    }
     renderCalendarOrHelperText() {
         if (this.isCalendarVisible) {
-            return (h("div", { class: "calendar" }, h("cura-calendar", { customDates: this.dates, mode: this.setMode(), width: "100%", embedded: false, floating: false, disableFutureDates: this.disableFutureDates, disablePassDates: this.disablePassDates, onOnchangeday: e => {
+            return (h("div", { class: "calendar visible" }, h("cura-calendar", { customDates: this.dates, mode: this.dateSettings.mode, width: "100%", maxWidth: "400px", embedded: false, floating: false, disableFutureDates: this.disableFutureDates, disablePassDates: this.disablePassDates, onOnchangeday: e => {
                     const days = e.detail.days;
                     if (days.length === 1) {
                         this.value = this.parseDateToString(days[0]);
@@ -174,39 +178,32 @@ const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate ext
         }
     }
     render() {
-        return (h(Host, { key: '8bf7141427b370ea271d2f589c26060111862f79' }, h("div", { key: '5c955bf76f93912512bbf18887db5305e6772faa', class: "container", style: this.styles }, h("cura-input-text", { key: 'a8c3ff65ca54123d0f7612f61e06e44275047961', label: this.label, name: this.name, status: this.status, value: this.value, onFocus: () => this.showCalendar(), size: this.size, iconName: this.iconName, placeholder: this.setPlaceholder(), "mask-preset": this.setMask(), "enable-selection-mode": true, onKeyUp: event => this.handleInputDates(event), autocomplete: "off", onValueChange: event => this.handleChangeDates(event) }, this.renderCalendarOrHelperText()))));
+        return (h(Host, { key: 'a85d8edd29146ca4068bb0fb5f718a5b6426638e' }, h("div", { key: '99a69b37f9370bdf242d0dc698f707f28cf0325a', class: "container", style: this.styles }, h("cura-input-text", { key: '5f5450f7390792c1188e17f48a9d04f4339fc156', 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 this; }
     static get watchers() { return {
-        "enableRangeDates": ["setPlaceholder", "setMask", "setMode"],
-        "disableFutureDates": ["isDateValid", "renderCalendarOrHelperText"],
-        "disablePassDates": ["isDateValid"],
-        "dates": ["renderCalendarOrHelperText"],
-        "isCalendarVisible": ["renderCalendarOrHelperText"]
+        "enableRangeDates": ["updateDateSettings"]
     }; }
     static get style() { return CuraInputDateStyle0; }
 }, [65, "cura-input-date", {
         "label": [513],
         "status": [1537],
-        "size": [1537],
+        "size": [513],
         "name": [513],
-        "helperText": [1537, "helper-text"],
-        "enableRangeDates": [1540, "enable-range-dates"],
-        "disableFutureDates": [1540, "disable-future-dates"],
-        "disablePassDates": [1540, "disable-pass-dates"],
-        "iconName": [1537, "icon-name"],
+        "helperText": [513, "helper-text"],
+        "enableRangeDates": [516, "enable-range-dates"],
+        "disableFutureDates": [516, "disable-future-dates"],
+        "disablePassDates": [516, "disable-pass-dates"],
+        "iconName": [513, "icon-name"],
         "placeholder": [513],
         "styles": [32],
         "isCalendarVisible": [32],
         "dates": [32],
-        "value": [32]
+        "value": [32],
+        "dateSettings": [32]
     }, [[8, "click", "handleClick"]], {
-        "enableRangeDates": ["setPlaceholder", "setMask", "setMode"],
-        "disableFutureDates": ["isDateValid", "renderCalendarOrHelperText"],
-        "disablePassDates": ["isDateValid"],
-        "dates": ["renderCalendarOrHelperText"],
-        "isCalendarVisible": ["renderCalendarOrHelperText"]
+        "enableRangeDates": ["updateDateSettings"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/cura-input-date.js.map

@@ -1 +1 @@
-{"file":"cura-input-date.js","mappings":"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","names":["CuraInputDate"],"sources":["src/components/forms/cura-input-date/cura-input-date.scss?tag=cura-input-date&encapsulation=shadow","src/components/forms/cura-input-date/cura-input-date.tsx"],"sourcesContent":["@import '../../../../src/scss/mixins/shadows.scss';\n@import '../../../../src/scss/mixins/spacing.scss';\n\n:host {\n  display: block;\n}\n\n.container{\n  display: flex;\n  flex-direction: column;\n\n  .calendar{\n    padding: #{$spacing-none} #{$spacing-xxxs};\n    margin-top: -8px;\n    border-radius: 0px 0px 4px 4px;\n    border-top: 0px;\n    border-right: 2px solid #D4D4D4;\n    border-bottom:2px solid #D4D4D4;\n    border-left: 2px solid #D4D4D4;\n    @include shadow-level3(--neutral-black-shadow);\n  }\n}\n","import { Component, Element, Host, Listen, Prop, State, Watch, h, Event, EventEmitter } from '@stencil/core';\nimport { CuraInputTextCustomEvent } from '../../../components';\nimport { isAfter, isBefore } from 'date-fns';\n\n@Component({\n  tag: 'cura-input-date',\n  styleUrl: 'cura-input-date.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraInputDate {\n  @Element() el: HTMLElement;\n\n  /**\n   * Label text for the input date\n   */\n  @Prop({ reflect: true }) label?: string = '';\n\n  /**\n   * Indicates input status (default: default)\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n\n  /**\n   * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')\n   */\n  @Prop({ reflect: true, mutable: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Name text for the input date\n   */\n  @Prop({ reflect: true }) name?: string = '';\n\n  /**\n   * Helper text displayed below the input\n   */\n  @Prop({ reflect: true, mutable: true }) helperText?: string;\n\n  /**\n   * Enables the date range selection mode, allowing users to select a period of dates\n   */\n  @Prop({ reflect: true, mutable: true }) enableRangeDates: boolean;\n\n  /**\n   * Controls whether future dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true, mutable: true }) disableFutureDates: boolean;\n\n  /**\n   * Controls whether past dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true, mutable: true }) disablePassDates: boolean;\n\n  /**\n   * Whether to display a cura icon (default: null)\n   */\n  @Prop({ reflect: true, mutable: true }) iconName?: string = '';\n\n  /**\n   * Placeholder text for the input\n   */\n  @Prop({ reflect: true }) placeholder?: string | null = null;\n\n  /**\n   * Emitted when the value of the input changes\n   * @type {EventEmitter<string>}\n   */\n  @Event() dateChange: EventEmitter<string>;\n\n  @State() styles = {};\n\n  @State() isCalendarVisible: boolean = false;\n\n  @State() dates: Date[] = [];\n\n  @State() value?: string = '';\n\n  connectedCallback() {\n    const weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-lighter'] = window.CuraAPI.theme.colors.getColor(`neutral-lighter`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-regular'] = weights.regular;\n  }\n\n  /**\n   * Callback for form association\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  /**\n   * Formats the placeholder based on the enableRangeDates flag\n   *\n   * @returns {string} A string representing the placeholder format,\n   * either for a date range ('dd/mm/yyyy - dd/mm/yyyy') or a single date ('dd/mm/yyyy')\n   */\n  @Watch('enableRangeDates')\n  setPlaceholder(): string {\n    if (this.placeholder) {\n      return this.placeholder;\n    }\n    return this.enableRangeDates ? 'dd/mm/aaaa - dd/mm/aaaa' : 'dd/mm/aaaa';\n  }\n\n  /**\n   * Sets the mask type based on the enableRangeDates flag\n   *\n   * @returns {string} The mask type, either 'dateRange' or 'date'\n   */\n  @Watch('enableRangeDates')\n  setMask(): string {\n    return this.enableRangeDates ? 'dateRange' : 'date';\n  }\n\n  /**\n   * Sets the mode type based on the enableRangeDates flag\n   *\n   * @returns {'range' | 'single'}\n   */\n  @Watch('enableRangeDates')\n  setMode(): 'range' | 'single' {\n    return this.enableRangeDates ? 'range' : 'single';\n  }\n\n  @Listen('click', { target: 'window' })\n  handleClick(ev: { target: Node }) {\n    if (this.el.contains(ev.target)) {\n      return;\n    }\n    this.hideCalendar();\n  }\n\n  hideCalendar() {\n    this.isCalendarVisible = false;\n  }\n\n  showCalendar() {\n    this.isCalendarVisible = true;\n  }\n\n  handleInputDates(event: any) {\n    const inputValue = event.target.value;\n\n    const dateRangeRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})\\s*-\\s*(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n    const simpleDateRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n\n    if (dateRangeRegex.test(inputValue)) {\n      const matches = inputValue.match(dateRangeRegex);\n      const startDate = this.parseStringToDate(matches[1]);\n      const endDate = this.parseStringToDate(matches[2]);\n      if (this.isDateValid(startDate) && this.isDateValid(endDate)) {\n        this.status = 'default';\n        this.dates = [startDate, endDate];\n        this.value = `${this.parseDateToString(startDate)} - ${this.parseDateToString(endDate)}`;\n        this.dateChange.emit(this.value);\n      } else {\n        this.status = 'error';\n        this.dates = [];\n      }\n    } else if (simpleDateRegex.test(inputValue)) {\n      const matches = inputValue.match(simpleDateRegex);\n      const singleDate = this.parseStringToDate(matches[1]);\n      if (this.isDateValid(singleDate)) {\n        this.status = 'default';\n        this.dates = [singleDate];\n        this.value = this.parseDateToString(singleDate);\n        this.dateChange.emit(this.value);\n      } else {\n        this.status = 'error';\n        this.dates = [];\n      }\n    } else {\n      this.dates = [];\n    }\n  }\n\n  handleChangeDates(event: CuraInputTextCustomEvent<string | number>) {\n    if (event.detail === '') {\n      this.dates = [];\n      this.status = 'default';\n      this.value = '';\n      this.dateChange.emit(this.value);\n    }\n  }\n\n  @Watch('disableFutureDates')\n  @Watch('disablePassDates')\n  isDateValid(date: Date) {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n\n    if (this.disablePassDates) return !isBefore(date, today);\n    if (this.disableFutureDates) return !isAfter(date, today);\n    return true;\n  }\n\n  parseStringToDate(dateString: string): Date {\n    const [day, month, year] = dateString.split('/').map(Number);\n    return new Date(year, month - 1, day);\n  }\n\n  parseDateToString(date: Date): string {\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = date.getFullYear();\n\n    return `${day}/${month}/${year}`;\n  }\n\n  @Watch('dates')\n  @Watch('isCalendarVisible')\n  @Watch('disableFutureDates')\n  renderCalendarOrHelperText() {\n    if (this.isCalendarVisible) {\n      return (\n        <div class=\"calendar\">\n          <cura-calendar\n            customDates={this.dates}\n            mode={this.setMode()}\n            width=\"100%\"\n            embedded={false}\n            floating={false}\n            disableFutureDates={this.disableFutureDates}\n            disablePassDates={this.disablePassDates}\n            onOnchangeday={e => {\n              const days = e.detail.days;\n              if (days.length === 1) {\n                this.value = this.parseDateToString(days[0]);\n              } else if (days.length > 0) {\n                this.value = `${this.parseDateToString(days[0])} - ${this.parseDateToString(days[days.length - 1])}`;\n              } else {\n                this.value = '';\n              }\n              this.dateChange.emit(this.value);\n            }}\n          />\n        </div>\n      );\n    } else {\n      return this.helperText;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-input-text\n            label={this.label}\n            name={this.name}\n            status={this.status}\n            value={this.value}\n            onFocus={() => this.showCalendar()}\n            size={this.size}\n            iconName={this.iconName}\n            placeholder={this.setPlaceholder()}\n            mask-preset={this.setMask()}\n            enable-selection-mode={true}\n            onKeyUp={event => this.handleInputDates(event)}\n            autocomplete=\"off\"\n            onValueChange={event => this.handleChangeDates(event)}\n          >\n            {this.renderCalendarOrHelperText()}\n          </cura-input-text>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"cura-input-date.js","mappings":"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","names":["CuraInputDate"],"sources":["src/components/forms/cura-input-date/cura-input-date.scss?tag=cura-input-date&encapsulation=shadow","src/components/forms/cura-input-date/cura-input-date.tsx"],"sourcesContent":["@import '../../../../src/scss/mixins/shadows.scss';\n@import '../../../../src/scss/mixins/spacing.scss';\n\n:host {\n  display: block;\n}\n\n.container{\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  .calendar{\n    padding: #{$spacing-none} #{$spacing-xxxs};\n    margin-top: -8px;\n    border-radius: 0px 0px 4px 4px;\n    border-top: 0px;\n    border-right: 2px solid #D4D4D4;\n    border-bottom:2px solid #D4D4D4;\n    border-left: 2px solid #D4D4D4;\n    @include shadow-level3(--neutral-black-shadow);\n    position: absolute;\n    top: 100%; \n    z-index: 10; \n    display: none; \n    opacity: 0;\n    pointer-events: none; \n  }\n\n  .calendar.visible {\n    box-sizing: border-box;\n    display: block;\n    opacity: 1;\n    pointer-events: auto; \n    width: 100%;\n    background-color: #fff;\n  }\n}\n","import { Component, Element, Host, Listen, Prop, State, Watch, h, Event, EventEmitter } from '@stencil/core';\nimport { CuraInputTextCustomEvent } from '../../../components';\nimport { isAfter, isBefore } from 'date-fns';\n\n@Component({\n  tag: 'cura-input-date',\n  styleUrl: 'cura-input-date.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraInputDate {\n  @Element() el: HTMLElement;\n\n  /**\n   * Label text for the input date\n   */\n  @Prop({ reflect: true }) label?: string = '';\n\n  /**\n   * Indicates input status (default: default)\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n\n  /**\n   * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Name text for the input date\n   */\n  @Prop({ reflect: true }) name?: string = '';\n\n  /**\n   * Helper text displayed below the input\n   */\n  @Prop({ reflect: true }) helperText?: string;\n\n  /**\n   * Enables the date range selection mode, allowing users to select a period of dates\n   */\n  @Prop({ reflect: true }) enableRangeDates: boolean;\n\n  /**\n   * Controls whether future dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true }) disableFutureDates: boolean;\n\n  /**\n   * Controls whether past dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true }) disablePassDates: boolean;\n\n  /**\n   * Whether to display a cura icon (default: null)\n   */\n  @Prop({ reflect: true }) iconName?: string = '';\n\n  /**\n   * Placeholder text for the input\n   */\n  @Prop({ reflect: true }) placeholder?: string | null = null;\n\n  /**\n   * Emitted when the value of the input changes\n   * @type {EventEmitter<string>}\n   */\n  @Event() dateChange: EventEmitter<string>;\n\n  /**\n   * Emitted when the value of the status changes\n   * @type {EventEmitter<string>}\n   */\n  @Event() statusInputChange: EventEmitter<string>;\n\n  @State() styles = {};\n\n  @State() isCalendarVisible: boolean = false;\n\n  @State() dates: Date[] = [];\n\n  @State() value?: string = '';\n\n  @State() dateSettings = {\n    placeholder: null,\n    mask: 'date',\n    mode: 'single',\n  };\n\n  connectedCallback() {\n    const { fonts, colors, spacing } = window.CuraAPI.theme;\n    const weights = fonts.getWeights();\n\n    this.styles = {\n      '--base-spacing': spacing.getSpacing(),\n      '--neutral-purewhite': colors.getColor('neutral-purewhite'),\n      '--neutral-lighter': colors.getColor('neutral-lighter'),\n      '--neutral-base': colors.getColor('neutral-base'),\n      '--font-size': fonts.getSize(),\n      '--font-color': fonts.getColor(),\n      '--font-family': fonts.getFamily(),\n      '--font-weight-regular': weights.regular,\n    };\n  }\n\n  componentWillLoad() {\n    this.updateDateSettings();\n  }\n\n  /**\n   * Callback for form association\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  @Watch('enableRangeDates')\n  updateDateSettings() {\n    const newSettings = this.getDateSettings(this.enableRangeDates);\n\n    if (this.shouldUpdateDateSettings(newSettings)) {\n      this.dateSettings = newSettings;\n    }\n  }\n\n  getDateSettings(isRange: boolean) {\n    return {\n      placeholder: this.placeholder || (isRange ? 'dd/mm/aaaa - dd/mm/aaaa' : 'dd/mm/aaaa'),\n      mask: isRange ? 'dateRange' : 'date',\n      mode: isRange ? 'range' : 'single',\n    };\n  }\n\n  shouldUpdateDateSettings(newSettings: any) {\n    return this.dateSettings.placeholder !== newSettings.placeholder || this.dateSettings.mask !== newSettings.mask || this.dateSettings.mode !== newSettings.mode;\n  }\n\n  @Listen('click', { target: 'window' })\n  handleClick(ev: { target: Node }) {\n    if (this.el.contains(ev.target)) {\n      return;\n    }\n    this.hideCalendar();\n  }\n\n  hideCalendar() {\n    this.isCalendarVisible = false;\n  }\n\n  showCalendar() {\n    this.isCalendarVisible = true;\n  }\n\n  handleInputDates(event: any) {\n    const inputValue = event.target.value;\n\n    const dateRangeRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})\\s*-\\s*(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n    const simpleDateRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n\n    if (dateRangeRegex.test(inputValue)) {\n      const matches = inputValue.match(dateRangeRegex);\n      const startDate = this.parseStringToDate(matches[1]);\n      const endDate = this.parseStringToDate(matches[2]);\n      if (this.isDateValid(startDate) && this.isDateValid(endDate)) {\n        this.status = 'default';\n        this.dates = [startDate, endDate];\n        this.value = `${this.parseDateToString(startDate)} - ${this.parseDateToString(endDate)}`;\n        this.dateChange.emit(this.value);\n      } else {\n        this.resetDates();\n      }\n    } else if (simpleDateRegex.test(inputValue)) {\n      const matches = inputValue.match(simpleDateRegex);\n      const singleDate = this.parseStringToDate(matches[1]);\n      if (this.isDateValid(singleDate)) {\n        this.status = 'default';\n        this.dates = [singleDate];\n        this.value = this.parseDateToString(singleDate);\n        this.dateChange.emit(this.value);\n      } else {\n        this.resetDates();\n      }\n    } else {\n      this.dates = [];\n    }\n  }\n\n  handleChangeDates(event: CuraInputTextCustomEvent<string | number>) {\n    if (event.detail === '') {\n      this.dates = [];\n      this.status = 'default';\n      this.value = '';\n      this.dateChange.emit(this.value);\n      this.statusInputChange.emit(this.status);\n    }\n  }\n\n  isDateValid(date: Date) {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n\n    if (this.disablePassDates) return !isBefore(date, today);\n    if (this.disableFutureDates) return !isAfter(date, today);\n    return true;\n  }\n\n  parseStringToDate(dateString: string): Date {\n    const [day, month, year] = dateString.split('/').map(Number);\n    return new Date(year, month - 1, day);\n  }\n\n  parseDateToString(date: Date): string {\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = date.getFullYear();\n\n    return `${day}/${month}/${year}`;\n  }\n\n  resetDates() {\n    this.status = 'error';\n    this.dates = [];\n    this.statusInputChange.emit(this.status);\n  }\n\n  renderCalendarOrHelperText() {\n    if (this.isCalendarVisible) {\n      return (\n        <div class=\"calendar visible\">\n          <cura-calendar\n            customDates={this.dates}\n            mode={this.dateSettings.mode as 'single' | 'range'}\n            width=\"100%\"\n            maxWidth=\"400px\"\n            embedded={false}\n            floating={false}\n            disableFutureDates={this.disableFutureDates}\n            disablePassDates={this.disablePassDates}\n            onOnchangeday={e => {\n              const days = e.detail.days;\n              if (days.length === 1) {\n                this.value = this.parseDateToString(days[0]);\n              } else if (days.length > 0) {\n                this.value = `${this.parseDateToString(days[0])} - ${this.parseDateToString(days[days.length - 1])}`;\n              } else {\n                this.value = '';\n              }\n              this.dateChange.emit(this.value);\n            }}\n          />\n        </div>\n      );\n    } else {\n      return this.helperText;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-input-text\n            label={this.label}\n            name={this.name}\n            status={this.status}\n            value={this.value}\n            onFocus={() => this.showCalendar()}\n            size={this.size}\n            icon-name={this.iconName}\n            placeholder={this.dateSettings.placeholder}\n            mask-preset={this.dateSettings.mask}\n            enable-selection-mode={true}\n            onKeyUp={event => this.handleInputDates(event)}\n            autocomplete=\"off\"\n            onValueChange={event => this.handleChangeDates(event)}\n          >\n            {this.renderCalendarOrHelperText()}\n          </cura-input-text>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/cura-label2.js

@@ -53,7 +53,7 @@ const CuraLabel = /*@__PURE__*/ proxyCustomElement(class CuraLabel extends HTMLE
         };
     }
     render() {
-        return (h(Host, { key: '08a9753ada3d3d7e94f80256d375f9c40bd7eb52', style: this.hostCSSProperties() }, h("p", { key: 'abd0b048fa46c15038595459eb173dbebe54b3f8', style: this.styles, class: this.getClasses() }, h("slot", { key: '9f950127eaa32d0137be06592a9872861ec927a7' }))));
+        return (h(Host, { key: 'ae255523f9f465d4e9f76dccf24e127a73d35b46', style: this.hostCSSProperties() }, h("p", { key: 'b517371dcedfcd256dff4fcaddfe40c946541513', style: this.styles, class: this.getClasses() }, h("slot", { key: '38ed6316d7882ba14a1e1710091be8d12158cd74' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/cura-loader-bar2.js

@@ -23,7 +23,7 @@ const CuraLoaderBar = /*@__PURE__*/ proxyCustomElement(class CuraLoaderBar exten
         this.setProgress();
     }
     render() {
-        return (h(Host, { key: 'c98e1e2e370b5fadc87eb960d030324e36acd250' }, h("div", { key: '39dac6c361361e840305e15d6bf4ff09cfa3380e', id: "progress-bar", class: "progress-bar", style: this.styles }, h("span", { key: 'b501bd4846993c62a246a5891b9650faaca89c32', class: "progress-bar-fill" }))));
+        return (h(Host, { key: 'af0397ee6a031081a84200da4863752ccbf937ce' }, h("div", { key: '5e054c2b571053bdb58b415a6ca642a8bc0385f3', id: "progress-bar", class: "progress-bar", style: this.styles }, h("span", { key: '2463789bf8737e13b6b5a49a1af4e51ce1637176', 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/components/cura-loader-circle2.js

@@ -26,7 +26,7 @@ const CuraLoaderCircle = /*@__PURE__*/ proxyCustomElement(class CuraLoaderCircle
         };
     }
     render() {
-        return (h(Host, { key: '2697e72f8af894a6bea7092d3f56de4855788ea1', style: this.getStyles() }, h("svg", { key: 'ef5ae4cb6f02d80a79be4d066714e5d658d48a31', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '476fb5af3fdd8f4002de31ac2282dfe0c3e94a0f' }, h("circle", { key: '937db497c08019f64fb38974ace4262c6bc29ebb', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { key: 'ee611cdaa0b77ba3ef3c4ef61580e5e176b650cf', 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" })), h("defs", { key: '86fe212f1d47f69c403e82360464fe2e344947cd' }, h("linearGradient", { key: '73399f5eda1ca0fb206bf5322417431add8cfec6', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'bb9f60898d5b63dd7841e2cd94137280a553176b' }), h("stop", { key: '1e1dda3b14f7c5c5cfef85dd39a43eb71048171e', offset: "1" }))))));
+        return (h(Host, { key: 'c7fb273559e35a8ac66c4a06e09150990dd62629', style: this.getStyles() }, h("svg", { key: '1ef6af84e79a0bf20c78d8f28129c890f990902f', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '37718a9e3271cce4d939b9ee4ab7123f39d7de39' }, h("circle", { key: '50284396589d4165a5e222b6e7aa7d7eba7d1f72', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { key: '1bd1557ecd739e50cacd67675d91aa56f63ec335', 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" })), h("defs", { key: '6c68b50e1cce6210827f55ade5f822c0398ebfae' }, h("linearGradient", { key: '9d8f1a4955b753070618e0998205a8b48a83976a', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'd81f6995a1de8007ede765a2f49d236f7fcff187' }), h("stop", { key: 'b88855e6b35f247fa1395c220e3c0ee76093a7d2', offset: "1" }))))));
     }
     static get style() { return CuraLoaderCircleStyle0; }
 }, [1, "cura-loader-circle", {

package/dist/components/cura-page-template.js

@@ -21,7 +21,7 @@ const CuraPageTemplate$1 = /*@__PURE__*/ proxyCustomElement(class CuraPageTempla
         return classes;
     }
     render() {
-        return (h(Host, { key: 'ab4b10fe60c2d8cac394e1d4ab9e9415901e5e80' }, h("div", { key: 'bb1136f5c7dff53c8de05a1e4c2a0a16416f1c6e', style: this.styles, class: "grid-template" }, h("div", { key: 'eab90c228293eb3213380d8f2d74231dce0a3723', id: "sub-header" }, h("slot", { key: '5857d627c6038ada32dacd9840fd51f002245215', name: 'sub-header' })), h("div", { key: '9ebdd52e3f31f24b5a45c855539ee5c68f16b099', id: "header" }, h("slot", { key: 'ea50789c8628109a2d599f2a8a94dc3ac54f8b43', name: 'header' })), h("div", { key: 'c37250f3054ba97f31f6b6cff428ffbdf96869e9', id: "pre-content" }, h("slot", { key: 'e2c81d9af2c587356b26eaff85dec7318ddf52e2', name: 'pre-content' })), h("div", { key: 'ddd4aa8338ce668e42511b38d6b5ee8012f01c5b', id: "content-container", class: this.getClasses() }, h("div", { key: '31ebabdf53749aec5b526308b063f3c2c0d4821b', id: "sidebar-left" }, h("slot", { key: '01a4ce493250b17e7bef8c173bc66a10217f2f53', name: 'sidebar-left' })), h("div", { key: 'bde5a719d07f67230a56192ecc412721ff4d36bb', id: "content" }, h("slot", { key: '3cf647a29db3e59ccc7827f3ec01d55fa0a90109', name: "content" }), h("slot", { key: '8f8d9b784f5d65bbedace6378f7df09cc659968a' })), h("div", { key: '1dd69a2f8d28faa4a204d024b5884bd4ec37bf42', id: "sidebar-right" }, h("slot", { key: '4052cf77ae1be773f58a0b9c6bf39960591e1aa8', name: 'sidebar-right' }))), h("div", { key: '76188d32df6addc6f41018ba2bcb869b0811eaf2', id: "post-body" }, h("slot", { key: 'a9aa2d75a63a204ff2e24f525e9a4cbbacbb2dfa', name: 'post-body' })), h("div", { key: 'bd12d4cc7c2cde9428565899f0f89aaf6eaee04c', id: "footer" }, h("slot", { key: '3797061c1debbe0f415771def9068e56c96f9a5a', name: 'footer' })), h("div", { key: 'b5f292bd394bebc7394769827730daa4496c66b2', id: "sub-footer" }, h("slot", { key: '20f8a50ea6c385a2c4348508c2aab8558d3139cf', name: 'sub-footer' })))));
+        return (h(Host, { key: 'cc20723aa41b91ea1dc91ea638988b1758295194' }, h("div", { key: '77a47c8042fde17042614e9dfa451418f5599203', style: this.styles, class: "grid-template" }, h("div", { key: 'b6364534caa10c454c88cb0bee0cb15d5f5b3290', id: "sub-header" }, h("slot", { key: 'e9e8232ea90df3a7a9b41077c11b7471958b31ea', name: 'sub-header' })), h("div", { key: 'b5407cdf0d167f65a41c27b3056dffb8963f9494', id: "header" }, h("slot", { key: '75ca70a52852ba84507d836e20c3cd6e49b5ed7e', name: 'header' })), h("div", { key: 'b1a18551c7c91f0356a909d0187654af7cacfd9c', id: "pre-content" }, h("slot", { key: '46c5d27c42f0082115ed56b00ee5d9537a16b351', name: 'pre-content' })), h("div", { key: '9f9c30b4057d00cc026509eba99b8b066285f518', id: "content-container", class: this.getClasses() }, h("div", { key: '74c71d693d351e38183b501ab1ed955b1120bd13', id: "sidebar-left" }, h("slot", { key: 'f09fd413d695cb57cbdeba49192d0230dddb51ca', name: 'sidebar-left' })), h("div", { key: '60d8785cf429bbdc94132517707d672afa7cfca3', id: "content" }, h("slot", { key: 'd440f897831ff64fb3bed669728bf6d8c557037c', name: "content" }), h("slot", { key: '0e7fbe336f24608d80e7eda07869f58faf98c121' })), h("div", { key: 'e92ffc7632e10b98c25ea8f3dbe854bbdbd225a8', id: "sidebar-right" }, h("slot", { key: '9c9a8887643a1967df21c1d6625266ea119e828b', name: 'sidebar-right' }))), h("div", { key: '9ee23371a9d003db9ebb8b2f2d1803e71da01bd7', id: "post-body" }, h("slot", { key: '449fdc120956fd36f1fe71a7a5f2855a09baa9b3', name: 'post-body' })), h("div", { key: '31bc1a11a0152628a6bff3fee1b2cf739ef7cd82', id: "footer" }, h("slot", { key: '680ac49ea86a4945c13e52e8236e384d20a2867c', name: 'footer' })), h("div", { key: '1aebe595604aadc3b31e467d71532dd9d93301bf', id: "sub-footer" }, h("slot", { key: '58a2d0cebc85f73d09980b6daf8a04e7fceac133', name: 'sub-footer' })))));
     }
     get host() { return this; }
     static get style() { return CuraPageTemplateStyle0; }

package/dist/components/cura-paragraph2.js

@@ -52,7 +52,7 @@ const CuraParagraph = /*@__PURE__*/ proxyCustomElement(class CuraParagraph exten
         };
     }
     render() {
-        return (h(Host, { key: '88f0638f1da31a7410e90bfd9fabc5e47036fbb4', style: this.hostCSSProperties() }, h("p", { key: 'e6c76e6a066ed9ca9f843ceff95c07472fd32824', style: this.styles, class: this.setsizeClass() }, h("slot", { key: 'e6266e05137adb1efc9a2acabab323a507cca9a9' }))));
+        return (h(Host, { key: '0ee9f41b45e758b509a18ab8ff216482d9c83af4', style: this.hostCSSProperties() }, h("p", { key: '02edfbf600b0cb372e49ee8b6fc7192f19108997', style: this.styles, class: this.setsizeClass() }, h("slot", { key: '0b2bd3c94a190999cc8a8dec94b14aae2af2fa09' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/cura-radio.js

@@ -131,7 +131,7 @@ const CuraRadio$1 = /*@__PURE__*/ proxyCustomElement(class CuraRadio extends HTM
         return statusColors[this.status][type];
     }
     render() {
-        return (h(Host, { key: '015424d6821feeef090b0e064cf35eb39100f918' }, h("div", { key: '85b54a48eb2c75dd98df83f7ac7557162b036300', class: this.getClasses(), style: this.styles }, h("div", { key: '84f0b0a8f5e2698fc5fcc6941b6a8b369629d6c0', class: "info" }, h("div", { key: '94194138a25b71c7a6cd1b8c191662ebcbd16b71', class: "label-wrapper" }, h("cura-label", { key: 'cd5af14f2c174bf6a2e2715f32c3f97ed42dd05e', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && h("cura-paragraph", { key: '237bc98ab60ab07e917dcd99b1874bf6fd400ec6', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), h("cura-label", { key: '88a3014b55f420ed7744090f1e54927f7f6ec767', color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: 'b505727b192c807344f328c73c44f88b72314cb3' }))), h("input", { key: '6f324f596f24328d0829e1013bf78545dda17e4b', 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, onClick: this.handleClick }))));
+        return (h(Host, { key: 'a0d89eeaf13690af56498ab584c22082b071b851' }, h("div", { key: '17a7ffae366d1942cdf8daccb0693434468040f8', class: this.getClasses(), style: this.styles }, h("div", { key: '2a03b1cc6eb6c26227bff90ec40f1f739e543613', class: "info" }, h("div", { key: '63a3f9a9f99504fc5f0e824a6398d502c2d7bec7', class: "label-wrapper" }, h("cura-label", { key: 'cddaf7347318cba1cd480352cde13321b44cc244', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && h("cura-paragraph", { key: 'b2f5f549427841feb97ba43e26930e62e7d8f432', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), h("cura-label", { key: '7d32540fd194b86224189d2ba3da8da4cae9d2a9', color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: 'c4e8fa9a1fb18040da0038aa5ea7e6bcb0ee17bc' }))), h("input", { key: 'eaebe407c25af0bc72df251451a652fc6376ef9a', 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, onClick: this.handleClick }))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }

package/dist/components/cura-select-option2.js

@@ -42,7 +42,7 @@ const CuraSelectOption = /*@__PURE__*/ proxyCustomElement(class CuraSelectOption
         };
     }
     render() {
-        return (h(Host, { key: '9c6496e905c81df28315112ab5f12ff114c127dd', slot: "option" }, h("div", { key: '4e8fc83e9fc9f8ac7ecbb17887ed98c6ebc86457', class: this.getClasses(), style: this.styles }, h("cura-label", { key: '818b5dae2fd6f2a907de9077e88999ae264df7e1', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, h("slot", { key: '1f295646eda004443b66005544ee514ce9e095d8' })), this.selected && h("cura-icon", { key: 'db126766232531ea18e28f10b77176e21268db1b', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
+        return (h(Host, { key: 'd65a51c56c05c15db545fa9dec1da8849e45235d', slot: "option" }, h("div", { key: '892175c91b317d015f13f9d5d9bc0a956272a49f', class: this.getClasses(), style: this.styles }, h("cura-label", { key: 'aaabd66fc3e8e6beb0d840e4b12dbcfb3282e392', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, h("slot", { key: 'a1570b98b56147b8cf8d0b01f504a19efbdf4749' })), this.selected && h("cura-icon", { key: 'fcd06691f5d18e460b14e5cd7ae99c06fec26e3f', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/cura-select2.js

@@ -276,13 +276,13 @@ const CuraSelect = /*@__PURE__*/ proxyCustomElement(class CuraSelect extends HTM
         return (h("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
     }
     render() {
-        return (h(Host, { key: '69d335e3f52f520b2067033a3bd3cf5e854bb53e', style: this.styles }, h("div", { key: 'c058baef8309f53fbe15244f48e5233211c6b834', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (h("cura-label", { key: '3dd4ae204d4d497c167a98bb978c268333c46d73', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && h("span", { key: '7aaeb56f48d4e5e3677218783bf67f27273b0cd9', class: 'required' }, "* "))), h("div", { key: 'b17d285023de7b91db356283fa7ed2d4ca47329c', class: {
+        return (h(Host, { key: '1f9549c90dbc1c5a958488fdaa7e6b320730691a', style: this.styles }, h("div", { key: '52f93a983269e95bf4e19b590c47a8de472f9cb1', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (h("cura-label", { key: '1fbbdb175324020e975e515c07a7eb85e593eb19', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && h("span", { key: 'b76d8b6fc6399af17f8345d097f70e29ef9a549e', class: 'required' }, "* "))), h("div", { key: '0f1484f9debd047eb99760adb2c2da6d124c39f0', class: {
                 'cura-input-field': true,
                 'open': this.isOpen
-            } }, this.renderIcon(), h("input", { key: '9328823501e2a439efc2e73e01a018496c98346a', 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 }), h("cura-icon", { key: 'aa8b5271161e8bdbe6ab7234460f4208a030c18b', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), h("cura-label", { key: 'c4ddeead44a36fd2d072d33d9b97cc5367af66bc', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, h("slot", { key: 'a9fd3b810963a65a7ab1733f21864a18e7838bf1' })), this.isOpen && (h("div", { key: '8a9301c541bf7e72ee2e26c6ea48636982a52147', class: {
+            } }, this.renderIcon(), h("input", { key: '2b10751ad085669523eeaba20a9d8736b4332dc0', 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 }), h("cura-icon", { key: '965687e4884ab2da4de009ccee8a2607a80ca0d3', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), h("cura-label", { key: 'ec844637fe1b96ac3719a53fc4753a66dde5710f', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, h("slot", { key: 'fdc615752aad7bc80ba97a380c4086a3e81fad48' })), this.isOpen && (h("div", { key: 'cac6207d71dabbf2ad7d6dd0f5a152d23f64e554', class: {
                 'menu': true,
                 'open': this.isOpen
-            } }, h("slot", { key: '1ea4f761f96bd85021eefbf50280403ae4064317', name: 'option' }))))));
+            } }, h("slot", { key: '3414977f685fd5f7692e1b5fbcf8b8af11992fba', name: 'option' }))))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }

package/dist/components/cura-switch.js

@@ -102,7 +102,7 @@ const CuraSwitch$1 = /*@__PURE__*/ proxyCustomElement(class CuraSwitch extends H
         return classes;
     }
     render() {
-        return (h(Host, { key: '6bbc037348270c69bfac13e7466c6fd19f4dc427' }, h("div", { key: '11ada01c69ff91815ba1b1f76a6e6b448e88a361', class: this.getClasses(), style: this.styles }, h("div", { key: '34992d3d6fbf3ca7782fa4502e297d508656c34c', class: "info" }, h("cura-label", { key: '0e6a178f1f74526962d588b1fad3024920bcf815', 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), h("cura-label", { key: '33e7c6d7aaabd9007b0a41fb966b41b0fd947bc8', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, h("slot", { key: '66dd525702f7d53c8167cfd2aa25552d1bd79837' }))), h("div", { key: 'a3828f2e511a7e23ad5d0e04319637e1aa256c96', onClick: this.toggleSwitch, class: "control" }, h("div", { key: 'afc664ab5563591ef201eee1ca0d33a48075ad04', class: `track ${this.size.toLowerCase()}` }, h("div", { key: 'e6b7f3b67e78421283426ce1c7679cbbf8f77f5e', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
+        return (h(Host, { key: '019642743001393249cba0ac937b861a0b309af3' }, h("div", { key: '32d6358af066b24b60fb2967891b0eda03027a25', class: this.getClasses(), style: this.styles }, h("div", { key: 'c29681689cbf04ee89afa793dd84f1a3c1198fb7', class: "info" }, h("cura-label", { key: '0865c7e0c45843769046039981382e4f7a9cf8cf', 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), h("cura-label", { key: 'b1fff87c188c2a1f306630a692c254dcacc5b03b', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, h("slot", { key: '553757a5022374bd10af67f4a0c449511203e2e6' }))), h("div", { key: 'a8babf17cdd9c8bb95225fce8501015859122ec6', onClick: this.toggleSwitch, class: "control" }, h("div", { key: '4828791117512af2526ed94b5981a0dab04b3e5c', class: `track ${this.size.toLowerCase()}` }, h("div", { key: '30a712271bcee777e9a3c79d04a2038db5b84869', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/components/cura-toast.js

@@ -33,7 +33,7 @@ const CuraToast$1 = /*@__PURE__*/ proxyCustomElement(class CuraToast extends HTM
         this.setStyle();
     }
     render() {
-        return (h(Host, { key: 'b875e88d00075a71d6052563a45849f0b3124f13' }, h("div", { key: 'e766c7a687ec1f9ad943dc4e2ebb87c100da5b71', class: this.getClasses(), style: this.styles }, h("cura-icon", { key: '9379419d8403c5c7b14182bb136cd3375f8aa09a', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), h("div", { key: '38f2a177984d826209d6fbdc9ad3036ef02a1825', class: "content" }, h("cura-heading", { key: 'a4fd1cce18d6208daa527b8da5687b47fbb59968', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), h("cura-paragraph", { key: 'fb803bbcbe47f1d2eca897ca5679d71294fe59ab', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, h("slot", { key: '9ea56d9f87a423b109945cd4cf4078347a9fc1e9' })), h("slot", { key: '045b4ae11997260832288428df6672be6e918730', name: "actions" })), this.closeButton && h("cura-icon", { key: 'e326bb7786f60c95bed9d910e46f47bb4273bb7b', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && h("cura-loader-bar", { key: 'bf1d59681ac35d79fe240777e5d5424ee2b4a4e7', color: `${this.type}-base`, progress: this.progress }))));
+        return (h(Host, { key: 'eb867953a8c56ae385b1226686cbe1b1e9df4318' }, h("div", { key: 'c901632a6fb414c981b5c149fdd7081306ae1130', class: this.getClasses(), style: this.styles }, h("cura-icon", { key: '98c9a49501c71ee60c6ae1d783bba11d5bdce999', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), h("div", { key: '19b2e0bd0d816e94f3b9d1f113f4b833e770cee3', class: "content" }, h("cura-heading", { key: '17ed67e5b531b45b94f8dbc7d65675f7a57308f9', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), h("cura-paragraph", { key: 'dd90e612d924dff9b3e9896dc29cef2541ae51af', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, h("slot", { key: '33cd9c1dd10ae6d3ebd857fab5c70ca7151f8a1b' })), h("slot", { key: '12d18bd482b957cdc5ee7a4fab20bdffe6bc647d', name: "actions" })), this.closeButton && h("cura-icon", { key: '3a83cdd43c6c11587013111c29673f916509b165', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && h("cura-loader-bar", { key: '13ec00fd7146119e9eab81ed6d52b1020d1eb1e8', color: `${this.type}-base`, progress: this.progress }))));
     }
     componentDidLoad() {
         this.openContainer();

package/dist/components/cura-tooltip.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CuraTooltip extends Components.CuraTooltip, HTMLElement {}
+export const CuraTooltip: {
+    prototype: CuraTooltip;
+    new (): CuraTooltip;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;