@rededor/cura 1.7.1 → 1.8.1

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

@@ -1,19 +1,46 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-60783089.js');
-const curaButton_definitions = require('./cura-button.definitions-f036371c.js');
-const _static = require('./static-44199808.js');
-const curaIcon_definitions = require('./cura-icon.definitions-5223028b.js');
-const curaTabs_definitions = require('./cura-tabs.definitions-b8955ad4.js');
+var index = require('./index-BK9MSAiE.js');
+var curaButton_definitions = require('./cura-button.definitions-B3SK8MaV.js');
+var curaThemeModule = require('./cura-theme-module-CJkmAxBA.js');
+var curaIcon_definitions = require('./cura-icon.definitions-DT0wF67y.js');
+var curaTabs_definitions = require('./cura-tabs.definitions-CGqqGE2e.js');
 
 const curaAccordionCss = ":host{display:block;color:var(--font-color);font-size:var(--font-size);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight-regular)}";
-const CuraAccordionStyle0 = curaAccordionCss;
 
 const CuraAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Color scheme base color
+         */
+        this.color = 'primary';
+        /**
+         * Set the color mode to dark or light
+         */
+        this.colorMode = 'dark';
+        /**
+         * Accordion items icons
+         */
+        this.iconSize = 20;
+        this.labelIcon = '';
+        this.openIcon = 'down';
+        this.closeIcon = 'up';
+        /**
+         * Color scheme base color
+         * (By default, the icon will use the same color of 'color')
+         */
+        this.iconColor = '';
+        /**
+         * Accordion behavior when item is clicked
+         * (The default will close all items except the current one)
+         */
+        this.behavior = 'default';
+        /**
+         * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
+         * Values: 1 to 6 (3 default).
+         */
+        this.level = 3;
         this.mutationObserverCallback = (mutations, _) => {
             var _a;
             for (const mutation of mutations) {
@@ -35,15 +62,6 @@ const CuraAccordion = class {
             }
         };
         this.mutationObserver = new MutationObserver(this.mutationObserverCallback);
-        this.color = 'primary';
-        this.colorMode = 'dark';
-        this.iconSize = 20;
-        this.labelIcon = '';
-        this.openIcon = 'down';
-        this.closeIcon = 'up';
-        this.iconColor = '';
-        this.behavior = 'default';
-        this.level = 3;
         this.styles = {};
     }
     handleChangeColor() {
@@ -93,21 +111,38 @@ const CuraAccordion = class {
         "color": ["handleChangeColor"]
     }; }
 };
-CuraAccordion.style = CuraAccordionStyle0;
+CuraAccordion.style = curaAccordionCss;
 
 const curaAccordionItemCss = ":host{display:block}:host .accordion-item{width:100%}:host .accordion-item::after{content:\"\";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active)::after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color:var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body:var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color:var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height 0.25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active)::after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body:var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color:var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height 0.5s ease 0.14s}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}";
-const CuraAccordionItemStyle0 = curaAccordionItemCss;
 
 const CuraAccordionItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Text label for accordion item
+         */
         this.label = '';
+        /** ***Properties below are inherited from the cura-accordion*** */
+        /**
+         * Accordion items icons
+         */
         this.iconSize = 20;
         this.labelIcon = '';
         this.openIcon = 'down';
         this.closeIcon = 'up';
+        /**
+         * Color scheme base color
+         * (By default, the icon will use the same color of 'color')
+         */
         this.iconColor = '';
+        /**
+         * Set the color mode to dark or light
+         */
         this.colorMode = 'dark';
+        /**
+         * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
+         * Values: 1 to 6 (3 default).
+         */
         this.level = 3;
         this.opened = false;
         this.styles = {};
@@ -131,7 +166,7 @@ const CuraAccordionItem = class {
         return (index.h(index.Host, { key: '3dd53ab4a597b1726045ec4d3ed066c6c30050d0', slot: "accordion-item" }, index.h("div", { key: '209291c7c9b587ac546e8b9e40b7d94a11a2489e', class: this.getClasses(), style: this.styles }, index.h("div", { key: '9c2de1103c7f30bc9d2cb0a86fc660c98b94be84', class: "label", onClick: e => this.accordionItemClick(e) }, index.h("div", { key: '052a8be2c00edf3907e49970120d9b65937ab031', class: "label-container" }, index.h("div", { key: 'da543cdbcb0c0d5f691c3d2fcabfbfc9ec46f506', class: "label-content" }, this.renderIcon(), index.h("cura-heading", { key: 'f587de080f2c1779ffacf0b557827c24edf5e1ee', size: "small", level: this.level, weight: 'bold', "margin-block": "0", color: "neutral-black" }, this.label)), index.h("cura-icon", { key: '611b48e32dfd7056a563aab56401feb3c8febee2', name: this.opened ? this.closeIcon : this.openIcon, size: this.iconSize, color: "neutral-black" }))), index.h("div", { key: 'e1d5e606f3e9415570a2a5c2ba3d96264d430bd0', class: 'content' }, index.h("div", { key: '62b76ef21093a4d051120e2502936049a186c36a', class: "content-wrapper" }, index.h("slot", { key: '646b3d0163edf473c1a2e824f251f4db85b2fc18' }))))));
     }
 };
-CuraAccordionItem.style = CuraAccordionItemStyle0;
+CuraAccordionItem.style = curaAccordionItemCss;
 
 const avatarSizes = {
     '80': { border: 2.5 },
@@ -141,20 +176,36 @@ const avatarSizes = {
 };
 
 const curaAvatarCss = ":host{display:inline-flex}:host .conteiner{display:flex;box-sizing:border-box;justify-content:center;align-items:center;width:var(--size);height:var(--size);border:var(--border) solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);overflow:hidden}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .conteiner img{outline:none;object-fit:contain;width:100%;height:100%}";
-const CuraAvatarStyle0 = curaAvatarCss;
 
 const CuraAvatar = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Size of the avatar. Values: 80, 40, 32, 24.
+         * @default 80
+         */
         this.size = '80';
+        /**
+         * Background color of the avatar.
+         * Accepts any color from the theme.
+         * @default neutral-purewhite
+         */
         this.backgroundColor = 'neutral-purewhite';
-        this.borderColor = undefined;
+        /**
+         * Border radius of the avatar.
+         * @default 50%
+         */
         this.borderRadius = '50%';
+        /**
+         * Show border of the avatar.
+         * @default false
+         */
         this.border = false;
+        /**
+         * Type of the avatar.
+         * @default default
+         */
         this.type = 'default';
-        this.imageSrc = undefined;
-        this.imageSrcDefault = undefined;
-        this.floating = undefined;
         this.styles = {};
     }
     sizeHandler(size) {
@@ -190,20 +241,19 @@ const CuraAvatar = class {
         "size": ["sizeHandler"]
     }; }
 };
-CuraAvatar.style = CuraAvatarStyle0;
+CuraAvatar.style = curaAvatarCss;
 
 const curaBadgeDistanceCss = ":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--cura-spacing-base) * 10px);height:calc(var(--cura-spacing-base) * 10px);border-radius:calc(var(--cura-spacing-base) * 1px);background:var(--neutral-pale)}";
-const CuraBadgeDistanceStyle0 = curaBadgeDistanceCss;
 
 const CuraDistance = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.isThousandRounded = false;
-        this.theme = window.CuraAPI.theme;
         this.distance = 0;
         this.label = 'km';
         this.styles = {};
         this.displayDistance = 0;
+        this.isThousandRounded = false;
+        this.theme = window.CuraAPI.theme;
     }
     formatDistance() {
         const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;
@@ -227,10 +277,9 @@ const CuraDistance = class {
         "distance": ["formatDistance"]
     }; }
 };
-CuraDistance.style = CuraBadgeDistanceStyle0;
+CuraDistance.style = curaBadgeDistanceCss;
 
 const curaButtonCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
-const CuraButtonStyle0 = curaButtonCss;
 
 const CuraButton = class {
     constructor(hostRef) {
@@ -242,20 +291,59 @@ const CuraButton = class {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
+        /**
+         * Button type: button (default) | submit | reset
+         */
         this.type = 'button';
+        /**
+         * Button size: small | medium | large (default)
+         */
         this.size = 'large';
+        /**
+         * Disabled state. Boolean.
+         */
         this.disabled = false;
+        /**
+         * Loading state. Boolean.
+         */
         this.isLoading = false;
-        this.iconName = undefined;
+        /**
+         * Custom iconset if needed.
+         */
         this.iconset = 'default';
+        /**
+         * Icon position: left (default) | right.
+         */
         this.iconPosition = 'left';
+        /**
+         * Set button to FAB/icon only.
+         */
         this.iconOnly = false;
-        this.href = undefined;
+        /**
+         * Set target if link.
+         */
         this.target = "_self";
+        /**
+         * Color base from color scheme. Default: accent.
+         */
         this.color = 'accent';
+        /**
+        * Set the background color to dark or light.
+        */
         this.background = 'light';
+        /**
+        * Set the font color to dark or light.
+        */
         this.fontColor = 'dark';
+        /**
+         * Set text aligment for the button label.
+         * Vales: left (default) | center | right.
+         */
         this.textAlign = 'left';
+        /**
+         * Justify icons and label inside the button.
+         * Vales: false (default) | true.
+         */
         this.justify = false;
         this.styles = {};
         this.hovered = false;
@@ -336,10 +424,9 @@ const CuraButton = class {
         "color": ["setColors"]
     }; }
 };
-CuraButton.style = CuraButtonStyle0;
+CuraButton.style = curaButtonCss;
 
 const curaButtonTransparentCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
-const CuraButtonTransparentStyle0 = curaButtonTransparentCss;
 
 const CuraButtonTransparent = class {
     constructor(hostRef) {
@@ -351,19 +438,56 @@ const CuraButtonTransparent = class {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
+        /**
+         * Button type: button (default) | submit | reset
+         */
         this.type = 'button';
+        /**
+         * Button size: small | medium | large (default)
+         */
         this.size = 'large';
+        /**
+         * Disabled state. Boolean.
+         */
         this.disabled = false;
+        /**
+         * Loading state. Boolean.
+         */
         this.isLoading = false;
-        this.iconName = undefined;
+        /**
+         * Custom iconset if needed.
+         */
         this.iconset = 'default';
+        /**
+         * Icon position: left (default) | right.
+         */
         this.iconPosition = 'left';
+        /**
+         * Set button to FAB/icon only.
+         */
         this.iconOnly = false;
-        this.href = undefined;
+        /**
+         * Set target if link.
+         */
         this.target = "_self";
+        /**
+         * Color base from color scheme. Default: accent.
+         */
         this.color = 'primary';
+        /**
+         * Set the font color to dark or light.
+         * Default: dark.
+         */
         this.fontColor = 'dark';
+        /**
+         * Set text aligment for the button label.
+         * Vales: left (default) | center | right.
+         */
         this.textAlign = 'left';
+        /**
+         * Justify icons and label inside the button.
+         * Vales: false (default) | true.
+         */
         this.justify = false;
         this.hovered = false;
         this.styles = {};
@@ -433,10 +557,10 @@ const CuraButtonTransparent = class {
         "color": ["getSymbolColor"]
     }; }
 };
-CuraButtonTransparent.style = CuraButtonTransparentStyle0;
+CuraButtonTransparent.style = curaButtonTransparentCss;
 
 function checkMobile() {
-    return (window === null || window === void 0 ? void 0 : window.innerWidth) < _static.Static.breakpoints.medium.min;
+    return (window === null || window === void 0 ? void 0 : window.innerWidth) < curaThemeModule.Static.breakpoints.medium.min;
 }
 function checkIOS() {
     return [
@@ -527,17 +651,71 @@ class FixedElementScrollBehavior {
 }
 
 const curaDropdownSearchCss = ":host{display:block;box-sizing:border-box;position:relative}:host .component-controls{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px)}:host .component-controls #button-back{padding:0 0 0 calc(var(--cura-spacing-base) * 3px);width:max-content}:host .component-container{box-sizing:border-box;width:100%;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:min-content 1fr}:host .component-container.zoom{position:fixed;top:0;left:0;width:100vw;background:var(--purewhite);height:var(--height);z-index:9999;overscroll-behavior:contain}:host .component-container.zoom .component-controls{border-bottom:2px solid var(--primary);padding:calc(var(--cura-spacing-base) * 3px) 0}:host .component-container.zoom.error .component-controls{border-bottom:2px solid var(--error-dark);background-color:var(--error-lighter)}:host .component-container .dropdown-container{box-sizing:border-box;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:calc(var(--cura-spacing-base) * 3px);overscroll-behavior:contain}:host .component-container:not(.zoom) .dropdown-container{box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;bottom:0;left:0;transform:translateY(100%);max-height:var(--max-height);background-color:var(--purewhite);border-radius:0px 0px calc(var(--cura-spacing-base) * 1px) calc(var(--cura-spacing-base) * 1px);border-bottom:2px solid var(--neutral-light);border-left:2px solid var(--neutral-light);border-right:2px solid var(--neutral-light);display:none;z-index:9997}:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-field){border-radius:4px 4px 0px 0px}:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-text-helper){height:0px;overflow:hidden;margin-top:0px}:host .component-container:not(.zoom).dropdown-visible .dropdown-container{display:block}";
-const CuraDropdownSearchStyle0 = curaDropdownSearchCss;
 
 const CuraDropdownSearch = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.termchange = index.createEvent(this, "termchange", 7);
-        this.optionselect = index.createEvent(this, "optionselect", 7);
+        this.termchange = index.createEvent(this, "termchange");
+        this.optionselect = index.createEvent(this, "optionselect");
+        /**
+         * Size of the dropdown search component
+         * Values: 'small', 'medium' or 'large' (default).
+         */
+        this.size = 'large';
+        /**
+         * Define component status.
+         * Values: 'error' or 'default'.
+         */
+        this.status = 'default';
+        /**
+         * Disabled state. Default: false.
+         */
+        this.disabled = false;
+        /**
+         * Field is required. Default: false.
+         */
+        this.required = false;
+        /**
+         * The placeholder text.
+         */
+        this.placeholder = '';
+        /**
+         * The label.
+         */
+        this.label = '';
+        /**
+         * Custom icon name. Default: search.
+         */
+        this.icon = 'search';
+        /**
+         * CSS max-height property for dropdown item.
+         * Can also be used by css property --max-height.
+         * Default: 400px
+         */
+        this.maxheight = '400px';
+        /**
+         * Readonly property value.
+         * Represents the term on the search input field.
+         */
+        this.value = '';
+        /**
+         * Delay in milliseconds to dispatch search events.
+         * Default: 400
+         */
+        this.searchdelay = 400;
+        /**
+         * Min chars to dispatch search events.
+         * Default: 3
+         */
+        this.searchminchars = 3;
+        this.styles = {};
+        this.zoomState = false;
+        this.isOnFocus = false;
         this.resizeTimeoutMs = 66;
         this.focusTimeoutMs = 500;
         this.blurTimeoutMs = 300;
         this.highlightedIndex = -1;
+        this.dropdownItems = [];
         this.dropdownSelectableItems = [];
         this.handleSlotChange = () => { this.getSlotElements(); };
         this.handleWindowResize = () => {
@@ -617,22 +795,6 @@ const CuraDropdownSearch = class {
             ev.preventDefault();
             ev.stopPropagation();
         };
-        this.name = undefined;
-        this.size = 'large';
-        this.status = 'default';
-        this.disabled = false;
-        this.required = false;
-        this.placeholder = '';
-        this.label = '';
-        this.icon = 'search';
-        this.maxheight = '400px';
-        this.value = '';
-        this.searchdelay = 400;
-        this.searchminchars = 3;
-        this.styles = {};
-        this.zoomState = false;
-        this.isOnFocus = false;
-        this.dropdownItems = [];
     }
     /**
      * Set focus to input field.
@@ -805,10 +967,9 @@ const CuraDropdownSearch = class {
     }
     get host() { return index.getElement(this); }
 };
-CuraDropdownSearch.style = CuraDropdownSearchStyle0;
+CuraDropdownSearch.style = curaDropdownSearchCss;
 
 const curaDropdownSearchCategoryCss = ":host{display:block;box-sizing:border-box}:host .component-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:calc(var(--cura-spacing-base) * 10px);padding:0 calc(var(--cura-spacing-base) * 1px);border-bottom:1px solid var(--neutral-light);padding:calc(var(--cura-spacing-base) * 3px) 0}:host(:last-child) .component-container{border-bottom:none !important}";
-const CuraDropdownSearchCategoryStyle0 = curaDropdownSearchCategoryCss;
 
 const CuraDropdownSearchCategory = class {
     constructor(hostRef) {
@@ -825,23 +986,34 @@ const CuraDropdownSearchCategory = class {
         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' })))));
     }
 };
-CuraDropdownSearchCategory.style = CuraDropdownSearchCategoryStyle0;
+CuraDropdownSearchCategory.style = curaDropdownSearchCategoryCss;
 
 const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box}:host .component-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:calc(var(--cura-spacing-base) * 10px);padding:0 calc(var(--cura-spacing-base) * 1px);border-bottom:1px solid var(--neutral-light);transition:background-color 0.15s linear}:host .component-container:not(.selected):not(.not-selectable):has(.selectable-container:hover),:host .component-container:not(.selected):not(.not-selectable).highlighted{background-color:var(--neutral-white)}:host .selectable-container{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:calc(var(--cura-spacing-base) * 3px) 0;min-height:calc(var(--cura-spacing-base) * 10px);min-width:0;gap:calc(var(--cura-spacing-base) * 1px);cursor:pointer}:host .selectable-container .content{flex:1;align-items:center;justify-content:flex-end;padding-right:calc(var(--cura-spacing-base) * 1px);min-width:0}:host .selectable-container ::slotted(cura-icon){--color:var(--neutral-dark) !important;margin:0 10px}:host .selectable-container ::slotted(cura-avatar){margin:0 calc(var(--cura-spacing-base) * 1px)}:host .selectable-container ::slotted(cura-heading),:host .selectable-container ::slotted(cura-paragraph){--margin-block:0 !important;--color-spot:var(--primary) !important}:host .selectable-container ::slotted(cura-heading){--color-body:var(--neutral-black) !important}:host .selectable-container ::slotted(cura-paragraph){--color-body:var(--neutral-dark) !important}:host .selected{background-color:var(--primary-lighter-50);border-bottom-color:var(--primary-light)}:host .selected .selectable-container{cursor:default}:host .selected .selectable-container ::slotted(cura-icon){--color:var(--primary) !important}:host .selected .selectable-container ::slotted(cura-heading){--color-body:var(--primary) !important}:host .actions-container{display:flex}:host .actions-container ::slotted(*){padding-left:calc(var(--cura-spacing-base) * 1px)}:host .not-selectable .selectable-container{cursor:default}:host(:last-child) .component-container{border-bottom:none !important}";
-const CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
 
 const CuraDropdownSearchOption = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.actionclick = index.createEvent(this, "actionclick", 7);
-        this.selectoption = index.createEvent(this, "selectoption", 7);
-        this.styles = {};
-        this.theme = window.CuraAPI.theme;
-        this.value = undefined;
-        this.optionid = undefined;
+        this.actionclick = index.createEvent(this, "actionclick");
+        this.selectoption = index.createEvent(this, "selectoption");
+        /**
+         * Enable selection for this option.
+         * Default is true.
+         */
         this.selectable = true;
+        /**
+         * Selected state.
+         * This will be managed by the parent component.
+         * Default is false.
+         */
         this.selected = false;
+        /**
+         * Highlighted state.
+         * This will be managed by the parent component.
+         * Default is false.
+         */
         this.highlighted = false;
+        this.styles = {};
+        this.theme = window.CuraAPI.theme;
     }
     connectedCallback() {
         this.styles = {
@@ -877,24 +1049,50 @@ const CuraDropdownSearchOption = class {
         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' })))));
     }
 };
-CuraDropdownSearchOption.style = CuraDropdownSearchOptionStyle0;
+CuraDropdownSearchOption.style = curaDropdownSearchOptionCss;
 
 const curaHeadingCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.714em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.071em;letter-spacing:-0.58px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:calc(var(--line-height) + 20%)}:host h1.small.bold-weight,:host h1.small ::slotted(b),:host h1.small ::slotted(strong),:host h2.small.bold-weight,:host h2.small ::slotted(b),:host h2.small ::slotted(strong),:host h3.small.bold-weight,:host h3.small ::slotted(b),:host h3.small ::slotted(strong),:host h4.small.bold-weight,:host h4.small ::slotted(b),:host h4.small ::slotted(strong),:host h5.small.bold-weight,:host h5.small ::slotted(b),:host h5.small ::slotted(strong),:host h6.small.bold-weight,:host h6.small ::slotted(b),:host h6.small ::slotted(strong){font-weight:var(--font-weight-bold)}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:0.8571428571em;font-weight:var(--font-weight-medium);letter-spacing:0.6px}:host h1.xsmall.bold-weight,:host h1.xsmall ::slotted(b),:host h1.xsmall ::slotted(strong),:host h2.xsmall.bold-weight,:host h2.xsmall ::slotted(b),:host h2.xsmall ::slotted(strong),:host h3.xsmall.bold-weight,:host h3.xsmall ::slotted(b),:host h3.xsmall ::slotted(strong),:host h4.xsmall.bold-weight,:host h4.xsmall ::slotted(b),:host h4.xsmall ::slotted(strong),:host h5.xsmall.bold-weight,:host h5.xsmall ::slotted(b),:host h5.xsmall ::slotted(strong),:host h6.xsmall.bold-weight,:host h6.xsmall ::slotted(b),:host h6.xsmall ::slotted(strong){font-weight:var(--font-weight-bold)}:host h1.textoverflow-single,:host h2.textoverflow-single,:host h3.textoverflow-single,:host h4.textoverflow-single,:host h5.textoverflow-single,:host h6.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host h1 ::slotted(b),:host h1 ::slotted(strong),:host h2 ::slotted(b),:host h2 ::slotted(strong),:host h3 ::slotted(b),:host h3 ::slotted(strong),:host h4 ::slotted(b),:host h4 ::slotted(strong),:host h5 ::slotted(b),:host h5 ::slotted(strong),:host h6 ::slotted(b),:host h6 ::slotted(strong){font-weight:var(--font-weight-medium)}:host h1 ::slotted(a),:host h2 ::slotted(a),:host h3 ::slotted(a),:host h4 ::slotted(a),:host h5 ::slotted(a),:host h6 ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-spot);text-underline-offset:10%;cursor:pointer}:host h1 ::slotted(u),:host h2 ::slotted(u),:host h3 ::slotted(u),:host h4 ::slotted(u),:host h5 ::slotted(u),:host h6 ::slotted(u){text-underline-offset:10%}:host h1 ::slotted(abbr),:host h2 ::slotted(abbr),:host h3 ::slotted(abbr),:host h4 ::slotted(abbr),:host h5 ::slotted(abbr),:host h6 ::slotted(abbr){color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}:host h1 ::slotted(i),:host h2 ::slotted(i),:host h3 ::slotted(i),:host h4 ::slotted(i),:host h5 ::slotted(i),:host h6 ::slotted(i){font-weight:var(--font-weight-medium)}:host h1 ::slotted(em),:host h2 ::slotted(em),:host h3 ::slotted(em),:host h4 ::slotted(em),:host h5 ::slotted(em),:host h6 ::slotted(em){color:var(--color-spot);font-weight:var(--font-weight-bold);font-style:normal}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em;letter-spacing:-0.66px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:0.8571428571em;line-height:calc(var(--line-height) + 3%);letter-spacing:0.72px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:calc(var(--line-height) + 5%);letter-spacing:-0.82px}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.929em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.714em;line-height:calc(var(--line-height) + 30%);letter-spacing:0%}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:1em;line-height:calc(var(--line-height) + 12.857%);letter-spacing:0.28px}}";
-const CuraHeadingStyle0 = curaHeadingCss;
 
 const CuraHeading = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.theme = window.CuraAPI.theme;
+        /**
+         * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
+         * Values: 1(default) to 6.
+         */
         this.level = 1;
+        /**
+         * Heading style size.
+         * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
+         */
         this.size = 'medium';
+        /**
+         * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well.
+         * Values: regular (default) | bold.
+         */
         this.weight = 'regular';
+        /**
+        * Apply design system color to interactive elements like <a> and <abbr> inside the text.
+        * Values: Color from design system scheme. Default to 'accent-dark'.
+        */
         this.spotColor = 'accent-dark';
-        this.color = undefined;
+        /**
+         * CSS margin-block property values.
+         * Default to 1.25em
+         */
         this.marginBlock = '1.25em';
+        /**
+         * CSS line-height property values.
+         * Default to 130%
+         */
         this.lineHeight = '130%';
+        /**
+         * Apply text-overflow ellipsis definitions.
+         * Default to none
+         */
         this.textOverflow = 'none';
         this.styles = {};
+        this.theme = window.CuraAPI.theme;
     }
     connectedCallback() {
         this.setFontProperties();
@@ -947,17 +1145,15 @@ const CuraHeading = class {
     }
     get host() { return index.getElement(this); }
 };
-CuraHeading.style = CuraHeadingStyle0;
+CuraHeading.style = curaHeadingCss;
 
 const curaIconCss = ":host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
-const CuraIconStyle0 = curaIconCss;
 
 const CuraIcon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.name = '';
         this.color = 'neutral-base';
-        this.size = undefined;
         this.iconset = 'default';
         this.disabled = false;
     }
@@ -989,7 +1185,7 @@ const CuraIcon = class {
         "disabled": ["colorHandler"]
     }; }
 };
-CuraIcon.style = CuraIconStyle0;
+CuraIcon.style = curaIconCss;
 
 /** Checks if value is string */
 function isString(str) {
@@ -1500,7 +1696,7 @@ class InputHistory {
     return this.go(-1);
   }
   redo() {
-    return this.go(+1);
+    return this.go(1);
   }
   clear() {
     this.states.length = 0;
@@ -4635,13 +4831,12 @@ const maskOptions = {
 };
 
 const curaInputTextCss = ":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left !important}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0px 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{padding-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-input-group.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-input-group.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black) !important}.cura-input-group:focus-within.selection .cura-input-field{border-radius:4px 4px 0px 0px}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:var(--neutral-white) !important;border:2px solid var(--primary-base) !important}.cura-input-group.isLoading .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base) !important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base) !important}.cura-input-group.readOnly[read-only] .cura-input-field{cursor:default}.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.transparent{background-color:transparent;padding:0px;max-height:80px}.cura-input-group.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.cura-input-group.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0px}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0px;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px;--color-body:var(--neutral-dark) !important}.cura-input-group.transparent.transparent.error cura-label{--color-body:var(--neutral-black) !important}.cura-input-group.transparent.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px;overflow:hidden}.cura-input-group.transparent.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.error.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-input-group.error:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.success.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-input-group.success:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";
-const CuraInputTextStyle0 = curaInputTextCss;
 
 const CuraInputText = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.valueChange = index.createEvent(this, "valueChange", 7);
-        this.inputClear = index.createEvent(this, "inputClear", 7);
+        this.valueChange = index.createEvent(this, "valueChange");
+        this.inputClear = index.createEvent(this, "inputClear");
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -4649,31 +4844,89 @@ const CuraInputText = class {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
+        /**
+         * Mode of the input: 'default' or 'transparent' (default: 'default')
+         */
         this.mode = 'default';
+        /**
+         * Indicates input status(default: default)
+         */
         this.status = 'default';
+        /**
+         * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+         */
         this.size = 'medium';
+        /**
+         * Type of the input: 'text', 'number' (default: 'text')
+         */
         this.type = 'text';
+        /**
+         * Type of the input: 'text', 'number' (default: 'text')
+         */
         this.inputMode = 'text';
+        /**
+         * Label text for the input
+         */
         this.label = '';
+        /**
+         * Name text for the input
+         */
         this.name = '';
+        /**
+         * Placeholder text for the input
+         */
         this.placeholder = null;
+        /**
+         * Value of the input field
+         */
         this.value = '';
+        /**
+         * Whether to display a cura icon (default: null)
+         */
         this.iconName = '';
-        this.helperText = undefined;
+        /**
+         * Whether the input is disabled (default: false)
+         */
         this.disabled = false;
+        /**
+         * Whether the input is required (default: false)
+         */
         this.required = false;
-        this.maskPreset = undefined;
+        /*
+         * Controls whether the selection functionality is active
+         */
         this.enableSelectionMode = false;
-        this.maskRegex = undefined;
-        this.maskAdvanced = undefined;
-        this.maxlength = undefined;
+        /**
+         * Whether the input is read-only (default: false)
+         */
         this.readOnly = false;
+        /**
+         * Whether the input is in loading state (default: false)
+         */
         this.isLoading = false;
+        /**
+         * Internal state: Whether the input is hovered (default: false)
+         */
         this.isHovered = false;
+        /**
+         * Internal state: Whether the input is focused (default: false)
+         */
         this.isFocused = false;
+        /**
+         * Internal state: Styles object for dynamic styling
+         */
         this.styles = {};
+        /**
+         * Icon button name for the clear button (default: 'closeCircle')
+         */
         this.clearIcon = true;
+        /**
+         * Removes the alertCircle icon when necessary(as used in CuraDropdownSearch)
+         */
         this.hideErrorIcon = false;
+        /**
+         * Defines whether the input should have autocomplete
+         */
         this.autocomplete = 'on';
     }
     async setFocus() {
@@ -4962,23 +5215,45 @@ const CuraInputText = class {
         "maskAdvanced": ["initializeMask"]
     }; }
 };
-CuraInputText.style = CuraInputTextStyle0;
+CuraInputText.style = curaInputTextCss;
 
 const curaLabelCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:1.143em;font-weight:var(--font-weight-medium);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.32px}:host p.bold-weight,:host p ::slotted(b),:host p ::slotted(strong),:host p ::slotted(u){font-weight:var(--font-weight-bold)}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) - 4%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 4%);letter-spacing:0.56px}:host p.xsmall{font-size:0.857em;line-height:calc(var(--line-height) - 17%);letter-spacing:0.72px}:host p.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host p ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%}:host p ::slotted(u){text-underline-offset:10%}:host p ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
-const CuraLabelStyle0 = curaLabelCss;
 
 const CuraLabel = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.theme = window.CuraAPI.theme;
+        /**
+         * Set size of body text.
+         * Values: medium (default) | large | small | xsmall.
+         */
         this.size = 'medium';
+        /**
+         * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.
+         * Values: regular (default) | bold.
+         */
         this.weight = 'regular';
+        /**
+        * Apply design system color to interactive elements like <a> and <abbr> inside the text.
+        * Values: Color from design system scheme. Default to 'accent-dark'.
+        */
         this.spotColor = 'accent-dark';
-        this.color = undefined;
+        /**
+         * CSS margin-block property values.
+         * Default to 1.25em
+         */
         this.marginBlock = '0';
+        /**
+         * CSS line-height property values.
+         * Default to 140%
+         */
         this.lineHeight = '125%';
+        /**
+         * Apply text-overflow ellipsis definitions.
+         * Default to none
+         */
         this.textOverflow = 'none';
         this.styles = {};
+        this.theme = window.CuraAPI.theme;
     }
     handleChangeColor() {
         this.setColors();
@@ -5027,14 +5302,21 @@ const CuraLabel = class {
         "spotColor": ["handleChangeColor"]
     }; }
 };
-CuraLabel.style = CuraLabelStyle0;
+CuraLabel.style = curaLabelCss;
 
 const curaLoaderCircleCss = ":host{display:inline-block;width:var(--size);height:var(--size)}:host svg{width:var(--size);height:var(--size);animation:rotate 0.7s linear infinite}:host circle,:host path{stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}:host path{stroke:var(--color)}:host stop{stop-color:var(--color)}:host linearGradient stop:first-child{stop-opacity:0.14}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}";
-const CuraLoaderCircleStyle0 = curaLoaderCircleCss;
 
 const CuraLoaderCircle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Loader size. Values: small, medium or large.
+         */
+        this.size = 'medium';
+        /**
+         * One from color scheme. Default: neutral-white.
+         */
+        this.color = 'neutral-white';
         this.sizes = {
             xlarge: 32,
             large: 24,
@@ -5043,8 +5325,6 @@ const CuraLoaderCircle = class {
             default: 16,
         };
         this.getPxSize = () => this.sizes[this.size] || this.sizes['default'];
-        this.size = 'medium';
-        this.color = 'neutral-white';
     }
     getStyles() {
         return {
@@ -5056,10 +5336,9 @@ const CuraLoaderCircle = class {
         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" }))))));
     }
 };
-CuraLoaderCircle.style = CuraLoaderCircleStyle0;
+CuraLoaderCircle.style = curaLoaderCircleCss;
 
 const curaPageTemplateCss = ":host{display:block}:host .grid-template{display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"sub-header\" \"header\" \"pre-content\" \"content-container\" \"post-body\" \"footer\" \"sub-footer\"}:host .grid-template #sub-header{grid-area:sub-header}:host .grid-template #header{grid-area:header}:host .grid-template #pre-content{grid-area:pre-content}:host .grid-template #content-container{grid-area:content-container}:host .grid-template #post-body{grid-area:post-body}:host .grid-template #footer{grid-area:footer}:host .grid-template #sub-footer{grid-area:sub-footer}@media (max-width: 768px){:host .grid-template{padding:0px}}@media (min-width: 769px) and (max-width: 992px){:host .grid-template{padding:0px}}@media (min-width: 993px) and (max-width: 1920px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 5px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 5px)}:host .grid-template #content-container{display:flex}:host .grid-template #content-container #content{flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}}@media (min-width: 1921px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 7px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 7px)}:host .grid-template #content-container{display:flex}:host .grid-template #content-container #content{flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}:host .grid-template #content-container.centered{max-width:1921px;justify-self:center}}";
-const CuraPageTemplateStyle0 = curaPageTemplateCss;
 
 const CuraPageTemplate = class {
     constructor(hostRef) {
@@ -5081,22 +5360,40 @@ const CuraPageTemplate = class {
     }
     get host() { return index.getElement(this); }
 };
-CuraPageTemplate.style = CuraPageTemplateStyle0;
+CuraPageTemplate.style = curaPageTemplateCss;
 
 const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base);min-width:0}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px;width:100%}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.6px}:host p.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host p ::slotted(b),:host p ::slotted(strong){font-weight:var(--font-weight-bold)}:host p ::slotted(a),:host p ::slotted(a:-webkit-any-link){font-weight:var(--font-weight-medium);color:var(--color-spot);text-underline-offset:10%}:host p ::slotted(u){font-weight:var(--font-weight-medium);text-underline-offset:10%}:host p ::slotted(i){font-style:italic}:host p ::slotted(em){font-weight:var(--font-weight-bold);color:var(--color-spot);font-style:normal}:host p ::slotted(abbr){color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.56px}:host p.caption,:host p.xsmall{font-size:0.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.72px}}@media (min-width: 1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.28px}}";
-const CuraParagraphStyle0 = curaParagraphCss;
 
 const CuraParagraph = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.theme = window.CuraAPI.theme;
+        /**
+         * Set size of body text.
+         * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
+         */
         this.size = 'medium';
+        /**
+        * Apply design system color to interactive elements like <a> and <abbr> inside the text.
+        * Values: Color from design system scheme. Default to 'accent-dark'.
+        */
         this.spotColor = 'accent-dark';
-        this.color = undefined;
+        /**
+         * CSS margin-block property values.
+         * Default to 1.25em
+         */
         this.marginBlock = '1.25em';
+        /**
+         * CSS line-height property values.
+         * Default to 140%
+         */
         this.lineHeight = '140%';
+        /**
+         * Apply text-overflow ellipsis definitions.
+         * Default to none
+         */
         this.textOverflow = 'none';
         this.styles = {};
+        this.theme = window.CuraAPI.theme;
     }
     connectedCallback() {
         this.setFontProperties();
@@ -5135,16 +5432,15 @@ const CuraParagraph = class {
     }
     get host() { return index.getElement(this); }
 };
-CuraParagraph.style = CuraParagraphStyle0;
+CuraParagraph.style = curaParagraphCss;
 
 const curaSelectCss = ":host{display:block;position:relative;font-family:var(--font-family)}.wrapper{width:100%;user-select:none;text-align:left !important}.wrapper cura-label{margin-bottom:8px}.wrapper .helper-text{margin-top:8px;color:var(--neutral-dark)}.wrapper .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper .cura-input-field .feedback-icon{padding-left:12px}.wrapper .cura-input-field .up-down-icon{order:3;padding-right:6px;cursor:pointer;pointer-events:all}.wrapper .cura-input-field .up-down-button{background-color:transparent;border:none}.wrapper .cura-input-field input{padding:0px 12px 0px 8px;cursor:pointer}.wrapper .cura-input-field.open{border-radius:4px 4px 0 0 !important}.wrapper.transparent{background-color:transparent;padding:0px;max-height:80px}.wrapper.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.wrapper.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.transparent .cura-input-field .feedback-icon{padding-left:12px}.wrapper.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.wrapper.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.wrapper.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.wrapper.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.wrapper.transparent .helper-text{margin-top:0px}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.wrapper:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black) !important}.wrapper:focus-within.selection .cura-input-field{border-radius:4px 4px 0px 0px}.wrapper.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success .cura-input-field .feedback-icon{padding-left:12px}.wrapper.success .cura-input-field input{color:var(--success-darker) !important}.wrapper.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.wrapper.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.wrapper.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field input{color:var(--error-darker) !important}.wrapper.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.wrapper.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.wrapper.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.small .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.wrapper.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.small.label .menu{top:53px}.wrapper.small .menu{top:33px}.wrapper.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.medium .cura-input-field .feedback-icon{padding-left:12px}.wrapper.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.wrapper.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.medium.label .menu{top:61px}.wrapper.medium .menu{top:40px}.wrapper.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.large .cura-input-field .feedback-icon{padding-left:12px}.wrapper.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.wrapper.large.label .menu{top:69px}.wrapper.large .menu{top:47px}.wrapper.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.required{color:red}.menu{position:absolute;left:0;right:-1px;background:#fff;border:2px solid var(--neutral-light);border-radius:4px;z-index:1000;max-height:var(--max-height);overflow:hidden;border-top:transparent;align-items:center;scrollbar-color:var(--neutral-medium) var(--neutral-black-20);overflow-y:auto;box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}.menu.open{border-radius:0 !important;padding:12px}";
-const CuraSelectStyle0 = curaSelectCss;
 
 const CuraSelect = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.selected = index.createEvent(this, "selected", 7);
-        this.searchTermInput = index.createEvent(this, "searchTermInput", 7);
+        this.selected = index.createEvent(this, "selected");
+        this.searchTermInput = index.createEvent(this, "searchTermInput");
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -5152,6 +5448,79 @@ const CuraSelect = class {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
+        /**
+         * The label text for the select component.
+         * Reflects as an attribute in the DOM.
+         */
+        this.label = '';
+        /**
+         * Placeholder text for the input field.
+         * Reflects as an attribute in the DOM.
+         */
+        this.placeholder = '';
+        /**
+         * Current value of the select component.
+         * Reflects as an attribute in the DOM and is mutable.
+         */
+        this.value = '';
+        /**
+         * Display mode of the select component.
+         * Can be 'default' or 'transparent'.
+         */
+        this.mode = 'default';
+        /**
+         * Size of the select component.
+         * Can be 'small', 'medium', or 'large'.
+         */
+        this.size = 'medium';
+        /**
+         * Status of the select component.
+         * Can be 'success', 'error', or 'default'.
+         */
+        this.status = 'default';
+        /**
+         * Whether the select component is disabled.
+         * Reflects as an attribute in the DOM.
+         */
+        this.disabled = false;
+        /**
+         * Whether the select component is required.
+         * Reflects as an attribute in the DOM.
+         */
+        this.required = false;
+        /**
+         * Enable / Disable search at options by term.
+         * Default: false
+         */
+        this.searchBehavior = false;
+        /**
+         * The search will be sensitive to accents.
+         * Default: true
+         */
+        this.caseSensitive = true;
+        /**
+         * CSS max-height property for dropdown item.
+         * Can also be used by css property --max-height.
+         * Default: 285px
+         */
+        this.maxHeight = '285px';
+        /**
+         * Internal state: Whether the input is hovered.
+         * Default: false
+         */
+        this.isHovered = false;
+        /**
+         * Internal state: Whether the input is focused.
+         * Default: false
+         */
+        this.isFocused = false;
+        /**
+         * Internal state: Whether the dropdown menu is open.
+         * Default: false
+         */
+        this.isOpen = false;
+        this.activeIndex = -1;
+        this.textInput = '';
         /**
          * Styles to be applied to the component.
          */
@@ -5222,24 +5591,6 @@ const CuraSelect = class {
                 this.isOpen = false;
             }
         };
-        this.label = '';
-        this.placeholder = '';
-        this.value = '';
-        this.mode = 'default';
-        this.size = 'medium';
-        this.iconName = undefined;
-        this.status = 'default';
-        this.disabled = false;
-        this.required = false;
-        this.searchBehavior = false;
-        this.caseSensitive = true;
-        this.maxHeight = '285px';
-        this.isHovered = false;
-        this.isFocused = false;
-        this.isOpen = false;
-        this.options = undefined;
-        this.activeIndex = -1;
-        this.textInput = '';
     }
     updateOptionHighlights(newActiveINdex) {
         this.options.forEach((option, index) => (option.active = index === newActiveINdex));
@@ -5308,6 +5659,7 @@ const CuraSelect = class {
      * Initializes select-related functionality.
      */
     componentDidLoad() {
+        // this.initializeOptions();
         this.setupMutationObserver();
         this.addOutsideClickListener();
     }
@@ -5456,13 +5808,13 @@ const CuraSelect = class {
         document.removeEventListener('click', this.handleClickOutside);
     }
     render() {
-        return (index.h(index.Host, { key: 'e9217707e382cf64c4a1d93ed0b07b06fe75cf5b', 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: 'cd4017145d95d80e0f2df6daaeb96d699d21028e', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (index.h("cura-label", { key: 'b004e05ae6b7998e01ce335323e434a0e4cc5b10', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && index.h("span", { key: 'c8dc7ee9960208f7fd63803e3894d5c5ee225f84', class: "required" }, "* "))), index.h("div", { key: '6a4da3e7b43e297f58ccfaaa03dd8ae847bb40fe', class: {
+        return (index.h(index.Host, { key: '3aeecef0bff82a4b14c4dee8b222fdf6eb33b2f8', 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: '00dd10ed04cd3bf0e848d9facc44db794e3580cf', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (index.h("cura-label", { key: 'd0c7293af9ba728293f2b531c2cc0354ba6f9fa0', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && index.h("span", { key: '2d1e87303eab87280dc8668e390bd5aa696814d9', class: "required" }, "* "))), index.h("div", { key: 'd0e8464016796145e088f459532a37dfb1852f96', class: {
                 'cura-input-field': true,
                 'open': this.isOpen,
-            } }, this.renderIcon(), index.h("input", { key: 'af593857db2f30b9cc58b4d3218a8f86d20b8431', 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: 'e87bafd632d2c91cb1ef5cc9380d8cd6040f39f4', class: "up-down-button" }, index.h("cura-icon", { key: 'fa20c2690f5b37d9d9ad636389b0f774b4fa24c7', 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: '8755ec21f14adefa9e4cbc24a49057b6199b1ff8', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, index.h("slot", { key: '78e4f029a3d191450c7b3bd8f1a32565bae3ee23' })), this.isOpen && (index.h("div", { key: '2ba5af7297dd23d088a7fca7f166522769293301', class: {
+            } }, this.renderIcon(), index.h("input", { key: '8110997e13827855169e58bfee9695a60bf4dbfa', 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: '7b9b18aebd379b004c08f4bcdb4c72357f29c56c', class: "up-down-button" }, index.h("cura-icon", { key: '4e1fac2b43502e38db450e319e2283b97ed22fd7', 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: '8e89021a023d6ff69a2adb2fe1b9052d1d813d06', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, index.h("slot", { key: 'a253ffc9f1f1ee84c9dcbc81dc3a650c5105c11e' })), this.isOpen && (index.h("div", { key: '938f552bebac510a7345c8e7b46d2ef911c19e12', class: {
                 menu: true,
                 open: this.isOpen,
-            }, style: { '--max-height': this.maxHeight } }, index.h("slot", { key: '08e5cbbdd57b42e15d854e4c335f22833075d941', name: "option" }))))));
+            }, style: { '--max-height': this.maxHeight } }, index.h("slot", { key: '2d54c15bb8df7dfe33fac77cee7778c450946cf7', name: "option" }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -5472,20 +5824,18 @@ const CuraSelect = class {
         "value": ["handleValueChange"]
     }; }
 };
-CuraSelect.style = CuraSelectStyle0;
+CuraSelect.style = curaSelectCss;
 
 const curaSelectOptionCss = ":host{display:block}.item{display:flex;padding:12px 8px;cursor:pointer;justify-content:space-between;align-items:center;box-sizing:border-box;background:var(--neutral-purewhite)}.item.selected{background-color:var(--primary-lighter-50);border-bottom:1px solid var(--primary-light)}.item:hover:not(.selected){background:var(--neutral-white);border-bottom:1px solid var(--neutral-light)}.item.active{background:var(--neutral-white) !important;border-bottom:1px solid var(--neutral-light)}.item.selected.active{background-color:var(--primary-lighter-50) !important;box-shadow:none}";
-const CuraSelectOptionStyle0 = curaSelectOptionCss;
 
 const CuraSelectOption = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.theme = window.CuraAPI.theme;
-        this.value = undefined;
         this.selected = false;
         this.active = false;
         this.size = 'small';
         this.styles = {};
+        this.theme = window.CuraAPI.theme;
     }
     connectedCallback() {
         const colors = [
@@ -5519,17 +5869,14 @@ const CuraSelectOption = class {
         "size": ["getSize"]
     }; }
 };
-CuraSelectOption.style = CuraSelectOptionStyle0;
+CuraSelectOption.style = curaSelectOptionCss;
 
 const curaTabsCss = ":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;min-width:120px;width:fit-content;display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.border-bottom,:host a.border-bottom{border-bottom:1px solid var(--border-bottom-color)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.light,:host a:not(.disabled,.selected):hover.light{border-bottom-color:var(--primary-dark)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-bottom-color:var(--neutral-purewhite)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:focus,:host a:focus{border:2px solid var(--primary-light)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--background-color-selected)}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--background-disabled-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}";
-const CuraTabsStyle0 = curaTabsCss;
 
 const CuraTabs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.tabSelect = index.createEvent(this, "tabSelect", 7);
-        this.name = undefined;
-        this.iconName = undefined;
+        this.tabSelect = index.createEvent(this, "tabSelect");
         this.selected = false;
         this.disabled = false;
         this.borderBottom = true;
@@ -5619,15 +5966,14 @@ const CuraTabs = class {
         "colorMode": ["setColors"]
     }; }
 };
-CuraTabs.style = CuraTabsStyle0;
+CuraTabs.style = curaTabsCss;
 
 const curaTabsGroupCss = ":host{display:flex;gap:var(--gap)}:host(.border-bottom){position:relative}:host(.border-bottom)::after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border-color);z-index:0}::slotted(cura-tabs),::slotted(cura-tabs-transparent){position:relative;z-index:1}";
-const CuraTabsGroupStyle0 = curaTabsGroupCss;
 
 const CuraTabsGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.tabChange = index.createEvent(this, "tabChange", 7);
+        this.tabChange = index.createEvent(this, "tabChange");
         this.gap = 0;
         this.borderBottom = true;
         this.colorMode = 'light';
@@ -5655,7 +6001,7 @@ const CuraTabsGroup = class {
     }
     get host() { return index.getElement(this); }
 };
-CuraTabsGroup.style = CuraTabsGroupStyle0;
+CuraTabsGroup.style = curaTabsGroupCss;
 
 exports.cura_accordion = CuraAccordion;
 exports.cura_accordion_item = CuraAccordionItem;
@@ -5677,5 +6023,6 @@ exports.cura_select = CuraSelect;
 exports.cura_select_option = CuraSelectOption;
 exports.cura_tabs = CuraTabs;
 exports.cura_tabs_group = CuraTabsGroup;
+//# sourceMappingURL=cura-accordion.cura-accordion-item.cura-avatar.cura-badge-distance.cura-button.cura-button-transparent.cura-dropdown-search.cura-dropdown-search-category.cura-dropdown-search-option.cura-heading.cura-icon.cura-input-text.cura-label.cura-loader-circle.cura-page-template.cura-paragraph.cura-select.cura-select-option.cura-tabs.cura-tabs-group.entry.cjs.js.map
 
 //# sourceMappingURL=cura-accordion_20.cjs.entry.js.map