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

package/dist/components/cura-icons-view.js

@@ -1,67 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-import { i as iconSizes, d as defineCustomElement$3 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$4 } from './p-BHEafDKD.js';
-import { d as defineCustomElement$2 } from './p-DR1RHrEX.js';
-
-var iconsetdefaulticons = ["360", "accessibility", "accessibility2", "accessibility3", "accessibility4", "addUser", "airdrop", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "autism", "avatarF", "avatarM", "bike", "biometry", "biop", "bloodGroup", "calendar", "cam", "camOff", "cart", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "coffee", "collapse", "config", "contacts", "currency", "delete", "desktop", "doc", "down", "download", "drug", "duplicate", "edit", "elevator", "exam", "examDoc", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "geotagUnity", "geotagUnityGroup", "google", "graph", "healthPlan", "heart", "height", "height2", "home", "horizontalList", "id", "image", "imageUp", "infoCircle", "instagram", "key", "lab", "lamp", "language", "language2", "languageEN", "languagePT", "lattes", "left", "like", "link", "linkExternal", "linkedin", "list", "login", "logout", "mail", "maintenance", "medDoc", "medEspec", "medImg", "medUser", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "mobileClick", "mobileRotate1", "mobileRotate2", "mobileRotate3", "news", "notification", "npsDeslike", "npsHate", "npsLike", "npsLove", "npsNeutral", "order", "parking", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profileCircle", "questionCircle", "questionSquare", "range", "reload", "ribbon", "right", "schedule", "scheduleCancel", "scheduleCheck", "scheduleHistorico", "search", "secure", "share", "siren", "sound", "soundOff", "star", "stop", "store", "subItem", "swap", "target", "team", "telegram", "twitter", "unLink", "unSecure", "unity", "unlike", "up", "upload", "vaccine", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "wifiOff", "xray", "youtube", "zoomIn", "zoomOut"];
-
-const curaIconsViewCss = ":host{display:block;padding:24px;font-family:\"Roboto\", Arial, Helvetica, sans-serif}.iconDetail{display:block}.iconSizes{display:flex;align-items:center}.iconSizes .size{display:flex;flex-direction:column;text-align:center;align-items:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px;margin:8px 0}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#2d2d2d;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:flex;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;transition:opacity 0.2s linear;width:105px;display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:16px;box-sizing:border-box;}.icons .icon cura-label{margin-top:8px}.icons .icon cura-paragraph{margin-top:4px}";
-
-const CuraIconsView$1 = /*@__PURE__*/ proxyCustomElement(class CuraIconsView extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.sizes = Object.keys(iconSizes).filter(key => key !== 'default');
-        this.colors = ['primary', 'secondary', 'accent', 'info', 'warning', 'error', 'success', 'neutral'];
-        this.selected = iconsetdefaulticons[0];
-        this.setSelected = (icon) => {
-            this.selected = icon;
-        };
-    }
-    connectedCallback() {
-        this.sizes.unshift(this.sizes.pop());
-    }
-    render() {
-        return (h(Host, { key: '08ac6235b9218c2202cd4957bb78100216b5b680' }, h("div", { key: '71856330d5f050d46b83c06125d29a235532bf98', class: "iconDetail" }, h("cura-heading", { key: '2520247cde8d71b1a31ce028c4525b04e6302bf1', size: "small", "margin-block": "0 24px" }, "Icon: ", h("b", { key: '5cf48d96ed36dd5514357c65b0ec8c9f137bb1e4' }, this.selected)), h("div", { key: '7eda1e7db5efc89abb583631a5e959e31397684f', class: "iconSizes" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size }), h("span", null, size)))), h("div", { key: 'f443dab7e85fe89a207da8fbefb024b0c22fa084', class: "iconSizes invert" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), h("span", null, size))))), h("div", { key: '5ea3b71259ae5454297a94aef4ce1e154c968512', class: "icons" }, iconsetdefaulticons.map(icon => h("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, h("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), h("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon))))));
-    }
-    static get style() { return curaIconsViewCss; }
-}, [1, "cura-icons-view", {
-        "selected": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-icons-view", "cura-heading", "cura-icon", "cura-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-icons-view":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraIconsView$1);
-            }
-            break;
-        case "cura-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraIconsView = CuraIconsView$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraIconsView, defineCustomElement };
-//# sourceMappingURL=cura-icons-view.js.map
-
-//# sourceMappingURL=cura-icons-view.js.map
+import{p as e,H as i,i as a,j as c,t as r}from"./p-DBXUEjWh.js";import{i as s,d as t}from"./p-fn4zJrKE.js";import{d as l}from"./p-fR02COZb.js";import{d as o}from"./p-BSdkRryc.js";var n=["360","accessibility","accessibility2","accessibility3","accessibility4","addUser","airdrop","alertCircle","alertTriangle","arrowDown","arrowDownCircle","arrowLeft","arrowLeftCircle","arrowRight","arrowRightCircle","arrowUp","arrowUpCircle","attach","autism","avatarF","avatarM","bike","biometry","biop","bloodGroup","calendar","cam","camOff","cart","central","chatCircle","check","checkBadge","checkCircle","checkDouble","clock","close","closeCircle","coffee","collapse","config","contacts","currency","delete","desktop","doc","down","download","drug","duplicate","edit","elevator","exam","examDoc","expand","facebook","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","geotagUnity","geotagUnityGroup","google","graph","healthPlan","heart","height","height2","home","horizontalList","id","image","imageUp","infoCircle","instagram","key","lab","lamp","language","language2","languageEN","languagePT","lattes","left","like","link","linkExternal","linkedin","list","login","logout","mail","maintenance","medDoc","medEspec","medImg","medUser","medical","menuHamburguer","menuKebab","menuMeatballs","mic","micOff","minus","minusCircle","minusSquare","mobile","mobileClick","mobileRotate1","mobileRotate2","mobileRotate3","news","notification","npsDeslike","npsHate","npsLike","npsLove","npsNeutral","order","parking","partner","phone","play","plus","plusCircle","plusSquare","print","profile","profileCircle","questionCircle","questionSquare","range","reload","ribbon","right","schedule","scheduleCancel","scheduleCheck","scheduleHistorico","search","secure","share","siren","sound","soundOff","star","stop","store","subItem","swap","target","team","telegram","twitter","unLink","unSecure","unity","unlike","up","upload","vaccine","verticalList","viewFalse","viewTrue","weight","whatsapp","wifi","wifiOff","xray","youtube","zoomIn","zoomOut"];const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.sizes=Object.keys(s).filter((e=>"default"!==e)),this.colors=["primary","secondary","accent","info","warning","error","success","neutral"],this.selected=n[0],this.setSelected=e=>{this.selected=e}}connectedCallback(){this.sizes.unshift(this.sizes.pop())}render(){return a(c,{key:"08ac6235b9218c2202cd4957bb78100216b5b680"},a("div",{key:"71856330d5f050d46b83c06125d29a235532bf98",class:"iconDetail"},a("cura-heading",{key:"2520247cde8d71b1a31ce028c4525b04e6302bf1",size:"small","margin-block":"0 24px"},"Icon: ",a("b",{key:"5cf48d96ed36dd5514357c65b0ec8c9f137bb1e4"},this.selected)),a("div",{key:"7eda1e7db5efc89abb583631a5e959e31397684f",class:"iconSizes"},this.sizes.map((e=>a("div",{class:"size"},a("cura-icon",{name:this.selected,size:e}),a("span",null,e))))),a("div",{key:"f443dab7e85fe89a207da8fbefb024b0c22fa084",class:"iconSizes invert"},this.sizes.map((e=>a("div",{class:"size"},a("cura-icon",{name:this.selected,size:e,color:"neutral-white"}),a("span",null,e)))))),a("div",{key:"5ea3b71259ae5454297a94aef4ce1e154c968512",class:"icons"},n.map((e=>a("div",{class:{icon:!0,selected:e===this.selected},onClick:()=>this.setSelected(e)},a("cura-icon",{name:e,size:"32",color:e===this.selected?"accent-dark":"neutral-dark"}),a("cura-label",{size:"xsmall",weight:e===this.selected?"bold":"regular",color:e===this.selected?"accent-dark":"neutral-dark"},e))))))}static get style(){return':host{display:block;padding:24px;font-family:"Roboto", Arial, Helvetica, sans-serif}.iconDetail{display:block}.iconSizes{display:flex;align-items:center}.iconSizes .size{display:flex;flex-direction:column;text-align:center;align-items:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px;margin:8px 0}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#2d2d2d;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:flex;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;transition:opacity 0.2s linear;width:105px;display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:16px;box-sizing:border-box;}.icons .icon cura-label{margin-top:8px}.icons .icon cura-paragraph{margin-top:4px}'}},[1,"cura-icons-view",{selected:[32]}]),u=d,p=function(){"undefined"!=typeof customElements&&["cura-icons-view","cura-heading","cura-icon","cura-label"].forEach((e=>{switch(e){case"cura-icons-view":customElements.get(r(e))||customElements.define(r(e),d);break;case"cura-heading":customElements.get(r(e))||l();break;case"cura-icon":customElements.get(r(e))||t();break;case"cura-label":customElements.get(r(e))||o()}}))};export{u as CuraIconsView,p as defineCustomElement}

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

@@ -1,286 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$9 } from './p-BRDqwZ4N.js';
-import { i as isBefore, a as isAfter, d as defineCustomElement$8 } from './p-DETZu2ie.js';
-import { d as defineCustomElement$7 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$6 } from './p-BrJsfk5q.js';
-import { d as defineCustomElement$5 } from './p-DR1RHrEX.js';
-import { d as defineCustomElement$4 } from './p-Dqm2sAwv.js';
-import { d as defineCustomElement$3 } from './p-CvdWbsfO.js';
-import { d as defineCustomElement$2 } from './p-Dt450DkQ.js';
-
-const curaInputDateCss = ":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--cura-spacing-base) * 3px);margin-top:-8px;border-radius:0px 0px 4px 4px;border-top:0px;border-right:2px solid #D4D4D4;border-bottom:2px solid #D4D4D4;border-left:2px solid #D4D4D4;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;top:100%;z-index:10;display:none;opacity:0;pointer-events:none}.container .calendar.visible{box-sizing:border-box;display:block;opacity:1;pointer-events:all;width:100%;background-color:#fff}";
-
-const CuraInputDate$1 = /*@__PURE__*/ proxyCustomElement(class CuraInputDate extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.dateChange = createEvent(this, "dateChange");
-        this.statusInputChange = createEvent(this, "statusInputChange");
-        /**
-         * Label text for the input date
-         */
-        this.label = '';
-        /**
-         * Indicates input status (default: default)
-         */
-        this.status = 'default';
-        /**
-         * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
-         */
-        this.size = 'medium';
-        /**
-         * Name text for the input date
-         */
-        this.name = '';
-        /**
-         * Whether to display a cura icon (default: null)
-         */
-        this.iconName = '';
-        /**
-         * Placeholder text for the input
-         */
-        this.placeholder = null;
-        /**
-         * Calendar type (default: 'dropdown')
-         */
-        this.calendarType = 'dropdown';
-        this.styles = {};
-        this.isCalendarVisible = false;
-        this.dates = [];
-        this.value = '';
-        this.dateSettings = {
-            placeholder: null,
-            mask: 'date',
-            mode: 'single',
-        };
-    }
-    connectedCallback() {
-        const { fonts, colors, spacing } = window.CuraAPI.theme;
-        const weights = fonts.getWeights();
-        this.styles = {
-            '--base-spacing': spacing.getSpacing(),
-            '--neutral-purewhite': colors.getColor('neutral-purewhite'),
-            '--neutral-lighter': colors.getColor('neutral-lighter'),
-            '--neutral-base': colors.getColor('neutral-base'),
-            '--font-size': fonts.getSize(),
-            '--font-color': fonts.getColor(),
-            '--font-family': fonts.getFamily(),
-            '--font-weight-regular': weights.regular,
-        };
-    }
-    componentWillLoad() {
-        this.updateDateSettings();
-    }
-    /**
-     * Callback for form association
-     */
-    formAssociatedCallback(form) {
-        form.ariaLabel = this.label;
-    }
-    updateDateSettings() {
-        const newSettings = this.getDateSettings(this.enableRangeDates);
-        if (this.shouldUpdateDateSettings(newSettings)) {
-            this.dateSettings = newSettings;
-        }
-    }
-    getDateSettings(isRange) {
-        return {
-            placeholder: this.placeholder || (isRange ? 'dd/mm/aaaa - dd/mm/aaaa' : 'dd/mm/aaaa'),
-            mask: isRange ? 'dateRange' : 'date',
-            mode: isRange ? 'range' : 'single',
-        };
-    }
-    shouldUpdateDateSettings(newSettings) {
-        return this.dateSettings.placeholder !== newSettings.placeholder || this.dateSettings.mask !== newSettings.mask || this.dateSettings.mode !== newSettings.mode;
-    }
-    handleClick(ev) {
-        if (this.el.contains(ev.target)) {
-            return;
-        }
-        this.hideCalendar();
-    }
-    hideCalendar() {
-        this.isCalendarVisible = false;
-    }
-    showCalendar() {
-        this.isCalendarVisible = true;
-    }
-    handleInputDates(event) {
-        const inputValue = event.target.value;
-        const dateRangeRegex = /^(\d{2}\/\d{2}\/\d{4})\s*-\s*(\d{2}\/\d{2}\/\d{4})$/;
-        const simpleDateRegex = /^(\d{2}\/\d{2}\/\d{4})$/;
-        if (dateRangeRegex.test(inputValue)) {
-            const matches = inputValue.match(dateRangeRegex);
-            const startDate = this.parseStringToDate(matches[1]);
-            const endDate = this.parseStringToDate(matches[2]);
-            if (this.isDateValid(startDate) && this.isDateValid(endDate)) {
-                this.status = 'default';
-                this.dates = [startDate, endDate];
-                this.value = `${this.parseDateToString(startDate)} - ${this.parseDateToString(endDate)}`;
-                this.dateChange.emit(this.value);
-            }
-            else {
-                this.resetDates();
-            }
-        }
-        else if (simpleDateRegex.test(inputValue)) {
-            const matches = inputValue.match(simpleDateRegex);
-            const singleDate = this.parseStringToDate(matches[1]);
-            if (this.isDateValid(singleDate)) {
-                this.status = 'default';
-                this.dates = [singleDate];
-                this.value = this.parseDateToString(singleDate);
-                this.dateChange.emit(this.value);
-            }
-            else {
-                this.resetDates();
-            }
-        }
-        else {
-            this.dates = [];
-        }
-    }
-    handleChangeDates(event) {
-        if (event.detail === '') {
-            this.dates = [];
-            this.status = 'default';
-            this.value = '';
-            this.dateChange.emit(this.value);
-            this.statusInputChange.emit(this.status);
-        }
-    }
-    isDateValid(date) {
-        const today = new Date();
-        today.setHours(0, 0, 0, 0);
-        if (this.disablePassDates)
-            return !isBefore(date, today);
-        if (this.disableFutureDates)
-            return !isAfter(date, today);
-        return true;
-    }
-    parseStringToDate(dateString) {
-        const [day, month, year] = dateString.split('/').map(Number);
-        return new Date(year, month - 1, day);
-    }
-    parseDateToString(date) {
-        const day = String(date.getDate()).padStart(2, '0');
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const year = date.getFullYear();
-        return `${day}/${month}/${year}`;
-    }
-    resetDates() {
-        this.status = 'error';
-        this.dates = [];
-        this.statusInputChange.emit(this.status);
-    }
-    renderCalendarOrHelperText() {
-        if (this.isCalendarVisible) {
-            return (h("div", { class: "calendar visible" }, h("cura-calendar", { customDates: this.dates, mode: this.dateSettings.mode, type: this.calendarType || 'dropdown', width: "100%", maxWidth: "400px", embedded: false, floating: false, disableFutureDates: this.disableFutureDates, disablePassDates: this.disablePassDates, onOnchangeday: e => {
-                    const days = e.detail.days;
-                    if (days.length === 1) {
-                        this.value = this.parseDateToString(days[0]);
-                    }
-                    else if (days.length > 0) {
-                        this.value = `${this.parseDateToString(days[0])} - ${this.parseDateToString(days[days.length - 1])}`;
-                    }
-                    else {
-                        this.value = '';
-                    }
-                    this.dateChange.emit(this.value);
-                } })));
-        }
-        else {
-            return this.helperText;
-        }
-    }
-    render() {
-        return (h(Host, { key: 'a274509eede61a43a6677fbf20dc4645c745d41d' }, h("div", { key: '857056581ab374e280ab442aecc49d6b93a21cd2', class: "container", style: this.styles }, h("cura-input-text", { key: '417fd4a96ea71a747f7fee55e7a5b524c6b51ef5', label: this.label, name: this.name, status: this.status, value: this.value, onFocus: () => this.showCalendar(), size: this.size, "icon-name": this.iconName, placeholder: this.dateSettings.placeholder, "mask-preset": this.dateSettings.mask, "enable-selection-mode": true, onKeyUp: event => this.handleInputDates(event), autocomplete: "off", onValueChange: event => this.handleChangeDates(event) }, this.renderCalendarOrHelperText()))));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "enableRangeDates": ["updateDateSettings"]
-    }; }
-    static get style() { return curaInputDateCss; }
-}, [65, "cura-input-date", {
-        "label": [513],
-        "status": [1537],
-        "size": [513],
-        "name": [513],
-        "helperText": [513, "helper-text"],
-        "enableRangeDates": [516, "enable-range-dates"],
-        "disableFutureDates": [516, "disable-future-dates"],
-        "disablePassDates": [516, "disable-pass-dates"],
-        "iconName": [513, "icon-name"],
-        "placeholder": [513],
-        "calendarType": [513, "calendar-type"],
-        "styles": [32],
-        "isCalendarVisible": [32],
-        "dates": [32],
-        "value": [32],
-        "dateSettings": [32]
-    }, [[8, "click", "handleClick"]], {
-        "enableRangeDates": ["updateDateSettings"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-input-date", "cura-button-transparent", "cura-calendar", "cura-icon", "cura-input-text", "cura-label", "cura-loader-circle", "cura-select", "cura-select-option"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-input-date":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraInputDate$1);
-            }
-            break;
-        case "cura-button-transparent":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "cura-calendar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "cura-input-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "cura-loader-circle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-select-option":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraInputDate = CuraInputDate$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraInputDate, defineCustomElement };
-//# sourceMappingURL=cura-input-date.js.map
-
-//# sourceMappingURL=cura-input-date.js.map
+import{p as t,H as e,k as s,i as a,j as i,t as r}from"./p-DBXUEjWh.js";import{d as n}from"./p-DXlGQp3a.js";import{i as o,a as l,d}from"./p-CpmZ68rD.js";import{d as c}from"./p-fn4zJrKE.js";import{d as h}from"./p-B8xnU6YS.js";import{d as u}from"./p-BSdkRryc.js";import{d as p}from"./p-Bf21UQXV.js";import{d as m}from"./p-DxJedO3K.js";import{d as b}from"./p-BYA8glxD.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateChange=s(this,"dateChange"),this.statusInputChange=s(this,"statusInputChange"),this.label="",this.status="default",this.size="medium",this.name="",this.iconName="",this.placeholder=null,this.calendarType="dropdown",this.styles={},this.isCalendarVisible=!1,this.dates=[],this.value="",this.dateSettings={placeholder:null,mask:"date",mode:"single"}}connectedCallback(){const{fonts:t,colors:e,spacing:s}=window.CuraAPI.theme,a=t.getWeights();this.styles={"--base-spacing":s.getSpacing(),"--neutral-purewhite":e.getColor("neutral-purewhite"),"--neutral-lighter":e.getColor("neutral-lighter"),"--neutral-base":e.getColor("neutral-base"),"--font-size":t.getSize(),"--font-color":t.getColor(),"--font-family":t.getFamily(),"--font-weight-regular":a.regular}}componentWillLoad(){this.updateDateSettings()}formAssociatedCallback(t){t.ariaLabel=this.label}updateDateSettings(){const t=this.getDateSettings(this.enableRangeDates);this.shouldUpdateDateSettings(t)&&(this.dateSettings=t)}getDateSettings(t){return{placeholder:this.placeholder||(t?"dd/mm/aaaa - dd/mm/aaaa":"dd/mm/aaaa"),mask:t?"dateRange":"date",mode:t?"range":"single"}}shouldUpdateDateSettings(t){return this.dateSettings.placeholder!==t.placeholder||this.dateSettings.mask!==t.mask||this.dateSettings.mode!==t.mode}handleClick(t){this.el.contains(t.target)||this.hideCalendar()}hideCalendar(){this.isCalendarVisible=!1}showCalendar(){this.isCalendarVisible=!0}handleInputDates(t){const e=t.target.value,s=/^(\d{2}\/\d{2}\/\d{4})\s*-\s*(\d{2}\/\d{2}\/\d{4})$/,a=/^(\d{2}\/\d{2}\/\d{4})$/;if(s.test(e)){const t=e.match(s),a=this.parseStringToDate(t[1]),i=this.parseStringToDate(t[2]);this.isDateValid(a)&&this.isDateValid(i)?(this.status="default",this.dates=[a,i],this.value=`${this.parseDateToString(a)} - ${this.parseDateToString(i)}`,this.dateChange.emit(this.value)):this.resetDates()}else if(a.test(e)){const t=e.match(a),s=this.parseStringToDate(t[1]);this.isDateValid(s)?(this.status="default",this.dates=[s],this.value=this.parseDateToString(s),this.dateChange.emit(this.value)):this.resetDates()}else this.dates=[]}handleChangeDates(t){""===t.detail&&(this.dates=[],this.status="default",this.value="",this.dateChange.emit(this.value),this.statusInputChange.emit(this.status))}isDateValid(t){const e=new Date;return e.setHours(0,0,0,0),this.disablePassDates?!o(t,e):!this.disableFutureDates||!l(t,e)}parseStringToDate(t){const[e,s,a]=t.split("/").map(Number);return new Date(a,s-1,e)}parseDateToString(t){return`${(t.getDate()+"").padStart(2,"0")}/${(t.getMonth()+1+"").padStart(2,"0")}/${t.getFullYear()}`}resetDates(){this.status="error",this.dates=[],this.statusInputChange.emit(this.status)}renderCalendarOrHelperText(){return this.isCalendarVisible?a("div",{class:"calendar visible"},a("cura-calendar",{customDates:this.dates,mode:this.dateSettings.mode,type:this.calendarType||"dropdown",width:"100%",maxWidth:"400px",embedded:!1,floating:!1,disableFutureDates:this.disableFutureDates,disablePassDates:this.disablePassDates,onOnchangeday:t=>{const e=t.detail.days;this.value=1===e.length?this.parseDateToString(e[0]):e.length>0?`${this.parseDateToString(e[0])} - ${this.parseDateToString(e[e.length-1])}`:"",this.dateChange.emit(this.value)}})):this.helperText}render(){return a(i,{key:"a274509eede61a43a6677fbf20dc4645c745d41d"},a("div",{key:"857056581ab374e280ab442aecc49d6b93a21cd2",class:"container",style:this.styles},a("cura-input-text",{key:"417fd4a96ea71a747f7fee55e7a5b524c6b51ef5",label:this.label,name:this.name,status:this.status,value:this.value,onFocus:()=>this.showCalendar(),size:this.size,"icon-name":this.iconName,placeholder:this.dateSettings.placeholder,"mask-preset":this.dateSettings.mask,"enable-selection-mode":!0,onKeyUp:t=>this.handleInputDates(t),autocomplete:"off",onValueChange:t=>this.handleChangeDates(t)},this.renderCalendarOrHelperText())))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{enableRangeDates:[{updateDateSettings:0}]}}static get style(){return":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--cura-spacing-base) * 3px);margin-top:-8px;border-radius:0px 0px 4px 4px;border-top:0px;border-right:2px solid #D4D4D4;border-bottom:2px solid #D4D4D4;border-left:2px solid #D4D4D4;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;top:100%;z-index:10;display:none;opacity:0;pointer-events:none}.container .calendar.visible{box-sizing:border-box;display:block;opacity:1;pointer-events:all;width:100%;background-color:#fff}"}},[65,"cura-input-date",{label:[513],status:[1537],size:[513],name:[513],helperText:[513,"helper-text"],enableRangeDates:[516,"enable-range-dates"],disableFutureDates:[516,"disable-future-dates"],disablePassDates:[516,"disable-pass-dates"],iconName:[513,"icon-name"],placeholder:[513],calendarType:[513,"calendar-type"],styles:[32],isCalendarVisible:[32],dates:[32],value:[32],dateSettings:[32]},[[8,"click","handleClick"]],{enableRangeDates:[{updateDateSettings:0}]}]),g=f,D=function(){"undefined"!=typeof customElements&&["cura-input-date","cura-button-transparent","cura-calendar","cura-icon","cura-input-text","cura-label","cura-loader-circle","cura-select","cura-select-option"].forEach((t=>{switch(t){case"cura-input-date":customElements.get(r(t))||customElements.define(r(t),f);break;case"cura-button-transparent":customElements.get(r(t))||n();break;case"cura-calendar":customElements.get(r(t))||d();break;case"cura-icon":customElements.get(r(t))||c();break;case"cura-input-text":customElements.get(r(t))||h();break;case"cura-label":customElements.get(r(t))||u();break;case"cura-loader-circle":customElements.get(r(t))||p();break;case"cura-select":customElements.get(r(t))||m();break;case"cura-select-option":customElements.get(r(t))||b()}}))};export{g as CuraInputDate,D as defineCustomElement}

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

@@ -1,9 +1 @@
-import { C as CuraInputText$1, d as defineCustomElement$1 } from './p-BrJsfk5q.js';
-
-const CuraInputText = CuraInputText$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraInputText, defineCustomElement };
-//# sourceMappingURL=cura-input-text.js.map
-
-//# sourceMappingURL=cura-input-text.js.map
+import{C as o,d as s}from"./p-B8xnU6YS.js";const p=o,r=s;export{p as CuraInputText,r as defineCustomElement}

package/dist/components/cura-label.js

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

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

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

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

@@ -1,9 +1 @@
-import { C as CuraLoaderCircle$1, d as defineCustomElement$1 } from './p-Dqm2sAwv.js';
-
-const CuraLoaderCircle = CuraLoaderCircle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraLoaderCircle, defineCustomElement };
-//# sourceMappingURL=cura-loader-circle.js.map
-
-//# sourceMappingURL=cura-loader-circle.js.map
+import{C as o,d as s}from"./p-Bf21UQXV.js";const p=o,r=s;export{p as CuraLoaderCircle,r as defineCustomElement}

package/dist/components/cura-modal.js

@@ -1,181 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$5 } from './p-BRDqwZ4N.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-Dqm2sAwv.js';
-
-const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 3px);max-width:600px;min-width:200px;padding:calc(calc(var(--cura-spacing-base) * 1px) / 2) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px);z-index:var(--zIndex);box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--cura-spacing-base) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--cura-spacing-base) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex;padding:0;margin-right:-8px}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--cura-spacing-base) * 4px);padding-bottom:0px;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--cura-spacing-base) * 4px);padding:calc(var(--cura-spacing-base) * 2px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--cura-spacing-base) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}";
-
-const CuraModal$1 = /*@__PURE__*/ proxyCustomElement(class CuraModal extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.modalClose = createEvent(this, "modalClose");
-        /**
-         * Property open to control modal visibility.
-         * Default: false
-         */
-        this.open = false;
-        /**
-         * Property background to control modal backdrop color.
-         * Default: light
-         */
-        this.background = 'light';
-        /**
-         * Property top to control modal top position.
-         * Default: 0px
-         */
-        this.top = 0;
-        /**
-         * Property bottom to control modal bottom position.
-         * Default: 0px
-         */
-        this.bottom = 0;
-        /**
-         * Property left to control modal left position.
-         * Default: 0px
-         */
-        this.left = 0;
-        /**
-         * Property right to control modal right position.
-         * Default: 0px
-         */
-        this.right = 0;
-        /**
-         * Defines the label for the close button when the modal is viewed on mobile.
-         * Default: Fechar
-         */
-        this.mobileCloseLabel = 'Fechar';
-        /**
-         * Controls whether the modal can be closed. When false, hides all close buttons and prevents closing via backdrop click or ESC key.
-         * Default: true
-         */
-        this.canClose = true;
-        /**
-         * Property zindex to control the z-index value of the component.
-         * Default: 100
-         */
-        this.zindex = '100';
-        this.styles = {};
-        this.handleCloseOnEsc = (evt) => {
-            if (evt.key !== 'Escape' || !this.open || !this.canClose) {
-                return;
-            }
-            this.open = false;
-            this.modalClose.emit();
-        };
-        this.handleClose = () => {
-            if (!this.canClose) {
-                return;
-            }
-            this.modalClose.emit();
-            this.open = false;
-        };
-    }
-    setColors() {
-        const backgroundTheme = {
-            dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),
-            light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),
-        };
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
-    }
-    setOffset(name, value) {
-        this.styles = Object.assign(Object.assign({}, this.styles), { [`--${name}-offset`]: `${value}px` });
-    }
-    setTop() {
-        this.setOffset('top', this.top);
-    }
-    setBottom() {
-        this.setOffset('bottom', this.bottom);
-    }
-    setLeft() {
-        this.setOffset('left', this.left);
-    }
-    setRight() {
-        this.setOffset('right', this.right);
-    }
-    connectedCallback() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'), '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'), '--base-spacing': window.CuraAPI.theme.spacing.getSpacing() });
-        this.setColors();
-        this.setTop();
-        this.setBottom();
-        this.setLeft();
-        this.setRight();
-    }
-    disconnectedCallback() {
-        window.removeEventListener('keydown', this.handleCloseOnEsc);
-    }
-    componentDidLoad() {
-        window.addEventListener('keydown', this.handleCloseOnEsc);
-    }
-    render() {
-        return (h(Host, { key: 'a6f81dd34ff6bea8c00a6ea08ba2967d8b37890b', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, h("div", { key: '87c8a89c0ae261fd6d8ed8259ed4a18b92a6bf55', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, h("div", { key: '1377054aaf87f31e2f27a32b813f21a3227a0679', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.canClose ? this.handleClose : undefined }), h("div", { key: 'b8764e38f17fc18f6390b1454f73adc5b0f28024', class: "wrapper" }, this.canClose && (h("div", { key: 'e3b741e2885d879368b041c0da3ffa8ff1f6b1c4', class: "close desktop" }, h("cura-button-transparent", { key: '5c85f8cb21415741e3af4ab8833b031597faed50', iconName: "close", color: "error", size: "small", onClick: this.handleClose, iconOnly: true }))), h("slot", { key: 'fd0b51474b2fc973ad1dd6b626f42726e0972afb' }), this.canClose && (h("div", { key: 'da7b3e03af84967a38f398cde77495d6baa8af35', class: "close mobile", onClick: this.handleClose }, h("cura-button-transparent", { key: 'd95e7ed4963e6ad678dca0b23e5fdfb609dc7f6f', color: "error", iconName: "close", size: "small" }, this.mobileCloseLabel)))))));
-    }
-    static get watchers() { return {
-        "background": ["setColors"],
-        "top": ["setTop"],
-        "bottom": ["setBottom"],
-        "left": ["setLeft"],
-        "right": ["setRight"]
-    }; }
-    static get style() { return curaModalCss; }
-}, [1, "cura-modal", {
-        "open": [1540],
-        "background": [1],
-        "top": [2],
-        "bottom": [2],
-        "left": [2],
-        "right": [2],
-        "mobileCloseLabel": [513, "mobile-close-label"],
-        "canClose": [516, "can-close"],
-        "zindex": [513],
-        "styles": [32]
-    }, undefined, {
-        "background": ["setColors"],
-        "top": ["setTop"],
-        "bottom": ["setBottom"],
-        "left": ["setLeft"],
-        "right": ["setRight"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-modal", "cura-button-transparent", "cura-icon", "cura-label", "cura-loader-circle"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-modal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraModal$1);
-            }
-            break;
-        case "cura-button-transparent":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-loader-circle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraModal = CuraModal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraModal, defineCustomElement };
-//# sourceMappingURL=cura-modal.js.map
-
-//# sourceMappingURL=cura-modal.js.map
+import{p as a,H as t,k as e,i as s,j as o,t as i}from"./p-DBXUEjWh.js";import{d as r}from"./p-DXlGQp3a.js";import{d as c}from"./p-fn4zJrKE.js";import{d as n}from"./p-BSdkRryc.js";import{d as l}from"./p-Bf21UQXV.js";const d=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.modalClose=e(this,"modalClose"),this.open=!1,this.background="light",this.top=0,this.bottom=0,this.left=0,this.right=0,this.mobileCloseLabel="Fechar",this.canClose=!0,this.zindex="100",this.styles={},this.handleCloseOnEsc=a=>{"Escape"===a.key&&this.open&&this.canClose&&(this.open=!1,this.modalClose.emit())},this.handleClose=()=>{this.canClose&&(this.modalClose.emit(),this.open=!1)}}setColors(){const a={dark:window.CuraAPI.theme.colors.getColor("neutral-black",.4),light:window.CuraAPI.theme.colors.getColor("primary-darker",.8)};this.styles=Object.assign(Object.assign({},this.styles),{"--background-color":a[this.background]})}setOffset(a,t){this.styles=Object.assign(Object.assign({},this.styles),{[`--${a}-offset`]:t+"px"})}setTop(){this.setOffset("top",this.top)}setBottom(){this.setOffset("bottom",this.bottom)}setLeft(){this.setOffset("left",this.left)}setRight(){this.setOffset("right",this.right)}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--neutral-purewhite":window.CuraAPI.theme.colors.getColor("neutral-purewhite"),"--neutral-light":window.CuraAPI.theme.colors.getColor("neutral-light"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()}),this.setColors(),this.setTop(),this.setBottom(),this.setLeft(),this.setRight()}disconnectedCallback(){window.removeEventListener("keydown",this.handleCloseOnEsc)}componentDidLoad(){window.addEventListener("keydown",this.handleCloseOnEsc)}render(){return s(o,{key:"a6f81dd34ff6bea8c00a6ea08ba2967d8b37890b",role:"dialog","aria-modal":"true",style:{"--zIndex":this.zindex}},s("div",{key:"87c8a89c0ae261fd6d8ed8259ed4a18b92a6bf55",class:this.open?"modal container open":"modal container",style:this.styles},s("div",{key:"1377054aaf87f31e2f27a32b813f21a3227a0679",class:this.open?"modal backdrop open":"modal backdrop",onClick:this.canClose?this.handleClose:void 0}),s("div",{key:"b8764e38f17fc18f6390b1454f73adc5b0f28024",class:"wrapper"},this.canClose&&s("div",{key:"e3b741e2885d879368b041c0da3ffa8ff1f6b1c4",class:"close desktop"},s("cura-button-transparent",{key:"5c85f8cb21415741e3af4ab8833b031597faed50",iconName:"close",color:"error",size:"small",onClick:this.handleClose,iconOnly:!0})),s("slot",{key:"fd0b51474b2fc973ad1dd6b626f42726e0972afb"}),this.canClose&&s("div",{key:"da7b3e03af84967a38f398cde77495d6baa8af35",class:"close mobile",onClick:this.handleClose},s("cura-button-transparent",{key:"d95e7ed4963e6ad678dca0b23e5fdfb609dc7f6f",color:"error",iconName:"close",size:"small"},this.mobileCloseLabel)))))}static get watchers(){return{background:[{setColors:0}],top:[{setTop:0}],bottom:[{setBottom:0}],left:[{setLeft:0}],right:[{setRight:0}]}}static get style(){return":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 3px);max-width:600px;min-width:200px;padding:calc(calc(var(--cura-spacing-base) * 1px) / 2) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px);z-index:var(--zIndex);box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--cura-spacing-base) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--cura-spacing-base) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex;padding:0;margin-right:-8px}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--cura-spacing-base) * 4px);padding-bottom:0px;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--cura-spacing-base) * 4px);padding:calc(var(--cura-spacing-base) * 2px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--cura-spacing-base) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}"}},[257,"cura-modal",{open:[1540],background:[1],top:[2],bottom:[2],left:[2],right:[2],mobileCloseLabel:[513,"mobile-close-label"],canClose:[516,"can-close"],zindex:[513],styles:[32]},void 0,{background:[{setColors:0}],top:[{setTop:0}],bottom:[{setBottom:0}],left:[{setLeft:0}],right:[{setRight:0}]}]),p=d,b=function(){"undefined"!=typeof customElements&&["cura-modal","cura-button-transparent","cura-icon","cura-label","cura-loader-circle"].forEach((a=>{switch(a){case"cura-modal":customElements.get(i(a))||customElements.define(i(a),d);break;case"cura-button-transparent":customElements.get(i(a))||r();break;case"cura-icon":customElements.get(i(a))||c();break;case"cura-label":customElements.get(i(a))||n();break;case"cura-loader-circle":customElements.get(i(a))||l()}}))};export{p as CuraModal,b as defineCustomElement}