@rededor/cura 1.8.3-alpha.0 → 2.0.0-alpha.11

package/dist/collection/components/text/cura-paragraph/cura-paragraph.js

@@ -80,7 +80,6 @@ export class CuraParagraph {
         return {
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall'",
@@ -96,11 +95,11 @@ export class CuraParagraph {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'medium'"
             },
             "spotColor": {
                 "type": "string",
-                "attribute": "spot-color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -116,11 +115,11 @@ export class CuraParagraph {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "spot-color",
                 "defaultValue": "'accent-dark'"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -135,11 +134,11 @@ export class CuraParagraph {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "color"
             },
             "marginBlock": {
                 "type": "string",
-                "attribute": "margin-block",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -155,11 +154,11 @@ export class CuraParagraph {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "margin-block",
                 "defaultValue": "'1.25em'"
             },
             "lineHeight": {
                 "type": "string",
-                "attribute": "line-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -175,11 +174,11 @@ export class CuraParagraph {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "line-height",
                 "defaultValue": "'140%'"
             },
             "textOverflow": {
                 "type": "string",
-                "attribute": "text-overflow",
                 "mutable": false,
                 "complexType": {
                     "original": "'none' | 'single' | string",
@@ -195,6 +194,7 @@ export class CuraParagraph {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "text-overflow",
                 "defaultValue": "'none'"
             }
         };
@@ -206,4 +206,3 @@ export class CuraParagraph {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=cura-paragraph.js.map

package/dist/collection/components/text/cura-paragraph/cura-paragraph.stories.js

@@ -135,4 +135,3 @@ export const Paragraph = {
         cssLineHeight: ''
     },
 };
-//# sourceMappingURL=cura-paragraph.stories.js.map

package/dist/collection/index.js

@@ -6,4 +6,3 @@ export function InitVarsTheme(theme) {
     const themeModule = new CuraThemeModule();
     return themeModule.loadVarsSSR(theme);
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/rededor-cura-start.js

@@ -7,4 +7,3 @@ export default function () {
     if (config && typeof config.onReady === 'function')
         config.onReady(api);
 }
-//# sourceMappingURL=rededor-cura-start.js.map

package/dist/collection/utils/FixedElementScrollBehavior.js

@@ -51,4 +51,3 @@ export class FixedElementScrollBehavior {
         this.scrollableElement.removeEventListener('scroll', this._stopPropagationEvent);
     }
 }
-//# sourceMappingURL=FixedElementScrollBehavior.js.map

package/dist/collection/utils/utils.js

@@ -52,4 +52,3 @@ export function removeBodyScrollLockClass() {
         document.body.classList.remove("cura-body-scroll-lock");
     }
 }
-//# sourceMappingURL=utils.js.map

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

@@ -1,102 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$3 } from './p-BHEafDKD.js';
-import { d as defineCustomElement$2 } from './p-B5aO1chh.js';
-
-const curaAccordionItemCss = ":host{display:block}:host .accordion-item{width:100%}:host .accordion-item::after{content:\"\";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active)::after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color:var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body:var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color:var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height 0.25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active)::after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body:var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color:var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height 0.5s ease 0.14s}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}";
-
-const CuraAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class CuraAccordionItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Text label for accordion item
-         */
-        this.label = '';
-        /** ***Properties below are inherited from the cura-accordion*** */
-        /**
-         * Accordion items icons
-         */
-        this.iconSize = 20;
-        this.labelIcon = '';
-        this.openIcon = 'down';
-        this.closeIcon = 'up';
-        /**
-         * Color scheme base color
-         * (By default, the icon will use the same color of 'color')
-         */
-        this.iconColor = '';
-        /**
-         * Set the color mode to dark or light
-         */
-        this.colorMode = 'dark';
-        /**
-         * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
-         * Values: 1 to 6 (3 default).
-         */
-        this.level = 3;
-        this.opened = false;
-        this.styles = {};
-    }
-    getClasses() {
-        const classes = {};
-        classes['accordion-item'] = true;
-        classes['active'] = this.opened;
-        classes['inverted'] = this.colorMode === 'light';
-        return classes;
-    }
-    accordionItemClick(_) {
-        this.opened = !this.opened;
-    }
-    renderIcon() {
-        if (!this.labelIcon)
-            return '';
-        return h("cura-icon", { name: this.labelIcon, size: this.iconSize, color: "neutral-black" });
-    }
-    render() {
-        return (h(Host, { key: '3dd53ab4a597b1726045ec4d3ed066c6c30050d0', slot: "accordion-item" }, h("div", { key: '209291c7c9b587ac546e8b9e40b7d94a11a2489e', class: this.getClasses(), style: this.styles }, h("div", { key: '9c2de1103c7f30bc9d2cb0a86fc660c98b94be84', class: "label", onClick: e => this.accordionItemClick(e) }, h("div", { key: '052a8be2c00edf3907e49970120d9b65937ab031', class: "label-container" }, h("div", { key: 'da543cdbcb0c0d5f691c3d2fcabfbfc9ec46f506', class: "label-content" }, this.renderIcon(), h("cura-heading", { key: 'f587de080f2c1779ffacf0b557827c24edf5e1ee', size: "small", level: this.level, weight: 'bold', "margin-block": "0", color: "neutral-black" }, this.label)), h("cura-icon", { key: '611b48e32dfd7056a563aab56401feb3c8febee2', name: this.opened ? this.closeIcon : this.openIcon, size: this.iconSize, color: "neutral-black" }))), h("div", { key: 'e1d5e606f3e9415570a2a5c2ba3d96264d430bd0', class: 'content' }, h("div", { key: '62b76ef21093a4d051120e2502936049a186c36a', class: "content-wrapper" }, h("slot", { key: '646b3d0163edf473c1a2e824f251f4db85b2fc18' }))))));
-    }
-    static get style() { return curaAccordionItemCss; }
-}, [1, "cura-accordion-item", {
-        "label": [513],
-        "iconSize": [514, "icon-size"],
-        "labelIcon": [513, "label-icon"],
-        "openIcon": [513, "open-icon"],
-        "closeIcon": [513, "close-icon"],
-        "iconColor": [513, "icon-color"],
-        "colorMode": [1, "color-mode"],
-        "level": [514],
-        "opened": [1540],
-        "styles": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-accordion-item", "cura-heading", "cura-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-accordion-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraAccordionItem$1);
-            }
-            break;
-        case "cura-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraAccordionItem = CuraAccordionItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraAccordionItem, defineCustomElement };
-//# sourceMappingURL=cura-accordion-item.js.map
-
-//# sourceMappingURL=cura-accordion-item.js.map
+import{p as e,H as o,i as c,j as a,t}from"./p-DBXUEjWh.js";import{d as i}from"./p-fR02COZb.js";import{d as n}from"./p-fn4zJrKE.js";const r=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.iconSize=20,this.labelIcon="",this.openIcon="down",this.closeIcon="up",this.iconColor="",this.colorMode="dark",this.level=3,this.opened=!1,this.styles={}}getClasses(){const e={"accordion-item":!0};return e.active=this.opened,e.inverted="light"===this.colorMode,e}accordionItemClick(e){this.opened=!this.opened}renderIcon(){return this.labelIcon?c("cura-icon",{name:this.labelIcon,size:this.iconSize,color:"neutral-black"}):""}render(){return c(a,{key:"3dd53ab4a597b1726045ec4d3ed066c6c30050d0",slot:"accordion-item"},c("div",{key:"209291c7c9b587ac546e8b9e40b7d94a11a2489e",class:this.getClasses(),style:this.styles},c("div",{key:"9c2de1103c7f30bc9d2cb0a86fc660c98b94be84",class:"label",onClick:e=>this.accordionItemClick(e)},c("div",{key:"052a8be2c00edf3907e49970120d9b65937ab031",class:"label-container"},c("div",{key:"da543cdbcb0c0d5f691c3d2fcabfbfc9ec46f506",class:"label-content"},this.renderIcon(),c("cura-heading",{key:"f587de080f2c1779ffacf0b557827c24edf5e1ee",size:"small",level:this.level,weight:"bold","margin-block":"0",color:"neutral-black"},this.label)),c("cura-icon",{key:"611b48e32dfd7056a563aab56401feb3c8febee2",name:this.opened?this.closeIcon:this.openIcon,size:this.iconSize,color:"neutral-black"}))),c("div",{key:"e1d5e606f3e9415570a2a5c2ba3d96264d430bd0",class:"content"},c("div",{key:"62b76ef21093a4d051120e2502936049a186c36a",class:"content-wrapper"},c("slot",{key:"646b3d0163edf473c1a2e824f251f4db85b2fc18"})))))}static get style(){return':host{display:block}:host .accordion-item{width:100%}:host .accordion-item::after{content:"";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active)::after{content:"";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color:var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body:var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color:var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height 0.25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active)::after{content:"";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body:var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color:var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height 0.5s ease 0.14s}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}'}},[257,"cura-accordion-item",{label:[513],iconSize:[514,"icon-size"],labelIcon:[513,"label-icon"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],colorMode:[1,"color-mode"],level:[514],opened:[1540],styles:[32]}]),l=r,s=function(){"undefined"!=typeof customElements&&["cura-accordion-item","cura-heading","cura-icon"].forEach((e=>{switch(e){case"cura-accordion-item":customElements.get(t(e))||customElements.define(t(e),r);break;case"cura-heading":customElements.get(t(e))||i();break;case"cura-icon":customElements.get(t(e))||n()}}))};export{l as CuraAccordionItem,s as defineCustomElement}

package/dist/components/cura-accordion.js

@@ -1,144 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-
-const curaAccordionCss = ":host{display:block;color:var(--font-color);font-size:var(--font-size);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight-regular)}";
-
-const CuraAccordion$1 = /*@__PURE__*/ proxyCustomElement(class CuraAccordion extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Color scheme base color
-         */
-        this.color = 'primary';
-        /**
-         * Set the color mode to dark or light
-         */
-        this.colorMode = 'dark';
-        /**
-         * Accordion items icons
-         */
-        this.iconSize = 20;
-        this.labelIcon = '';
-        this.openIcon = 'down';
-        this.closeIcon = 'up';
-        /**
-         * Color scheme base color
-         * (By default, the icon will use the same color of 'color')
-         */
-        this.iconColor = '';
-        /**
-         * Accordion behavior when item is clicked
-         * (The default will close all items except the current one)
-         */
-        this.behavior = 'default';
-        /**
-         * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
-         * Values: 1 to 6 (3 default).
-         */
-        this.level = 3;
-        this.mutationObserverCallback = (mutations, _) => {
-            var _a;
-            for (const mutation of mutations) {
-                if (mutation.type === 'attributes' && mutation.attributeName === 'opened' && ((_a = mutation.target) === null || _a === void 0 ? void 0 : _a['opened'])) {
-                    if (this.behavior !== 'default')
-                        continue;
-                    this.host.querySelectorAll('cura-accordion-item').forEach(item => {
-                        if (item != mutation.target) {
-                            item.opened = false;
-                        }
-                    });
-                }
-                if (mutation.type === 'childList') {
-                    const addedNodes = Array.from(mutation.addedNodes || []);
-                    for (let node of addedNodes) {
-                        this.setChildProperties(node);
-                    }
-                }
-            }
-        };
-        this.mutationObserver = new MutationObserver(this.mutationObserverCallback);
-        this.styles = {};
-    }
-    handleChangeColor() {
-        this.setColors();
-    }
-    connectedCallback() {
-        const weights = window.CuraAPI.theme.fonts.getWeights();
-        this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
-        this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);
-        this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
-        this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();
-        this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
-        this.styles['--font-weight-regular'] = weights.regular;
-        this.setColors();
-    }
-    componentDidLoad() {
-        this.host.querySelectorAll('cura-accordion-item').forEach(item => {
-            this.setChildProperties(item);
-        });
-        const options = { childList: true, subtree: false, attributes: false };
-        this.mutationObserver.observe(this.host, options);
-    }
-    disconnectedCallback() {
-        this.mutationObserver.disconnect();
-    }
-    setChildProperties(item) {
-        // Theme
-        item.colorMode = this.colorMode;
-        item.iconColor = this.iconColor || this.color;
-        // Icon
-        item.iconSize = this.iconSize;
-        if (this.labelIcon)
-            item.labelIcon = this.labelIcon; // It's possible to define a specific icon for each item.
-        item.openIcon = this.openIcon;
-        item.closeIcon = this.closeIcon;
-        // Level
-        item.level = this.level;
-    }
-    setColors() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { "--acc-color": window.CuraAPI.theme.colors.getColor("neutral-black"), "--acc-color-hover": window.CuraAPI.theme.colors.getColor(`${this.color}-base`), "--acc-color-icon": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`), "--acc-color-icon-hover": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-darker`), "--acc-color-inverted": window.CuraAPI.theme.colors.getColor("neutral-white"), "--acc-color-hover-inverted": window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`), "--acc-color-icon-inverted": window.CuraAPI.theme.colors.getColor("neutral-white"), "--acc-color-icon-hover-inverted": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`) });
-    }
-    render() {
-        return (h(Host, { key: '58c69f7911698dae68dacaeb4cd226d61e09fe17', style: this.styles }, h("slot", { key: 'd808861eb471bfd7c356fb942121d20d547abfcb', name: 'accordion-item' })));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "color": ["handleChangeColor"]
-    }; }
-    static get style() { return curaAccordionCss; }
-}, [1, "cura-accordion", {
-        "color": [513],
-        "colorMode": [513, "color-mode"],
-        "iconSize": [514, "icon-size"],
-        "labelIcon": [513, "label-icon"],
-        "openIcon": [513, "open-icon"],
-        "closeIcon": [513, "close-icon"],
-        "iconColor": [513, "icon-color"],
-        "behavior": [513],
-        "level": [514],
-        "styles": [32]
-    }, undefined, {
-        "color": ["handleChangeColor"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-accordion"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraAccordion$1);
-            }
-            break;
-    } });
-}
-
-const CuraAccordion = CuraAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraAccordion, defineCustomElement };
-//# sourceMappingURL=cura-accordion.js.map
-
-//# sourceMappingURL=cura-accordion.js.map
+import{p as o,t,H as i,i as e,j as s}from"./p-DBXUEjWh.js";const c=o(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.color="primary",this.colorMode="dark",this.iconSize=20,this.labelIcon="",this.openIcon="down",this.closeIcon="up",this.iconColor="",this.behavior="default",this.level=3,this.mutationObserverCallback=o=>{var t;for(const i of o){if("attributes"===i.type&&"opened"===i.attributeName&&(null===(t=i.target)||void 0===t?void 0:t.opened)){if("default"!==this.behavior)continue;this.host.querySelectorAll("cura-accordion-item").forEach((o=>{o!=i.target&&(o.opened=!1)}))}if("childList"===i.type){const o=Array.from(i.addedNodes||[]);for(let t of o)this.setChildProperties(t)}}},this.mutationObserver=new MutationObserver(this.mutationObserverCallback),this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){const o=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base"),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-color"]=window.CuraAPI.theme.fonts.getColor(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-regular"]=o.regular,this.setColors()}componentDidLoad(){this.host.querySelectorAll("cura-accordion-item").forEach((o=>{this.setChildProperties(o)})),this.mutationObserver.observe(this.host,{childList:!0,subtree:!1,attributes:!1})}disconnectedCallback(){this.mutationObserver.disconnect()}setChildProperties(o){o.colorMode=this.colorMode,o.iconColor=this.iconColor||this.color,o.iconSize=this.iconSize,this.labelIcon&&(o.labelIcon=this.labelIcon),o.openIcon=this.openIcon,o.closeIcon=this.closeIcon,o.level=this.level}setColors(){this.styles=Object.assign(Object.assign({},this.styles),{"--acc-color":window.CuraAPI.theme.colors.getColor("neutral-black"),"--acc-color-hover":window.CuraAPI.theme.colors.getColor(this.color+"-base"),"--acc-color-icon":window.CuraAPI.theme.colors.getColor((this.iconColor||this.color)+"-base"),"--acc-color-icon-hover":window.CuraAPI.theme.colors.getColor((this.iconColor||this.color)+"-darker"),"--acc-color-inverted":window.CuraAPI.theme.colors.getColor("neutral-white"),"--acc-color-hover-inverted":window.CuraAPI.theme.colors.getColor(this.color+"-lighter"),"--acc-color-icon-inverted":window.CuraAPI.theme.colors.getColor("neutral-white"),"--acc-color-icon-hover-inverted":window.CuraAPI.theme.colors.getColor((this.iconColor||this.color)+"-lighter")})}render(){return e(s,{key:"58c69f7911698dae68dacaeb4cd226d61e09fe17",style:this.styles},e("slot",{key:"d808861eb471bfd7c356fb942121d20d547abfcb",name:"accordion-item"}))}get host(){return this}static get watchers(){return{color:[{handleChangeColor:0}]}}static get style(){return":host{display:block;color:var(--font-color);font-size:var(--font-size);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight-regular)}"}},[257,"cura-accordion",{color:[513],colorMode:[513,"color-mode"],iconSize:[514,"icon-size"],labelIcon:[513,"label-icon"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],behavior:[513],level:[514],styles:[32]},void 0,{color:[{handleChangeColor:0}]}]),n=c,r=function(){"undefined"!=typeof customElements&&["cura-accordion"].forEach((o=>{"cura-accordion"===o&&(customElements.get(t(o))||customElements.define(t(o),c))}))};export{n as CuraAccordion,r as defineCustomElement}

package/dist/components/cura-alert.js

@@ -1,109 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$4 } from './p-BHEafDKD.js';
-import { d as defineCustomElement$3 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$2 } from './p-DI4g-ZH4.js';
-
-const curaAlertCss = ":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}";
-
-const CuraAlert$1 = /*@__PURE__*/ proxyCustomElement(class CuraAlert extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.close = createEvent(this, "close");
-        this.type = 'info';
-        this.floating = false;
-        this.closeable = true;
-        this.styles = {};
-        this.handleClose = () => {
-            this.close.emit();
-            this.host.remove();
-        };
-    }
-    setColors() {
-        const colors = [
-            { name: '--color-lighter', theme: `${this.type}-lighter` },
-            { name: '--neutral-black', theme: 'neutral-black' },
-            { name: '--color-light', theme: `${this.type}-light` },
-            { name: '--color-base', theme: `${this.type}-base` },
-        ];
-        colors.forEach(color => {
-            this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme);
-        });
-        this.styles = Object.assign({}, this.styles);
-    }
-    connectedCallback() {
-        this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
-        this.setColors();
-    }
-    getClasses() {
-        const classes = {};
-        classes['conteiner'] = true;
-        classes['floating'] = this.floating;
-        return classes;
-    }
-    getNameIcon() {
-        const iconMapping = {
-            info: 'infoCircle',
-            success: 'checkCircle',
-            warning: 'alertCircle',
-            error: 'alertTriangle',
-        };
-        return this.icon ? this.icon : iconMapping[this.type];
-    }
-    render() {
-        return (h(Host, { key: '2bb12a2c1f982aa328da2ba9fd80434459651735', role: "alert", "aria-live": "polite", "aria-atomic": "true", "aria-label": this.label }, h("div", { key: 'c3103080439a2d15dc530fd4d3e1945937da302a', class: this.getClasses(), style: this.styles }, h("cura-icon", { key: '0465d437885134eefdc41cdfe74a43a83f9e5265', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), h("div", { key: '15c7545a76db2032e6ee20b8f27b90199cc95020', class: "content" }, this.label ? (h("cura-heading", { class: "title", size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "1px 0" }, this.label)) : '', h("cura-paragraph", { key: 'af74fc113ffdca4cf4ce4f52133ab1ecfb94f002', class: "text", color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, h("slot", { key: '5979eac43e2729097ec8d47c1f1b58a5834e4b02' })), h("slot", { key: 'c74a0bf68cb024a04c36392c6c3a2303bdd8e842', name: "actions" })), this.closeable ?
-            (h("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
-            : '')));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "type": ["setColors"]
-    }; }
-    static get style() { return curaAlertCss; }
-}, [1, "cura-alert", {
-        "type": [1],
-        "floating": [516],
-        "label": [513],
-        "closeable": [516],
-        "icon": [513],
-        "styles": [32]
-    }, undefined, {
-        "type": ["setColors"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-alert", "cura-heading", "cura-icon", "cura-paragraph"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-alert":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraAlert$1);
-            }
-            break;
-        case "cura-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-paragraph":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraAlert = CuraAlert$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraAlert, defineCustomElement };
-//# sourceMappingURL=cura-alert.js.map
-
-//# sourceMappingURL=cura-alert.js.map
+import{p as e,H as s,k as a,i as t,j as r,t as c}from"./p-DBXUEjWh.js";import{d as i}from"./p-fR02COZb.js";import{d as o}from"./p-fn4zJrKE.js";import{d as l}from"./p-D7WNwjv-.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.close=a(this,"close"),this.type="info",this.floating=!1,this.closeable=!0,this.styles={},this.handleClose=()=>{this.close.emit(),this.host.remove()}}setColors(){const e=[{name:"--color-lighter",theme:this.type+"-lighter"},{name:"--neutral-black",theme:"neutral-black"},{name:"--color-light",theme:this.type+"-light"},{name:"--color-base",theme:this.type+"-base"}],s=Object.assign({},this.styles);e.forEach((e=>{s[e.name]=window.CuraAPI.theme.colors.getColor(e.theme)})),this.styles=s}connectedCallback(){this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.setColors()}getClasses(){const e={conteiner:!0};return e.floating=this.floating,e}getNameIcon(){return this.icon?this.icon:{info:"infoCircle",success:"checkCircle",warning:"alertCircle",error:"alertTriangle"}[this.type]}render(){return t(r,{key:"f64ddb202b9436f9bebd4316979ffc1ad8d2c711",role:"alert","aria-live":"polite","aria-atomic":"true","aria-label":this.label},t("div",{key:"c1320f2a8007169776bf1d8b59301c9e070d97f3",class:this.getClasses(),style:this.styles},t("cura-icon",{key:"18b352ca24b9904624e10beadc8ef2a214ef3ee4",name:this.getNameIcon(),class:"icon-left",size:16,color:this.type+"-dark"}),t("div",{key:"4f025525470856227ff65b36c27c8dcffc73be99",class:"content"},this.label?t("cura-heading",{class:"title",size:"xsmall",color:"neutral-black",weight:"bold","margin-block":"1px 0"},this.label):"",t("cura-paragraph",{key:"b1dcbf2fc75c387a8e30b255b94a3439d6443548",class:"text",color:this.type+"-darker",size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},t("slot",{key:"d4473ba49462f93fe5b4c5b2729ca018c7cc322c"})),t("slot",{key:"2d3d5e549a600424c13ae2642845af40fb3c0894",name:"actions"})),this.closeable?t("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))}get host(){return this}static get watchers(){return{type:[{setColors:0}]}}static get style(){return":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}"}},[257,"cura-alert",{type:[1],floating:[516],label:[513],closeable:[516],icon:[513],styles:[32]},void 0,{type:[{setColors:0}]}]),h=n,b=function(){"undefined"!=typeof customElements&&["cura-alert","cura-heading","cura-icon","cura-paragraph"].forEach((e=>{switch(e){case"cura-alert":customElements.get(c(e))||customElements.define(c(e),n);break;case"cura-heading":customElements.get(c(e))||i();break;case"cura-icon":customElements.get(c(e))||o();break;case"cura-paragraph":customElements.get(c(e))||l()}}))};export{h as CuraAlert,b as defineCustomElement}

package/dist/components/cura-avatar.js

@@ -1,112 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-
-const avatarSizes = {
-    '80': { border: 2.5 },
-    '40': { border: 2.25 },
-    '32': { border: 2 },
-    '24': { border: 1.75 },
-};
-
-const curaAvatarCss = ":host{display:inline-flex}:host .conteiner{display:flex;box-sizing:border-box;justify-content:center;align-items:center;width:var(--size);height:var(--size);border:var(--border) solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);overflow:hidden}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .conteiner img{outline:none;object-fit:contain;width:100%;height:100%}";
-
-const CuraAvatar$1 = /*@__PURE__*/ proxyCustomElement(class CuraAvatar extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Size of the avatar. Values: 80, 40, 32, 24.
-         * @default 80
-         */
-        this.size = '80';
-        /**
-         * Background color of the avatar.
-         * Accepts any color from the theme.
-         * @default neutral-purewhite
-         */
-        this.backgroundColor = 'neutral-purewhite';
-        /**
-         * Border radius of the avatar.
-         * @default 50%
-         */
-        this.borderRadius = '50%';
-        /**
-         * Show border of the avatar.
-         * @default false
-         */
-        this.border = false;
-        /**
-         * Type of the avatar.
-         * @default default
-         */
-        this.type = 'default';
-        this.styles = {};
-    }
-    sizeHandler(size) {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--size': `${size}px` });
-    }
-    getClasses() {
-        const classes = {};
-        classes['conteiner'] = true;
-        classes['floating'] = this.floating;
-        return classes;
-    }
-    connectedCallback() {
-        this.assetsPath = window.CuraAPI.localAssetsPath;
-        this.sizeHandler(this.size);
-    }
-    hostCSSProperties() {
-        const avatarSize = avatarSizes[this.size];
-        return {
-            '--background-color': window.CuraAPI.theme.colors.getColor(this.backgroundColor),
-            '--border-color': window.CuraAPI.theme.colors.getColor(this.borderColor),
-            '--border-radius': `${this.borderRadius}`,
-            '--border': this.border ? `${avatarSize.border}px` : '0',
-        };
-    }
-    onSrcError() {
-        this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
-    }
-    render() {
-        return (h(Host, { key: '51683368cca9bff9bdf3a8e835990c89df3cd4be', style: this.hostCSSProperties(), role: "img" }, h("div", { key: '84196bf4ed6914904f14f8ec0d07b40ceace5ebf', class: this.getClasses(), style: this.styles }, h("img", { key: '8968215d670f9cd5a042dd66e6dc15a75d07c68e', src: this.imageSrc || this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`, onError: () => this.onSrcError() }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "size": ["sizeHandler"]
-    }; }
-    static get style() { return curaAvatarCss; }
-}, [1, "cura-avatar", {
-        "size": [1],
-        "backgroundColor": [513, "background-color"],
-        "borderColor": [513, "border-color"],
-        "borderRadius": [513, "border-radius"],
-        "border": [516],
-        "type": [513],
-        "imageSrc": [1537, "image-src"],
-        "imageSrcDefault": [513, "image-src-default"],
-        "floating": [516],
-        "styles": [32]
-    }, undefined, {
-        "size": ["sizeHandler"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-avatar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-avatar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraAvatar$1);
-            }
-            break;
-    } });
-}
-
-const CuraAvatar = CuraAvatar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraAvatar, defineCustomElement };
-//# sourceMappingURL=cura-avatar.js.map
-
-//# sourceMappingURL=cura-avatar.js.map
+import{p as e,H as r,i as t,j as s,t as i}from"./p-DBXUEjWh.js";const o={80:{border:2.5},40:{border:2.25},32:{border:2},24:{border:1.75}},a=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="80",this.backgroundColor="neutral-purewhite",this.borderRadius="50%",this.border=!1,this.type="default",this.styles={}}sizeHandler(e){this.styles=Object.assign(Object.assign({},this.styles),{"--size":e+"px"})}getClasses(){const e={conteiner:!0};return e.floating=this.floating,e}connectedCallback(){this.assetsPath=window.CuraAPI.localAssetsPath,this.sizeHandler(this.size)}hostCSSProperties(){const e=o[this.size];return{"--background-color":window.CuraAPI.theme.colors.getColor(this.backgroundColor),"--border-color":window.CuraAPI.theme.colors.getColor(this.borderColor),"--border-radius":""+this.borderRadius,"--border":this.border?e.border+"px":"0"}}onSrcError(){this.imageSrc=this.imageSrcDefault||this.assetsPath+"/images/avatar/patient-default.svg"}render(){return t(s,{key:"51683368cca9bff9bdf3a8e835990c89df3cd4be",style:this.hostCSSProperties(),role:"img"},t("div",{key:"84196bf4ed6914904f14f8ec0d07b40ceace5ebf",class:this.getClasses(),style:this.styles},t("img",{key:"8968215d670f9cd5a042dd66e6dc15a75d07c68e",src:this.imageSrc||this.imageSrcDefault||this.assetsPath+"/images/avatar/patient-default.svg",onError:()=>this.onSrcError()})))}get host(){return this}static get watchers(){return{size:[{sizeHandler:0}]}}static get style(){return":host{display:inline-flex}:host .conteiner{display:flex;box-sizing:border-box;justify-content:center;align-items:center;width:var(--size);height:var(--size);border:var(--border) solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);overflow:hidden}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .conteiner img{outline:none;object-fit:contain;width:100%;height:100%}"}},[1,"cura-avatar",{size:[1],backgroundColor:[513,"background-color"],borderColor:[513,"border-color"],borderRadius:[513,"border-radius"],border:[516],type:[513],imageSrc:[1537,"image-src"],imageSrcDefault:[513,"image-src-default"],floating:[516],styles:[32]},void 0,{size:[{sizeHandler:0}]}]),d=a,n=function(){"undefined"!=typeof customElements&&["cura-avatar"].forEach((e=>{"cura-avatar"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))};export{d as CuraAvatar,n as defineCustomElement}

package/dist/components/cura-badge-counter.js

@@ -1,9 +1 @@
-import { C as CuraBadgeNumber, d as defineCustomElement$1 } from './p-C72aF-gL.js';
-
-const CuraBadgeCounter = CuraBadgeNumber;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraBadgeCounter, defineCustomElement };
-//# sourceMappingURL=cura-badge-counter.js.map
-
-//# sourceMappingURL=cura-badge-counter.js.map
+import{C as o,d as s}from"./p-B2RN7oe_.js";const p=o,r=s;export{p as CuraBadgeCounter,r as defineCustomElement}