@rededor/cura 2.0.0-alpha.10 → 2.0.0-alpha.12

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

@@ -1,50 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-
-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 CuraPageTemplate$1 = /*@__PURE__*/ proxyCustomElement(class CuraPageTemplate extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.contentwidth = 'default';
-    }
-    connectedCallback() {
-        this.styles = {
-            '--spacing': window.CuraAPI.theme.spacing.getSpacing(),
-        };
-    }
-    getClasses() {
-        const classes = {};
-        classes[this.contentwidth.toLowerCase()] = true;
-        return classes;
-    }
-    render() {
-        return (h(Host, { key: 'a3b743b1f518ece009858e39716903869184d627' }, h("div", { key: 'f3f29d5306f612c197ded53885bbf598a377388a', style: this.styles, class: "grid-template" }, h("div", { key: '2329343b116c6bfb8f35a146bbab6b9460e50cbe', id: "sub-header" }, h("slot", { key: 'b27e5dd020099fc64636a0ab363003024315cff6', name: 'sub-header' })), h("div", { key: '45bcb4f1a574c2c0d8337635729bd603df399f20', id: "header" }, h("slot", { key: '27bcdc8a59b717ab1c4a021b629a5c4a6a285f8a', name: 'header' })), h("div", { key: 'b19ae447a53c43d2f46127b0e38e115b792bec6b', id: "pre-content" }, h("slot", { key: 'b37745e63e57ad2c48cf430849b2d64c71d2b45e', name: 'pre-content' })), h("div", { key: '4adbaacd79ebb4e5e5fae0233acba2b7215a74ce', id: "content-container", class: this.getClasses() }, h("div", { key: '17a7d806d6a24fe67f249cfca2fce466861e25f5', id: "sidebar-left" }, h("slot", { key: '6fa66175bf7e0953ce23c6c557297d6f2efb9439', name: 'sidebar-left' })), h("div", { key: '450c3a5a742d40d26ccdc672c855b2f9f9ae3153', id: "content" }, h("slot", { key: 'ce593020ba6d60ca8a2ddd835deb8c8a4b0e33a1', name: "content" }), h("slot", { key: '1cc8b4478d78e3c6985e811cd0d1b510f00edf1b' })), h("div", { key: '4497faf9a880a4ae0eaa3f097ca02d3a155a4496', id: "sidebar-right" }, h("slot", { key: '97dd82f3f0b83f93334a9ca896ace76521ab05fb', name: 'sidebar-right' }))), h("div", { key: '80fb43c7b84bdc2c0722dbada31024d477326d0a', id: "post-body" }, h("slot", { key: '3975794bdbefe5fd0e05d06af7715e13ff650338', name: 'post-body' })), h("div", { key: '08183669839fce4b448bef3f6489fc6d8c61e898', id: "footer" }, h("slot", { key: '9b1797aecc9fd4131944a70371fab08b239f0802', name: 'footer' })), h("div", { key: '3e9ea1d173490ee3bf941439fad80814d3a5daf2', id: "sub-footer" }, h("slot", { key: '4b0c6a8d6f4b548040195003e8b5574c83541508', name: 'sub-footer' })))));
-    }
-    get host() { return this; }
-    static get style() { return curaPageTemplateCss; }
-}, [1, "cura-page-template", {
-        "contentwidth": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-page-template"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-page-template":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraPageTemplate$1);
-            }
-            break;
-    } });
-}
-
-const CuraPageTemplate = CuraPageTemplate$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraPageTemplate, defineCustomElement };
-//# sourceMappingURL=cura-page-template.js.map
-
-//# sourceMappingURL=cura-page-template.js.map
+import{p as e,H as t,i as a,j as d,t as i}from"./p-DBXUEjWh.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.contentwidth="default"}connectedCallback(){this.styles={"--spacing":window.CuraAPI.theme.spacing.getSpacing()}}getClasses(){const e={};return e[this.contentwidth.toLowerCase()]=!0,e}render(){return a(d,{key:"a3b743b1f518ece009858e39716903869184d627"},a("div",{key:"f3f29d5306f612c197ded53885bbf598a377388a",style:this.styles,class:"grid-template"},a("div",{key:"2329343b116c6bfb8f35a146bbab6b9460e50cbe",id:"sub-header"},a("slot",{key:"b27e5dd020099fc64636a0ab363003024315cff6",name:"sub-header"})),a("div",{key:"45bcb4f1a574c2c0d8337635729bd603df399f20",id:"header"},a("slot",{key:"27bcdc8a59b717ab1c4a021b629a5c4a6a285f8a",name:"header"})),a("div",{key:"b19ae447a53c43d2f46127b0e38e115b792bec6b",id:"pre-content"},a("slot",{key:"b37745e63e57ad2c48cf430849b2d64c71d2b45e",name:"pre-content"})),a("div",{key:"4adbaacd79ebb4e5e5fae0233acba2b7215a74ce",id:"content-container",class:this.getClasses()},a("div",{key:"17a7d806d6a24fe67f249cfca2fce466861e25f5",id:"sidebar-left"},a("slot",{key:"6fa66175bf7e0953ce23c6c557297d6f2efb9439",name:"sidebar-left"})),a("div",{key:"450c3a5a742d40d26ccdc672c855b2f9f9ae3153",id:"content"},a("slot",{key:"ce593020ba6d60ca8a2ddd835deb8c8a4b0e33a1",name:"content"}),a("slot",{key:"1cc8b4478d78e3c6985e811cd0d1b510f00edf1b"})),a("div",{key:"4497faf9a880a4ae0eaa3f097ca02d3a155a4496",id:"sidebar-right"},a("slot",{key:"97dd82f3f0b83f93334a9ca896ace76521ab05fb",name:"sidebar-right"}))),a("div",{key:"80fb43c7b84bdc2c0722dbada31024d477326d0a",id:"post-body"},a("slot",{key:"3975794bdbefe5fd0e05d06af7715e13ff650338",name:"post-body"})),a("div",{key:"08183669839fce4b448bef3f6489fc6d8c61e898",id:"footer"},a("slot",{key:"9b1797aecc9fd4131944a70371fab08b239f0802",name:"footer"})),a("div",{key:"3e9ea1d173490ee3bf941439fad80814d3a5daf2",id:"sub-footer"},a("slot",{key:"4b0c6a8d6f4b548040195003e8b5574c83541508",name:"sub-footer"}))))}get host(){return this}static get style(){return':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}}'}},[257,"cura-page-template",{contentwidth:[513]}]),o=r,n=function(){"undefined"!=typeof customElements&&["cura-page-template"].forEach((e=>{"cura-page-template"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))};export{o as CuraPageTemplate,n as defineCustomElement}

package/dist/components/cura-paragraph.js

@@ -1,9 +1 @@
-import { C as CuraParagraph$1, d as defineCustomElement$1 } from './p-DI4g-ZH4.js';
-
-const CuraParagraph = CuraParagraph$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraParagraph, defineCustomElement };
-//# sourceMappingURL=cura-paragraph.js.map
-
-//# sourceMappingURL=cura-paragraph.js.map
+import{C as o,d as s}from"./p-D7WNwjv-.js";const p=o,r=s;export{p as CuraParagraph,r as defineCustomElement}

package/dist/components/cura-progress-bar.js

@@ -1,9 +1 @@
-import { C as CuraProgressBar$1, d as defineCustomElement$1 } from './p-FTSrgi0q.js';
-
-const CuraProgressBar = CuraProgressBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraProgressBar, defineCustomElement };
-//# sourceMappingURL=cura-progress-bar.js.map
-
-//# sourceMappingURL=cura-progress-bar.js.map
+import{C as o,d as s}from"./p-CG1lz5DR.js";const p=o,r=s;export{p as CuraProgressBar,r as defineCustomElement}

package/dist/components/cura-radio.js

@@ -1,249 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { f as formsSizes } from './p-Dot54hbB.js';
-import { d as defineCustomElement$3 } from './p-DR1RHrEX.js';
-import { d as defineCustomElement$2 } from './p-DI4g-ZH4.js';
-
-const curaRadioCss = "@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .label.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:\"\";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}";
-
-const CuraRadio$1 = /*@__PURE__*/ proxyCustomElement(class CuraRadio extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.onchange = createEvent(this, "onchange");
-        this.internals = this.attachInternals();
-        /**
-         * Reflects the checked state of the radio button.
-         * Mutable property allowing state change.
-         */
-        this.checked = false;
-        /**
-         * Status of the radio button.
-         * Can be 'error', 'success', or 'default'.
-         */
-        this.status = 'default';
-        /**
-         * Reflects the disabled state of the radio button.
-         */
-        this.disabled = false;
-        /**
-         * Reflects the required state of the radio button.
-         */
-        this.required = false;
-        /**
-         * Text label associated with the radio button.
-         */
-        this.label = '';
-        /**
-         * Position of the label relative to the radio button.
-         * Can be 'left' or 'right'.
-         */
-        this.position = 'left';
-        /**
-         * Value associated with the radio button.
-         */
-        this.value = '';
-        /**
-         * Name attribute of the radio button.
-         */
-        this.name = '';
-        /**
-         * Background theme of the radio button.
-         * Can be 'dark' or 'light'.
-         */
-        this.background = 'light';
-        /**
-         * Size of the radio button.
-         * Can be 'small', 'medium', or 'large'.
-         */
-        this.size = 'medium';
-        /**
-         * Color theme of the radio button.
-         */
-        this.color = 'accent';
-        /**
-         * Controls how the label text should handle overflow.
-         * - `'none'`: No overflow handling; the label displays normally.
-         * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
-         * - `string`: Custom overflow handling mode.
-         *
-         * @default 'none'
-         */
-        this.overflowLabel = 'none';
-        /**
-         * Controls how the helper text should handle overflow.
-         * - `'none'`: No overflow handling; the label displays normally.
-         * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
-         * - `string`: Custom overflow handling mode.
-         *
-         * @default 'none'
-         */
-        this.overflowHelper = 'none';
-        this.styles = {};
-        this.sizes = {
-            large: { size: 20 },
-            medium: { size: 14 },
-            small: { size: 10 },
-        };
-        this.isDarkbackground = () => this.background === 'dark';
-        this.handleClick = () => {
-            if (this.disabled)
-                return;
-            this.checked = !this.checked;
-            this.internals.setFormValue(this.value);
-            this.onchange.emit({ value: this.value, checked: this.checked });
-        };
-    }
-    sizeHandler() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--size-after': `${this.sizes[this.size].size}px`, '--size': `${formsSizes[this.size].size}px`, '--gap': `${formsSizes[this.size].gap}px` });
-    }
-    setColors() {
-        const colors = [
-            { name: '--info-base', background: 'info-base' },
-            { name: '--color-light', background: `${this.color}-light` },
-            { name: '--color-base', background: `${this.color}-base` },
-            { name: '--color-dark', background: `${this.color}-dark` },
-            { name: '--neutral-purewhite', background: 'neutral-purewhite' },
-            { name: '--success-lighter', background: 'success-lighter' },
-            { name: '--success-base', background: 'success-base' },
-            { name: '--error-lighter', background: 'error-lighter' },
-            { name: '--error-base', background: 'error-base' },
-            { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },
-            { name: '--primary-base-neutral-white', background: this.isDarkbackground() ? 'primary-base' : 'neutral-white' },
-            { name: '--primary-darker-neutral-white', background: this.isDarkbackground() ? 'primary-darker' : 'neutral-white' },
-            { name: '--primary-darker-neutral-base', background: this.isDarkbackground() ? 'primary-darker' : 'neutral-base' },
-            { name: '--primary-base-neutral-base', background: this.isDarkbackground() ? 'primary-base' : 'neutral-base' },
-            { name: '--primary-base-neutral-dark', background: this.isDarkbackground() ? 'primary-base' : 'neutral-dark' },
-            { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },
-            { name: '--success-base-dark', background: this.isDarkbackground() ? 'success-base' : 'success-dark' },
-            { name: '--error-base-dark', background: this.isDarkbackground() ? 'error-base' : 'error-dark' },
-        ];
-        colors.forEach(color => {
-            this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);
-        });
-        this.styles = Object.assign({}, this.styles);
-    }
-    /**
-     * Callback for form association.
-     */
-    formAssociatedCallback(form) {
-        form.ariaLabel = this.label;
-    }
-    /**
-     * Callback to restore the switch state from the form.
-     */
-    formStateRestoreCallback(state) {
-        this.value = state.value;
-        this.checked = state.checked;
-        this.internals.setFormValue(this.value);
-    }
-    /**
-     * Callback to reset the switch state when the form is reset.
-     */
-    formResetCallback() {
-        this.value = '';
-        this.checked = false;
-        this.internals.setValidity({});
-        this.internals.setFormValue(this.value);
-    }
-    /**
-     * Callback to update the switch's disabled state when the form's disabled state changes.
-     */
-    formDisabledCallback(disabled) {
-        this.disabled = disabled;
-    }
-    connectedCallback() {
-        this.sizeHandler();
-        this.setColors();
-    }
-    getClasses() {
-        const classes = {};
-        classes['container'] = true;
-        classes['checked'] = this.checked;
-        classes['disabled'] = this.disabled;
-        classes['position'] = this.position === 'right';
-        classes[this.status] = true;
-        return classes;
-    }
-    assignColor(type) {
-        if (this.disabled)
-            return this.isDarkbackground() ? 'primary-darker' : 'neutral-medium';
-        const statusColors = {
-            success: {
-                label: this.isDarkbackground() ? 'success-lighter' : 'success-darker',
-                message: this.isDarkbackground() ? 'success-base' : 'success-dark',
-            },
-            error: {
-                label: this.isDarkbackground() ? 'error-lighter' : 'neutral-darker',
-                message: this.isDarkbackground() ? 'error-base' : 'error-dark',
-            },
-            default: {
-                label: this.isDarkbackground() ? 'neutral-white' : 'neutral-black',
-                message: this.isDarkbackground() ? 'primary-lighter' : 'neutral-dark',
-            },
-        };
-        return statusColors[this.status][type];
-    }
-    render() {
-        return (h(Host, { key: '550e164f2be33f4fdad6c194302723a00e51843c', role: "radio", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: 'ebcfef353b7dd4655b1d809025060db952927521', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, h("div", { key: '436ecc0f4fd72ff6a00a2a47f494e08aae65b3d6', class: "info" }, h("div", { key: '4836e4ce83d1fc3b338cfd216b46a7791ba6dc90', class: "label-wrapper" }, h("cura-label", { key: '434f0b816eee11b7da0b44f37880e31c52e2f853', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (h("cura-paragraph", { key: '1d06464488947f469abd5c3d1c25ebb2ed63a5bd', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), h("cura-label", { key: '508bb787d2da5d25de48516ed64d6b02c94d8546', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: 'f35d5c895f74ec02987474e71df9a5067ea51e70' }))), h("input", { key: 'fbd6ba47d6e8a9c812ad986964749507f9d33d62', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked }))));
-    }
-    static get formAssociated() { return true; }
-    get host() { return this; }
-    static get watchers() { return {
-        "size": ["sizeHandler"],
-        "color": ["setColors"],
-        "background": ["setColors", "assignColor"]
-    }; }
-    static get style() { return curaRadioCss; }
-}, [65, "cura-radio", {
-        "checked": [1540],
-        "status": [1537],
-        "disabled": [516],
-        "required": [516],
-        "label": [513],
-        "ontabindex": [514],
-        "position": [513],
-        "value": [513],
-        "name": [513],
-        "background": [1],
-        "size": [1],
-        "color": [1],
-        "overflowLabel": [513, "overflow-label"],
-        "overflowHelper": [513, "overflow-helper"],
-        "styles": [32]
-    }, undefined, {
-        "size": ["sizeHandler"],
-        "color": ["setColors"],
-        "background": ["setColors", "assignColor"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-radio", "cura-label", "cura-paragraph"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-radio":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraRadio$1);
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-paragraph":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraRadio = CuraRadio$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraRadio, defineCustomElement };
-//# sourceMappingURL=cura-radio.js.map
-
-//# sourceMappingURL=cura-radio.js.map
+import{p as r,H as e,k as a,i as s,j as t,t as o}from"./p-DBXUEjWh.js";import{f as i}from"./p-Dot54hbB.js";import{d as c}from"./p-BSdkRryc.js";import{d}from"./p-D7WNwjv-.js";const l=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.onchange=a(this,"onchange"),this.internals=this.attachInternals(),this.checked=!1,this.status="default",this.disabled=!1,this.required=!1,this.label="",this.position="left",this.value="",this.name="",this.background="light",this.size="medium",this.color="accent",this.overflowLabel="none",this.overflowHelper="none",this.styles={},this.sizes={large:{size:20},medium:{size:14},small:{size:10}},this.isDarkbackground=()=>"dark"===this.background,this.handleClick=()=>{this.disabled||(this.checked=!this.checked,this.internals.setFormValue(this.value),this.onchange.emit({value:this.value,checked:this.checked}))}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":this.sizes[this.size].size+"px","--size":i[this.size].size+"px","--gap":i[this.size].gap+"px"})}setColors(){[{name:"--info-base",background:"info-base"},{name:"--color-light",background:this.color+"-light"},{name:"--color-base",background:this.color+"-base"},{name:"--color-dark",background:this.color+"-dark"},{name:"--neutral-purewhite",background:"neutral-purewhite"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--error-lighter",background:"error-lighter"},{name:"--error-base",background:"error-base"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--primary-base-neutral-white",background:this.isDarkbackground()?"primary-base":"neutral-white"},{name:"--primary-darker-neutral-white",background:this.isDarkbackground()?"primary-darker":"neutral-white"},{name:"--primary-darker-neutral-base",background:this.isDarkbackground()?"primary-darker":"neutral-base"},{name:"--primary-base-neutral-base",background:this.isDarkbackground()?"primary-base":"neutral-base"},{name:"--primary-base-neutral-dark",background:this.isDarkbackground()?"primary-base":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--success-base-dark",background:this.isDarkbackground()?"success-base":"success-dark"},{name:"--error-base-dark",background:this.isDarkbackground()?"error-base":"error-dark"}].forEach((r=>{this.styles[r.name]=window.CuraAPI.theme.colors.getColor(r.background)})),this.styles=Object.assign({},this.styles)}formAssociatedCallback(r){r.ariaLabel=this.label}formStateRestoreCallback(r){this.value=r.value,this.checked=r.checked,this.internals.setFormValue(this.value)}formResetCallback(){this.value="",this.checked=!1,this.internals.setValidity({}),this.internals.setFormValue(this.value)}formDisabledCallback(r){this.disabled=r}connectedCallback(){this.sizeHandler(),this.setColors()}getClasses(){const r={container:!0};return r.checked=this.checked,r.disabled=this.disabled,r.position="right"===this.position,r[this.status]=!0,r}assignColor(r){return this.disabled?this.isDarkbackground()?"primary-darker":"neutral-medium":{success:{label:this.isDarkbackground()?"success-lighter":"success-darker",message:this.isDarkbackground()?"success-base":"success-dark"},error:{label:this.isDarkbackground()?"error-lighter":"neutral-darker",message:this.isDarkbackground()?"error-base":"error-dark"},default:{label:this.isDarkbackground()?"neutral-white":"neutral-black",message:this.isDarkbackground()?"primary-lighter":"neutral-dark"}}[this.status][r]}render(){return s(t,{key:"550e164f2be33f4fdad6c194302723a00e51843c",role:"radio","aria-checked":this.checked,"aria-disabled":this.disabled,"aria-required":this.required,"aria-invalid":"error"===this.status},s("div",{key:"ebcfef353b7dd4655b1d809025060db952927521",class:this.getClasses(),style:this.styles,onClick:this.handleClick},s("div",{key:"436ecc0f4fd72ff6a00a2a47f494e08aae65b3d6",class:"info"},s("div",{key:"4836e4ce83d1fc3b338cfd216b46a7791ba6dc90",class:"label-wrapper"},s("cura-label",{key:"434f0b816eee11b7da0b44f37880e31c52e2f853",textOverflow:this.overflowLabel,class:"label"+("single"===this.overflowLabel?" textoverflow-single":""),size:"large"===this.size?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&s("cura-paragraph",{key:"1d06464488947f469abd5c3d1c25ebb2ed63a5bd",lineHeight:"0%",marginBlock:"0",color:"error-base"},"*"," ")),s("cura-label",{key:"508bb787d2da5d25de48516ed64d6b02c94d8546",textOverflow:this.overflowHelper,color:this.assignColor("message"),size:"xsmall",class:"message"},s("slot",{key:"f35d5c895f74ec02987474e71df9a5067ea51e70"}))),s("input",{key:"fbd6ba47d6e8a9c812ad986964749507f9d33d62",type:"radio",class:"radio "+this.size.toLocaleLowerCase(),name:this.name,value:this.value,required:this.required,tabIndex:this.ontabindex,disabled:this.disabled,checked:this.checked})))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{size:[{sizeHandler:0}],color:[{setColors:0}],background:[{setColors:0},{assignColor:0}]}}static get style(){return'@charset "UTF-8";:host{display:block;box-sizing:border-box;min-width:0;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .label.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:"";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}'}},[321,"cura-radio",{checked:[1540],status:[1537],disabled:[516],required:[516],label:[513],ontabindex:[514],position:[513],value:[513],name:[513],background:[1],size:[1],color:[1],overflowLabel:[513,"overflow-label"],overflowHelper:[513,"overflow-helper"],styles:[32]},void 0,{size:[{sizeHandler:0}],color:[{setColors:0}],background:[{setColors:0},{assignColor:0}]}]),h=l,n=function(){"undefined"!=typeof customElements&&["cura-radio","cura-label","cura-paragraph"].forEach((r=>{switch(r){case"cura-radio":customElements.get(o(r))||customElements.define(o(r),l);break;case"cura-label":customElements.get(o(r))||c();break;case"cura-paragraph":customElements.get(o(r))||d()}}))};export{h as CuraRadio,n as defineCustomElement}

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

@@ -1,9 +1 @@
-import { C as CuraSelectOption$1, d as defineCustomElement$1 } from './p-Dt450DkQ.js';
-
-const CuraSelectOption = CuraSelectOption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraSelectOption, defineCustomElement };
-//# sourceMappingURL=cura-select-option.js.map
-
-//# sourceMappingURL=cura-select-option.js.map
+import{C as o,d as s}from"./p-BYA8glxD.js";const p=o,r=s;export{p as CuraSelectOption,r as defineCustomElement}

package/dist/components/cura-select.js

@@ -1,9 +1 @@
-import { C as CuraSelect$1, d as defineCustomElement$1 } from './p-CvdWbsfO.js';
-
-const CuraSelect = CuraSelect$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraSelect, defineCustomElement };
-//# sourceMappingURL=cura-select.js.map
-
-//# sourceMappingURL=cura-select.js.map
+import{C as o,d as s}from"./p-DxJedO3K.js";const p=o,r=s;export{p as CuraSelect,r as defineCustomElement}

package/dist/components/cura-stepper-item.js

@@ -1,9 +1 @@
-import { C as CuraStepperItem$1, d as defineCustomElement$1 } from './p-DaPc6Dxl.js';
-
-const CuraStepperItem = CuraStepperItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraStepperItem, defineCustomElement };
-//# sourceMappingURL=cura-stepper-item.js.map
-
-//# sourceMappingURL=cura-stepper-item.js.map
+import{C as o,d as s}from"./p-C7so9xnO.js";const p=o,r=s;export{p as CuraStepperItem,r as defineCustomElement}

package/dist/components/cura-stepper.js

@@ -1,205 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$8 } from './p-cOEGtL9C.js';
-import { d as defineCustomElement$7 } from './p-BHEafDKD.js';
-import { d as defineCustomElement$6 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$5 } from './p-DR1RHrEX.js';
-import { d as defineCustomElement$4 } from './p-DI4g-ZH4.js';
-import { d as defineCustomElement$3 } from './p-FTSrgi0q.js';
-import { d as defineCustomElement$2 } from './p-DaPc6Dxl.js';
-
-const curaStepperCss = ":host{display:block;box-sizing:border-box;width:100%}cura-heading{--margin-block:0 !important}.container{display:flex}.compact{display:flex;padding:0px;justify-content:space-between;align-items:center}.compact .heading{text-align:right}.stepper-list{gap:4px;display:flex;flex-shrink:0;align-items:center;padding:0;flex:1;width:100%;justify-content:space-between}.step{display:flex;align-items:center;flex-direction:row;flex:1;gap:4px}.step .wrapper{flex:1;position:relative}.step .divider{background-color:var(--neutral-light);height:2px;flex:1;transition:all 1s}.step .animation{position:absolute;top:0;left:0;right:0;width:var(--progress-width)}.step .done{background-color:var(--success-light)}.step .stop{background-color:var(--error-light)}.step .active{background-color:var(--info-light)}.last{flex:0}";
-
-const CuraStepper$1 = /*@__PURE__*/ proxyCustomElement(class CuraStepper extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Indicates if a step has encountered an error
-         * If `true`, the current step will be marked as 'stop'
-         */
-        this.errorInCurrentStep = false;
-        /**
-         * Whether to display the title (default: false)
-         */
-        this.displayHeading = false;
-        /**
-         * Allows you to set the appearance of the component (default: default)
-         */
-        this.variant = 'default';
-        /**
-         * List of steps in the stepper.
-         */
-        this.steps = [];
-        this.styles = {};
-        /**
-         * Array of steps in the stepper.
-         *
-         * @type {Date[]}
-         * @default []
-         */
-        this.stepList = [];
-    }
-    connectedCallback() {
-        this.initializeSteps();
-        const { fonts, colors, spacing } = window.CuraAPI.theme;
-        const weights = fonts.getWeights();
-        this.styles = this.generateStyles(colors, fonts, spacing, weights);
-    }
-    generateStyles(colors, fonts, spacing, weights) {
-        return {
-            '--base-spacing': spacing.getSpacing(),
-            '--neutral-purewhite': colors.getColor('neutral-purewhite'),
-            '--neutral-lighter': colors.getColor('neutral-lighter'),
-            '--neutral-base': colors.getColor('neutral-base'),
-            '--neutral-light': colors.getColor('neutral-light'),
-            '--success-light': colors.getColor('success-light'),
-            '--info-light': colors.getColor('info-light'),
-            '--error-light': colors.getColor('error-light'),
-            '--font-size': fonts.getSize(),
-            '--font-color': fonts.getColor(),
-            '--font-family': fonts.getFamily(),
-            '--font-weight-regular': weights.regular,
-        };
-    }
-    initializeSteps() {
-        if (typeof this.steps === 'string') {
-            this.stepList = JSON.parse(this.steps || '[]');
-        }
-        else {
-            this.stepList = this.steps;
-        }
-    }
-    getStepStatus(step) {
-        if (this.activeStepIndex === step && this.errorInCurrentStep)
-            return 'stop';
-        if (this.activeStepIndex === step && this.stepList.length !== step)
-            return 'active';
-        if (this.activeStepIndex >= step)
-            return 'done';
-        return 'default';
-    }
-    getProgressStyles() {
-        const progressStyles = {
-            default: {
-                progressColor: 'var(--info-light)',
-                activeStepTextColor: 'info-darker',
-                nextStepTextColor: 'info-dark',
-            },
-            firstStep: {
-                progressColor: 'var(--info-light)',
-                activeStepTextColor: 'neutral-dark',
-                nextStepTextColor: 'neutral-medium',
-            },
-            completed: {
-                progressColor: 'var(--success-light)',
-                activeStepTextColor: 'success-darker',
-                nextStepTextColor: 'success-dark',
-            },
-            error: {
-                progressColor: 'var(--error-light)',
-                activeStepTextColor: 'error-darker',
-                nextStepTextColor: 'error-dark',
-            },
-        };
-        if (this.errorInCurrentStep) {
-            return progressStyles.error;
-        }
-        if (this.activeStepIndex === 0) {
-            return progressStyles.firstStep;
-        }
-        if (this.activeStepIndex === this.stepList.length) {
-            return progressStyles.completed;
-        }
-        return progressStyles.default;
-    }
-    renderCompactStepper() {
-        var _a;
-        const title = this.activeStepIndex === 0 ? this.stepList[this.activeStepIndex].title : this.stepList[this.activeStepIndex - 1].title;
-        const subtitle = this.activeStepIndex === 0 ? this.stepList[this.activeStepIndex + 1].title : (_a = this.stepList[this.activeStepIndex]) === null || _a === void 0 ? void 0 : _a.title;
-        const completed = this.activeStepIndex === this.stepList.length;
-        const inProgress = !(completed || this.errorInCurrentStep);
-        const { progressColor, activeStepTextColor, nextStepTextColor } = this.getProgressStyles();
-        // Representa a porcentagem de progresso (step atual / quantidade de steps;)
-        const progress = (this.activeStepIndex * 100) / this.stepList.length;
-        return (h("div", { class: "container compact", style: this.styles }, h("cura-progress-bar", { progress: progress, progressColor: progressColor, active: this.activeStepIndex !== 0 }, !inProgress ? (h("cura-icon", { name: this.errorInCurrentStep ? 'alertCircle' : 'checkCircle', color: this.errorInCurrentStep ? 'error-dark' : 'success-dark', size: "16" })) : (h("cura-heading", { color: "neutral-dark", size: "xsmall" }, this.activeStepIndex, "/", this.stepList.length))), this.displayHeading && (h("div", { class: "heading" }, h("cura-heading", { size: "small", weight: "bold", color: activeStepTextColor }, title), !completed && (h("cura-heading", { size: "xsmall", weight: "regular", color: nextStepTextColor }, "Pr\u00F3ximo: ", subtitle))))));
-    }
-    renderStep(step, stepIndex) {
-        const stepStatus = this.getStepStatus(stepIndex + 1);
-        const lastStep = stepIndex === this.stepList.length - 1;
-        const progressWidth = stepStatus !== 'default' ? '100%' : '0';
-        return (h("div", { class: `step ${lastStep ? 'last' : ''}`, key: step.title }, h("cura-stepper-item", { heading: step.title, label: step.label, displayHeading: this.displayHeading, status: stepStatus }), stepIndex < this.stepList.length - 1 && (h("div", { class: "wrapper" }, h("div", { class: "divider" }), h("div", { class: `divider ${stepStatus} animation`, style: { '--progress-width': progressWidth } })))));
-    }
-    renderStepper() {
-        return (h("div", { class: "container", style: this.styles }, h("div", { class: "stepper-list" }, this.stepList.map((step, stepIndex) => this.renderStep(step, stepIndex)))));
-    }
-    render() {
-        return h(Host, { key: '6593f8a294abd6f729cbf493e3a773f358c10cf7' }, this.variant === 'default' ? this.renderStepper() : this.renderCompactStepper());
-    }
-    get host() { return this; }
-    static get style() { return curaStepperCss; }
-}, [1, "cura-stepper", {
-        "activeStepIndex": [514, "active-step-index"],
-        "errorInCurrentStep": [516, "error-in-current-step"],
-        "displayHeading": [516, "display-heading"],
-        "variant": [513],
-        "steps": [1],
-        "styles": [32],
-        "stepList": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-stepper", "cura-badge-pill", "cura-heading", "cura-icon", "cura-label", "cura-paragraph", "cura-progress-bar", "cura-stepper-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-stepper":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraStepper$1);
-            }
-            break;
-        case "cura-badge-pill":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "cura-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "cura-paragraph":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-progress-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-stepper-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraStepper = CuraStepper$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraStepper, defineCustomElement };
-//# sourceMappingURL=cura-stepper.js.map
-
-//# sourceMappingURL=cura-stepper.js.map
+import{p as e,H as t,i as s,j as r,t as i}from"./p-DBXUEjWh.js";import{d as a}from"./p-D6xuYQiO.js";import{d as o}from"./p-fR02COZb.js";import{d as l}from"./p-fn4zJrKE.js";import{d as n}from"./p-BSdkRryc.js";import{d as c}from"./p-D7WNwjv-.js";import{d as p}from"./p-CG1lz5DR.js";import{d as h}from"./p-C7so9xnO.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.errorInCurrentStep=!1,this.displayHeading=!1,this.variant="default",this.steps=[],this.styles={},this.stepList=[]}connectedCallback(){this.initializeSteps();const{fonts:e,colors:t,spacing:s}=window.CuraAPI.theme,r=e.getWeights();this.styles=this.generateStyles(t,e,s,r)}generateStyles(e,t,s,r){return{"--base-spacing":s.getSpacing(),"--neutral-purewhite":e.getColor("neutral-purewhite"),"--neutral-lighter":e.getColor("neutral-lighter"),"--neutral-base":e.getColor("neutral-base"),"--neutral-light":e.getColor("neutral-light"),"--success-light":e.getColor("success-light"),"--info-light":e.getColor("info-light"),"--error-light":e.getColor("error-light"),"--font-size":t.getSize(),"--font-color":t.getColor(),"--font-family":t.getFamily(),"--font-weight-regular":r.regular}}initializeSteps(){this.stepList="string"==typeof this.steps?JSON.parse(this.steps||"[]"):this.steps}getStepStatus(e){return this.activeStepIndex===e&&this.errorInCurrentStep?"stop":this.activeStepIndex===e&&this.stepList.length!==e?"active":this.activeStepIndex>=e?"done":"default"}getProgressStyles(){return this.errorInCurrentStep?{progressColor:"var(--error-light)",activeStepTextColor:"error-darker",nextStepTextColor:"error-dark"}:0===this.activeStepIndex?{progressColor:"var(--info-light)",activeStepTextColor:"neutral-dark",nextStepTextColor:"neutral-medium"}:this.activeStepIndex===this.stepList.length?{progressColor:"var(--success-light)",activeStepTextColor:"success-darker",nextStepTextColor:"success-dark"}:{progressColor:"var(--info-light)",activeStepTextColor:"info-darker",nextStepTextColor:"info-dark"}}renderCompactStepper(){var e;const t=0===this.activeStepIndex?this.stepList[this.activeStepIndex].title:this.stepList[this.activeStepIndex-1].title,r=0===this.activeStepIndex?this.stepList[this.activeStepIndex+1].title:null===(e=this.stepList[this.activeStepIndex])||void 0===e?void 0:e.title,i=this.activeStepIndex===this.stepList.length,a=!(i||this.errorInCurrentStep),{progressColor:o,activeStepTextColor:l,nextStepTextColor:n}=this.getProgressStyles();return s("div",{class:"container compact",style:this.styles},s("cura-progress-bar",{progress:100*this.activeStepIndex/this.stepList.length,progressColor:o,active:0!==this.activeStepIndex},a?s("cura-heading",{color:"neutral-dark",size:"xsmall"},this.activeStepIndex,"/",this.stepList.length):s("cura-icon",{name:this.errorInCurrentStep?"alertCircle":"checkCircle",color:this.errorInCurrentStep?"error-dark":"success-dark",size:"16"})),this.displayHeading&&s("div",{class:"heading"},s("cura-heading",{size:"small",weight:"bold",color:l},t),!i&&s("cura-heading",{size:"xsmall",weight:"regular",color:n},"Próximo: ",r)))}renderStep(e,t){const r=this.getStepStatus(t+1),i="default"!==r?"100%":"0";return s("div",{class:"step "+(t===this.stepList.length-1?"last":""),key:e.title},s("cura-stepper-item",{heading:e.title,label:e.label,displayHeading:this.displayHeading,status:r}),t<this.stepList.length-1&&s("div",{class:"wrapper"},s("div",{class:"divider"}),s("div",{class:`divider ${r} animation`,style:{"--progress-width":i}})))}renderStepper(){return s("div",{class:"container",style:this.styles},s("div",{class:"stepper-list"},this.stepList.map(((e,t)=>this.renderStep(e,t)))))}render(){return s(r,{key:"6593f8a294abd6f729cbf493e3a773f358c10cf7"},"default"===this.variant?this.renderStepper():this.renderCompactStepper())}get host(){return this}static get style(){return":host{display:block;box-sizing:border-box;width:100%}cura-heading{--margin-block:0 !important}.container{display:flex}.compact{display:flex;padding:0px;justify-content:space-between;align-items:center}.compact .heading{text-align:right}.stepper-list{gap:4px;display:flex;flex-shrink:0;align-items:center;padding:0;flex:1;width:100%;justify-content:space-between}.step{display:flex;align-items:center;flex-direction:row;flex:1;gap:4px}.step .wrapper{flex:1;position:relative}.step .divider{background-color:var(--neutral-light);height:2px;flex:1;transition:all 1s}.step .animation{position:absolute;top:0;left:0;right:0;width:var(--progress-width)}.step .done{background-color:var(--success-light)}.step .stop{background-color:var(--error-light)}.step .active{background-color:var(--info-light)}.last{flex:0}"}},[1,"cura-stepper",{activeStepIndex:[514,"active-step-index"],errorInCurrentStep:[516,"error-in-current-step"],displayHeading:[516,"display-heading"],variant:[513],steps:[1],styles:[32],stepList:[32]}]),u=d,g=function(){"undefined"!=typeof customElements&&["cura-stepper","cura-badge-pill","cura-heading","cura-icon","cura-label","cura-paragraph","cura-progress-bar","cura-stepper-item"].forEach((e=>{switch(e){case"cura-stepper":customElements.get(i(e))||customElements.define(i(e),d);break;case"cura-badge-pill":customElements.get(i(e))||a();break;case"cura-heading":customElements.get(i(e))||o();break;case"cura-icon":customElements.get(i(e))||l();break;case"cura-label":customElements.get(i(e))||n();break;case"cura-paragraph":customElements.get(i(e))||c();break;case"cura-progress-bar":customElements.get(i(e))||p();break;case"cura-stepper-item":customElements.get(i(e))||h()}}))};export{u as CuraStepper,g as defineCustomElement}