npm - @rededor/cura - Versions diffs - 2.0.0-alpha.10 → 2.0.0-alpha.12 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (851) hide show

package/dist/cura/p-07783235.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaToastCss","CuraToast","constructor","hostRef","this","type","position","closeButton","loader","autoCloseDelay","styles","progress","handleClose","closeContainer","close","handleChangeType","setStyle","connectedCallback","render","h","Host","key","role","label","class","getClasses","style","name","getNameIcon","size","color","level","weight","marginBlock","lineHeight","onClick","componentDidLoad","openContainer","startAnimation","Object","assign","window","CuraAPI","theme","colors","getColor","firstPosition","secondPosition","split","classes","iconMapping","info","success","warning","error","icon","container","host","shadowRoot","querySelector","classList","add","remove","setTimeout","toastClosed","emit","intervalId","setInterval","clearInterval"],"sources":["src/components/cura-toast/cura-toast.scss?tag=cura-toast&encapsulation=shadow","src/components/cura-toast/cura-toast.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n\n@mixin horizontalConfig($property) {\n #{$property}: 24px;\n\n &.center {\n #{$property}: -100%;\n left: 50%;\n transform: translateX(-50%);\n opacity: 0;\n transition: opacity 0.5s ease-in-out, #{$property} 0.5s ease-in-out;\n\n &.active {\n #{$property}: 24px;\n opacity: 1;\n }\n }\n}\n\n@mixin verticalConfig($property) {\n #{$property}: -100%;\n opacity: 0;\n transition: opacity 0.5s ease-in-out, #{$property} 0.5s ease-in-out;\n\n @include mobile-only() {\n right: unset;\n left: 50%;\n transform: translateX(-50%);\n }\n\n &.active {\n #{$property}: 24px;\n opacity: 1;\n }\n}\n\n:host {\n display: block;\n box-sizing: border-box;\n\n .container {\n position: fixed;\n z-index: 99999;\n display: flex;\n box-sizing: border-box;\n min-width: 320px;\n height: fit-content;\n padding: 16px;\n border: 1px solid var(--color-base);\n border-radius: 12px;\n background-color: var(--neutral-purewhite);\n overflow: hidden;\n @include shadow-level4();\n\n &.loader {\n padding: 16px 16px 20px;\n }\n\n &.top {\n @include horizontalConfig(top);\n }\n\n &.bottom {\n @include horizontalConfig(bottom);\n }\n\n &.left {\n @include verticalConfig(left);\n }\n\n &.right {\n @include verticalConfig(right);\n }\n\n .content {\n flex: 1 1 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n .default-icon {\n margin-right: 12px;\n }\n\n .close-icon {\n margin-left: 12px;\n cursor: pointer;\n }\n }\n}","import { Component, Element, Prop, Host, h, State, Watch, Event, EventEmitter, Method } from '@stencil/core';\n\n@Component({\n tag: 'cura-toast',\n styleUrl: 'cura-toast.scss',\n shadow: true,\n})\nexport class CuraToast {\n @Element() host: HTMLElement;\n\n @Prop() type: 'info' | 'success' | 'warning' | 'error' = 'info';\n @Prop() position: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' = 'top-right';\n @Prop({ reflect: true }) icon: string;\n @Prop({ reflect: true }) label: string;\n @Prop({ reflect: true }) closeButton = true;\n @Prop({ reflect: true }) loader = true;\n @Prop({ reflect: true }) autoCloseDelay = 10000;\n\n @State() styles = {};\n @State() progress = 0;\n\n @Event({ eventName: 'toastClosed' }) toastClosed: EventEmitter<void>;\n\n /**\n * Method to close toast component\n */\n @Method()\n async close() {\n this.closeContainer();\n }\n\n @Watch('type')\n @Watch('position')\n handleChangeType() {\n this.setStyle();\n }\n\n container: HTMLElement;\n\n connectedCallback() {\n this.setStyle();\n }\n\n render() {\n return (\n <Host\n role=\"alert\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n aria-label={this.label}>\n <div class={this.getClasses()} style={this.styles}>\n <cura-icon class=\"default-icon\" name={this.getNameIcon()} size={16} color={`${this.type}-dark`}></cura-icon>\n <div class=\"content\">\n <cura-heading level={4} size=\"xsmall\" color={`${this.type}-dark`} weight=\"bold\" margin-block=\"0\">\n {this.label}\n </cura-heading>\n <cura-paragraph color={`${this.type}-darker`} size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\n <slot></slot>\n </cura-paragraph>\n <slot name=\"actions\"></slot>\n </div>\n {this.closeButton && <cura-icon class=\"close-icon\" name=\"close\" size={16} color=\"error-dark\" onClick={this.handleClose}></cura-icon>}\n {this.loader && !!this.autoCloseDelay && <cura-loader-bar color={`${this.type}-base`} progress={this.progress}></cura-loader-bar>}\n </div>\n </Host>\n );\n }\n\n componentDidLoad() {\n this.openContainer();\n this.startAnimation();\n }\n\n setStyle() {\n this.styles = {\n ...this.styles,\n '--neutral-purewhite': window.CuraAPI.theme.colors.getColor(`neutral-purewhite`),\n '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2),\n '--primary-base': window.CuraAPI.theme.colors.getColor(`primary-base`),\n '--color-base': window.CuraAPI.theme.colors.getColor(`${this.type}-base`)\n }\n }\n\n getClasses() {\n const [firstPosition, secondPosition] = this.position.split('-');\n const classes = {};\n\n classes['container'] = true;\n classes[firstPosition] = true;\n classes[secondPosition] = true;\n\n if (this.loader) {\n classes['loader'] = true;\n }\n\n return classes;\n }\n\n getNameIcon() {\n const iconMapping = {\n info: 'infoCircle',\n success: 'checkCircle',\n warning: 'alertCircle',\n error: 'alertTriangle',\n };\n return this.icon ? this.icon : iconMapping[this.type];\n }\n\n openContainer() {\n this.container = this.host.shadowRoot.querySelector('.container') as HTMLElement;\n this.container.classList.add('active');\n }\n\n closeContainer() {\n this.container.classList.remove('active');\n setTimeout(() => {\n this.toastClosed.emit();\n this.host.remove();\n }, 500);\n }\n\n handleClose = () => {\n this.closeContainer();\n };\n\n startAnimation() {\n if (!!this.autoCloseDelay) {\n if (this.loader) {\n this.progress = 0;\n let intervalId = setInterval(() => {\n if (this.progress >= 100) {\n clearInterval(intervalId);\n this.closeContainer();\n } else {\n this.progress++;\n }\n }, this.autoCloseDelay/100);\n } else {\n let intervalId = setInterval(() => {\n clearInterval(intervalId);\n this.closeContainer();\n }, this.autoCloseDelay);\n }\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-090e297c.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as r,h as a,H as s,a as t}from"./p-PPMZr_VE.js";import{f as o}from"./p-Dot54hbB.js";import"./p-BPKQjAwN.js";const c='@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 i=class{constructor(a){e(this,a);this.onchange=r(this,"onchange");if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.checked=false;this.indeterminate=false;this.status="default";this.disabled=false;this.required=false;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=()=>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":`${o[this.size].size}px`,"--gap":`${o[this.size].gap}px`})}setColors(){const e=[{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"}];e.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=false;this.indeterminate=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(e){this.disabled=e}getClasses(){const e={};e["container"]=true;e["checked"]=this.checked;e["disabled"]=this.disabled;e[this.background]=true;e["indeterminate"]=this.indeterminate;e["position"]=this.position==="right";e[this.status]=true;return e}assignColor(e){if(this.disabled)return this.isDarkBackground()?"neutral-dark":"neutral-dark";const r={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 r[this.status][e]}getIcon(){const e=this.indeterminate?"minus":"check";const r=this.assignColor("icon");const s=this.size==="large"?20:"micro";return a("cura-icon",{class:"icon",name:e,size:s,color:r})}render(){return a(s,{key:"2e951be46f80c67ea87aaf1c613e29ae7a1cc856",role:"checkbox","aria-checked":this.checked,"aria-disabled":this.disabled,"aria-required":this.required,"aria-invalid":this.status==="error"},a("div",{key:"341a30934dd6660b03e6be161999fad24fb005ef",class:this.getClasses(),style:this.styles,onClick:this.handleClick},a("div",{key:"58f32f6b047d19b8af2468b6007cf2dfb1297476",class:"info"},a("div",{key:"e23407390368c638e4e8cd9119ad3ccd1767d861",class:"label-wrapper"},a("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&&a("cura-paragraph",{key:"0684b9ab1f517083bc681bd0731aedf6d38c9873",lineHeight:"0%",marginBlock:"0",color:"error-base"},"*"," ")),a("cura-label",{key:"499419ee720a7c7ba7e42fc8fcebccfb4e0b0c42",textOverflow:this.overflowHelper,color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"7c9637fa4a8082f6451851452db1b751218a20ec"}))),a("div",{key:"91b0a1f42d65d72aca24ff8a852d3c6f461a9cb7",class:"checkbox",tabIndex:this.ontabindex},a("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 t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"],iconColor:["assignColor"]}}};i.style=c;export{i as cura_checkbox};
2	- //# sourceMappingURL=p-090e297c.entry.js.map

package/dist/cura/p-090e297c.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaCheckboxCss","CuraCheckbox","constructor","hostRef","this","checked","indeterminate","status","disabled","required","ontabindex","position","size","background","iconColor","color","overflowLabel","overflowHelper","styles","isDarkBackground","isDarkIconColor","handleClick","internals","setFormValue","value","onchange","emit","sizeHandler","Object","assign","formsSizes","gap","setColors","colors","name","forEach","window","CuraAPI","theme","getColor","connectedCallback","formAssociatedCallback","form","ariaLabel","label","formStateRestoreCallback","state","formResetCallback","setValidity","formDisabledCallback","getClasses","classes","assignColor","type","statusColors","success","icon","message","error","default","getIcon","iconName","iconSize","h","class","render","Host","key","role","style","onClick","textOverflow","weight","lineHeight","marginBlock","tabIndex"],"sources":["src/components/forms/cura-checkbox/cura-checkbox.scss?tag=cura-checkbox&encapsulation=shadow","src/components/forms/cura-checkbox/cura-checkbox.tsx"],"sourcesContent":["@import '../../../scss/mixins/text.scss';\n\n:host {\n display: block;\n box-sizing: border-box;\n\n min-width: 0;\n}\n\n/* Container e Layout */\n.container {\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n justify-content: start;\n gap: var(--gap);\n\n cursor: pointer;\n}\n\n.position {\n &.container {\n flex-direction: row;\n }\n\n .label-wrapper {\n justify-content: end;\n }\n\n .message {\n text-align: right;\n }\n\n .label {\n order: 1;\n }\n}\n\n.info {\n display: flex;\n flex-direction: column;\n\n overflow: hidden;\n}\n\n.label.textoverflow-single {\n @include truncate-single();\n min-width: 0;\n max-width: 100%;\n}\n\n.label-wrapper {\n display: flex;\n justify-content: start;\n align-items: center;\n gap: 5px;\n}\n\n/* Control e Checkbox */\n.control {\n width: fit-content;\n cursor: pointer;\n position: relative;\n}\n\n.checkbox {\n appearance: none;\n border: 2px solid var(--neutral-base-neutral-medium);\n border-radius: 4px;\n background: var(--neutral-black-neutral-purewhite);\n flex: 1 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n box-sizing: border-box;\n width: var(--size);\n height: var(--size);\n flex: 0 0 var(--size);\n}\n\n.icon {\n position: absolute;\n display: flex;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n/* Estados de Foco */\n.checkbox:focus {\n border-color: var(--info-base) !important;\n}\n\n/* Estado Disabled */\n.disabled .checkbox {\n background: var(--neutral-black-neutral-white);\n border-color: var(--neutral-darker-neutral-base);\n cursor: not-allowed;\n\n &:hover {\n border-color: var(--neutral-darker-neutral-base) !important;\n }\n}\n\n.disabled.checked .checkbox,\n.disabled.indeterminate .checkbox {\n background: var(--neutral-black-neutral-white);\n border-color: var(--neutral-darker-neutral-base);\n\n &:hover {\n border-color: var(--neutral-base-neutral-white);\n background: var(--primary-base-neutral-white);\n }\n}\n\n.disabled .checkbox:focus {\n border-color: var(--neutral-darker-neutral-base) !important;\n}\n\n/* Estado Checked */\n.checked .checkbox {\n border-color: var(--color-dark);\n background: var(--color-base);\n\n &:hover {\n border-color: var(--color-base) !important;\n background: var(--color-light);\n }\n}\n\n/* Estado Indeterminate */\n.indeterminate .checkbox {\n border-color: var(--color-base);\n background: var(--color-light);\n\n &:hover {\n border-color: var(--color-dark) !important;\n background: var(--color-base);\n }\n}\n\n.checked .icon,\n.indeterminate .icon {\n opacity: 1;\n}\n\n/* Hover para não disabled, default, checked, indeterminate */\n:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover {\n border-color: var(--neutral-purewhite-neutral-dark);\n}\n\n/* Estado Success */\n\n.success.dark .checkbox {\n background: var(--neutral-black);\n}\n\n.success .checkbox {\n border-color: var(--success-base);\n background: var(--success-lighter);\n\n &:hover {\n border-color: var(--success-base) !important;\n }\n}\n\n.success.checked .checkbox {\n border-color: var(--success-dark-base);\n background: var(--success-base-lighter);\n\n &:hover {\n border-color: var(--success-dark-base);\n }\n}\n\n/* Estado Error */\n\n.error.dark .checkbox {\n background: var(--neutral-black);\n}\n\n.error .checkbox {\n border-color: var(--error-base);\n background: var(--error-lighter);\n\n &:hover {\n border-color: var(--error-base) !important;\n }\n}\n\n.error.checked .checkbox {\n border-color: var(--error-dark-base);\n background: var(--error-base-lighter);\n\n &:hover {\n border-color: var(--error-dark-base);\n }\n}\n\n/* Input */\ninput {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n","import { Component, Prop, Event, Element, h, Host, Watch, EventEmitter, State, AttachInternals } from '@stencil/core';\nimport { formsSizes } from '../cura-forms.definitions';\n\n@Component({\n tag: 'cura-checkbox',\n styleUrl: 'cura-checkbox.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class CuraCheckbox {\n /**\n * Reflects the checked state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n /**\n * Reflects the indeterminate state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n /**\n * Status of the checkbox.\n * Can be 'error', 'success', or 'default'.\n */\n @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n /**\n * Reflects the disabled state of the checkbox.\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Reflects the required state of the checkbox.\n */\n @Prop({ reflect: true }) required: boolean = false;\n /**\n * Text label associated with the checkbox.\n */\n @Prop({ reflect: true }) label: string;\n /**\n * Specifies the tabindex of the checkbox.\n */\n @Prop({ reflect: true }) ontabindex: number = 0;\n /**\n * Position of the label relative to the checkbox.\n * Can be 'left' or 'right'.\n */\n @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n /**\n * Value associated with the checkbox.\n */\n @Prop({ reflect: true }) value: string;\n /**\n * Name attribute of the checkbox.\n */\n @Prop({ reflect: true }) name: string;\n /**\n * Size of the checkbox.\n * Can be 'small', 'medium', or 'large'.\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n /**\n * Background theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() background: 'dark' | 'light' = 'light';\n /**\n * iconColor theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() iconColor: 'dark' | 'light' = 'dark';\n /**\n * Color theme of the checkbox.\n */\n @Prop() color = 'accent';\n\n /**\n * Controls how the label text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n @Prop({ reflect: true }) overflowLabel: 'none' | 'single' | string = 'none';\n\n /**\n * Controls how the helper text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n @Prop({ reflect: true }) overflowHelper: 'none' | 'single' | string = 'none';\n\n @State() styles = {};\n\n @Element() host: HTMLElement;\n\n @Event() onchange: EventEmitter<{ value: string; checked: boolean; indeterminate: boolean }>;\n\n @AttachInternals() internals: ElementInternals;\n\n isDarkBackground = () => this.background === 'dark';\n\n isDarkIconColor = () => this.iconColor === 'dark';\n\n @Watch('size')\n sizeHandler() {\n this.styles = {\n ...this.styles,\n '--size': `${formsSizes[this.size].size}px`,\n '--gap': `${formsSizes[this.size].gap}px`,\n };\n }\n\n /**\n * Watches changes in color and background properties to update styles.\n */\n @Watch('color')\n @Watch('background')\n setColors() {\n const colors = [\n { name: '--color-base', background: `${this.color}-base` },\n { name: '--color-lighter', background: `${this.color}-lighter` },\n { name: '--color-light', background: `${this.color}-light` },\n { name: '--color-dark', background: `${this.color}-dark` },\n { name: '--info-base', background: 'info-base' },\n { name: '--error-base', background: 'error-base' },\n { name: '--success-lighter', background: 'success-lighter' },\n { name: '--success-base', background: 'success-base' },\n { name: '--success-dark', background: 'success-dark' },\n { name: '--error-lighter', background: 'error-lighter' },\n { name: '--neutral-black', background: 'neutral-black' },\n { name: '--primary-base-neutral-white', background: this.isDarkBackground() ? 'primary-base' : 'neutral-white' },\n { name: '--neutral-base-neutral-medium', background: this.isDarkBackground() ? 'neutral-base' : 'neutral-medium' },\n { name: '--neutral-black-neutral-purewhite', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-purewhite' },\n { name: '--neutral-black-neutral-white', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-white' },\n { name: '--neutral-darker-neutral-base', background: this.isDarkBackground() ? 'neutral-darker' : 'neutral-base' },\n { name: '--neutral-base-neutral-base', background: this.isDarkBackground() ? 'primary-base' : 'neutral-base' },\n { name: '--neutral-purewhite-neutral-dark', background: this.isDarkBackground() ? 'neutral-purewhite' : 'neutral-dark' },\n { name: '--primary-base-neutral-medium', background: this.isDarkBackground() ? 'primary-base' : 'neutral-medium' },\n { name: '--success-base-lighter', background: this.isDarkBackground() ? 'success-base' : 'success-lighter' },\n { name: '--success-dark-base', background: this.isDarkBackground() ? 'success-dark' : 'success-base' },\n { name: '--error-base-lighter', background: this.isDarkBackground() ? 'error-base' : 'error-lighter' },\n { name: '--error-dark-base', background: this.isDarkBackground() ? 'error-dark' : 'error-base' },\n ];\n\n colors.forEach(color => {\n this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);\n });\n this.styles = { ...this.styles };\n }\n\n connectedCallback() {\n this.sizeHandler();\n this.setColors();\n }\n\n /**\n * Callback for form association.\n */\n formAssociatedCallback(form: { ariaLabel: string }) {\n form.ariaLabel = this.label;\n }\n\n /**\n * Callback to restore the switch state from the form.\n */\n formStateRestoreCallback(state: { value: string; checked: boolean; indeterminate: boolean }) {\n this.value = state.value;\n this.checked = state.checked;\n this.indeterminate = state.indeterminate;\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to reset the switch state when the form is reset.\n */\n formResetCallback() {\n this.value = '';\n this.checked = false;\n this.indeterminate = false;\n this.internals.setValidity({});\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to update the switch's disabled state when the form's disabled state changes.\n */\n formDisabledCallback(disabled: boolean) {\n this.disabled = disabled;\n }\n\n handleClick = () => {\n if (this.disabled) return;\n\n this.indeterminate = false;\n this.checked = !this.checked;\n this.internals.setFormValue(this.value);\n this.onchange.emit({ value: this.value, checked: this.checked, indeterminate: this.indeterminate });\n };\n\n getClasses() {\n const classes = {};\n classes['container'] = true;\n classes['checked'] = this.checked;\n classes['disabled'] = this.disabled;\n classes[this.background] = true;\n classes['indeterminate'] = this.indeterminate;\n classes['position'] = this.position === 'right';\n classes[this.status] = true;\n\n return classes;\n }\n\n /**\n * Assigns color based on status and background theme.\n * @param defaultColor Default color.\n */\n @Watch('background')\n @Watch('iconColor')\n assignColor(type: 'icon' | 'label' | 'message') {\n if (this.disabled) return this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark';\n\n const statusColors = {\n success: {\n icon: 'success-dark',\n label: this.isDarkBackground() ? 'success-lighter' : 'success-darker',\n message: this.isDarkBackground() ? 'success-base' : 'success-dark',\n },\n error: {\n icon: 'error-dark',\n label: this.isDarkBackground() ? 'error-lighter' : 'neutral-darker',\n message: this.isDarkBackground() ? 'error-base' : 'error-dark',\n },\n default: {\n icon: this.isDarkIconColor() ? 'neutral-black' : 'neutral-purewhite',\n label: this.isDarkBackground() ? 'neutral-white' : 'neutral-black',\n message: this.isDarkBackground() ? 'primary-lighter' : 'neutral-dark',\n },\n };\n\n return statusColors[this.status][type];\n }\n\n /**\n * Retrieves icon element based on checkbox state.\n */\n getIcon() {\n const iconName = this.indeterminate ? 'minus' : 'check';\n const iconColor = this.assignColor('icon');\n const iconSize = this.size === 'large' ? 20 : 'micro';\n\n return <cura-icon class=\"icon\" name={iconName} size={iconSize} color={iconColor}></cura-icon>;\n }\n\n render() {\n return (\n <Host role=\"checkbox\" aria-checked={this.checked} aria-disabled={this.disabled} aria-required={this.required} aria-invalid={this.status === 'error'}>\n <div class={this.getClasses()} style={this.styles} onClick={this.handleClick}>\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label\n textOverflow={this.overflowLabel}\n class={`label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`}\n weight=\"bold\"\n size={this.size === 'large' ? 'medium' : 'xsmall'}\n color={this.assignColor('label')}\n >\n {this.label}\n </cura-label>\n {this.required && (\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\">\n *{' '}\n </cura-paragraph>\n )}\n </div>\n <cura-label textOverflow={this.overflowHelper} color={this.assignColor('message')} size=\"xsmall\" class=\"message\">\n <slot></slot>\n </cura-label>\n </div>\n <div class={'checkbox'} tabIndex={this.ontabindex}>\n <input\n type=\"checkbox\"\n name={this.name}\n value={this.value}\n disabled={this.disabled}\n required={this.required}\n checked={this.checked}\n indeterminate={this.indeterminate}\n />\n {this.getIcon()}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-16c0b52c.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as s,h as e,H as i,a}from"./p-PPMZr_VE.js";import{i as n,a as r}from"./p-964stZ3D.js";import"./p-BPKQjAwN.js";const h=":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 o=class{constructor(e){t(this,e);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=false;this.dates=[];this.value="";this.dateSettings={placeholder:null,mask:"date",mode:"single"}}connectedCallback(){const{fonts:t,colors:s,spacing:e}=window.CuraAPI.theme;const i=t.getWeights();this.styles={"--base-spacing":e.getSpacing(),"--neutral-purewhite":s.getColor("neutral-purewhite"),"--neutral-lighter":s.getColor("neutral-lighter"),"--neutral-base":s.getColor("neutral-base"),"--font-size":t.getSize(),"--font-color":t.getColor(),"--font-family":t.getFamily(),"--font-weight-regular":i.regular}}componentWillLoad(){this.updateDateSettings()}formAssociatedCallback(t){t.ariaLabel=this.label}updateDateSettings(){const t=this.getDateSettings(this.enableRangeDates);if(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){if(this.el.contains(t.target)){return}this.hideCalendar()}hideCalendar(){this.isCalendarVisible=false}showCalendar(){this.isCalendarVisible=true}handleInputDates(t){const s=t.target.value;const e=/^(\d{2}\/\d{2}\/\d{4})\s-\s(\d{2}\/\d{2}\/\d{4})$/;const i=/^(\d{2}\/\d{2}\/\d{4})$/;if(e.test(s)){const t=s.match(e);const i=this.parseStringToDate(t[1]);const a=this.parseStringToDate(t[2]);if(this.isDateValid(i)&&this.isDateValid(a)){this.status="default";this.dates=[i,a];this.value=`${this.parseDateToString(i)} - ${this.parseDateToString(a)}`;this.dateChange.emit(this.value)}else{this.resetDates()}}else if(i.test(s)){const t=s.match(i);const e=this.parseStringToDate(t[1]);if(this.isDateValid(e)){this.status="default";this.dates=[e];this.value=this.parseDateToString(e);this.dateChange.emit(this.value)}else{this.resetDates()}}else{this.dates=[]}}handleChangeDates(t){if(t.detail===""){this.dates=[];this.status="default";this.value="";this.dateChange.emit(this.value);this.statusInputChange.emit(this.status)}}isDateValid(t){const s=new Date;s.setHours(0,0,0,0);if(this.disablePassDates)return!n(t,s);if(this.disableFutureDates)return!r(t,s);return true}parseStringToDate(t){const[s,e,i]=t.split("/").map(Number);return new Date(i,e-1,s)}parseDateToString(t){const s=String(t.getDate()).padStart(2,"0");const e=String(t.getMonth()+1).padStart(2,"0");const i=t.getFullYear();return`${s}/${e}/${i}`}resetDates(){this.status="error";this.dates=[];this.statusInputChange.emit(this.status)}renderCalendarOrHelperText(){if(this.isCalendarVisible){return e("div",{class:"calendar visible"},e("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:t=>{const s=t.detail.days;if(s.length===1){this.value=this.parseDateToString(s[0])}else if(s.length>0){this.value=`${this.parseDateToString(s[0])} - ${this.parseDateToString(s[s.length-1])}`}else{this.value=""}this.dateChange.emit(this.value)}}))}else{return this.helperText}}render(){return e(i,{key:"a274509eede61a43a6677fbf20dc4645c745d41d"},e("div",{key:"857056581ab374e280ab442aecc49d6b93a21cd2",class:"container",style:this.styles},e("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:t=>this.handleInputDates(t),autocomplete:"off",onValueChange:t=>this.handleChangeDates(t)},this.renderCalendarOrHelperText())))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{enableRangeDates:["updateDateSettings"]}}};o.style=h;export{o as cura_input_date};
2	- //# sourceMappingURL=p-16c0b52c.entry.js.map

package/dist/cura/p-16c0b52c.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaInputDateCss","CuraInputDate","constructor","hostRef","this","label","status","size","name","iconName","placeholder","calendarType","styles","isCalendarVisible","dates","value","dateSettings","mask","mode","connectedCallback","fonts","colors","spacing","window","CuraAPI","theme","weights","getWeights","getSpacing","getColor","getSize","getFamily","regular","componentWillLoad","updateDateSettings","formAssociatedCallback","form","ariaLabel","newSettings","getDateSettings","enableRangeDates","shouldUpdateDateSettings","isRange","handleClick","ev","el","contains","target","hideCalendar","showCalendar","handleInputDates","event","inputValue","dateRangeRegex","simpleDateRegex","test","matches","match","startDate","parseStringToDate","endDate","isDateValid","parseDateToString","dateChange","emit","resetDates","singleDate","handleChangeDates","detail","statusInputChange","date","today","Date","setHours","disablePassDates","isBefore","disableFutureDates","isAfter","dateString","day","month","year","split","map","Number","String","getDate","padStart","getMonth","getFullYear","renderCalendarOrHelperText","h","class","customDates","type","width","maxWidth","embedded","floating","onOnchangeday","e","days","length","helperText","render","Host","key","style","onFocus","onKeyUp","autocomplete","onValueChange"],"sources":["src/components/forms/cura-input-date/cura-input-date.scss?tag=cura-input-date&encapsulation=shadow","src/components/forms/cura-input-date/cura-input-date.tsx"],"sourcesContent":["@import '../../../../src/scss/mixins/shadows.scss';\n@import '../../../../src/scss/mixins/spacing.scss';\n\n:host {\n display: block;\n}\n\n.container{\n display: flex;\n flex-direction: column;\n position: relative;\n\n .calendar{\n padding: #{$spacing-none} #{$spacing-xxxs};\n margin-top: -8px;\n border-radius: 0px 0px 4px 4px;\n border-top: 0px;\n border-right: 2px solid #D4D4D4;\n border-bottom:2px solid #D4D4D4;\n border-left: 2px solid #D4D4D4;\n @include shadow-level3(--neutral-black-shadow);\n position: absolute;\n top: 100%;\n z-index: 10;\n display: none;\n opacity: 0;\n pointer-events: none;\n }\n\n .calendar.visible {\n box-sizing: border-box;\n display: block;\n opacity: 1;\n pointer-events: all;\n width: 100%;\n background-color: #fff;\n }\n}\n","import { Component, Element, Host, Listen, Prop, State, Watch, h, Event, EventEmitter } from '@stencil/core';\nimport { CuraInputTextCustomEvent } from '../../../components';\nimport { isAfter, isBefore } from 'date-fns';\n\n@Component({\n tag: 'cura-input-date',\n styleUrl: 'cura-input-date.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class CuraInputDate {\n @Element() el: HTMLElement;\n\n /**\n * Label text for the input date\n */\n @Prop({ reflect: true }) label?: string = '';\n\n /**\n * Indicates input status (default: default)\n */\n @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n\n /**\n * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /**\n * Name text for the input date\n */\n @Prop({ reflect: true }) name?: string = '';\n\n /**\n * Helper text displayed below the input\n */\n @Prop({ reflect: true }) helperText?: string;\n\n /**\n * Enables the date range selection mode, allowing users to select a period of dates\n */\n @Prop({ reflect: true }) enableRangeDates: boolean;\n\n /**\n * Controls whether future dates (dates before the current date) should be disabled\n */\n @Prop({ reflect: true }) disableFutureDates: boolean;\n\n /**\n * Controls whether past dates (dates before the current date) should be disabled\n */\n @Prop({ reflect: true }) disablePassDates: boolean;\n\n /**\n * Whether to display a cura icon (default: null)\n */\n @Prop({ reflect: true }) iconName?: string = '';\n\n /**\n * Placeholder text for the input\n */\n @Prop({ reflect: true }) placeholder?: string | null = null;\n /**\n * Calendar type (default: 'dropdown')\n */\n @Prop({ reflect: true }) calendarType: 'dropdown' | 'static' = 'dropdown';\n\n /**\n * Emitted when the value of the input changes\n * @type {EventEmitter<string>}\n */\n @Event() dateChange: EventEmitter<string>;\n\n /**\n * Emitted when the value of the status changes\n * @type {EventEmitter<string>}\n */\n @Event() statusInputChange: EventEmitter<string>;\n\n @State() styles = {};\n\n @State() isCalendarVisible: boolean = false;\n\n @State() dates: Date[] = [];\n\n @State() value?: string = '';\n\n @State() dateSettings = {\n placeholder: null,\n mask: 'date',\n mode: 'single',\n };\n\n connectedCallback() {\n const { fonts, colors, spacing } = window.CuraAPI.theme;\n const weights = fonts.getWeights();\n\n this.styles = {\n '--base-spacing': spacing.getSpacing(),\n '--neutral-purewhite': colors.getColor('neutral-purewhite'),\n '--neutral-lighter': colors.getColor('neutral-lighter'),\n '--neutral-base': colors.getColor('neutral-base'),\n '--font-size': fonts.getSize(),\n '--font-color': fonts.getColor(),\n '--font-family': fonts.getFamily(),\n '--font-weight-regular': weights.regular,\n };\n }\n\n componentWillLoad() {\n this.updateDateSettings();\n }\n\n /**\n * Callback for form association\n */\n formAssociatedCallback(form: { ariaLabel: string }) {\n form.ariaLabel = this.label;\n }\n\n @Watch('enableRangeDates')\n updateDateSettings() {\n const newSettings = this.getDateSettings(this.enableRangeDates);\n\n if (this.shouldUpdateDateSettings(newSettings)) {\n this.dateSettings = newSettings;\n }\n }\n\n getDateSettings(isRange: boolean) {\n return {\n placeholder: this.placeholder || (isRange ? 'dd/mm/aaaa - dd/mm/aaaa' : 'dd/mm/aaaa'),\n mask: isRange ? 'dateRange' : 'date',\n mode: isRange ? 'range' : 'single',\n };\n }\n\n shouldUpdateDateSettings(newSettings: any) {\n return this.dateSettings.placeholder !== newSettings.placeholder || this.dateSettings.mask !== newSettings.mask || this.dateSettings.mode !== newSettings.mode;\n }\n\n @Listen('click', { target: 'window' })\n handleClick(ev: { target: Node }) {\n if (this.el.contains(ev.target)) {\n return;\n }\n this.hideCalendar();\n }\n\n hideCalendar() {\n this.isCalendarVisible = false;\n }\n\n showCalendar() {\n this.isCalendarVisible = true;\n }\n\n handleInputDates(event: any) {\n const inputValue = event.target.value;\n\n const dateRangeRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})\\s*-\\s*(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n const simpleDateRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n\n if (dateRangeRegex.test(inputValue)) {\n const matches = inputValue.match(dateRangeRegex);\n const startDate = this.parseStringToDate(matches[1]);\n const endDate = this.parseStringToDate(matches[2]);\n if (this.isDateValid(startDate) && this.isDateValid(endDate)) {\n this.status = 'default';\n this.dates = [startDate, endDate];\n this.value = `${this.parseDateToString(startDate)} - ${this.parseDateToString(endDate)}`;\n this.dateChange.emit(this.value);\n } else {\n this.resetDates();\n }\n } else if (simpleDateRegex.test(inputValue)) {\n const matches = inputValue.match(simpleDateRegex);\n const singleDate = this.parseStringToDate(matches[1]);\n if (this.isDateValid(singleDate)) {\n this.status = 'default';\n this.dates = [singleDate];\n this.value = this.parseDateToString(singleDate);\n this.dateChange.emit(this.value);\n } else {\n this.resetDates();\n }\n } else {\n this.dates = [];\n }\n }\n\n handleChangeDates(event: CuraInputTextCustomEvent<string | number>) {\n if (event.detail === '') {\n this.dates = [];\n this.status = 'default';\n this.value = '';\n this.dateChange.emit(this.value);\n this.statusInputChange.emit(this.status);\n }\n }\n\n isDateValid(date: Date) {\n const today = new Date();\n today.setHours(0, 0, 0, 0);\n\n if (this.disablePassDates) return !isBefore(date, today);\n if (this.disableFutureDates) return !isAfter(date, today);\n return true;\n }\n\n parseStringToDate(dateString: string): Date {\n const [day, month, year] = dateString.split('/').map(Number);\n return new Date(year, month - 1, day);\n }\n\n parseDateToString(date: Date): string {\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const year = date.getFullYear();\n\n return `${day}/${month}/${year}`;\n }\n\n resetDates() {\n this.status = 'error';\n this.dates = [];\n this.statusInputChange.emit(this.status);\n }\n\n renderCalendarOrHelperText() {\n if (this.isCalendarVisible) {\n return (\n <div class=\"calendar visible\">\n <cura-calendar\n customDates={this.dates}\n mode={this.dateSettings.mode as 'single' | 'range'}\n type={this.calendarType || 'dropdown'}\n width=\"100%\"\n maxWidth=\"400px\"\n embedded={false}\n floating={false}\n disableFutureDates={this.disableFutureDates}\n disablePassDates={this.disablePassDates}\n onOnchangeday={e => {\n const days = e.detail.days;\n if (days.length === 1) {\n this.value = this.parseDateToString(days[0]);\n } else if (days.length > 0) {\n this.value = `${this.parseDateToString(days[0])} - ${this.parseDateToString(days[days.length - 1])}`;\n } else {\n this.value = '';\n }\n this.dateChange.emit(this.value);\n }}\n ></cura-calendar>\n </div>\n );\n } else {\n return this.helperText;\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"container\" style={this.styles}>\n <cura-input-text\n label={this.label}\n name={this.name}\n status={this.status}\n value={this.value}\n onFocus={() => this.showCalendar()}\n size={this.size}\n icon-name={this.iconName}\n placeholder={this.dateSettings.placeholder}\n mask-preset={this.dateSettings.mask}\n enable-selection-mode={true}\n onKeyUp={event => this.handleInputDates(event)}\n autocomplete=\"off\"\n onValueChange={event => this.handleChangeDates(event)}\n >\n {this.renderCalendarOrHelperText()}\n </cura-input-text>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-32015dcc.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as e,h as r,H as s}from"./p-PPMZr_VE.js";import{l as a}from"./p-CHcd-uKK.js";import"./p-BPKQjAwN.js";const o=":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;display:flex;align-items:center;justify-content:center;min-width:120px;width:fit-content;border:2px solid var(--border-color);border-radius:4px}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.selected),:host a:not(.selected){border:2px solid var(--border-color)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button cura-badge-counter,:host a cura-badge-counter{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--background-color-selected)}:host button.selected.disabled,:host a.selected.disabled{border-color:transparent;background-color:var(--background-disabled-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:not(.selected),:host a.disabled:not(.selected){border-color:var(--neutral-dark)}";const i=class{constructor(r){t(this,r);this.tabSelect=e(this,"tabSelect");this.counter=1;this.selected=false;this.disabled=false;this.size="large";this.colorMode="light";this.hovered=false;this.styles={}}setColors(){const t=[{name:"--background-color-selected",theme:this.colorMode==="light"?"primary-base":"primary-light"},{name:"--background-color-hover",theme:this.colorMode==="light"?"primary-light":null},{name:"--background-disabled-selected",theme:this.colorMode==="light"?"neutral-white":"neutral-black"},{name:"--border-color",theme:this.colorMode==="light"?"primary-base":"primary-light"}];t.forEach((t=>{if(t.theme)this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme)}));this.styles=Object.assign({},this.styles)}computeContentColor(){if(this.disabled)return"neutral-dark";if(this.colorMode==="dark"){if(this.hovered&&!this.selected){return"neutral-purewhite"}return this.selected?"neutral-black":"primary-lighter"}return this.selected?"neutral-purewhite":"primary-dark"}getIcon(){if(!this.iconName)return"";const t=this.size==="large"?20:16;const e=this.computeContentColor();return r("cura-icon",{name:this.iconName,size:t,color:e})}getClasses(){return{[this.size]:true,[this.colorMode]:true,selected:this.selected,disabled:this.disabled}}getCounter(){return r("cura-badge-counter",{number:this.counter,color:"primary",disabled:this.disabled,class:"badge-number"})}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--primary-dark":window.CuraAPI.theme.colors.getColor("primary-dark"),"--neutral-purewhite":window.CuraAPI.theme.colors.getColor("neutral-purewhite"),"--neutral-dark":window.CuraAPI.theme.colors.getColor("neutral-dark"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()});this.setColors()}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}handleClick(t){if(this.disabled){t.preventDefault();return}this.selected=!this.selected;this.tabSelect.emit({name:this.name})}render(){const t=a[this.size]\|\|a["default"];const e=this.computeContentColor();return r(s,{key:"9410b9c68061ffb5d838fe6ab2f409be9b90c6ac",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},r("button",{key:"1ac26d9b41e072f1ec3668d66fee83679640c54f",class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),disabled:this.disabled,onMouseEnter:this.handleMouseEnter.bind(this),onMouseLeave:this.handleMouseLeave.bind(this)},this.getIcon(),r("cura-label",{key:"ff854d36883b062d699388e71e6315f76f008f79",size:t,color:e,lineHeight:"0",marginBlock:"0"},r("slot",{key:"6ab5c0cdea38f9094bb382943fe25c3967a681ab"})),this.counter>0&&this.getCounter()))}static get watchers(){return{colorMode:["setColors"]}}};i.style=o;export{i as cura_tabs_button};
2	- //# sourceMappingURL=p-32015dcc.entry.js.map

package/dist/cura/p-32015dcc.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaTabsButtonCss","CuraTabs","constructor","hostRef","this","counter","selected","disabled","size","colorMode","hovered","styles","setColors","colors","name","theme","forEach","c","window","CuraAPI","getColor","Object","assign","computeContentColor","getIcon","iconName","iconSize","iconColor","h","color","getClasses","getCounter","number","class","connectedCallback","spacing","getSpacing","handleMouseEnter","handleMouseLeave","handleClick","e","preventDefault","tabSelect","emit","render","labelSize","labelSizes","labelColor","Host","key","role","style","onClick","onMouseEnter","bind","onMouseLeave","lineHeight","marginBlock"],"sources":["src/components/tabs/cura-tabs-button/cura-tabs-button.scss?tag=cura-tabs-button&encapsulation=shadow","src/components/tabs/cura-tabs-button/cura-tabs-button.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n@import '../../../scss/mixins/buttons.scss';\n\n$button-sizes: (\n small: $spacing-mini $spacing-mini,\n medium: $spacing-xxxs $spacing-xxxs,\n large: $spacing-xxxs $spacing-xxs,\n);\n\n:host {\n button,\n a {\n @include button-element() {\n background-color: transparent;\n box-sizing: border-box;\n border: none;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-width: 120px;\n width: fit-content;\n\n border: 2px solid var(--border-color);\n border-radius: 4px;\n\n &:not(.selected) {\n border: 2px solid var(--border-color);\n }\n\n &:not(.disabled, .selected):hover {\n background-color: var(--background-color-hover);\n\n &.dark {\n border-color: var(--neutral-purewhite);\n }\n }\n\n @each $size, $padding in $button-sizes {\n &.#{$size} {\n padding: $padding;\n }\n }\n\n &:focus {\n border-color: var(--primary-light);\n }\n\n cura-icon {\n margin-right: #{$spacing-mini};\n }\n\n cura-badge-counter {\n margin-left: #{$spacing-mini};\n }\n\n @include button-selected() {\n background-color: var(--background-color-selected);\n\n &.disabled {\n border-color: transparent;\n background-color: var(--background-disabled-selected);\n }\n }\n\n &.disabled {\n &:not(.selected) {\n border-color: var(--neutral-dark);\n }\n\n cursor: not-allowed;\n }\n }\n }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { labelSizes } from '../cura-tabs.definitions';\n\n@Component({\n tag: 'cura-tabs-button',\n styleUrl: 'cura-tabs-button.scss',\n shadow: true,\n})\nexport class CuraTabs {\n @Prop({ reflect: true }) name: string;\n @Prop({ reflect: true }) iconName: string;\n @Prop({ reflect: true, mutable: true }) counter?: number = 1;\n @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'large';\n @Prop({ reflect: true, mutable: true }) colorMode: 'dark' | 'light' = 'light';\n\n @State() hovered = false;\n @State() styles: Record<string, string> = {};\n\n @Event() tabSelect: EventEmitter<{ name: string }>;\n\n @Watch('colorMode')\n setColors() {\n const colors = [\n { name: '--background-color-selected', theme: this.colorMode === 'light' ? 'primary-base' : 'primary-light' },\n { name: '--background-color-hover', theme: this.colorMode === 'light' ? 'primary-light' : null },\n {\n name: '--background-disabled-selected',\n theme: this.colorMode === 'light' ? 'neutral-white' : 'neutral-black',\n },\n {\n name: '--border-color',\n theme: this.colorMode === 'light' ? 'primary-base' : 'primary-light',\n },\n ];\n\n colors.forEach(c => {\n if (c.theme) this.styles[c.name] = window.CuraAPI.theme.colors.getColor(c.theme);\n });\n\n this.styles = { ...this.styles };\n }\n\n computeContentColor(): string {\n if (this.disabled) return 'neutral-dark';\n\n if (this.colorMode === 'dark') {\n if (this.hovered && !this.selected) {\n return 'neutral-purewhite';\n }\n return this.selected ? 'neutral-black' : 'primary-lighter';\n }\n\n return this.selected ? 'neutral-purewhite' : 'primary-dark';\n }\n\n getIcon() {\n if (!this.iconName) return '';\n const iconSize = this.size === 'large' ? 20 : 16;\n const iconColor = this.computeContentColor();\n\n return <cura-icon name={this.iconName} size={iconSize} color={iconColor}></cura-icon>;\n }\n\n getClasses() {\n return {\n [this.size]: true,\n [this.colorMode]: true,\n selected: this.selected,\n disabled: this.disabled,\n };\n }\n\n getCounter() {\n return <cura-badge-counter number={this.counter} color=\"primary\" disabled={this.disabled} class=\"badge-number\"></cura-badge-counter>;\n }\n\n connectedCallback() {\n this.styles = {\n ...this.styles,\n '--primary-dark': window.CuraAPI.theme.colors.getColor('primary-dark'),\n '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n '--neutral-dark': window.CuraAPI.theme.colors.getColor('neutral-dark'),\n '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n };\n\n this.setColors();\n }\n\n handleMouseEnter() {\n if (this.disabled) return;\n this.hovered = true;\n }\n\n handleMouseLeave() {\n this.hovered = false;\n }\n\n handleClick(e: Event) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n\n this.selected = !this.selected;\n this.tabSelect.emit({ name: this.name });\n }\n\n render() {\n const labelSize = labelSizes[this.size] || labelSizes['default'];\n const labelColor = this.computeContentColor();\n\n return (\n <Host role=\"button\" aria-pressed={this.selected} aria-disabled={this.disabled}>\n <button\n class={this.getClasses()}\n style={this.styles}\n onClick={e => this.handleClick(e)}\n disabled={this.disabled}\n onMouseEnter={this.handleMouseEnter.bind(this)}\n onMouseLeave={this.handleMouseLeave.bind(this)}\n >\n {this.getIcon()}\n <cura-label size={labelSize} color={labelColor} lineHeight=\"0\" marginBlock=\"0\">\n <slot></slot>\n </cura-label>\n {this.counter > 0 && this.getCounter()}\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-32f94709.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as a,h as r,H as e,a as o}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const i=':host{position:absolute;z-index:99998;display:block;width:fit-content;height:fit-content;box-sizing:border-box}@media (max-width: 768px){:host{width:100%}}:host .container{display:flex;box-sizing:border-box;max-width:var(--max-width);height:auto;padding:calc(var(--cura-spacing-base) * 2px);border:1px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 1px);background-color:var(--neutral-purewhite);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}@media (max-width: 768px){:host .container{max-width:90%;height:fit-content;padding:calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) 0 calc(var(--cura-spacing-base) * 4px);margin:0 auto;border:2px solid;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0 0;border-color:var(--neutral-light) var(--neutral-light) transparent var(--neutral-light)}}:host .container::after{content:"";position:absolute;z-index:99999;width:calc(var(--cura-spacing-base) * 2.5px);height:calc(var(--cura-spacing-base) * 2.5px);border:1px solid;border-radius:2px;background-color:var(--neutral-purewhite);left:var(--arrow-left);top:var(--arrow-top);border-color:var(--arrow-border-color);transform:var(--arrow-translate) rotate(45deg)}@media (max-width: 768px){:host .container::after{display:none}}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:calc(var(--cura-spacing-base) * 1px)}@media (max-width: 768px){:host .container .content{padding-bottom:calc(var(--cura-spacing-base) * 4px);border-bottom:1px dashed var(--neutral-light)}}:host .container .close-icon{margin-left:calc(var(--cura-spacing-base) * 3px);cursor:pointer}:host .container .close-button{padding:calc(var(--cura-spacing-base) * 2px) 0}';const s=768;const n=class{constructor(r){t(this,r);this.tooltipClosed=a(this,"tooltipClosed");this.elementId="";this.interactive=true;this.delay=250;this.maxWidth="280px";this.position="top";this.closeButton=false;this.isMobile=false;this.styles={};this.handleClose=()=>{this.closeContainer()}}onWindowResize(){this.setPosition(this.targetElement)}onWindowScroll(){this.setPosition(this.targetElement)}connectedCallback(){this.setStyle()}render(){return r(e,{key:"655c6aae9efc3aad790c6a45a7192ef01baeac97",role:"tooltip",id:this.elementId},r("div",{key:"c552ffd20262eed5e71f4cd93c078852cc52c1ca",class:"container",style:this.styles},r("div",{key:"110f11205496428b674431e1b2bc8c3f95f9397a",class:"content"},r("cura-heading",{key:"d2a0caf6a338c9c0b839ea8671c6d524b943ca86",level:4,size:"xsmall",color:"neutral-black",weight:"bold","margin-block":"0"},this.label),r("cura-paragraph",{key:"bd7addb352119fead424151294e01eae111915e2",color:"neutral-dark","spot-color":"secondary-darker",size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},r("slot",{key:"2323f1af541803e16caa042e9969953557a28976"}))),this.closeButton&&!this.isMobile&&r("cura-icon",{key:"92a672d383b057c53ce1771bea1ff9374a9a50a7",class:"close-icon",name:"close",size:16,color:"error-dark",onClick:this.handleClose}),this.isMobile&&r("cura-button-transparent",{key:"a31de7e78e092b4fbf6b0e0b85c0c664399081a0",class:"close-button",size:"small",type:"button",color:"error","icon-name":"close","icon-position":"right",onClick:this.handleClose},"OK, entendi.")))}componentDidLoad(){var t,a,r,e,o;this.targetElement=document.querySelector(`[aria-labelledby="${this.elementId}"]`);if(!this.interactive){this.host.style.visibility="visible"}else{this.host.style.visibility="hidden";let i=null;let s=null;(t=this.targetElement)===null\|\|t===void 0?void 0:t.addEventListener("mouseenter",(()=>{clearTimeout(s);i=setTimeout((()=>{this.host.style.visibility="visible"}),typeof this.delay==="number"&&this.delay>250?this.delay:250)}));(a=this.targetElement)===null\|\|a===void 0?void 0:a.addEventListener("mouseleave",(()=>{clearTimeout(i);s=setTimeout((()=>{this.handleClose()}),typeof this.delay==="number"&&this.delay>250?this.delay:250)}));(r=this.host)===null\|\|r===void 0?void 0:r.addEventListener("mouseenter",(()=>{if(window.getComputedStyle(this.host).visibility==="visible"){clearTimeout(s)}}));(e=this.host)===null\|\|e===void 0?void 0:e.addEventListener("mouseleave",(()=>{clearTimeout(i);this.handleClose()}));(o=this.targetElement)===null\|\|o===void 0?void 0:o.addEventListener("click",(()=>{if(window.getComputedStyle(this.host).visibility==="hidden"){i=setTimeout((()=>{this.host.style.visibility="visible"}),typeof this.delay==="number"&&this.delay>250?this.delay:250)}else{clearTimeout(i);this.handleClose()}}));document===null\|\|document===void 0?void 0:document.addEventListener("click",(t=>{if(!this.targetElement.contains(t.target)&&!this.host.contains(t.target)){clearTimeout(i);this.handleClose()}}))}setTimeout((()=>{this.setPosition(this.targetElement)}),100)}setStyle(){this.styles=Object.assign(Object.assign({},this.styles),{"--max-width":this.maxWidth,"--base-spacing":window.CuraAPI.theme.spacing.getSpacing(),"--neutral-purewhite":window.CuraAPI.theme.colors.getColor(`neutral-purewhite`),"--neutral-light":window.CuraAPI.theme.colors.getColor(`neutral-light`),"--neutral-black-shadow":window.CuraAPI.theme.colors.getColor(`neutral-black`,.16)})}getClasses(){const[t,a]=this.position.split("-");const r={};r["container"]=true;if(t){r[t]=true}if(a){r[a]=true}return r}setPosition(t){const a=window.innerWidth;const r=window.innerHeight;const e=this.host.shadowRoot.querySelector(".container");this.isMobile=a<=s;this.host.style.position=this.isMobile?"fixed":"absolute";this.host.style.bottom=this.isMobile?"0":"unset";e.style.flexDirection=this.isMobile?"column":"row";if(this.isMobile){this.host.style.left="0";this.host.style.top="unset";return}const o={top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight};const i=this.host.getBoundingClientRect();const n=10;const c=10;const l=o.width.5+18;const h=o.height.5+18;const d=this.styles["--neutral-light"];let p=0;let u=0;const b=Object.keys(this.getClasses()).filter((t=>["top","left","bottom","right","start","end"].includes(t)));const f=({arrowTop:t="",arrowLeft:a="",translate:r="",borderColor:e=""})=>{if(a)this.host.style.setProperty("--arrow-left",a);if(t)this.host.style.setProperty("--arrow-top",t);if(r)this.host.style.setProperty("--arrow-translate",r);if(e)this.host.style.setProperty("--arrow-border-color",e)};if(b.includes("top")\|\|b.includes("bottom")){f({arrowLeft:"50%",translate:"translateX(-50%)"});if(b.includes("top")){u=o.top-i.height-c;f({arrowTop:"calc(100% - 6px)",borderColor:`transparent ${d} ${d} transparent`});if(u<n){u=o.top+o.height+c;f({arrowTop:"-6px",borderColor:`${d} transparent transparent ${d}`})}}if(b.includes("bottom")){u=o.top+o.height+c;f({arrowTop:"-6px",borderColor:`${d} transparent transparent ${d}`});if(u+i.height>r-n){u=o.top-i.height-c;f({arrowTop:"calc(100% - 6px)",borderColor:`transparent ${d} ${d} transparent`})}}p=o.left+(o.width-i.width)/2;if(b.includes("start")){p=o.left-i.width+l;f({arrowLeft:"calc(100% - 18px)"});if(p<n){p=o.left+o.width-l;f({arrowLeft:"18px"})}}if(b.includes("end")){p=o.left+o.width-l;f({arrowLeft:"18px"});if(p+i.width>a-n){p=o.left-i.width+l;f({arrowLeft:"calc(100% - 18px)"})}}}if(b.includes("right")\|\|b.includes("left")){f({arrowTop:"50%",translate:"translateY(-50%)"});if(b.includes("right")){p=o.left+o.width+c;f({arrowLeft:"-6px",borderColor:`transparent transparent ${d} ${d}`});if(p+i.width>a-n){p=o.left-i.width-c;f({arrowLeft:"calc(100% - 6px)",borderColor:`${d} ${d} transparent transparent`})}}if(b.includes("left")){p=o.left-i.width-c;f({arrowLeft:"calc(100% - 6px)",borderColor:`${d} ${d} transparent transparent`});if(p<n){p=o.left+o.width+c;f({arrowLeft:"-6px",borderColor:`transparent transparent ${d} ${d}`})}}u=o.top+(o.height-i.height)/2;if(b.includes("start")){u=o.top-i.height+h;f({arrowTop:"calc(100% - 18px)"});if(u<n){u=o.top+o.height-h;f({arrowTop:"18px"})}}if(b.includes("end")){u=o.top+o.height-h;f({arrowTop:"18px"});if(u+i.height>r-n){u=o.top-i.height+h;f({arrowTop:"calc(100% - 18px)"})}}}this.host.style.left=`${p}px`;this.host.style.top=`${u}px`}closeContainer(){this.host.style.visibility="hidden";this.tooltipClosed.emit()}get host(){return o(this)}};n.style=i;export{n as cura_tooltip};
2	- //# sourceMappingURL=p-32f94709.entry.js.map

package/dist/cura/p-32f94709.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaTooltipCss","BREAKPOINT_SMALL_MAX","CuraTooltip","constructor","hostRef","this","elementId","interactive","delay","maxWidth","position","closeButton","isMobile","styles","handleClose","closeContainer","onWindowResize","setPosition","targetElement","onWindowScroll","connectedCallback","setStyle","render","h","Host","key","role","id","class","style","level","size","color","weight","label","marginBlock","lineHeight","name","onClick","type","componentDidLoad","document","querySelector","host","visibility","openTimeoutID","closeTimeoutID","_a","addEventListener","clearTimeout","setTimeout","_b","_c","window","getComputedStyle","_d","_e","event","contains","target","Object","assign","CuraAPI","theme","spacing","getSpacing","colors","getColor","getClasses","firstPosition","secondPosition","split","classes","element","windowWidth","innerWidth","windowHeight","innerHeight","container","shadowRoot","bottom","flexDirection","left","top","elementRect","offsetTop","offsetLeft","width","offsetWidth","height","offsetHeight","tooltipRect","getBoundingClientRect","SCREEN_LIMIT","SPACE_TO_ELEMENT","ARROW_HORIZONTAL_ADJUSTMENT","ARROW_VERTICAL_ADJUSTMENT","BORDER_COLOR","positions","keys","filter","p","includes","setArrowProperties","arrowTop","arrowLeft","translate","borderColor","setProperty","tooltipClosed","emit"],"sources":["src/components/cura-tooltip/cura-tooltip.scss?tag=cura-tooltip&encapsulation=shadow","src/components/cura-tooltip/cura-tooltip.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n@import '../../../src/scss/mixins/spacing.scss';\n\n:host {\n position: absolute;\n z-index: 99998;\n display: block;\n width: fit-content;\n height: fit-content;\n box-sizing: border-box;\n\n @include mobile-only() {\n width: 100%;\n }\n\n .container {\n display: flex;\n box-sizing: border-box;\n max-width: var(--max-width);\n height: auto;\n padding: calc(#{$base-spacing} * 2px);\n border: 1px solid var(--neutral-light);\n border-radius: calc(#{$base-spacing} * 1px);\n background-color: var(--neutral-purewhite);\n @include shadow-level3(--neutral-black-shadow);\n\n @include mobile-only() {\n max-width: 90%;\n height: fit-content;\n padding: calc(#{$base-spacing} * 4px) calc(#{$base-spacing} * 4px) 0 calc(#{$base-spacing} * 4px);\n margin: 0 auto;\n border: 2px solid;\n border-radius: calc(#{$base-spacing} * 3px) calc(#{$base-spacing} * 3px) 0 0;\n border-color: var(--neutral-light) var(--neutral-light) transparent var(--neutral-light);\n }\n\n &::after {\n content: '';\n position: absolute;\n z-index: 99999;\n width: calc(#{$base-spacing} * 2.5px);\n height: calc(#{$base-spacing} * 2.5px);\n border: 1px solid;\n border-radius: 2px;\n background-color: var(--neutral-purewhite);\n\n left: var(--arrow-left);\n top: var(--arrow-top);\n border-color: var(--arrow-border-color);\n transform: var(--arrow-translate) rotate(45deg);\n\n @include mobile-only() {\n display: none;\n }\n }\n\n .content {\n flex: 1 1 0;\n display: flex;\n flex-direction: column;\n gap: calc(#{$base-spacing} * 1px);\n\n @include mobile-only() {\n padding-bottom: calc(#{$base-spacing} * 4px);\n border-bottom: 1px dashed var(--neutral-light);\n }\n }\n\n .close-icon {\n margin-left: calc(#{$base-spacing} * 3px);\n cursor: pointer;\n }\n\n .close-button {\n padding: calc(#{$base-spacing} * 2px) 0;\n }\n }\n}\n","import { Component, Element, EventEmitter, Host, Prop, State, h, Event, Listen } from '@stencil/core';\n\nconst BREAKPOINT_SMALL_MAX = 768;\n\n@Component({\n tag: 'cura-tooltip',\n styleUrl: 'cura-tooltip.scss',\n shadow: true,\n})\nexport class CuraTooltip {\n @Element() host: HTMLElement;\n\n @Prop() elementId = '';\n @Prop() interactive = true;\n @Prop() delay = 250;\n @Prop() maxWidth = '280px';\n @Prop({ reflect: true }) position: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' = 'top';\n @Prop({ reflect: true }) label: string;\n @Prop({ reflect: true }) closeButton = false;\n\n @State() isMobile = false;\n\n @Event({ eventName: 'tooltipClosed' }) tooltipClosed: EventEmitter<void>;\n\n targetElement: HTMLElement;\n\n styles = {};\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.setPosition(this.targetElement);\n }\n\n @Listen('scroll', { target: 'window' })\n onWindowScroll() {\n this.setPosition(this.targetElement);\n }\n\n connectedCallback() {\n this.setStyle();\n }\n\n render() {\n return (\n <Host role=\"tooltip\" id={this.elementId}>\n <div class=\"container\" style={this.styles}>\n <div class=\"content\">\n <cura-heading level={4} size=\"xsmall\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\">\n {this.label}\n </cura-heading>\n <cura-paragraph color=\"neutral-dark\" spot-color=\"secondary-darker\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\n <slot></slot>\n </cura-paragraph>\n </div>\n {this.closeButton && !this.isMobile && <cura-icon class=\"close-icon\" name=\"close\" size={16} color=\"error-dark\" onClick={this.handleClose}></cura-icon>}\n {this.isMobile && <cura-button-transparent class=\"close-button\" size=\"small\" type=\"button\" color=\"error\" icon-name=\"close\" icon-position=\"right\" onClick={this.handleClose}>OK, entendi.</cura-button-transparent>}\n </div>\n </Host>\n );\n }\n\n componentDidLoad() {\n this.targetElement = document.querySelector(`[aria-labelledby=\"${this.elementId}\"]`) as HTMLElement;\n\n if (!this.interactive) {\n this.host.style.visibility = 'visible';\n } else {\n this.host.style.visibility = 'hidden';\n\n let openTimeoutID = null;\n let closeTimeoutID = null;\n\n this.targetElement?.addEventListener('mouseenter', () => {\n clearTimeout(closeTimeoutID);\n openTimeoutID = setTimeout(() => {\n this.host.style.visibility = 'visible';\n }, typeof this.delay === 'number' && this.delay > 250 ? this.delay : 250);\n });\n \n this.targetElement?.addEventListener('mouseleave', () => {\n clearTimeout(openTimeoutID);\n closeTimeoutID = setTimeout(() => {\n this.handleClose();\n }, typeof this.delay === 'number' && this.delay > 250 ? this.delay : 250);\n });\n\n this.host?.addEventListener('mouseenter', () => {\n if (window.getComputedStyle(this.host).visibility === 'visible') {\n clearTimeout(closeTimeoutID);\n }\n });\n\n this.host?.addEventListener('mouseleave', () => {\n clearTimeout(openTimeoutID);\n this.handleClose();\n });\n\n this.targetElement?.addEventListener('click', () => {\n if (window.getComputedStyle(this.host).visibility === 'hidden') {\n openTimeoutID = setTimeout(() => {\n this.host.style.visibility = 'visible';\n }, typeof this.delay === 'number' && this.delay > 250 ? this.delay : 250);\n } else {\n clearTimeout(openTimeoutID);\n this.handleClose();\n }\n });\n \n document?.addEventListener('click', (event: MouseEvent) => {\n if(!this.targetElement.contains(event.target as HTMLElement) && !this.host.contains(event.target as HTMLElement)) {\n clearTimeout(openTimeoutID);\n this.handleClose();\n }\n });\n }\n\n setTimeout(() => {\n this.setPosition(this.targetElement);\n }, 100);\n }\n\n setStyle() {\n this.styles = {\n ...this.styles,\n '--max-width': this.maxWidth,\n '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n '--neutral-purewhite': window.CuraAPI.theme.colors.getColor(`neutral-purewhite`),\n '--neutral-light': window.CuraAPI.theme.colors.getColor(`neutral-light`),\n '--neutral-black-shadow': window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16),\n }\n }\n\n getClasses() {\n const [firstPosition, secondPosition] = this.position.split('-');\n const classes = {};\n\n classes['container'] = true;\n if (firstPosition) { classes[firstPosition] = true; }\n if (secondPosition) { classes[secondPosition] = true; }\n\n return classes;\n }\n\n setPosition(element: HTMLElement) {\n const windowWidth = window.innerWidth;\n const windowHeight = window.innerHeight;\n const container = this.host.shadowRoot.querySelector('.container') as HTMLElement;\n\n this.isMobile = windowWidth <= BREAKPOINT_SMALL_MAX;\n\n this.host.style.position = this.isMobile ? 'fixed' : 'absolute';\n this.host.style.bottom = this.isMobile ? '0' : 'unset';\n container.style.flexDirection = this.isMobile ? 'column' : 'row';\n\n if (this.isMobile) {\n this.host.style.left = '0';\n this.host.style.top = 'unset';\n return;\n }\n\n const elementRect = { \n top: element.offsetTop, \n left: element.offsetLeft, \n width: element.offsetWidth, \n height: element.offsetHeight\n };\n const tooltipRect = this.host.getBoundingClientRect();\n\n const SCREEN_LIMIT = 10;\n const SPACE_TO_ELEMENT = 10;\n const ARROW_HORIZONTAL_ADJUSTMENT = (elementRect.width * 0.5) + 18;\n const ARROW_VERTICAL_ADJUSTMENT = (elementRect.height * 0.5) + 18;\n const BORDER_COLOR = this.styles['--neutral-light'];\n\n let left = 0;\n let top = 0;\n\n const positions = Object.keys(this.getClasses()).filter((p) => ['top', 'left', 'bottom', 'right', 'start', 'end'].includes(p));\n\n const setArrowProperties = ({ arrowTop = '', arrowLeft = '', translate = '', borderColor = '' }) => {\n if (arrowLeft) this.host.style.setProperty('--arrow-left', arrowLeft);\n if (arrowTop) this.host.style.setProperty('--arrow-top', arrowTop);\n if (translate) this.host.style.setProperty('--arrow-translate', translate);\n if (borderColor) this.host.style.setProperty('--arrow-border-color', borderColor);\n };\n\n //Posicionamento vertical\n if (positions.includes('top') || positions.includes('bottom')) {\n setArrowProperties({ arrowLeft: '50%', translate: 'translateX(-50%)' });\n\n if (positions.includes('top')) {\n top = elementRect.top - tooltipRect.height - SPACE_TO_ELEMENT;\n setArrowProperties({ arrowTop: 'calc(100% - 6px)', borderColor: `transparent ${BORDER_COLOR} ${BORDER_COLOR} transparent` });\n\n if (top < SCREEN_LIMIT) {\n top = elementRect.top + elementRect.height + SPACE_TO_ELEMENT;\n setArrowProperties({ arrowTop: '-6px', borderColor: `${BORDER_COLOR} transparent transparent ${BORDER_COLOR}` });\n }\n }\n\n if (positions.includes('bottom')) {\n top = elementRect.top + elementRect.height + SPACE_TO_ELEMENT;\n setArrowProperties({ arrowTop: '-6px', borderColor: `${BORDER_COLOR} transparent transparent ${BORDER_COLOR}` });\n\n if (top + tooltipRect.height > windowHeight - SCREEN_LIMIT) {\n top = elementRect.top - tooltipRect.height - SPACE_TO_ELEMENT;\n setArrowProperties({ arrowTop: 'calc(100% - 6px)', borderColor: `transparent ${BORDER_COLOR} ${BORDER_COLOR} transparent` });\n }\n }\n\n left = elementRect.left + (elementRect.width - tooltipRect.width)/2;\n \n if (positions.includes('start')) {\n left = elementRect.left - tooltipRect.width + ARROW_HORIZONTAL_ADJUSTMENT;\n setArrowProperties({ arrowLeft: 'calc(100% - 18px)' });\n\n if (left < SCREEN_LIMIT) {\n left = elementRect.left + elementRect.width - ARROW_HORIZONTAL_ADJUSTMENT;\n setArrowProperties({ arrowLeft: '18px' });\n }\n }\n\n if (positions.includes('end')) {\n left = elementRect.left + elementRect.width - ARROW_HORIZONTAL_ADJUSTMENT;\n setArrowProperties({ arrowLeft: '18px' });\n\n if (left + tooltipRect.width > windowWidth - SCREEN_LIMIT) {\n left = elementRect.left - tooltipRect.width + ARROW_HORIZONTAL_ADJUSTMENT;\n setArrowProperties({ arrowLeft: 'calc(100% - 18px)' });\n }\n }\n }\n\n //Posicionamento horizontal\n if (positions.includes('right') || positions.includes('left')) {\n setArrowProperties({ arrowTop: '50%', translate: 'translateY(-50%)' });\n\n if (positions.includes('right')) {\n left = elementRect.left + elementRect.width + SPACE_TO_ELEMENT;\n setArrowProperties({ arrowLeft: '-6px', borderColor: `transparent transparent ${BORDER_COLOR} ${BORDER_COLOR}` });\n\n if (left + tooltipRect.width > windowWidth - SCREEN_LIMIT) {\n left = elementRect.left - tooltipRect.width - SPACE_TO_ELEMENT;\n setArrowProperties({ arrowLeft: 'calc(100% - 6px)', borderColor: `${BORDER_COLOR} ${BORDER_COLOR} transparent transparent` });\n }\n }\n\n if (positions.includes('left')) {\n left = elementRect.left - tooltipRect.width - SPACE_TO_ELEMENT;\n setArrowProperties({ arrowLeft: 'calc(100% - 6px)', borderColor: `${BORDER_COLOR} ${BORDER_COLOR} transparent transparent` });\n \n if (left < SCREEN_LIMIT) {\n left = elementRect.left + elementRect.width + SPACE_TO_ELEMENT;\n setArrowProperties({ arrowLeft: '-6px', borderColor: `transparent transparent ${BORDER_COLOR} ${BORDER_COLOR}` });\n }\n }\n \n top = elementRect.top + (elementRect.height - tooltipRect.height)/2;\n\n if (positions.includes('start')) {\n top = elementRect.top - tooltipRect.height + ARROW_VERTICAL_ADJUSTMENT;\n setArrowProperties({ arrowTop: 'calc(100% - 18px)' });\n\n if (top < SCREEN_LIMIT) {\n top = elementRect.top + elementRect.height - ARROW_VERTICAL_ADJUSTMENT;\n setArrowProperties({ arrowTop: '18px' });\n }\n }\n\n if (positions.includes('end')) {\n top = elementRect.top + elementRect.height - ARROW_VERTICAL_ADJUSTMENT;\n setArrowProperties({ arrowTop: '18px' });\n\n if (top + tooltipRect.height > windowHeight - SCREEN_LIMIT) {\n top = elementRect.top - tooltipRect.height + ARROW_VERTICAL_ADJUSTMENT;\n setArrowProperties({ arrowTop: 'calc(100% - 18px)' });\n }\n }\n }\n\n this.host.style.left = `${left}px`;\n this.host.style.top = `${top}px`;\n }\n\n closeContainer() {\n this.host.style.visibility = 'hidden';\n this.tooltipClosed.emit();\n }\n\n handleClose = () => {\n this.closeContainer();\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-3d6040e2.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as a,H as i}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const r=':host{width:fit-content;display:inline-block;height:calc(var(--cura-spacing-base) * 4px);position:relative}:host .container{display:flex;min-width:calc(var(--cura-spacing-base) * 4px);width:fit-content;height:calc(var(--cura-spacing-base) * 4px);justify-content:center;align-items:center;border-radius:calc(calc(var(--cura-spacing-base) * 4px) / 2);background:var(--background-color);box-sizing:border-box;padding:0 calc(var(--cura-spacing-base) * 1px);position:relative}:host .container.outline,:host .container.transparent{background:transparent !important}:host .container.outline::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:1px solid var(--background-color);border-radius:calc(calc(var(--cura-spacing-base) * 4px) / 2)}';const s=class{constructor(a){t(this,a);this.theme=window.CuraAPI.theme;this.color="primary";this.disabled=false;this.type="solid";this.styles={};this.labelColor="primary-darker";this.bgColorName="primary-lighter"}handleColorChange(){this.setColors()}setColors(){const t=this.color.toLowerCase();if(this.type==="outline"\|\|this.type==="transparent"){this.bgColorName=this.disabled?`neutral-medium`:`${t}-dark`;this.labelColor=this.bgColorName}else{this.bgColorName=t==="neutral"\|\|this.disabled?`neutral-pale`:`${t}-lighter`;this.labelColor=this.disabled?"neutral-medium":`${t}-dark`}this.styles=Object.assign(Object.assign({},this.styles),{"--background-color":this.theme.colors.getColor(`${this.bgColorName}`)})}connectedCallback(){this.styles["--base-spacing"]=this.theme.spacing.getSpacing();this.setColors()}getClasses(){const t={container:true};t[this.type.toLowerCase()]=true;return t}render(){return a(i,{key:"8b67f2b913a10de53a519cdafcfbcb140b2adda5"},this.number&&this.number<=0?"":a("div",{class:this.getClasses(),style:this.styles},a("cura-label",{size:"xsmall","line-height":"none",color:this.labelColor},this.number>=100?"99+":this.number)))}static get watchers(){return{disabled:["handleColorChange"],color:["handleColorChange"],type:["handleColorChange"]}}};s.style=r;export{s as cura_badge_counter};
2	- //# sourceMappingURL=p-3d6040e2.entry.js.map

package/dist/cura/p-3d6040e2.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaBadgeCounterCss","CuraBadgeNumber","constructor","hostRef","this","theme","window","CuraAPI","color","disabled","type","styles","labelColor","bgColorName","handleColorChange","setColors","toLowerCase","Object","assign","colors","getColor","connectedCallback","spacing","getSpacing","getClasses","classes","container","render","h","Host","key","number","class","style","size"],"sources":["src/components/badges/cura-badge-counter/cura-badge-counter.scss?tag=cura-badge-counter&encapsulation=shadow","src/components/badges/cura-badge-counter/cura-badge-counter.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n\n:host {\n width: fit-content;\n display: inline-block;\n height: #{$spacing-xxs};\n position: relative;\n\n .container {\n display: flex;\n min-width: #{$spacing-xxs};\n width: fit-content;\n height: #{$spacing-xxs};\n justify-content: center;\n align-items: center;\n border-radius: calc(#{$spacing-xxs} / 2);\n background: var(--background-color);\n box-sizing: border-box;\n padding: 0 #{$spacing-tiny};\n position: relative;\n\n &.outline,\n &.transparent {\n background: transparent !important;\n }\n\n &.outline {\n &::before {\n content: \"\";\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0px;\n top: 0px;\n box-sizing: border-box;\n border: 1px solid var(--background-color);\n border-radius: calc(#{$spacing-xxs} / 2);\n }\n }\n }\n\n}\n","import { Component, Host, Prop, h, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'cura-badge-counter',\n styleUrl: 'cura-badge-counter.scss',\n shadow: true,\n})\nexport class CuraBadgeNumber {\n\n theme = window.CuraAPI.theme;\n\n /** Número a ser representado no badge.\n * Apresentará 99+ para números acima desse valor.\n */\n @Prop({ reflect: true }) number: number | null;\n /**\n * Cor fundamental do design system sem profundidade.\n * Ex.: primary (padrão)\n */\n @Prop() color: string = 'primary';\n /**\n * Define o estado do badge como desabilitado ou habilitado.\n */\n @Prop() disabled: boolean = false;\n /**\n * Define o estilo visual entre solid (default), outline ou transparent.\n */\n @Prop() type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n @State() styles = {};\n labelColor = 'primary-darker';\n bgColorName = 'primary-lighter';\n\n @Watch(\"disabled\")\n @Watch(\"color\")\n @Watch(\"type\")\n handleColorChange() {\n this.setColors();\n }\n\n setColors() {\n const color = this.color.toLowerCase();\n /** type outline and transparent */\n if (this.type === 'outline' || this.type === 'transparent') {\n this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;\n this.labelColor = this.bgColorName;\n /** type solid - default */\n } else {\n this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;\n this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;\n }\n this.styles = {\n ...this.styles,\n '--background-color': this.theme.colors.getColor(`${this.bgColorName}`),\n }\n }\n\n connectedCallback() {\n this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n this.setColors();\n }\n\n getClasses() {\n const classes = {\n 'container': true\n };\n classes[this.type.toLowerCase()] = true;\n return classes;\n }\n\n\n render() {\n return (\n <Host>\n { this.number && this.number <= 0 ? '' : (\n <div class={this.getClasses()} style={this.styles}>\n <cura-label size=\"xsmall\" line-height=\"none\" color={this.labelColor}>\n {this.number >= 100 ? '99+' : this.number}\n </cura-label>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"0EAAA,MAAMA,EAAsB,oxB,MCOfC,EAAe,MAL5B,WAAAC,CAAAC,G,UAOEC,KAAAC,MAAQC,OAAOC,QAAQF,MAUfD,KAAKI,MAAW,UAIhBJ,KAAQK,SAAY,MAIpBL,KAAIM,KAAiD,QAEpDN,KAAMO,OAAG,GAClBP,KAAUQ,WAAG,iBACbR,KAAWS,YAAG,iBAqDf,CAhDC,iBAAAC,GACEV,KAAKW,W,CAGP,SAAAA,GACE,MAAMP,EAAQJ,KAAKI,MAAMQ,cAEzB,GAAIZ,KAAKM,OAAS,WAAaN,KAAKM,OAAS,cAAe,CAC1DN,KAAKS,YAAcT,KAAKK,SAAW,iBAAmB,GAAGD,SACzDJ,KAAKQ,WAAaR,KAAKS,W,KAElB,CACLT,KAAKS,YAAcL,IAAU,WAAaJ,KAAKK,SAAW,eAAiB,GAAGD,YAC9EJ,KAAKQ,WAAaR,KAAKK,SAAW,iBAAmB,GAAGD,Q,CAE1DJ,KAAKO,OAAMM,OAAAC,OAAAD,OAAAC,OAAA,GACNd,KAAKO,QACR,sBAAsBP,KAAKC,MAAMc,OAAOC,SAAS,GAAGhB,KAAKS,gB,CAI7D,iBAAAQ,GACEjB,KAAKO,OAAO,kBAAoBP,KAAKC,MAAMiB,QAAQC,aACnDnB,KAAKW,W,CAGP,UAAAS,GACE,MAAMC,EAAU,CACdC,UAAa,MAEfD,EAAQrB,KAAKM,KAAKM,eAAiB,KACnC,OAAOS,C,CAIT,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACD1B,KAAK2B,QAAU3B,KAAK2B,QAAU,EAAI,GACpCH,EAAA,OAAKI,MAAO5B,KAAKoB,aAAcS,MAAO7B,KAAKO,QACzCiB,EAAA,cAAYM,KAAK,SAAQ,cAAa,OAAO1B,MAAOJ,KAAKQ,YACtDR,KAAK2B,QAAU,IAAM,MAAQ3B,KAAK2B,S","ignoreList":[]}

package/dist/cura/p-4ac578a6.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as e,h as r,H as o}from"./p-PPMZr_VE.js";import{l as s}from"./p-CHcd-uKK.js";import"./p-BPKQjAwN.js";const a=":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;min-width:120px;width:fit-content;display:flex;align-items:center;justify-content:center}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.border-bottom,:host a.border-bottom{border-bottom:1px solid var(--border-bottom-color)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:not(.selected),:host a:not(.selected){border-color:var(--border-color)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer}:host button.selected:not(.disabled),:host a.selected:not(.disabled){border-bottom:1px solid var(--border-bottom-color-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}";const i=class{constructor(r){t(this,r);this.tabSelect=e(this,"tabSelect");this.selected=false;this.disabled=false;this.borderBottom=true;this.size="large";this.colorMode="light";this.hovered=false;this.styles={}}setColors(){const t=[{name:"--border-bottom-color",theme:this.colorMode==="light"?"neutral-base":"primary"},{name:"--border-bottom-color-selected",theme:this.colorMode==="light"?"primary-dark":"primary-lighter"}];t.forEach((t=>{if(t.theme)this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme)}));this.styles=Object.assign({},this.styles)}computeContentColor(){if(this.disabled)return"neutral-dark";if(this.colorMode==="dark"){if(this.hovered&&!this.selected){return"neutral-purewhite"}return this.selected?"primary-lighter":"neutral-purewhite"}if(this.hovered&&!this.selected){return"primary-dark"}return this.selected?"primary-base":"neutral-black"}getIcon(){if(!this.iconName)return"";const t=this.size==="large"?20:16;const e=this.computeContentColor();return r("cura-icon",{name:this.iconName,size:t,color:e})}getClasses(){return{[this.size]:true,[this.colorMode]:true,selected:this.selected,disabled:this.disabled,"border-bottom":this.borderBottom}}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--primary-dark":window.CuraAPI.theme.colors.getColor("primary-dark"),"--neutral-purewhite":window.CuraAPI.theme.colors.getColor("neutral-purewhite"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()});this.setColors()}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}handleClick(t){if(this.disabled){t.preventDefault();return}this.selected=!this.selected;this.tabSelect.emit({name:this.name})}render(){const t=s[this.size]\|\|s["default"];const e=this.computeContentColor();return r(o,{key:"d3c9e277a079381def09397dc922d697aa99d70a",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},r("button",{key:"ab4cac9782f48c367c4ada4e303f9422971dc38e",class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),disabled:this.disabled,onMouseEnter:this.handleMouseEnter.bind(this),onMouseLeave:this.handleMouseLeave.bind(this)},this.getIcon(),r("cura-label",{key:"c6567bdf7b80efc3380a8a93bf52de966e1caa7d",size:t,color:e,lineHeight:"0",marginBlock:"0"},r("slot",{key:"93c392107790a2c0e3499e5b7bd742219203a980"}))))}static get watchers(){return{colorMode:["setColors"]}}};i.style=a;export{i as cura_tabs_transparent};
2	- //# sourceMappingURL=p-4ac578a6.entry.js.map

package/dist/cura/p-4ac578a6.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaTabsTransparentCss","CuraTabsTransparent","constructor","hostRef","this","selected","disabled","borderBottom","size","colorMode","hovered","styles","setColors","colors","name","theme","forEach","c","window","CuraAPI","getColor","Object","assign","computeContentColor","getIcon","iconName","iconSize","iconColor","h","color","getClasses","connectedCallback","spacing","getSpacing","handleMouseEnter","handleMouseLeave","handleClick","e","preventDefault","tabSelect","emit","render","labelSize","labelSizes","labelColor","Host","key","role","class","style","onClick","onMouseEnter","bind","onMouseLeave","lineHeight","marginBlock"],"sources":["src/components/tabs/cura-tabs-transparent/cura-tabs-transparent.scss?tag=cura-tabs-transparent&encapsulation=shadow","src/components/tabs/cura-tabs-transparent/cura-tabs-transparent.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n@import '../../../scss/mixins/buttons.scss';\n\n$button-sizes: (\n small: $spacing-mini $spacing-mini,\n medium: $spacing-xxxs $spacing-xxxs,\n large: $spacing-xxxs $spacing-xxs,\n);\n\n:host {\n button,\n a {\n @include button-element() {\n background-color: transparent;\n box-sizing: border-box;\n border: none;\n\n min-width: 120px;\n width: fit-content;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.border-bottom {\n border-bottom: 1px solid var(--border-bottom-color);\n }\n\n @each $size, $padding in $button-sizes {\n &.#{$size} {\n padding: $padding;\n }\n }\n\n &:not(.selected) {\n border-color: var(--border-color);\n }\n\n &:focus {\n border-color: var(--primary-light);\n }\n\n &:not(.disabled, .selected):hover {\n background-color: var(--background-color-hover);\n\n &.dark {\n border-color: var(--neutral-purewhite);\n }\n }\n\n cura-icon {\n margin-right: #{$spacing-mini};\n }\n\n @include button-selected() {\n &:not(.disabled) {\n border-bottom: 1px solid var(--border-bottom-color-selected);\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n }\n }\n }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { labelSizes } from '../cura-tabs.definitions';\n\n@Component({\n tag: 'cura-tabs-transparent',\n styleUrl: 'cura-tabs-transparent.scss',\n shadow: true,\n})\nexport class CuraTabsTransparent {\n @Prop({ reflect: true }) name: string;\n @Prop({ reflect: true }) iconName: string;\n @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\n @Prop({ reflect: true, mutable: true }) borderBottom: boolean = true;\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'large';\n @Prop({ reflect: true, mutable: true }) colorMode: 'dark' | 'light' = 'light';\n\n @State() hovered = false;\n @State() styles: Record<string, string> = {};\n\n @Event() tabSelect: EventEmitter<{ name: string }>;\n\n @Watch('colorMode')\n setColors() {\n const colors = [\n {\n name: '--border-bottom-color',\n theme: this.colorMode === 'light' ? 'neutral-base' : 'primary',\n },\n {\n name: '--border-bottom-color-selected',\n theme: this.colorMode === 'light' ? 'primary-dark' : 'primary-lighter',\n },\n ];\n\n colors.forEach(c => {\n if (c.theme) this.styles[c.name] = window.CuraAPI.theme.colors.getColor(c.theme);\n });\n\n this.styles = { ...this.styles };\n }\n\n computeContentColor(): string {\n if (this.disabled) return 'neutral-dark';\n\n if (this.colorMode === 'dark') {\n if (this.hovered && !this.selected) {\n return 'neutral-purewhite';\n }\n return this.selected ? 'primary-lighter' : 'neutral-purewhite';\n }\n\n if (this.hovered && !this.selected) {\n return 'primary-dark';\n }\n\n return this.selected ? 'primary-base' : 'neutral-black';\n }\n\n getIcon() {\n if (!this.iconName) return '';\n const iconSize = this.size === 'large' ? 20 : 16;\n const iconColor = this.computeContentColor();\n\n return <cura-icon name={this.iconName} size={iconSize} color={iconColor}></cura-icon>;\n }\n\n getClasses() {\n return {\n [this.size]: true,\n [this.colorMode]: true,\n 'selected': this.selected,\n 'disabled': this.disabled,\n 'border-bottom': this.borderBottom,\n };\n }\n\n connectedCallback() {\n this.styles = {\n ...this.styles,\n '--primary-dark': window.CuraAPI.theme.colors.getColor('primary-dark'),\n '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n };\n\n this.setColors();\n }\n\n handleMouseEnter() {\n if (this.disabled) return;\n this.hovered = true;\n }\n\n handleMouseLeave() {\n this.hovered = false;\n }\n\n handleClick(e: Event) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n\n this.selected = !this.selected;\n this.tabSelect.emit({ name: this.name });\n }\n\n render() {\n const labelSize = labelSizes[this.size] || labelSizes['default'];\n const labelColor = this.computeContentColor();\n\n return (\n <Host role=\"button\" aria-pressed={this.selected} aria-disabled={this.disabled}>\n <button\n class={this.getClasses()}\n style={this.styles}\n onClick={e => this.handleClick(e)}\n disabled={this.disabled}\n onMouseEnter={this.handleMouseEnter.bind(this)}\n onMouseLeave={this.handleMouseLeave.bind(this)}\n >\n {this.getIcon()}\n <cura-label size={labelSize} color={labelColor} lineHeight=\"0\" marginBlock=\"0\">\n <slot></slot>\n </cura-label>\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"qHAAA,MAAMA,EAAyB,muD,MCQlBC,EAAmB,MALhC,WAAAC,CAAAC,G,6CAQ0CC,KAAQC,SAAY,MACpBD,KAAQE,SAAY,MACpBF,KAAYG,aAAY,KACvCH,KAAII,KAAiC,QACtBJ,KAASK,UAAqB,QAE7DL,KAAOM,QAAG,MACVN,KAAMO,OAA2B,EA+G3C,CA1GC,SAAAC,GACE,MAAMC,EAAS,CACb,CACEC,KAAM,wBACNC,MAAOX,KAAKK,YAAc,QAAU,eAAiB,WAEvD,CACEK,KAAM,iCACNC,MAAOX,KAAKK,YAAc,QAAU,eAAiB,oBAIzDI,EAAOG,SAAQC,IACb,GAAIA,EAAEF,MAAOX,KAAKO,OAAOM,EAAEH,MAAQI,OAAOC,QAAQJ,MAAMF,OAAOO,SAASH,EAAEF,MAAM,IAGlFX,KAAKO,OAAMU,OAAAC,OAAA,GAAQlB,KAAKO,O,CAG1B,mBAAAY,GACE,GAAInB,KAAKE,SAAU,MAAO,eAE1B,GAAIF,KAAKK,YAAc,OAAQ,CAC7B,GAAIL,KAAKM,UAAYN,KAAKC,SAAU,CAClC,MAAO,mB,CAET,OAAOD,KAAKC,SAAW,kBAAoB,mB,CAG7C,GAAID,KAAKM,UAAYN,KAAKC,SAAU,CAClC,MAAO,c,CAGT,OAAOD,KAAKC,SAAW,eAAiB,e,CAG1C,OAAAmB,GACE,IAAKpB,KAAKqB,SAAU,MAAO,GAC3B,MAAMC,EAAWtB,KAAKI,OAAS,QAAU,GAAK,GAC9C,MAAMmB,EAAYvB,KAAKmB,sBAEvB,OAAOK,EAAW,aAAAd,KAAMV,KAAKqB,SAAUjB,KAAMkB,EAAUG,MAAOF,G,CAGhE,UAAAG,GACE,MAAO,CACL,CAAC1B,KAAKI,MAAO,KACb,CAACJ,KAAKK,WAAY,KAClBJ,SAAYD,KAAKC,SACjBC,SAAYF,KAAKE,SACjB,gBAAiBF,KAAKG,a,CAI1B,iBAAAwB,GACE3B,KAAKO,OACAU,OAAAC,OAAAD,OAAAC,OAAA,GAAAlB,KAAKO,QAAM,CACd,iBAAkBO,OAAOC,QAAQJ,MAAMF,OAAOO,SAAS,gBACvD,sBAAuBF,OAAOC,QAAQJ,MAAMF,OAAOO,SAAS,qBAC5D,iBAAkBF,OAAOC,QAAQJ,MAAMiB,QAAQC,eAGjD7B,KAAKQ,W,CAGP,gBAAAsB,GACE,GAAI9B,KAAKE,SAAU,OACnBF,KAAKM,QAAU,I,CAGjB,gBAAAyB,GACE/B,KAAKM,QAAU,K,CAGjB,WAAA0B,CAAYC,GACV,GAAIjC,KAAKE,SAAU,CACjB+B,EAAEC,iBACF,M,CAGFlC,KAAKC,UAAYD,KAAKC,SACtBD,KAAKmC,UAAUC,KAAK,CAAE1B,KAAMV,KAAKU,M,CAGnC,MAAA2B,GACE,MAAMC,EAAYC,EAAWvC,KAAKI,OAASmC,EAAW,WACtD,MAAMC,EAAaxC,KAAKmB,sBAExB,OACEK,EAACiB,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAuB,eAAA3C,KAAKC,SAAyB,gBAAAD,KAAKE,UACnEsB,EACE,UAAAkB,IAAA,2CAAAE,MAAO5C,KAAK0B,aACZmB,MAAO7C,KAAKO,OACZuC,QAASb,GAAKjC,KAAKgC,YAAYC,GAC/B/B,SAAUF,KAAKE,SACf6C,aAAc/C,KAAK8B,iBAAiBkB,KAAKhD,MACzCiD,aAAcjD,KAAK+B,iBAAiBiB,KAAKhD,OAExCA,KAAKoB,UACNI,EAAA,cAAAkB,IAAA,2CAAYtC,KAAMkC,EAAWb,MAAOe,EAAYU,WAAW,IAAIC,YAAY,KACzE3B,EAAA,QAAAkB,IAAA,+C","ignoreList":[]}

package/dist/cura/p-4bde448e.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as o,h as e,H as r,a}from"./p-PPMZr_VE.js";import{l as i}from"./p-BSI2FkNn.js";import"./p-BPKQjAwN.js";const s=':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border) !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative;flex-direction:row !important}:host button .button-container .badge-number,:host a .button-container .badge-number{margin-left:10px}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-select);border-color:var(--color-select)}:host button.selected:not(.disabled):hover,:host a.selected:not(.disabled):hover{background-color:var(--color-border-hover-pressed);border-color:var(--color-border-hover-pressed)}:host button.selected:focus,:host a.selected:focus{border-color:var(--color-select-focus) !important}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--color-disable-select);border-color:var(--color-disable-select)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--color-border-disable-unselect)}';const n=class{constructor(e){t(this,e);this.onclick=o(this,"onclick");this.selected=false;this.size="medium";this.background="light";this.color="primary";this.hovered=false;this.styles={};this.theme=window.CuraAPI.theme}setColors(){const t=[{name:"--color-border",thema:this.background==="light"?`${this.color}-darker`:"neutral-white"},{name:"--color-border-hover-pressed",thema:this.background==="light"?`${this.color}-dark`:`${this.color}-light`},{name:"--color-background-hover",thema:this.background==="light"?`${this.color}-light`:`${this.color}-dark`},{name:"--color-select",thema:this.background==="light"?`${this.color}-base`:"neutral-white"},{name:"--color-select-hover-pressed",thema:this.background==="light"?`${this.color}-dark`:`${this.color}-lighter`},{name:"--color-select-focus",thema:this.background==="light"?`${this.color}-base`:`${this.color}-lighter`},{name:"--color-disable-select",thema:this.background==="light"?"neutral-white":"neutral-black"},{name:"--color-border-disable-unselect",thema:"neutral-dark"},{name:"--color-counter-disabled",thema:this.background==="light"?"neutral-pale":"neutral-black"},{name:"--color-counter",thema:!this.disabled&&"primary-lighter"}];t.forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema)));this.styles=Object.assign({},this.styles)}getClasses(){var t;const o={};o[`${(t=this.size)===null\|\|t===void 0?void 0:t.toLowerCase()}`]=true;o[`icon-${this.iconPosition.toLowerCase()}`]=true;o["disabled"]=this.disabled;o["selected"]=this.selected;return o}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.setColors()}getLabelFontColor(){if(this.disabled)return"neutral-dark";if(this.background==="dark"){return this.selected?"neutral-black":"neutral-white"}if(this.background==="light"){return this.selected?"neutral-white":"neutral-black"}}getColorBagdeNumber(){if(this.background==="dark"&&this.disabled){return this.selected?"neutral-black":"neutral-dark"}if(this.background==="light"&&this.disabled){return"neutral-medium"}return`${this.color}-darker`}getIcon(){const t=this.size==="large"?20:16;if(this.iconPosition==="right"){return}return e("cura-icon",{name:this.iconName,size:t,color:this.getLabelFontColor()})}getCounter(){return e("cura-badge-counter",{number:this.counter,color:this.color,disabled:this.disabled\|\|null,class:"badge-number"})}getCheckIconRight(){const t=this.size==="large"?20:16;return e("cura-icon",{name:"check",size:t,color:this.getLabelFontColor()})}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}handleClick(t){if(this.disabled)t.preventDefault();this.selected=!this.selected;this.onclick.emit({selected:this.selected})}render(){const t=i[this.size]\|\|i["default"];return e(r,{key:"c691cdc5f2a9ac4bc32a1fb3c21a1f30ad73caa1",role:"button","aria-disabled":this.disabled,"aria-pressed":this.selected},e("button",{key:"85a81fc19a8e280771d56bd41df83e3ab551a831",class:this.getClasses(),style:this.styles,disabled:this.disabled,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},e("div",{key:"4d206c48d71efca483375a7d2e765f91aff78e5f",class:"button-container"},this.iconName?this.getIcon():null,e("cura-label",{key:"2a9ad257ffa77f906c7db83e76f50fb7a5c9ded7",class:"label",size:t,lineHeight:"0%",color:this.getLabelFontColor(),weight:"regular"},e("slot",{key:"2153d1444550a56292b137d32c6835514111c7a1"})),this.counter?this.getCounter():null,this.iconPosition==="right"&&this.selected?this.getCheckIconRight():null)))}get host(){return a(this)}static get watchers(){return{background:["setColors"],color:["setColors"]}}};n.style=s;export{n as cura_button_select};
2	- //# sourceMappingURL=p-4bde448e.entry.js.map

package/dist/cura/p-4bde448e.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaButtonSelectCss","CuraButtonSelect","constructor","hostRef","this","selected","size","background","color","hovered","styles","theme","window","CuraAPI","setColors","colors","name","thema","disabled","forEach","getColor","Object","assign","getClasses","classes","_a","toLowerCase","iconPosition","connectedCallback","weights","fonts","getWeights","spacing","getSpacing","getSize","getFamily","medium","getLabelFontColor","getColorBagdeNumber","getIcon","iconSize","h","iconName","getCounter","number","counter","class","getCheckIconRight","handleMouseEnter","handleMouseLeave","handleClick","e","preventDefault","onclick","emit","render","labelSize","labelSizes","Host","key","role","style","onClick","onMouseEnter","onMouseLeave","lineHeight","weight"],"sources":["src/components/buttons/cura-button-select/cura-button-select.scss?tag=cura-button-select&encapsulation=shadow","src/components/buttons/cura-button-select/cura-button-select.tsx"],"sourcesContent":["@import '../../../scss/mixins/buttons.scss';\n\n:host {\n @include button-host();\n\n button,\n a {\n @include button-element() {\n background-color: var(--neutral-purewhite);\n box-sizing: border-box;\n border: none;\n\n &::before {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0px;\n top: 0px;\n box-sizing: border-box;\n border: 2px solid var(--color-border);\n border-radius: var(--border-radius);\n }\n\n &:not(.disabled):hover {\n background-color: var(--color-background-hover);\n border-color: var(--color-border-hover-pressed);\n }\n\n &:focus {\n border-color: var(--color-border) !important;\n }\n }\n\n @include button-sizes();\n\n @include button-label();\n\n // Children Elements\n @include button-container() {\n flex-direction: row !important;\n\n .badge-number {\n margin-left: 10px;\n }\n }\n\n @include button-icon();\n\n // selected state\n @include button-selected() {\n background-color: var(--color-select);\n border-color: var(--color-select);\n\n &:not(.disabled):hover {\n background-color: var(--color-border-hover-pressed);\n border-color: var(--color-border-hover-pressed);\n }\n\n &:focus {\n border-color: var(--color-select-focus) !important;\n }\n\n &.disabled {\n background-color: var(--color-disable-select);\n border-color: var(--color-disable-select);\n }\n }\n\n // Disabled state\n @include button-disabled() {\n background-color: var(--neutral-white-primary-darker);\n border-color: var(--color-border-disable-unselect);\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { labelSizes } from '../cura-button.definitions';\n\n@Component({\n tag: 'cura-button-select',\n styleUrl: 'cura-button-select.scss',\n shadow: true,\n})\nexport class CuraButtonSelect {\n @Element() host: HTMLElement;\n\n @Prop({ reflect: true, mutable: true }) selected = false;\n @Prop({ reflect: true, mutable: true }) iconName: string;\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n @Prop({ reflect: true, mutable: true }) counter: number | null;\n @Prop({ reflect: true }) disabled: boolean;\n @Prop() background: 'dark' | 'light' = 'light';\n @Prop() color: string = 'primary';\n @Prop({ reflect: true }) iconPosition: 'left' | 'right';\n\n @State() hovered = false;\n @State() styles = {};\n\n @Event({ eventName: 'onclick' }) onclick: EventEmitter<{ selected: boolean }>;\n\n theme = window.CuraAPI.theme;\n\n weights;\n\n @Watch('background')\n @Watch('color')\n setColors() {\n const colors = [\n { name: '--color-border', thema: this.background === 'light' ? `${this.color}-darker` : 'neutral-white' },\n { name: '--color-border-hover-pressed', thema: this.background === 'light' ? `${this.color}-dark` : `${this.color}-light` },\n { name: '--color-background-hover', thema: this.background === 'light' ? `${this.color}-light` : `${this.color}-dark` },\n { name: '--color-select', thema: this.background === 'light' ? `${this.color}-base` : 'neutral-white' },\n { name: '--color-select-hover-pressed', thema: this.background === 'light' ? `${this.color}-dark` : `${this.color}-lighter` },\n { name: '--color-select-focus', thema: this.background === 'light' ? `${this.color}-base` : `${this.color}-lighter` },\n { name: '--color-disable-select', thema: this.background === 'light' ? 'neutral-white' : 'neutral-black' },\n { name: '--color-border-disable-unselect', thema: 'neutral-dark' },\n { name: '--color-counter-disabled', thema: this.background === 'light' ? 'neutral-pale' : 'neutral-black' },\n { name: '--color-counter', thema: !this.disabled && 'primary-lighter' },\n ];\n\n colors.forEach(color => (this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.thema)));\n this.styles = { ...this.styles };\n }\n\n getClasses() {\n const classes = {};\n classes[`${this.size?.toLowerCase()}`] = true;\n classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n classes['disabled'] = this.disabled;\n classes['selected'] = this.selected;\n return classes;\n }\n\n connectedCallback() {\n this.weights = window.CuraAPI.theme.fonts.getWeights();\n this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n this.styles['--font-weight-medium'] = this.weights.medium;\n this.setColors();\n }\n\n getLabelFontColor() {\n if (this.disabled) return 'neutral-dark';\n\n if (this.background === 'dark') {\n return this.selected ? 'neutral-black' : 'neutral-white';\n }\n if (this.background === 'light') {\n return this.selected ? 'neutral-white' : 'neutral-black';\n }\n }\n\n getColorBagdeNumber() {\n if (this.background === 'dark' && this.disabled) {\n return this.selected ? 'neutral-black' : 'neutral-dark';\n }\n\n if (this.background === 'light' && this.disabled) {\n return 'neutral-medium';\n }\n\n return `${this.color}-darker`;\n }\n\n getIcon() {\n const iconSize = this.size === 'large' ? 20 : 16;\n if (this.iconPosition === 'right') {\n return;\n }\n\n return <cura-icon name={this.iconName} size={iconSize} color={this.getLabelFontColor()} />;\n }\n\n getCounter() {\n return (\n <cura-badge-counter\n number={this.counter}\n color={this.color}\n disabled={this.disabled || null}\n class=\"badge-number\">\n </cura-badge-counter>\n );\n }\n\n getCheckIconRight() {\n const iconSize = this.size === 'large' ? 20 : 16;\n return <cura-icon name=\"check\" size={iconSize} color={this.getLabelFontColor()}></cura-icon>;\n }\n\n handleMouseEnter() {\n if (this.disabled) return;\n this.hovered = true;\n }\n\n handleMouseLeave() {\n this.hovered = false;\n }\n\n handleClick(e: Event) {\n if (this.disabled) e.preventDefault();\n this.selected = !this.selected;\n this.onclick.emit({ selected: this.selected });\n }\n\n render() {\n const labelSize = labelSizes[this.size] || labelSizes['default'];\n return (\n <Host role=\"button\"\n aria-disabled={this.disabled}\n aria-pressed={this.selected}>\n <button\n class={this.getClasses()}\n style={this.styles}\n disabled={this.disabled}\n onClick={e => this.handleClick(e)}\n onMouseEnter={() => this.handleMouseEnter()}\n onMouseLeave={() => this.handleMouseLeave()}\n >\n <div class=\"button-container\">\n {this.iconName ? this.getIcon() : null}\n <cura-label class=\"label\" size={labelSize} lineHeight=\"0%\" color={this.getLabelFontColor()} weight=\"regular\">\n <slot></slot>\n </cura-label>\n {this.counter ? this.getCounter() : null}\n {this.iconPosition === 'right' && this.selected ? this.getCheckIconRight() : null}\n </div>\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-5ed7ce95.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as a,c as t,h as e,H as i}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const s=":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 o=class{constructor(e){a(this,e);this.modalClose=t(this,"modalClose");this.open=false;this.background="light";this.top=0;this.bottom=0;this.left=0;this.right=0;this.mobileCloseLabel="Fechar";this.canClose=true;this.zindex="100";this.styles={};this.handleCloseOnEsc=a=>{if(a.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 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 e(i,{key:"a6f81dd34ff6bea8c00a6ea08ba2967d8b37890b",role:"dialog","aria-modal":"true",style:{"--zIndex":this.zindex}},e("div",{key:"87c8a89c0ae261fd6d8ed8259ed4a18b92a6bf55",class:this.open?"modal container open":"modal container",style:this.styles},e("div",{key:"1377054aaf87f31e2f27a32b813f21a3227a0679",class:this.open?"modal backdrop open":"modal backdrop",onClick:this.canClose?this.handleClose:undefined}),e("div",{key:"b8764e38f17fc18f6390b1454f73adc5b0f28024",class:"wrapper"},this.canClose&&e("div",{key:"e3b741e2885d879368b041c0da3ffa8ff1f6b1c4",class:"close desktop"},e("cura-button-transparent",{key:"5c85f8cb21415741e3af4ab8833b031597faed50",iconName:"close",color:"error",size:"small",onClick:this.handleClose,iconOnly:true})),e("slot",{key:"fd0b51474b2fc973ad1dd6b626f42726e0972afb"}),this.canClose&&e("div",{key:"da7b3e03af84967a38f398cde77495d6baa8af35",class:"close mobile",onClick:this.handleClose},e("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"]}}};o.style=s;export{o as cura_modal};
2	- //# sourceMappingURL=p-5ed7ce95.entry.js.map

package/dist/cura/p-5ed7ce95.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaModalCss","CuraModal","constructor","hostRef","this","open","background","top","bottom","left","right","mobileCloseLabel","canClose","zindex","styles","handleCloseOnEsc","evt","key","modalClose","emit","handleClose","setColors","backgroundTheme","dark","window","CuraAPI","theme","colors","getColor","light","Object","assign","setOffset","name","value","setTop","setBottom","setLeft","setRight","connectedCallback","spacing","getSpacing","disconnectedCallback","removeEventListener","componentDidLoad","addEventListener","render","h","Host","role","style","class","onClick","undefined","iconName","color","size","iconOnly"],"sources":["src/components/cura-modal/cura-modal.scss?tag=cura-modal&encapsulation=shadow","src/components/cura-modal/cura-modal.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/spacing.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/animations.scss';\n\n:host {\n display: block;\n}\n\n.modal {\n position: fixed;\n height: 100%;\n width: 100%;\n top: var(--top-offset);\n bottom: var(--bottom-offset);\n left: var(--left-offset);\n right: var(--right-offset);\n z-index: -1;\n margin-top: var(--offset-top);\n\n &.open {\n z-index: var(--zIndex);\n\n .backdrop,\n .wrapper {\n opacity: 1;\n visibility: visible;\n animation: fadeIn 0.3s ease-out;\n }\n }\n}\n\n.container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.backdrop,\n.wrapper {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.backdrop {\n background-color: var(--background-color);\n z-index: calc(var(--zIndex) - 10);\n animation: fadeIn 0.3s ease-out;\n}\n\n.wrapper {\n position: fixed;\n background-color: var(--neutral-purewhite);\n border: 2px solid var(--neutral-light);\n border-radius: #{$spacing-xxxs};\n max-width: 600px;\n min-width: 200px;\n padding: calc(#{$spacing-tiny} / 2) #{$spacing-xxs} #{$spacing-xxs} #{$spacing-xxs};\n z-index: var(--zIndex);\n\n @include shadow-level4();\n\n transform: scale(0.95);\n transition: transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease;\n\n ::slotted(*) {\n max-height: 80vh;\n overflow: auto;\n padding-right: #{$spacing-xs};\n }\n}\n\n.modal.open .wrapper {\n transform: scale(1);\n opacity: 1;\n visibility: visible;\n}\n\n.close {\n justify-self: flex-end;\n padding-top: #{$spacing-xxs};\n background: none;\n border: none;\n cursor: pointer;\n\n &.mobile {\n display: none;\n }\n\n &.desktop {\n display: flex;\n padding: 0;\n margin-right: -8px;\n }\n}\n\n@include mobile-only() {\n .wrapper {\n position: fixed;\n bottom: #{$spacing-none};\n width: 80%;\n padding-top: #{$spacing-xxs};\n padding-bottom: #{$spacing-none};\n border-radius: #{$spacing-xxxs} #{$spacing-xxxs} #{$spacing-none} #{$spacing-none};\n border-bottom: none;\n }\n\n .close {\n align-items: center;\n border-top: 1px dashed var(--neutral-light);\n margin-top: #{$spacing-xxs};\n padding: #{$spacing-mini} #{$spacing-none};\n justify-content: center;\n width: 100%;\n\n &.mobile {\n display: flex;\n gap: #{$spacing-mini};\n }\n\n &.desktop {\n display: none;\n }\n }\n}\n\n@include fadeIn();\n@include fadeOut();\n","import { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-modal',\n styleUrl: 'cura-modal.scss',\n shadow: true,\n})\nexport class CuraModal {\n /**\n * Property open to control modal visibility.\n * Default: false\n */\n @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n /**\n * Property background to control modal backdrop color.\n * Default: light\n */\n @Prop() background?: 'dark' | 'light' = 'light';\n /**\n * Property top to control modal top position.\n * Default: 0px\n */\n @Prop() top?: number = 0;\n /**\n * Property bottom to control modal bottom position.\n * Default: 0px\n */\n @Prop() bottom?: number = 0;\n /**\n * Property left to control modal left position.\n * Default: 0px\n */\n @Prop() left?: number = 0;\n /**\n * Property right to control modal right position.\n * Default: 0px\n */\n @Prop() right?: number = 0;\n /**\n * Defines the label for the close button when the modal is viewed on mobile.\n * Default: Fechar\n */\n @Prop({ reflect: true }) mobileCloseLabel: string = 'Fechar';\n /**\n * Controls whether the modal can be closed. When false, hides all close buttons and prevents closing via backdrop click or ESC key.\n * Default: true\n */\n @Prop({ reflect: true }) canClose: boolean = true;\n /**\n * Property zindex to control the z-index value of the component.\n * Default: 100\n */\n @Prop({ reflect: true }) zindex: string = '100';\n /**\n * Event close to handle modal close.\n */\n @Event({ eventName: 'modalClose' }) modalClose: EventEmitter<void>;\n\n @State() styles = {};\n\n @Watch('background')\n setColors() {\n const backgroundTheme = {\n dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),\n light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),\n };\n\n this.styles = {\n ...this.styles,\n '--background-color': backgroundTheme[this.background],\n };\n }\n\n setOffset(name: string, value: number) {\n this.styles = {\n ...this.styles,\n [`--${name}-offset`]: `${value}px`,\n };\n }\n\n @Watch('top')\n setTop() {\n this.setOffset('top', this.top);\n }\n\n @Watch('bottom')\n setBottom() {\n this.setOffset('bottom', this.bottom);\n }\n\n @Watch('left')\n setLeft() {\n this.setOffset('left', this.left);\n }\n\n @Watch('right')\n setRight() {\n this.setOffset('right', this.right);\n }\n\n handleCloseOnEsc = (evt: KeyboardEvent) => {\n if (evt.key !== 'Escape' || !this.open || !this.canClose) {\n return;\n }\n\n this.open = false;\n this.modalClose.emit();\n };\n\n connectedCallback() {\n this.styles = {\n ...this.styles,\n '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'),\n '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n };\n this.setColors();\n this.setTop();\n this.setBottom();\n this.setLeft();\n this.setRight();\n }\n\n private handleClose = () => {\n if (!this.canClose) {\n return;\n }\n this.modalClose.emit();\n this.open = false;\n };\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.handleCloseOnEsc);\n }\n\n componentDidLoad() {\n window.addEventListener('keydown', this.handleCloseOnEsc);\n }\n\n render() {\n return (\n <Host role=\"dialog\" aria-modal=\"true\" style={{ '--zIndex': this.zindex }}>\n <div class={this.open ? 'modal container open' : 'modal container'} style={this.styles}>\n <div class={this.open ? 'modal backdrop open' : 'modal backdrop'} onClick={this.canClose ? this.handleClose : undefined}></div>\n <div class=\"wrapper\">\n {/* Desktop button */}\n {this.canClose && (\n <div class=\"close desktop\">\n <cura-button-transparent iconName=\"close\" color=\"error\" size=\"small\" onClick={this.handleClose} iconOnly></cura-button-transparent>\n </div>\n )}\n <slot></slot>\n {/* Mobile button */}\n {this.canClose && (\n <div class=\"close mobile\" onClick={this.handleClose}>\n <cura-button-transparent color=\"error\" iconName=\"close\" size=\"small\">\n {this.mobileCloseLabel}\n </cura-button-transparent>\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"iFAAA,MAAMA,EAAe,ypE,MCORC,EAAS,MALtB,WAAAC,CAAAC,G,+CAU0CC,KAAIC,KAAa,MAKjDD,KAAUE,WAAsB,QAKhCF,KAAGG,IAAY,EAKfH,KAAMI,OAAY,EAKlBJ,KAAIK,KAAY,EAKhBL,KAAKM,MAAY,EAKAN,KAAgBO,iBAAW,SAK3BP,KAAQQ,SAAY,KAKpBR,KAAMS,OAAW,MAMjCT,KAAMU,OAAG,GA0ClBV,KAAAW,iBAAoBC,IAClB,GAAIA,EAAIC,MAAQ,WAAab,KAAKC,OAASD,KAAKQ,SAAU,CACxD,M,CAGFR,KAAKC,KAAO,MACZD,KAAKc,WAAWC,MAAM,EAiBhBf,KAAWgB,YAAG,KACpB,IAAKhB,KAAKQ,SAAU,CAClB,M,CAEFR,KAAKc,WAAWC,OAChBf,KAAKC,KAAO,KAAK,CAqCpB,CAxGC,SAAAgB,GACE,MAAMC,EAAkB,CACtBC,KAAMC,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,gBAAiB,IAC5DC,MAAOL,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBAAkB,KAGhExB,KAAKU,OAAMgB,OAAAC,OAAAD,OAAAC,OAAA,GACN3B,KAAKU,QACR,sBAAsBQ,EAAgBlB,KAAKE,a,CAI/C,SAAA0B,CAAUC,EAAcC,GACtB9B,KAAKU,OAAMgB,OAAAC,OAAAD,OAAAC,OAAA,GACN3B,KAAKU,QACR,EAAC,KAAKmB,YAAgB,GAAGC,O,CAK7B,MAAAC,GACE/B,KAAK4B,UAAU,MAAO5B,KAAKG,I,CAI7B,SAAA6B,GACEhC,KAAK4B,UAAU,SAAU5B,KAAKI,O,CAIhC,OAAA6B,GACEjC,KAAK4B,UAAU,OAAQ5B,KAAKK,K,CAI9B,QAAA6B,GACElC,KAAK4B,UAAU,QAAS5B,KAAKM,M,CAY/B,iBAAA6B,GACEnC,KAAKU,OACAgB,OAAAC,OAAAD,OAAAC,OAAA,GAAA3B,KAAKU,QAAM,CACd,sBAAuBU,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,qBAC5D,kBAAmBJ,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBACxD,iBAAkBJ,OAAOC,QAAQC,MAAMc,QAAQC,eAEjDrC,KAAKiB,YACLjB,KAAK+B,SACL/B,KAAKgC,YACLhC,KAAKiC,UACLjC,KAAKkC,U,CAWP,oBAAAI,GACElB,OAAOmB,oBAAoB,UAAWvC,KAAKW,iB,CAG7C,gBAAA6B,GACEpB,OAAOqB,iBAAiB,UAAWzC,KAAKW,iB,CAG1C,MAAA+B,GACE,OACEC,EAACC,EAAI,CAAA/B,IAAA,2CAACgC,KAAK,SAAoB,oBAAOC,MAAO,CAAE,WAAY9C,KAAKS,SAC9DkC,EAAA,OAAA9B,IAAA,2CAAKkC,MAAO/C,KAAKC,KAAO,uBAAyB,kBAAmB6C,MAAO9C,KAAKU,QAC9EiC,EAAA,OAAA9B,IAAA,2CAAKkC,MAAO/C,KAAKC,KAAO,sBAAwB,iBAAkB+C,QAAShD,KAAKQ,SAAWR,KAAKgB,YAAciC,YAC9GN,EAAK,OAAA9B,IAAA,2CAAAkC,MAAM,WAER/C,KAAKQ,UACJmC,EAAK,OAAA9B,IAAA,2CAAAkC,MAAM,iBACTJ,EAAyB,2BAAA9B,IAAA,2CAAAqC,SAAS,QAAQC,MAAM,QAAQC,KAAK,QAAQJ,QAAShD,KAAKgB,YAAaqC,SAAmC,QAGvIV,EAAa,QAAA9B,IAAA,6CAEZb,KAAKQ,UACJmC,EAAK,OAAA9B,IAAA,2CAAAkC,MAAM,eAAeC,QAAShD,KAAKgB,aACtC2B,EAAyB,2BAAA9B,IAAA,2CAAAsC,MAAM,QAAQD,SAAS,QAAQE,KAAK,SAC1DpD,KAAKO,qB","ignoreList":[]}

package/dist/cura/p-7586fd07.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as e,H as r,a as s}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const i=":host{display:block;box-sizing:border-box;width:100%}cura-heading{--margin-block:0 !important}.container{display:flex}.compact{display:flex;padding:0px;justify-content:space-between;align-items:center}.compact .heading{text-align:right}.stepper-list{gap:4px;display:flex;flex-shrink:0;align-items:center;padding:0;flex:1;width:100%;justify-content:space-between}.step{display:flex;align-items:center;flex-direction:row;flex:1;gap:4px}.step .wrapper{flex:1;position:relative}.step .divider{background-color:var(--neutral-light);height:2px;flex:1;transition:all 1s}.step .animation{position:absolute;top:0;left:0;right:0;width:var(--progress-width)}.step .done{background-color:var(--success-light)}.step .stop{background-color:var(--error-light)}.step .active{background-color:var(--info-light)}.last{flex:0}";const o=class{constructor(e){t(this,e);this.errorInCurrentStep=false;this.displayHeading=false;this.variant="default";this.steps=[];this.styles={};this.stepList=[]}connectedCallback(){this.initializeSteps();const{fonts:t,colors:e,spacing:r}=window.CuraAPI.theme;const s=t.getWeights();this.styles=this.generateStyles(e,t,r,s)}generateStyles(t,e,r,s){return{"--base-spacing":r.getSpacing(),"--neutral-purewhite":t.getColor("neutral-purewhite"),"--neutral-lighter":t.getColor("neutral-lighter"),"--neutral-base":t.getColor("neutral-base"),"--neutral-light":t.getColor("neutral-light"),"--success-light":t.getColor("success-light"),"--info-light":t.getColor("info-light"),"--error-light":t.getColor("error-light"),"--font-size":e.getSize(),"--font-color":e.getColor(),"--font-family":e.getFamily(),"--font-weight-regular":s.regular}}initializeSteps(){if(typeof this.steps==="string"){this.stepList=JSON.parse(this.steps\|\|"[]")}else{this.stepList=this.steps}}getStepStatus(t){if(this.activeStepIndex===t&&this.errorInCurrentStep)return"stop";if(this.activeStepIndex===t&&this.stepList.length!==t)return"active";if(this.activeStepIndex>=t)return"done";return"default"}getProgressStyles(){const t={default:{progressColor:"var(--info-light)",activeStepTextColor:"info-darker",nextStepTextColor:"info-dark"},firstStep:{progressColor:"var(--info-light)",activeStepTextColor:"neutral-dark",nextStepTextColor:"neutral-medium"},completed:{progressColor:"var(--success-light)",activeStepTextColor:"success-darker",nextStepTextColor:"success-dark"},error:{progressColor:"var(--error-light)",activeStepTextColor:"error-darker",nextStepTextColor:"error-dark"}};if(this.errorInCurrentStep){return t.error}if(this.activeStepIndex===0){return t.firstStep}if(this.activeStepIndex===this.stepList.length){return t.completed}return t.default}renderCompactStepper(){var t;const r=this.activeStepIndex===0?this.stepList[this.activeStepIndex].title:this.stepList[this.activeStepIndex-1].title;const s=this.activeStepIndex===0?this.stepList[this.activeStepIndex+1].title:(t=this.stepList[this.activeStepIndex])===null\|\|t===void 0?void 0:t.title;const i=this.activeStepIndex===this.stepList.length;const o=!(i\|\|this.errorInCurrentStep);const{progressColor:a,activeStepTextColor:l,nextStepTextColor:n}=this.getProgressStyles();const c=this.activeStepIndex*100/this.stepList.length;return e("div",{class:"container compact",style:this.styles},e("cura-progress-bar",{progress:c,progressColor:a,active:this.activeStepIndex!==0},!o?e("cura-icon",{name:this.errorInCurrentStep?"alertCircle":"checkCircle",color:this.errorInCurrentStep?"error-dark":"success-dark",size:"16"}):e("cura-heading",{color:"neutral-dark",size:"xsmall"},this.activeStepIndex,"/",this.stepList.length)),this.displayHeading&&e("div",{class:"heading"},e("cura-heading",{size:"small",weight:"bold",color:l},r),!i&&e("cura-heading",{size:"xsmall",weight:"regular",color:n},"Próximo: ",s)))}renderStep(t,r){const s=this.getStepStatus(r+1);const i=r===this.stepList.length-1;const o=s!=="default"?"100%":"0";return e("div",{class:`step ${i?"last":""}`,key:t.title},e("cura-stepper-item",{heading:t.title,label:t.label,displayHeading:this.displayHeading,status:s}),r<this.stepList.length-1&&e("div",{class:"wrapper"},e("div",{class:"divider"}),e("div",{class:`divider ${s} animation`,style:{"--progress-width":o}})))}renderStepper(){return e("div",{class:"container",style:this.styles},e("div",{class:"stepper-list"},this.stepList.map(((t,e)=>this.renderStep(t,e)))))}render(){return e(r,{key:"6593f8a294abd6f729cbf493e3a773f358c10cf7"},this.variant==="default"?this.renderStepper():this.renderCompactStepper())}get host(){return s(this)}};o.style=i;export{o as cura_stepper};
2	- //# sourceMappingURL=p-7586fd07.entry.js.map

package/dist/cura/p-7586fd07.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaStepperCss","CuraStepper","constructor","hostRef","this","errorInCurrentStep","displayHeading","variant","steps","styles","stepList","connectedCallback","initializeSteps","fonts","colors","spacing","window","CuraAPI","theme","weights","getWeights","generateStyles","getSpacing","getColor","getSize","getFamily","regular","JSON","parse","getStepStatus","step","activeStepIndex","length","getProgressStyles","progressStyles","default","progressColor","activeStepTextColor","nextStepTextColor","firstStep","completed","error","renderCompactStepper","title","subtitle","_a","inProgress","progress","h","class","style","active","name","color","size","weight","renderStep","stepIndex","stepStatus","lastStep","progressWidth","key","heading","label","status","renderStepper","map","render","Host"],"sources":["src/components/cura-stepper/cura-stepper.scss?tag=cura-stepper&encapsulation=shadow","src/components/cura-stepper/cura-stepper.tsx"],"sourcesContent":[":host {\n display: block;\n box-sizing: border-box;\n width: 100%;\n}\n\ncura-heading { \n --margin-block: 0 !important;\n}\n\n.container {\n display: flex;\n}\n\n.compact {\n display: flex;\n padding: 0px;\n justify-content: space-between;\n align-items: center;\n\n .heading{\n text-align: right;\n }\n}\n\n.stepper-list {\n gap: 4px;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n padding: 0;\n flex: 1;\n width: 100%;\n justify-content: space-between;\n}\n\n.step{\n display: flex;\n align-items: center;\n flex-direction: row;\n flex: 1;\n gap: 4px;\n\n .wrapper {\n flex: 1;\n position: relative;\n }\n\n .divider{\n background-color: var(--neutral-light);\n height: 2px;\n flex: 1;\n\n transition: all 1s;\n }\n\n .animation {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n width: var(--progress-width);\n }\n\n .done{\n background-color: var(--success-light);\n }\n\n .stop{\n background-color: var(--error-light);\n }\n\n .active{\n background-color: var(--info-light);\n }\n}\n\n.last{\n flex: 0;\n}\n","import { Component, Host, State, h, Element, Prop } from '@stencil/core';\nimport { Step } from './stepper.type';\n\n@Component({\n tag: 'cura-stepper',\n styleUrl: 'cura-stepper.scss',\n shadow: true,\n})\nexport class CuraStepper {\n /**\n * The current active step index\n */\n @Prop({ reflect: true }) activeStepIndex: number;\n\n /**\n * Indicates if a step has encountered an error\n * If `true`, the current step will be marked as 'stop'\n */\n @Prop({ reflect: true }) errorInCurrentStep: boolean = false;\n\n /**\n * Whether to display the title (default: false)\n */\n @Prop({ reflect: true }) displayHeading: boolean = false;\n\n /**\n * Allows you to set the appearance of the component (default: default)\n */\n @Prop({ reflect: true }) variant: 'compact' | 'default' = 'default';\n\n /**\n * List of steps in the stepper.\n */\n @Prop() steps: Step[] | string = [];\n /**\n * Reference to the host element.\n */\n @Element() host: HTMLElement;\n\n @State() styles = {};\n\n /**\n * Array of steps in the stepper.\n *\n * @type {Date[]}\n * @default []\n */\n @State() stepList: Step[] = [];\n\n connectedCallback() {\n this.initializeSteps();\n\n const { fonts, colors, spacing } = window.CuraAPI.theme;\n const weights = fonts.getWeights();\n\n this.styles = this.generateStyles(colors, fonts, spacing, weights);\n }\n\n generateStyles(colors, fonts, spacing, weights) {\n return {\n '--base-spacing': spacing.getSpacing(),\n '--neutral-purewhite': colors.getColor('neutral-purewhite'),\n '--neutral-lighter': colors.getColor('neutral-lighter'),\n '--neutral-base': colors.getColor('neutral-base'),\n '--neutral-light': colors.getColor('neutral-light'),\n '--success-light': colors.getColor('success-light'),\n '--info-light': colors.getColor('info-light'),\n '--error-light': colors.getColor('error-light'),\n '--font-size': fonts.getSize(),\n '--font-color': fonts.getColor(),\n '--font-family': fonts.getFamily(),\n '--font-weight-regular': weights.regular,\n };\n }\n\n initializeSteps() {\n if (typeof this.steps === 'string') {\n this.stepList = JSON.parse(this.steps || '[]');\n } else {\n this.stepList = this.steps;\n }\n }\n\n getStepStatus(step: number): 'done' | 'stop' | 'active' | 'default' {\n if (this.activeStepIndex === step && this.errorInCurrentStep) return 'stop';\n if (this.activeStepIndex === step && this.stepList.length !== step) return 'active';\n if (this.activeStepIndex >= step) return 'done';\n\n return 'default';\n }\n\n getProgressStyles() {\n const progressStyles = {\n default: {\n progressColor: 'var(--info-light)',\n activeStepTextColor: 'info-darker',\n nextStepTextColor: 'info-dark',\n },\n firstStep: {\n progressColor: 'var(--info-light)',\n activeStepTextColor: 'neutral-dark',\n nextStepTextColor: 'neutral-medium',\n },\n completed: {\n progressColor: 'var(--success-light)',\n activeStepTextColor: 'success-darker',\n nextStepTextColor: 'success-dark',\n },\n error: {\n progressColor: 'var(--error-light)',\n activeStepTextColor: 'error-darker',\n nextStepTextColor: 'error-dark',\n },\n };\n\n if (this.errorInCurrentStep) {\n return progressStyles.error;\n }\n\n if (this.activeStepIndex === 0) {\n return progressStyles.firstStep;\n }\n\n if (this.activeStepIndex === this.stepList.length) {\n return progressStyles.completed;\n }\n\n return progressStyles.default;\n }\n\n renderCompactStepper() {\n const title = this.activeStepIndex === 0 ? this.stepList[this.activeStepIndex].title : this.stepList[this.activeStepIndex - 1].title;\n const subtitle = this.activeStepIndex === 0 ? this.stepList[this.activeStepIndex + 1].title : this.stepList[this.activeStepIndex]?.title;\n const completed = this.activeStepIndex === this.stepList.length;\n const inProgress = !(completed || this.errorInCurrentStep);\n const { progressColor, activeStepTextColor, nextStepTextColor } = this.getProgressStyles();\n\n // Representa a porcentagem de progresso (step atual / quantidade de steps;)\n const progress = (this.activeStepIndex * 100) / this.stepList.length;\n\n return (\n <div class=\"container compact\" style={this.styles}>\n <cura-progress-bar progress={progress} progressColor={progressColor} active={this.activeStepIndex !== 0}>\n {!inProgress ? (\n <cura-icon name={this.errorInCurrentStep ? 'alertCircle' : 'checkCircle'} color={this.errorInCurrentStep ? 'error-dark' : 'success-dark'} size=\"16\"></cura-icon>\n ) : (\n <cura-heading color=\"neutral-dark\" size=\"xsmall\">\n {this.activeStepIndex}/{this.stepList.length}\n </cura-heading>\n )}\n </cura-progress-bar>\n {this.displayHeading && (\n <div class=\"heading\">\n <cura-heading size=\"small\" weight=\"bold\" color={activeStepTextColor}>\n {title}\n </cura-heading>\n {!completed && (\n <cura-heading size=\"xsmall\" weight=\"regular\" color={nextStepTextColor}>\n Próximo: {subtitle}\n </cura-heading>\n )}\n </div>\n )}\n </div>\n );\n }\n\n renderStep(step: Step, stepIndex: number) {\n const stepStatus = this.getStepStatus(stepIndex + 1);\n const lastStep = stepIndex === this.stepList.length - 1;\n const progressWidth = stepStatus !== 'default' ? '100%' : '0';\n\n return (\n <div class={`step ${lastStep ? 'last' : ''}`} key={step.title}>\n <cura-stepper-item heading={step.title} label={step.label} displayHeading={this.displayHeading} status={stepStatus}></cura-stepper-item>\n {stepIndex < this.stepList.length - 1 && (\n <div class=\"wrapper\">\n <div class=\"divider\" />\n <div class={`divider ${stepStatus} animation`} style={{ '--progress-width': progressWidth }} />\n </div>\n )}\n </div>\n );\n }\n renderStepper() {\n return (\n <div class=\"container\" style={this.styles}>\n <div class=\"stepper-list\">{this.stepList.map((step, stepIndex) => this.renderStep(step, stepIndex))}</div>\n </div>\n );\n }\n\n render() {\n return <Host>{this.variant === 'default' ? this.renderStepper() : this.renderCompactStepper()}</Host>;\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-76603652.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as i,H as a}from"./p-PPMZr_VE.js";import{i as r}from"./p-sjLA93YY.js";import"./p-BPKQjAwN.js";var c=["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 t=':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 l=class{constructor(i){e(this,i);this.sizes=Object.keys(r).filter((e=>e!=="default"));this.colors=["primary","secondary","accent","info","warning","error","success","neutral"];this.selected=c[0];this.setSelected=e=>{this.selected=e}}connectedCallback(){this.sizes.unshift(this.sizes.pop())}render(){return i(a,{key:"08ac6235b9218c2202cd4957bb78100216b5b680"},i("div",{key:"71856330d5f050d46b83c06125d29a235532bf98",class:"iconDetail"},i("cura-heading",{key:"2520247cde8d71b1a31ce028c4525b04e6302bf1",size:"small","margin-block":"0 24px"},"Icon: ",i("b",{key:"5cf48d96ed36dd5514357c65b0ec8c9f137bb1e4"},this.selected)),i("div",{key:"7eda1e7db5efc89abb583631a5e959e31397684f",class:"iconSizes"},this.sizes.map((e=>i("div",{class:"size"},i("cura-icon",{name:this.selected,size:e}),i("span",null,e))))),i("div",{key:"f443dab7e85fe89a207da8fbefb024b0c22fa084",class:"iconSizes invert"},this.sizes.map((e=>i("div",{class:"size"},i("cura-icon",{name:this.selected,size:e,color:"neutral-white"}),i("span",null,e)))))),i("div",{key:"5ea3b71259ae5454297a94aef4ce1e154c968512",class:"icons"},c.map((e=>i("div",{class:{icon:true,selected:e===this.selected},onClick:()=>this.setSelected(e)},i("cura-icon",{name:e,size:"32",color:e===this.selected?"accent-dark":"neutral-dark"}),i("cura-label",{size:"xsmall",weight:e===this.selected?"bold":"regular",color:e===this.selected?"accent-dark":"neutral-dark"},e))))))}};l.style=t;export{l as cura_icons_view};
2	- //# sourceMappingURL=p-76603652.entry.js.map

package/dist/cura/p-76603652.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["iconsetdefaulticons","curaIconsViewCss","CuraIconsView","constructor","hostRef","this","sizes","Object","keys","iconSizes","filter","key","colors","selected","setSelected","icon","connectedCallback","unshift","pop","render","h","Host","class","size","map","name","color","onClick","weight"],"sources":["src/assets/icons/iconset-default-list.ts","src/components/cura-icons-view/cura-icons-view.scss?tag=cura-icons-view&encapsulation=shadow","src/components/cura-icons-view/cura-icons-view.tsx"],"sourcesContent":["export default [\"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\"];",":host {\n display: block;\n padding: 24px;\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\n}\n\n.iconDetail {\n display: block;\n}\n\n.iconSizes {\n display: flex;\n align-items: center;\n\n\n .size {\n display: flex;\n flex-direction: column;\n text-align: center;\n align-items: center;\n margin-right: 9px;\n padding: 8px;\n\n &:last-child { margin-right: 0; }\n span {\n font-size: 10px;\n margin: 8px 0;\n }\n }\n\n &.invert {\n margin-top: 12px;\n\n .size {\n background-color: #2d2d2d;\n color: #F6F6F6;\n border-radius: 3px;\n }\n }\n}\n\n.icons {\n margin-top: 28px;\n display: flex;\n flex-wrap: wrap;\n position: relative;\n\n .icon {\n position: relative;\n padding: 4px;\n cursor: pointer;\n opacity: .6;\n transition: opacity .2s linear;\n width: 105px;\n display: flex;\n flex-direction: column;\n text-align: center;\n align-items: center;\n margin-bottom: 16px;\n box-sizing: border-box;\n cura-label {\n margin-top: 8px;\n }\n cura-paragraph {\n margin-top: 4px;\n }\n /* &.selected {\n transform: scale(1.2);\n } */\n }\n}\n\n","import { Component, Host, h, State } from '@stencil/core';\nimport iconsetdefaulticons from '../../assets/icons/iconset-default-list';\nimport { iconSizes } from '../cura-icon/cura-icon.definitions';\n\n@Component({\n tag: 'cura-icons-view',\n styleUrl: 'cura-icons-view.scss',\n shadow: true,\n})\nexport class CuraIconsView {\n\n sizes = Object.keys(iconSizes).filter(key => key !== 'default');\n colors = ['primary', 'secondary', 'accent', 'info', 'warning', 'error', 'success', 'neutral'];\n @State() selected = iconsetdefaulticons[0];\n\n connectedCallback() {\n this.sizes.unshift(this.sizes.pop());\n }\n\n setSelected = (icon) => {\n this.selected = icon;\n }\n\n render() {\n return (\n <Host>\n <div class=\"iconDetail\">\n <cura-heading size=\"small\" margin-block=\"0 24px\">Icon: <b>{ this.selected }</b></cura-heading>\n <div class=\"iconSizes\">\n { this.sizes.map( size =>\n <div class=\"size\">\n <cura-icon name={this.selected} size={size}></cura-icon>\n <span>{ size }</span>\n </div>\n )}\n </div>\n <div class=\"iconSizes invert\">\n { this.sizes.map( size =>\n <div class=\"size\">\n <cura-icon name={this.selected} size={size} color=\"neutral-white\"></cura-icon>\n <span>{ size }</span>\n </div>\n )}\n </div>\n </div>\n <div class=\"icons\">\n { iconsetdefaulticons.map(icon =>\n <div class={{icon: true, selected: icon === this.selected }} onClick={() => this.setSelected(icon)}>\n <cura-icon\n name={icon}\n size=\"32\"\n color={icon === this.selected ? 'accent-dark' : 'neutral-dark'}></cura-icon>\n <cura-label\n size=\"xsmall\"\n weight={icon === this.selected ? 'bold' : 'regular'}\n color={icon === this.selected ? 'accent-dark' : 'neutral-dark'}>{icon}</cura-label>\n </div>\n )}\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-76cbb798.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,h as t,H as o}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const e=':host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container::before{width:100%;height:100%;position:absolute;left:0;top:0;content:"";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled::before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline::before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled::before{border:2px solid var(--neutral-medium)}:host .container.transparent::before{background:var(--color-dark);border:none}:host .container.transparent.disabled::before{background:var(--neutral-medium);border:none}';const a=class{constructor(t){r(this,t);this.theme=window.CuraAPI.theme;this.color="primary";this.disabled=false;this.type="solid";this.styles={}}connectedCallback(){this.styles["--base-spacing"]=this.theme.spacing.getSpacing();this.styles["--neutral-medium"]=this.theme.colors.getColor("neutral-dark");this.styles["--neutral-pale"]=this.theme.colors.getColor("neutral-pale");this.setColors()}setColors(){this.styles=Object.assign(Object.assign({},this.styles),{"--color":this.theme.colors.getColor(`${this.color}`),"--color-dark":this.theme.colors.getColor(`${this.color}-dark`)})}getClasses(){const r={container:true,disabled:this.disabled};r[`${this.type}`]=true;return r}render(){return t(o,{key:"00e335977fbb0677db9d95bab901a012ba8a5c06"},t("div",{key:"e828743793731c986f37dd6a9f7abdc78b63932b",class:this.getClasses(),style:this.styles}))}};a.style=e;export{a as cura_badge_dot};
2	- //# sourceMappingURL=p-76cbb798.entry.js.map

package/dist/cura/p-76cbb798.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaBadgeDotCss","CuraBadgeDot","constructor","hostRef","this","theme","window","CuraAPI","color","disabled","type","styles","connectedCallback","spacing","getSpacing","colors","getColor","setColors","Object","assign","getClasses","classes","container","render","h","Host","key","class","style"],"sources":["src/components/badges/cura-badge-dot/cura-badge-dot.scss?tag=cura-badge-dot&encapsulation=shadow","src/components/badges/cura-badge-dot/cura-badge-dot.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n display: block;\n position: relative;\n width: fit-content;\n height: fit-content;\n\n .container {\n width: #{$spacing-mini};\n height: #{$spacing-mini};\n position: relative;\n box-sizing: border-box;\n\n &::before {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n content: \"\";\n box-sizing: border-box;\n border-radius: 50%;\n border: 1px solid var(--color-dark);\n background: var(--color);\n }\n\n &.disabled::before {\n background: var(--neutral-pale);\n border: 1px solid var(--neutral-medium);\n }\n\n &.outline::before {\n background: transparent;\n border: 2px solid var(--color);\n }\n &.outline.disabled::before {\n border: 2px solid var(--neutral-medium);\n }\n\n &.transparent::before {\n background: var(--color-dark);\n border: none;\n }\n &.transparent.disabled::before {\n background: var(--neutral-medium);\n border: none;\n }\n\n }\n}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'cura-badge-dot',\n styleUrl: 'cura-badge-dot.scss',\n shadow: true,\n})\nexport class CuraBadgeDot {\n\n theme = window.CuraAPI.theme;\n\n /**\n * Cor fundamental do design system sem profundidade.\n * Ex.: primary (padrão)\n */\n @Prop() color: string = 'primary';\n /**\n * Define o estado do badge como desabilitado ou habilitado.\n */\n @Prop({reflect: true}) disabled: boolean = false;\n /**\n * Define o estilo visual entre solid (default), outline ou transparent.\n */\n @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n @State() styles = {};\n\n\n connectedCallback() {\n this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n this.styles['--neutral-medium'] = this.theme.colors.getColor('neutral-dark');;\n this.styles['--neutral-pale'] = this.theme.colors.getColor('neutral-pale');;\n this.setColors();\n }\n\n setColors() {\n this.styles = {\n ...this.styles,\n '--color': this.theme.colors.getColor(`${this.color}`),\n '--color-dark': this.theme.colors.getColor(`${this.color}-dark`)\n }\n }\n\n getClasses() {\n const classes = {\n 'container': true,\n 'disabled': this.disabled\n };\n classes[`${this.type}`] = true;\n return classes;\n }\n\n render() {\n return (\n <Host>\n <div class={this.getClasses()} style={this.styles}></div>\n </Host>\n );\n }\n}\n"],"mappings":"qEAAA,MAAMA,EAAkB,m1B,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UAOEC,KAAAC,MAAQC,OAAOC,QAAQF,MAMfD,KAAKI,MAAW,UAIDJ,KAAQK,SAAY,MAIpBL,KAAIM,KAAiD,QAEnEN,KAAMO,OAAG,EAkCnB,CA/BC,iBAAAC,GACER,KAAKO,OAAO,kBAAoBP,KAAKC,MAAMQ,QAAQC,aACnDV,KAAKO,OAAO,oBAAsBP,KAAKC,MAAMU,OAAOC,SAAS,gBAC7DZ,KAAKO,OAAO,kBAAoBP,KAAKC,MAAMU,OAAOC,SAAS,gBAC3DZ,KAAKa,W,CAGP,SAAAA,GACEb,KAAKO,OAAMO,OAAAC,OAAAD,OAAAC,OAAA,GACNf,KAAKO,QAAM,CACd,UAAWP,KAAKC,MAAMU,OAAOC,SAAS,GAAGZ,KAAKI,SAC9C,eAAgBJ,KAAKC,MAAMU,OAAOC,SAAS,GAAGZ,KAAKI,e,CAIvD,UAAAY,GACE,MAAMC,EAAU,CACdC,UAAa,KACbb,SAAYL,KAAKK,UAEnBY,EAAQ,GAAGjB,KAAKM,QAAU,KAC1B,OAAOW,C,CAGT,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOvB,KAAKgB,aAAcQ,MAAOxB,KAAKO,S","ignoreList":[]}