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

package/dist/components/cura-checkbox.js

@@ -1,286 +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$4 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$3 } from './p-DR1RHrEX.js';
-import { d as defineCustomElement$2 } from './p-DI4g-ZH4.js';
-
-const curaCheckboxCss = "@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column;overflow:hidden}.label.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base) !important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base) !important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark) !important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base) !important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base) !important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}";
-
-const CuraCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class CuraCheckbox extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.onchange = createEvent(this, "onchange");
-        this.internals = this.attachInternals();
-        /**
-         * Reflects the checked state of the checkbox.
-         * Mutable property allowing state change.
-         */
-        this.checked = false;
-        /**
-         * Reflects the indeterminate state of the checkbox.
-         * Mutable property allowing state change.
-         */
-        this.indeterminate = false;
-        /**
-         * Status of the checkbox.
-         * Can be 'error', 'success', or 'default'.
-         */
-        this.status = 'default';
-        /**
-         * Reflects the disabled state of the checkbox.
-         */
-        this.disabled = false;
-        /**
-         * Reflects the required state of the checkbox.
-         */
-        this.required = false;
-        /**
-         * Specifies the tabindex of the checkbox.
-         */
-        this.ontabindex = 0;
-        /**
-         * Position of the label relative to the checkbox.
-         * Can be 'left' or 'right'.
-         */
-        this.position = 'left';
-        /**
-         * Size of the checkbox.
-         * Can be 'small', 'medium', or 'large'.
-         */
-        this.size = 'medium';
-        /**
-         * Background theme of the checkbox.
-         * Can be 'dark' or 'light'.
-         */
-        this.background = 'light';
-        /**
-         * iconColor theme of the checkbox.
-         * Can be 'dark' or 'light'.
-         */
-        this.iconColor = 'dark';
-        /**
-         * Color theme of the checkbox.
-         */
-        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.isDarkBackground = () => this.background === 'dark';
-        this.isDarkIconColor = () => this.iconColor === 'dark';
-        this.handleClick = () => {
-            if (this.disabled)
-                return;
-            this.indeterminate = false;
-            this.checked = !this.checked;
-            this.internals.setFormValue(this.value);
-            this.onchange.emit({ value: this.value, checked: this.checked, indeterminate: this.indeterminate });
-        };
-    }
-    sizeHandler() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--size': `${formsSizes[this.size].size}px`, '--gap': `${formsSizes[this.size].gap}px` });
-    }
-    /**
-     * Watches changes in color and background properties to update styles.
-     */
-    setColors() {
-        const colors = [
-            { name: '--color-base', background: `${this.color}-base` },
-            { name: '--color-lighter', background: `${this.color}-lighter` },
-            { name: '--color-light', background: `${this.color}-light` },
-            { name: '--color-dark', background: `${this.color}-dark` },
-            { name: '--info-base', background: 'info-base' },
-            { name: '--error-base', background: 'error-base' },
-            { name: '--success-lighter', background: 'success-lighter' },
-            { name: '--success-base', background: 'success-base' },
-            { name: '--success-dark', background: 'success-dark' },
-            { name: '--error-lighter', background: 'error-lighter' },
-            { name: '--neutral-black', background: 'neutral-black' },
-            { name: '--primary-base-neutral-white', background: this.isDarkBackground() ? 'primary-base' : 'neutral-white' },
-            { name: '--neutral-base-neutral-medium', background: this.isDarkBackground() ? 'neutral-base' : 'neutral-medium' },
-            { name: '--neutral-black-neutral-purewhite', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-purewhite' },
-            { name: '--neutral-black-neutral-white', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-white' },
-            { name: '--neutral-darker-neutral-base', background: this.isDarkBackground() ? 'neutral-darker' : 'neutral-base' },
-            { name: '--neutral-base-neutral-base', background: this.isDarkBackground() ? 'primary-base' : 'neutral-base' },
-            { name: '--neutral-purewhite-neutral-dark', background: this.isDarkBackground() ? 'neutral-purewhite' : 'neutral-dark' },
-            { name: '--primary-base-neutral-medium', background: this.isDarkBackground() ? 'primary-base' : 'neutral-medium' },
-            { name: '--success-base-lighter', background: this.isDarkBackground() ? 'success-base' : 'success-lighter' },
-            { name: '--success-dark-base', background: this.isDarkBackground() ? 'success-dark' : 'success-base' },
-            { name: '--error-base-lighter', background: this.isDarkBackground() ? 'error-base' : 'error-lighter' },
-            { name: '--error-dark-base', background: this.isDarkBackground() ? 'error-dark' : 'error-base' },
-        ];
-        colors.forEach(color => {
-            this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);
-        });
-        this.styles = Object.assign({}, this.styles);
-    }
-    connectedCallback() {
-        this.sizeHandler();
-        this.setColors();
-    }
-    /**
-     * 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.indeterminate = state.indeterminate;
-        this.internals.setFormValue(this.value);
-    }
-    /**
-     * Callback to reset the switch state when the form is reset.
-     */
-    formResetCallback() {
-        this.value = '';
-        this.checked = false;
-        this.indeterminate = 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;
-    }
-    getClasses() {
-        const classes = {};
-        classes['container'] = true;
-        classes['checked'] = this.checked;
-        classes['disabled'] = this.disabled;
-        classes[this.background] = true;
-        classes['indeterminate'] = this.indeterminate;
-        classes['position'] = this.position === 'right';
-        classes[this.status] = true;
-        return classes;
-    }
-    /**
-     * Assigns color based on status and background theme.
-     * @param defaultColor Default color.
-     */
-    assignColor(type) {
-        if (this.disabled)
-            return this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark';
-        const statusColors = {
-            success: {
-                icon: 'success-dark',
-                label: this.isDarkBackground() ? 'success-lighter' : 'success-darker',
-                message: this.isDarkBackground() ? 'success-base' : 'success-dark',
-            },
-            error: {
-                icon: 'error-dark',
-                label: this.isDarkBackground() ? 'error-lighter' : 'neutral-darker',
-                message: this.isDarkBackground() ? 'error-base' : 'error-dark',
-            },
-            default: {
-                icon: this.isDarkIconColor() ? 'neutral-black' : 'neutral-purewhite',
-                label: this.isDarkBackground() ? 'neutral-white' : 'neutral-black',
-                message: this.isDarkBackground() ? 'primary-lighter' : 'neutral-dark',
-            },
-        };
-        return statusColors[this.status][type];
-    }
-    /**
-     * Retrieves icon element based on checkbox state.
-     */
-    getIcon() {
-        const iconName = this.indeterminate ? 'minus' : 'check';
-        const iconColor = this.assignColor('icon');
-        const iconSize = this.size === 'large' ? 20 : 'micro';
-        return h("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
-    }
-    render() {
-        return (h(Host, { key: '2e951be46f80c67ea87aaf1c613e29ae7a1cc856', role: "checkbox", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: '341a30934dd6660b03e6be161999fad24fb005ef', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, h("div", { key: '58f32f6b047d19b8af2468b6007cf2dfb1297476', class: "info" }, h("div", { key: 'e23407390368c638e4e8cd9119ad3ccd1767d861', class: "label-wrapper" }, h("cura-label", { key: 'd7ce7b39441203e9058b0227edbfc75dd320806f', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (h("cura-paragraph", { key: '0684b9ab1f517083bc681bd0731aedf6d38c9873', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), h("cura-label", { key: '499419ee720a7c7ba7e42fc8fcebccfb4e0b0c42', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: '7c9637fa4a8082f6451851452db1b751218a20ec' }))), h("div", { key: '91b0a1f42d65d72aca24ff8a852d3c6f461a9cb7', class: 'checkbox', tabIndex: this.ontabindex }, h("input", { key: '4f1db30730b2d68d3d0f3036fd5924a9da1b541b', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
-    }
-    static get formAssociated() { return true; }
-    get host() { return this; }
-    static get watchers() { return {
-        "size": ["sizeHandler"],
-        "color": ["setColors"],
-        "background": ["setColors", "assignColor"],
-        "iconColor": ["assignColor"]
-    }; }
-    static get style() { return curaCheckboxCss; }
-}, [65, "cura-checkbox", {
-        "checked": [1540],
-        "indeterminate": [1540],
-        "status": [1537],
-        "disabled": [516],
-        "required": [516],
-        "label": [513],
-        "ontabindex": [514],
-        "position": [513],
-        "value": [513],
-        "name": [513],
-        "size": [513],
-        "background": [1],
-        "iconColor": [1, "icon-color"],
-        "color": [1],
-        "overflowLabel": [513, "overflow-label"],
-        "overflowHelper": [513, "overflow-helper"],
-        "styles": [32]
-    }, undefined, {
-        "size": ["sizeHandler"],
-        "color": ["setColors"],
-        "background": ["setColors", "assignColor"],
-        "iconColor": ["assignColor"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-checkbox", "cura-icon", "cura-label", "cura-paragraph"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-checkbox":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraCheckbox$1);
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-paragraph":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraCheckbox = CuraCheckbox$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraCheckbox, defineCustomElement };
-//# sourceMappingURL=cura-checkbox.js.map
-
-//# sourceMappingURL=cura-checkbox.js.map
+import{p as e,H as r,k as a,i as s,j as t,t as o}from"./p-DBXUEjWh.js";import{f as c}from"./p-Dot54hbB.js";import{d as i}from"./p-fn4zJrKE.js";import{d as n}from"./p-BSdkRryc.js";import{d as l}from"./p-D7WNwjv-.js";const b=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onchange=a(this,"onchange"),this.internals=this.attachInternals(),this.checked=!1,this.indeterminate=!1,this.status="default",this.disabled=!1,this.required=!1,this.ontabindex=0,this.position="left",this.size="medium",this.background="light",this.iconColor="dark",this.color="accent",this.overflowLabel="none",this.overflowHelper="none",this.styles={},this.isDarkBackground=()=>"dark"===this.background,this.isDarkIconColor=()=>"dark"===this.iconColor,this.handleClick=()=>{this.disabled||(this.indeterminate=!1,this.checked=!this.checked,this.internals.setFormValue(this.value),this.onchange.emit({value:this.value,checked:this.checked,indeterminate:this.indeterminate}))}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size":c[this.size].size+"px","--gap":c[this.size].gap+"px"})}setColors(){[{name:"--color-base",background:this.color+"-base"},{name:"--color-lighter",background:this.color+"-lighter"},{name:"--color-light",background:this.color+"-light"},{name:"--color-dark",background:this.color+"-dark"},{name:"--info-base",background:"info-base"},{name:"--error-base",background:"error-base"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--success-dark",background:"success-dark"},{name:"--error-lighter",background:"error-lighter"},{name:"--neutral-black",background:"neutral-black"},{name:"--primary-base-neutral-white",background:this.isDarkBackground()?"primary-base":"neutral-white"},{name:"--neutral-base-neutral-medium",background:this.isDarkBackground()?"neutral-base":"neutral-medium"},{name:"--neutral-black-neutral-purewhite",background:this.isDarkBackground()?"neutral-black":"neutral-purewhite"},{name:"--neutral-black-neutral-white",background:this.isDarkBackground()?"neutral-black":"neutral-white"},{name:"--neutral-darker-neutral-base",background:this.isDarkBackground()?"neutral-darker":"neutral-base"},{name:"--neutral-base-neutral-base",background:this.isDarkBackground()?"primary-base":"neutral-base"},{name:"--neutral-purewhite-neutral-dark",background:this.isDarkBackground()?"neutral-purewhite":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkBackground()?"primary-base":"neutral-medium"},{name:"--success-base-lighter",background:this.isDarkBackground()?"success-base":"success-lighter"},{name:"--success-dark-base",background:this.isDarkBackground()?"success-dark":"success-base"},{name:"--error-base-lighter",background:this.isDarkBackground()?"error-base":"error-lighter"},{name:"--error-dark-base",background:this.isDarkBackground()?"error-dark":"error-base"}].forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.background)})),this.styles=Object.assign({},this.styles)}connectedCallback(){this.sizeHandler(),this.setColors()}formAssociatedCallback(e){e.ariaLabel=this.label}formStateRestoreCallback(e){this.value=e.value,this.checked=e.checked,this.indeterminate=e.indeterminate,this.internals.setFormValue(this.value)}formResetCallback(){this.value="",this.checked=!1,this.indeterminate=!1,this.internals.setValidity({}),this.internals.setFormValue(this.value)}formDisabledCallback(e){this.disabled=e}getClasses(){const e={container:!0};return e.checked=this.checked,e.disabled=this.disabled,e[this.background]=!0,e.indeterminate=this.indeterminate,e.position="right"===this.position,e[this.status]=!0,e}assignColor(e){return this.disabled?(this.isDarkBackground(),"neutral-dark"):{success:{icon:"success-dark",label:this.isDarkBackground()?"success-lighter":"success-darker",message:this.isDarkBackground()?"success-base":"success-dark"},error:{icon:"error-dark",label:this.isDarkBackground()?"error-lighter":"neutral-darker",message:this.isDarkBackground()?"error-base":"error-dark"},default:{icon:this.isDarkIconColor()?"neutral-black":"neutral-purewhite",label:this.isDarkBackground()?"neutral-white":"neutral-black",message:this.isDarkBackground()?"primary-lighter":"neutral-dark"}}[this.status][e]}getIcon(){const e=this.indeterminate?"minus":"check",r=this.assignColor("icon");return s("cura-icon",{class:"icon",name:e,size:"large"===this.size?20:"micro",color:r})}render(){return s(t,{key:"2e951be46f80c67ea87aaf1c613e29ae7a1cc856",role:"checkbox","aria-checked":this.checked,"aria-disabled":this.disabled,"aria-required":this.required,"aria-invalid":"error"===this.status},s("div",{key:"341a30934dd6660b03e6be161999fad24fb005ef",class:this.getClasses(),style:this.styles,onClick:this.handleClick},s("div",{key:"58f32f6b047d19b8af2468b6007cf2dfb1297476",class:"info"},s("div",{key:"e23407390368c638e4e8cd9119ad3ccd1767d861",class:"label-wrapper"},s("cura-label",{key:"d7ce7b39441203e9058b0227edbfc75dd320806f",textOverflow:this.overflowLabel,class:"label"+("single"===this.overflowLabel?" textoverflow-single":""),weight:"bold",size:"large"===this.size?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&s("cura-paragraph",{key:"0684b9ab1f517083bc681bd0731aedf6d38c9873",lineHeight:"0%",marginBlock:"0",color:"error-base"},"*"," ")),s("cura-label",{key:"499419ee720a7c7ba7e42fc8fcebccfb4e0b0c42",textOverflow:this.overflowHelper,color:this.assignColor("message"),size:"xsmall",class:"message"},s("slot",{key:"7c9637fa4a8082f6451851452db1b751218a20ec"}))),s("div",{key:"91b0a1f42d65d72aca24ff8a852d3c6f461a9cb7",class:"checkbox",tabIndex:this.ontabindex},s("input",{key:"4f1db30730b2d68d3d0f3036fd5924a9da1b541b",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,required:this.required,checked:this.checked,indeterminate:this.indeterminate}),this.getIcon())))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{size:[{sizeHandler:0}],color:[{setColors:0}],background:[{setColors:0},{assignColor:0}],iconColor:[{assignColor:0}]}}static get style(){return'@charset "UTF-8";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column;overflow:hidden}.label.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base) !important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base) !important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark) !important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base) !important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base) !important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}'}},[321,"cura-checkbox",{checked:[1540],indeterminate:[1540],status:[1537],disabled:[516],required:[516],label:[513],ontabindex:[514],position:[513],value:[513],name:[513],size:[513],background:[1],iconColor:[1,"icon-color"],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}],iconColor:[{assignColor:0}]}]),h=b,d=function(){"undefined"!=typeof customElements&&["cura-checkbox","cura-icon","cura-label","cura-paragraph"].forEach((e=>{switch(e){case"cura-checkbox":customElements.get(o(e))||customElements.define(o(e),b);break;case"cura-icon":customElements.get(o(e))||i();break;case"cura-label":customElements.get(o(e))||n();break;case"cura-paragraph":customElements.get(o(e))||l()}}))};export{h as CuraCheckbox,d as defineCustomElement}

package/dist/components/cura-display.js

@@ -1,128 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-
-const curaDisplayCss = ":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:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}: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-bold)}: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-link);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(i),:host h1 ::slotted(em),:host h2 ::slotted(i),:host h2 ::slotted(em),:host h3 ::slotted(i),:host h3 ::slotted(em),:host h4 ::slotted(i),:host h4 ::slotted(em),:host h5 ::slotted(i),:host h5 ::slotted(em),:host h6 ::slotted(i),:host h6 ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}: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-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}";
-
-const CuraDisplay$1 = /*@__PURE__*/ proxyCustomElement(class CuraDisplay extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
-         * Values: 1(default) to 6.
-         */
-        this.level = 1;
-        /**
-         * Display size.
-         * Values: 'large' (default) | 'small'.
-         */
-        this.size = 'large';
-        /**
-        * 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';
-        /**
-         * CSS margin-block property values.
-         * Default to 1.25em
-         */
-        this.marginBlock = '1.25em';
-        /**
-         * CSS line-height property values.
-         * Default to 140%
-         */
-        this.lineHeight = '120%';
-        this.theme = window.CuraAPI.theme;
-        this.styles = {};
-    }
-    handleChangeColor() {
-        this.setColors();
-    }
-    connectedCallback() {
-        this.setFontProperties();
-        this.setColors();
-    }
-    setFontProperties() {
-        this.weights = this.theme.fonts.getWeights();
-        this.fontSizeBase = this.theme.fonts.getSize();
-        this.styles = {
-            '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),
-            '--font-size': window.CuraAPI.theme.fonts.getSize(),
-            '--font-weight-bold': this.weights.bold,
-            '--font-weight-medium': this.weights.medium
-        };
-    }
-    hostCSSProperties() {
-        return {
-            '--margin-block': this.marginBlock,
-            '--font-size-base': this.fontSizeBase,
-            '--line-height': this.lineHeight
-        };
-    }
-    setColors() {
-        const fontColor = this.color
-            ? this.theme.colors.getColor(this.color)
-            : this.theme.fonts.getColor();
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
-    }
-    getClasses() {
-        var _a;
-        const classes = {};
-        classes[`${(_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`] = true;
-        return classes;
-    }
-    getHeadingTag() {
-        const classes = this.getClasses();
-        const tags = {
-            '1': h("h1", { style: this.styles, class: classes }, h("slot", null)),
-            '2': h("h2", { style: this.styles, class: classes }, h("slot", null)),
-            '3': h("h3", { style: this.styles, class: classes }, h("slot", null)),
-            '4': h("h4", { style: this.styles, class: classes }, h("slot", null)),
-            '5': h("h5", { style: this.styles, class: classes }, h("slot", null)),
-            '6': h("h6", { style: this.styles, class: classes }, h("slot", null)),
-            'default': h("h1", { style: this.styles, class: classes }, h("slot", null))
-        };
-        return tags[`${this.level}`] || tags['default'];
-    }
-    render() {
-        return (h(Host, { key: '264f7e93aac5ecb7a775c6e505f230518e3959f4', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "color": ["handleChangeColor"],
-        "spotColor": ["handleChangeColor"]
-    }; }
-    static get style() { return curaDisplayCss; }
-}, [1, "cura-display", {
-        "level": [514],
-        "size": [513],
-        "spotColor": [1, "spot-color"],
-        "color": [1],
-        "marginBlock": [513, "margin-block"],
-        "lineHeight": [513, "line-height"],
-        "styles": [32]
-    }, undefined, {
-        "color": ["handleChangeColor"],
-        "spotColor": ["handleChangeColor"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-display"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-display":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraDisplay$1);
-            }
-            break;
-    } });
-}
-
-const CuraDisplay = CuraDisplay$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraDisplay, defineCustomElement };
-//# sourceMappingURL=cura-display.js.map
-
-//# sourceMappingURL=cura-display.js.map
+import{p as t,H as s,i as o,j as h,t as l}from"./p-DBXUEjWh.js";const e=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.level=1,this.size="large",this.spotColor="accent-dark",this.marginBlock="1.25em",this.lineHeight="120%",this.theme=window.CuraAPI.theme,this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){this.setFontProperties(),this.setColors()}setFontProperties(){this.weights=this.theme.fonts.getWeights(),this.fontSizeBase=this.theme.fonts.getSize(),this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-medium":this.weights.medium}}hostCSSProperties(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}}setColors(){const t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor(""+this.spotColor)})}getClasses(){var t;const s={};return s[""+(null===(t=this.size)||void 0===t?void 0:t.toLowerCase())]=!0,s}getHeadingTag(){const t=this.getClasses(),s={1:o("h1",{style:this.styles,class:t},o("slot",null)),2:o("h2",{style:this.styles,class:t},o("slot",null)),3:o("h3",{style:this.styles,class:t},o("slot",null)),4:o("h4",{style:this.styles,class:t},o("slot",null)),5:o("h5",{style:this.styles,class:t},o("slot",null)),6:o("h6",{style:this.styles,class:t},o("slot",null)),default:o("h1",{style:this.styles,class:t},o("slot",null))};return s[""+this.level]||s.default}render(){return o(h,{key:"264f7e93aac5ecb7a775c6e505f230518e3959f4",style:this.hostCSSProperties(),role:"heading","aria-level":this.level},this.getHeadingTag())}get host(){return this}static get watchers(){return{color:[{handleChangeColor:0}],spotColor:[{handleChangeColor:0}]}}static get style(){return":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:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}: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-bold)}: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-link);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(i),:host h1 ::slotted(em),:host h2 ::slotted(i),:host h2 ::slotted(em),:host h3 ::slotted(i),:host h3 ::slotted(em),:host h4 ::slotted(i),:host h4 ::slotted(em),:host h5 ::slotted(i),:host h5 ::slotted(em),:host h6 ::slotted(i),:host h6 ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}: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-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}"}},[257,"cura-display",{level:[514],size:[513],spotColor:[1,"spot-color"],color:[1],marginBlock:[513,"margin-block"],lineHeight:[513,"line-height"],styles:[32]},void 0,{color:[{handleChangeColor:0}],spotColor:[{handleChangeColor:0}]}]),i=e,a=function(){"undefined"!=typeof customElements&&["cura-display"].forEach((t=>{"cura-display"===t&&(customElements.get(l(t))||customElements.define(l(t),e))}))};export{i as CuraDisplay,a as defineCustomElement}

package/dist/components/cura-dropdown-search-category.js

@@ -1,49 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$2 } from './p-BHEafDKD.js';
-
-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 CuraDropdownSearchCategory$1 = /*@__PURE__*/ proxyCustomElement(class CuraDropdownSearchCategory extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.styles = {};
-        this.theme = window.CuraAPI.theme;
-    }
-    connectedCallback() {
-        this.styles = {
-            '--neutral-light': this.theme.colors.getColor('neutral-light')
-        };
-    }
-    render() {
-        return (h(Host, { key: '511391a8c6c1c998b04e3093838173ae76549715' }, h("div", { key: '63da720bb3d2cc354ef5f1e9ceaf0f2f9c396f4e', class: "component-container", style: this.styles }, h("cura-heading", { key: 'ba003607e581d4abaf2e6d617f94e3174d04a4b3', size: 'xsmall', weight: 'bold', color: 'neutral-dark', marginBlock: '0', lineHeight: '1em' }, h("slot", { key: '80b14ff99b42a64082895db81b4dbe78cd7545a3' })))));
-    }
-    static get style() { return curaDropdownSearchCategoryCss; }
-}, [1, "cura-dropdown-search-category"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-dropdown-search-category", "cura-heading"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-dropdown-search-category":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraDropdownSearchCategory$1);
-            }
-            break;
-        case "cura-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraDropdownSearchCategory = CuraDropdownSearchCategory$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraDropdownSearchCategory, defineCustomElement };
-//# sourceMappingURL=cura-dropdown-search-category.js.map
-
-//# sourceMappingURL=cura-dropdown-search-category.js.map
+import{p as e,H as a,i as t,j as o,t as r}from"./p-DBXUEjWh.js";import{d as s}from"./p-fR02COZb.js";const c=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.styles={},this.theme=window.CuraAPI.theme}connectedCallback(){this.styles={"--neutral-light":this.theme.colors.getColor("neutral-light")}}render(){return t(o,{key:"511391a8c6c1c998b04e3093838173ae76549715"},t("div",{key:"63da720bb3d2cc354ef5f1e9ceaf0f2f9c396f4e",class:"component-container",style:this.styles},t("cura-heading",{key:"ba003607e581d4abaf2e6d617f94e3174d04a4b3",size:"xsmall",weight:"bold",color:"neutral-dark",marginBlock:"0",lineHeight:"1em"},t("slot",{key:"80b14ff99b42a64082895db81b4dbe78cd7545a3"}))))}static get style(){return":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}"}},[257,"cura-dropdown-search-category"]),n=c,i=function(){"undefined"!=typeof customElements&&["cura-dropdown-search-category","cura-heading"].forEach((e=>{switch(e){case"cura-dropdown-search-category":customElements.get(r(e))||customElements.define(r(e),c);break;case"cura-heading":customElements.get(r(e))||s()}}))};export{n as CuraDropdownSearchCategory,i as defineCustomElement}

package/dist/components/cura-dropdown-search-not-found.js

@@ -1,48 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$2 } from './p-BHEafDKD.js';
-
-const curaDropdownSearchNotFoundCss = ":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);border-bottom:none;cursor:default}:host .component-container cura-heading{--margin-block:0 !important;flex:1}";
-
-const CuraDropdownSearchNotFound$1 = /*@__PURE__*/ proxyCustomElement(class CuraDropdownSearchNotFound extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.actionclick = createEvent(this, "actionclick");
-        this.handleClick = (ev) => {
-            this.actionclick.emit();
-            ev.preventDefault();
-            ev.stopPropagation();
-        };
-    }
-    render() {
-        return (h(Host, { key: '899559f0e05394638cd9c6dd61897383453ed176' }, h("div", { key: '0b1ed35b82f1df7feac928ab84e08149a38a79a3', class: "component-container", onClick: this.handleClick }, h("cura-heading", { key: '49f423b01e6719790bf7f3bcda6f3239042c0c9f', size: "xsmall", weight: "bold", color: "error-dark" }, h("slot", { key: '4fbcfb5602729f92f84a22d003d5b2e66e481b6c' })))));
-    }
-    static get style() { return curaDropdownSearchNotFoundCss; }
-}, [1, "cura-dropdown-search-not-found"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-dropdown-search-not-found", "cura-heading"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-dropdown-search-not-found":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraDropdownSearchNotFound$1);
-            }
-            break;
-        case "cura-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraDropdownSearchNotFound = CuraDropdownSearchNotFound$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraDropdownSearchNotFound, defineCustomElement };
-//# sourceMappingURL=cura-dropdown-search-not-found.js.map
-
-//# sourceMappingURL=cura-dropdown-search-not-found.js.map
+import{p as e,H as o,k as t,i as r,j as s,t as a}from"./p-DBXUEjWh.js";import{d as n}from"./p-fR02COZb.js";const c=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.actionclick=t(this,"actionclick"),this.handleClick=e=>{this.actionclick.emit(),e.preventDefault(),e.stopPropagation()}}render(){return r(s,{key:"899559f0e05394638cd9c6dd61897383453ed176"},r("div",{key:"0b1ed35b82f1df7feac928ab84e08149a38a79a3",class:"component-container",onClick:this.handleClick},r("cura-heading",{key:"49f423b01e6719790bf7f3bcda6f3239042c0c9f",size:"xsmall",weight:"bold",color:"error-dark"},r("slot",{key:"4fbcfb5602729f92f84a22d003d5b2e66e481b6c"}))))}static get style(){return":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);border-bottom:none;cursor:default}:host .component-container cura-heading{--margin-block:0 !important;flex:1}"}},[257,"cura-dropdown-search-not-found"]),i=c,d=function(){"undefined"!=typeof customElements&&["cura-dropdown-search-not-found","cura-heading"].forEach((e=>{switch(e){case"cura-dropdown-search-not-found":customElements.get(a(e))||customElements.define(a(e),c);break;case"cura-heading":customElements.get(a(e))||n()}}))};export{i as CuraDropdownSearchNotFound,d as defineCustomElement}