@rededor/cura 1.4.0-alpha.1 → 1.5.0-alpha.0

package/dist/cura/p-48f9289b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconSizes","size","stroke","micro","default"],"sources":["src/components/cura-icon/cura-icon.definitions.tsx"],"sourcesContent":["export const iconSizes = {\n  \"128\": {size: 128, stroke: 5.25},\n  \"72\": {size: 72, stroke: 3.5},\n  \"64\": {size: 64, stroke: 3.25},\n  \"48\": {size: 48, stroke: 2.75},\n  \"40\": {size: 40, stroke: 2.5},\n  \"32\": {size: 32, stroke: 2.25},\n  \"24\": {size: 24, stroke: 2},\n  \"20\": {size: 20, stroke: 1.75},\n  \"16\": {size: 16, stroke: 1.5},\n  \"micro\": {size: 12, stroke: 1.25 },\n  \"default\": {size: 24, stroke: 2}\n};\n"],"mappings":"MAAaA,EAAY,CACvB,IAAO,CAACC,KAAM,IAAKC,OAAQ,MAC3B,GAAM,CAACD,KAAM,GAAIC,OAAQ,KACzB,GAAM,CAACD,KAAM,GAAIC,OAAQ,MACzB,GAAM,CAACD,KAAM,GAAIC,OAAQ,MACzB,GAAM,CAACD,KAAM,GAAIC,OAAQ,KACzB,GAAM,CAACD,KAAM,GAAIC,OAAQ,MACzB,GAAM,CAACD,KAAM,GAAIC,OAAQ,GACzB,GAAM,CAACD,KAAM,GAAIC,OAAQ,MACzB,GAAM,CAACD,KAAM,GAAIC,OAAQ,KACzBC,MAAS,CAACF,KAAM,GAAIC,OAAQ,MAC5BE,QAAW,CAACH,KAAM,GAAIC,OAAQ,W","ignoreList":[]}

package/dist/cura/{p-f375a612.entry.js → p-4aefe237.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,H as i,g as a}from"./p-fd5ed6b0.js";import{i as n,a as h}from"./p-272c784a.js";const r=":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--base-spacing) * 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:auto;width:100%;background-color:#fff}";const o=r;const d=class{constructor(s){t(this,s);this.dateChange=e(this,"dateChange",7);this.statusInputChange=e(this,"statusInputChange",7);this.label="";this.status="default";this.size="medium";this.name="";this.helperText=undefined;this.enableRangeDates=undefined;this.disableFutureDates=undefined;this.disablePassDates=undefined;this.iconName="";this.placeholder=null;this.styles={};this.isCalendarVisible=false;this.dates=[];this.value="";this.dateSettings={placeholder:null,mask:"date",mode:"single"}}connectedCallback(){const{fonts:t,colors:e,spacing:s}=window.CuraAPI.theme;const i=t.getWeights();this.styles={"--base-spacing":s.getSpacing(),"--neutral-purewhite":e.getColor("neutral-purewhite"),"--neutral-lighter":e.getColor("neutral-lighter"),"--neutral-base":e.getColor("neutral-base"),"--font-size":t.getSize(),"--font-color":t.getColor(),"--font-family":t.getFamily(),"--font-weight-regular":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 e=t.target.value;const s=/^(\d{2}\/\d{2}\/\d{4})\s*-\s*(\d{2}\/\d{2}\/\d{4})$/;const i=/^(\d{2}\/\d{2}\/\d{4})$/;if(s.test(e)){const t=e.match(s);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(e)){const t=e.match(i);const s=this.parseStringToDate(t[1]);if(this.isDateValid(s)){this.status="default";this.dates=[s];this.value=this.parseDateToString(s);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 e=new Date;e.setHours(0,0,0,0);if(this.disablePassDates)return!n(t,e);if(this.disableFutureDates)return!h(t,e);return true}parseStringToDate(t){const[e,s,i]=t.split("/").map(Number);return new Date(i,s-1,e)}parseDateToString(t){const e=String(t.getDate()).padStart(2,"0");const s=String(t.getMonth()+1).padStart(2,"0");const i=t.getFullYear();return`${e}/${s}/${i}`}resetDates(){this.status="error";this.dates=[];this.statusInputChange.emit(this.status)}renderCalendarOrHelperText(){if(this.isCalendarVisible){return s("div",{class:"calendar visible"},s("cura-calendar",{customDates:this.dates,mode:this.dateSettings.mode,width:"100%",maxWidth:"400px",embedded:false,floating:false,disableFutureDates:this.disableFutureDates,disablePassDates:this.disablePassDates,onOnchangeday:t=>{const e=t.detail.days;if(e.length===1){this.value=this.parseDateToString(e[0])}else if(e.length>0){this.value=`${this.parseDateToString(e[0])} - ${this.parseDateToString(e[e.length-1])}`}else{this.value=""}this.dateChange.emit(this.value)}}))}else{return this.helperText}}render(){return s(i,{key:"bcda0a8a2601f24d445775e40535d1c8a80be5c0"},s("div",{key:"3a3e11f1bd7082d563537a8679f69f976f242a4a",class:"container",style:this.styles},s("cura-input-text",{key:"86ce4be158090c4ad4bfaa1e5196548fa5e1c105",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"]}}};d.style=o;export{d as cura_input_date};
-//# sourceMappingURL=p-f375a612.entry.js.map
+import{r as t,c as e,h as s,H as i,g as a}from"./p-fd5ed6b0.js";import{i as n,a as h}from"./p-272c784a.js";const r=":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--base-spacing) * 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:auto;width:100%;background-color:#fff}";const o=r;const d=class{constructor(s){t(this,s);this.dateChange=e(this,"dateChange",7);this.statusInputChange=e(this,"statusInputChange",7);this.label="";this.status="default";this.size="medium";this.name="";this.helperText=undefined;this.enableRangeDates=undefined;this.disableFutureDates=undefined;this.disablePassDates=undefined;this.iconName="";this.placeholder=null;this.styles={};this.isCalendarVisible=false;this.dates=[];this.value="";this.dateSettings={placeholder:null,mask:"date",mode:"single"}}connectedCallback(){const{fonts:t,colors:e,spacing:s}=window.CuraAPI.theme;const i=t.getWeights();this.styles={"--base-spacing":s.getSpacing(),"--neutral-purewhite":e.getColor("neutral-purewhite"),"--neutral-lighter":e.getColor("neutral-lighter"),"--neutral-base":e.getColor("neutral-base"),"--font-size":t.getSize(),"--font-color":t.getColor(),"--font-family":t.getFamily(),"--font-weight-regular":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 e=t.target.value;const s=/^(\d{2}\/\d{2}\/\d{4})\s*-\s*(\d{2}\/\d{2}\/\d{4})$/;const i=/^(\d{2}\/\d{2}\/\d{4})$/;if(s.test(e)){const t=e.match(s);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(e)){const t=e.match(i);const s=this.parseStringToDate(t[1]);if(this.isDateValid(s)){this.status="default";this.dates=[s];this.value=this.parseDateToString(s);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 e=new Date;e.setHours(0,0,0,0);if(this.disablePassDates)return!n(t,e);if(this.disableFutureDates)return!h(t,e);return true}parseStringToDate(t){const[e,s,i]=t.split("/").map(Number);return new Date(i,s-1,e)}parseDateToString(t){const e=String(t.getDate()).padStart(2,"0");const s=String(t.getMonth()+1).padStart(2,"0");const i=t.getFullYear();return`${e}/${s}/${i}`}resetDates(){this.status="error";this.dates=[];this.statusInputChange.emit(this.status)}renderCalendarOrHelperText(){if(this.isCalendarVisible){return s("div",{class:"calendar visible"},s("cura-calendar",{customDates:this.dates,mode:this.dateSettings.mode,width:"100%",maxWidth:"400px",embedded:false,floating:false,disableFutureDates:this.disableFutureDates,disablePassDates:this.disablePassDates,onOnchangeday:t=>{const e=t.detail.days;if(e.length===1){this.value=this.parseDateToString(e[0])}else if(e.length>0){this.value=`${this.parseDateToString(e[0])} - ${this.parseDateToString(e[e.length-1])}`}else{this.value=""}this.dateChange.emit(this.value)}}))}else{return this.helperText}}render(){return s(i,{key:"1395108764c1957abb9371b82ab983d076aaf61e"},s("div",{key:"e3134a1cfbf6f07b83f148b3e1b9c699e273a098",class:"container",style:this.styles},s("cura-input-text",{key:"507ce8cedd5a169832579ae3ea313d3b3d6813d2",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"]}}};d.style=o;export{d as cura_input_date};
+//# sourceMappingURL=p-4aefe237.entry.js.map

package/dist/cura/p-529332d3.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,H as e}from"./p-fd5ed6b0.js";const s=':host{width:fit-content;display:inline-block;height:calc(var(--base-spacing) * 4px);position:relative}:host .container{display:flex;min-width:calc(var(--base-spacing) * 4px);width:fit-content;height:calc(var(--base-spacing) * 4px);justify-content:center;align-items:center;border-radius:calc(calc(var(--base-spacing) * 4px) / 2);background:var(--background-color);box-sizing:border-box;padding:0 calc(var(--base-spacing) * 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(--base-spacing) * 4px) / 2)}';const a=s;const r=class{constructor(i){t(this,i);this.theme=window.CuraAPI.theme;this.labelColor="primary-darker";this.bgColorName="primary-lighter";this.number=undefined;this.color="primary";this.disabled=false;this.type="solid";this.styles={}}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 i(e,{key:"8b67f2b913a10de53a519cdafcfbcb140b2adda5"},this.number&&this.number<=0?"":i("div",{class:this.getClasses(),style:this.styles},i("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"]}}};r.style=a;export{r as cura_badge_counter};
+//# sourceMappingURL=p-529332d3.entry.js.map

package/dist/cura/p-529332d3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaBadgeCounterCss","CuraBadgeCounterStyle0","CuraBadgeNumber","this","theme","window","CuraAPI","labelColor","bgColorName","handleColorChange","setColors","color","toLowerCase","type","disabled","styles","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":"kDAAA,MAAMA,EAAsB,svBAC5B,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAE1BC,KAAAC,MAAQC,OAAOC,QAAQF,MAqBvBD,KAAAI,WAAa,iBACbJ,KAAAK,YAAc,kB,iCAZU,U,cAII,M,UAIiC,Q,YAE3C,E,CAOlB,iBAAAC,GACEN,KAAKO,W,CAGP,SAAAA,GACE,MAAMC,EAAQR,KAAKQ,MAAMC,cAEzB,GAAIT,KAAKU,OAAS,WAAaV,KAAKU,OAAS,cAAe,CAC1DV,KAAKK,YAAcL,KAAKW,SAAW,iBAAmB,GAAGH,SACzDR,KAAKI,WAAaJ,KAAKK,W,KAElB,CACLL,KAAKK,YAAcG,IAAU,WAAaR,KAAKW,SAAW,eAAiB,GAAGH,YAC9ER,KAAKI,WAAaJ,KAAKW,SAAW,iBAAmB,GAAGH,Q,CAE1DR,KAAKY,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNd,KAAKY,QAAM,CACd,qBAAsBZ,KAAKC,MAAMc,OAAOC,SAAS,GAAGhB,KAAKK,gB,CAI7D,iBAAAY,GACEjB,KAAKY,OAAO,kBAAoBZ,KAAKC,MAAMiB,QAAQC,aACnDnB,KAAKO,W,CAGP,UAAAa,GACE,MAAMC,EAAU,CACdC,UAAa,MAEfD,EAAQrB,KAAKU,KAAKD,eAAiB,KACnC,OAAOY,C,CAIT,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACD1B,KAAK2B,QAAU3B,KAAK2B,QAAU,EAAI,GACpCH,EAAA,OAAKI,MAAO5B,KAAKoB,aAAcS,MAAO7B,KAAKY,QACzCY,EAAA,cAAYM,KAAK,SAAQ,cAAa,OAAOtB,MAAOR,KAAKI,YACtDJ,KAAK2B,QAAU,IAAM,MAAQ3B,KAAK2B,S","ignoreList":[]}

package/dist/cura/{p-5bb8302c.entry.js → p-545e8e55.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as o,H as r,g as i}from"./p-fd5ed6b0.js";import{l as s}from"./p-efcb32eb.js";const a=':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(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 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(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 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(--base-spacing) * 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(--base-spacing) * 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=a;const l=class{constructor(o){t(this,o);this.onclick=e(this,"onclick",7);this.theme=window.CuraAPI.theme;this.selected=false;this.iconName=undefined;this.size="medium";this.counter=undefined;this.disabled=undefined;this.background="light";this.color="primary";this.iconPosition=undefined;this.hovered=false;this.styles={}}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 e={};e[`${(t=this.size)===null||t===void 0?void 0:t.toLowerCase()}`]=true;e[`icon-${this.iconPosition.toLowerCase()}`]=true;e["disabled"]=this.disabled;e["selected"]=this.selected;return e}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"}}getColorCounter(){if(this.background==="dark"&&this.disabled){return!this.selected?"neutral-black":"neutral-dark"}if(this.background==="light"&&this.disabled){return"neutral-pale"}return`${this.color}-lighter`}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 o("cura-icon",{name:this.iconName,size:t,color:this.getLabelFontColor()})}getCounter(){return o("cura-badge-number",{color:this.getColorCounter(),class:"badge-number"},o("cura-label",{color:this.getColorBagdeNumber(),size:"small"},this.counter))}getCheckIconRight(){const t=this.size==="large"?20:16;return o("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=s[this.size]||s["default"];return o(r,{key:"8b766a3e23c2af13a47d113884047d19717702f2"},o("button",{key:"90b57f260baa61de7c73e09965e190cd13eb62e1",class:this.getClasses(),style:this.styles,disabled:this.disabled,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},o("div",{key:"f318438fa59f43846ce5043e4ee290faf3cf05d4",class:"button-container"},this.iconName?this.getIcon():null,o("cura-label",{key:"2d069740c62b32dd3aa0fd74bdafb951d8deb73b",class:"label",size:t,lineHeight:"0%",color:this.getLabelFontColor(),weight:"regular"},o("slot",{key:"e71e072d1dd91bbbafa939181cc22ba7b7c6189e"})),this.counter?this.getCounter():null,this.iconPosition==="right"&&this.selected?this.getCheckIconRight():null)))}get host(){return i(this)}static get watchers(){return{background:["setColors"],color:["setColors"]}}};l.style=n;export{l as cura_button_select};
-//# sourceMappingURL=p-5bb8302c.entry.js.map
+import{r as t,c as e,h as o,H as r,g as i}from"./p-fd5ed6b0.js";import{l as s}from"./p-efcb32eb.js";const a=':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(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 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(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 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(--base-spacing) * 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(--base-spacing) * 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=a;const c=class{constructor(o){t(this,o);this.onclick=e(this,"onclick",7);this.theme=window.CuraAPI.theme;this.selected=false;this.iconName=undefined;this.size="medium";this.counter=undefined;this.disabled=undefined;this.background="light";this.color="primary";this.iconPosition=undefined;this.hovered=false;this.styles={}}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 e={};e[`${(t=this.size)===null||t===void 0?void 0:t.toLowerCase()}`]=true;e[`icon-${this.iconPosition.toLowerCase()}`]=true;e["disabled"]=this.disabled;e["selected"]=this.selected;return e}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 o("cura-icon",{name:this.iconName,size:t,color:this.getLabelFontColor()})}getCounter(){return o("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 o("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=s[this.size]||s["default"];return o(r,{key:"4b7592b68a09c5b93ec1c9ec6b84c7e5afa06ec3"},o("button",{key:"d607a733d64f73bd4bd4405e0aeb9d7f5ceebf52",class:this.getClasses(),style:this.styles,disabled:this.disabled,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},o("div",{key:"14e2f5b7309bf6c2252c81ab2f02fb36670facf3",class:"button-container"},this.iconName?this.getIcon():null,o("cura-label",{key:"0759d70b0105a56dfa42bce78f2f5b8c33b04254",class:"label",size:t,lineHeight:"0%",color:this.getLabelFontColor(),weight:"regular"},o("slot",{key:"a9935483ee6c67b8142878672804dfb7df0d8479"})),this.counter?this.getCounter():null,this.iconPosition==="right"&&this.selected?this.getCheckIconRight():null)))}get host(){return i(this)}static get watchers(){return{background:["setColors"],color:["setColors"]}}};c.style=n;export{c as cura_button_select};
+//# sourceMappingURL=p-545e8e55.entry.js.map

package/dist/cura/p-545e8e55.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaButtonSelectCss","CuraButtonSelectStyle0","CuraButtonSelect","this","theme","window","CuraAPI","setColors","colors","name","thema","background","color","disabled","forEach","styles","getColor","Object","assign","getClasses","classes","_a","size","toLowerCase","iconPosition","selected","connectedCallback","weights","fonts","getWeights","spacing","getSpacing","getSize","getFamily","medium","getLabelFontColor","getColorBagdeNumber","getIcon","iconSize","h","iconName","getCounter","number","counter","class","getCheckIconRight","handleMouseEnter","hovered","handleMouseLeave","handleClick","e","preventDefault","onclick","emit","render","labelSize","labelSizes","Host","key","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>\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-557b90c4.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as s,g as i}from"./p-fd5ed6b0.js";const r=":host{display:block;box-sizing:border-box}.progress-bar{position:relative;display:flex;align-items:center;justify-content:center}.progress-bar span{position:absolute;display:flex}";const o=r;const a=class{constructor(t){e(this,t);this.progressColor=undefined;this.progress=undefined;this.size=40;this.strokeWidth=3.25;this.active=undefined}render(){const e=(this.size-this.strokeWidth)/2;const i=e*Math.PI*2;const r=this.progress*i/100;const o=`0 0 ${this.size} ${this.size}`;return t(s,{key:"e0da7ede087161c67c9dd0371d15030dd5107a19"},t("div",{key:"ebe68fb426b46e94b7d03ded4e8aaed852337f30",class:"progress-bar"},t("svg",{key:"ace46878d45bfbe51dae29c3020d74f43c2f5147",width:this.size,height:this.size,viewBox:o},t("circle",{key:"dbbde61a95a7f13dc14a72fe538da43953852d7b",fill:"none",stroke:"#ccc",cx:this.size/2,cy:this.size/2,r:e,"stroke-width":`${this.strokeWidth}px`}),this.active&&t("circle",{key:"272c197451a47c73cfa91d7f7578a50b26958732",fill:"none",stroke:this.progressColor,cx:this.size/2,cy:this.size/2,r:e,"stroke-width":`${this.strokeWidth}px`,transform:`rotate(-90 ${this.size/2} ${this.size/2})`,"stroke-dasharray":`${r}px ${i-r}px`,"stroke-linecap":"round",style:{transition:"all 0.5s"}})),t("span",{key:"a80f024e09fb54218fe97039459472855226c063"},t("slot",{key:"5683f5edd5b54bd852fc1036b284656bfda066c4"}))))}};a.style=o;const n=":host{display:block;box-sizing:border-box}.item-container{display:flex;gap:4px;align-items:center}";const c=n;const l=class{constructor(t){e(this,t);this.statusMap={active:{badgeColor:"info",textColor:"info-dark",icon:"",iconOnly:false},stop:{badgeColor:"error",textColor:"error-darker",icon:"alertCircle",iconOnly:true},done:{badgeColor:"success",textColor:"success-darker",icon:"checkCircle",iconOnly:true},default:{badgeColor:"neutral",textColor:"neutral",icon:"",iconOnly:false}};this.displayHeading=false;this.heading=undefined;this.label=undefined;this.status="default";this.styles={}}connectedCallback(){this.updateStyles()}getStatusProperties(){return this.statusMap[this.status]||this.statusMap.default}updateStyles(){const{fonts:e,colors:t,spacing:s}=window.CuraAPI.theme;const i=e.getWeights();this.styles={"--base-spacing":s.getSpacing(),"--neutral-purewhite":t.getColor("neutral-purewhite"),"--neutral-lighter":t.getColor("neutral-lighter"),"--neutral-base":t.getColor("neutral-base"),"--font-size":e.getSize(),"--font-color":e.getColor(),"--font-family":e.getFamily(),"--font-weight-regular":i.regular}}render(){const{badgeColor:e,textColor:i,icon:r,iconOnly:o}=this.getStatusProperties();return t(s,{key:"c226daf451d9c861d5303474ef0fc31c1602371b"},t("div",{key:"7aece988946e4bef02c597a80ea1a505c201e188",class:"item-container",style:this.styles},t("cura-badge-pill",{key:"d0362b4a4ee3c047173399ea5f7c912a5a0f7810",type:"solid",color:e,"icon-name":r,"icon-only":o,"border-radius":"50%"},this.label),this.displayHeading&&this.heading&&t("cura-paragraph",{key:"015effecdb26be22386363e77bd5a0e671701d60",marginBlock:"0",size:"xsmall",color:i},this.heading)))}get hostElement(){return i(this)}};l.style=c;export{a as cura_progress_bar,l as cura_stepper_item};
+//# sourceMappingURL=p-557b90c4.entry.js.map

package/dist/cura/p-557b90c4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaProgressBarCss","CuraProgressBarStyle0","CuraProgressBar","render","radius","this","size","strokeWidth","circumference","Math","PI","dash","progress","viewBox","h","Host","key","class","width","height","fill","stroke","cx","cy","r","active","progressColor","transform","style","transition","curaStepperItemCss","CuraStepperItemStyle0","CuraStepperItem","statusMap","badgeColor","textColor","icon","iconOnly","stop","done","default","connectedCallback","updateStyles","getStatusProperties","status","fonts","colors","spacing","window","CuraAPI","theme","weights","getWeights","styles","getSpacing","getColor","getSize","getFamily","regular","type","color","label","displayHeading","heading","marginBlock"],"sources":["src/components/cura-stepper/cura-progress-bar/cura-progress-bar.scss?tag=cura-progress-bar&encapsulation=shadow","src/components/cura-stepper/cura-progress-bar/cura-progress-bar.tsx","src/components/cura-stepper/cura-stepper-item/cura-stepper-item.scss?tag=cura-stepper-item&encapsulation=shadow","src/components/cura-stepper/cura-stepper-item/cura-stepper-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n\n.progress-bar {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & span {\n    position: absolute;\n    display: flex;\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-progress-bar',\n  styleUrl: 'cura-progress-bar.scss',\n  shadow: true,\n})\nexport class CuraProgressBar {\n  /**\n   *  Defines the color of the progress bar\n   */\n  @Prop({ reflect: true }) progressColor: string;\n\n  /**\n   *  Defines the percentage of progress\n   */\n  @Prop({ reflect: true }) progress: number;\n\n  /**\n   *  Defines the size of the progress bar\n   */\n  @Prop({ reflect: true }) size: number = 40;\n\n  /**\n   *  Defines the width of the stroke (outline) of the progress circle\n   */\n  @Prop({ reflect: true }) strokeWidth: number = 3.25;\n\n  /**\n   *  Defines whether the progress bar is active\n   */\n  @Prop({ reflect: true }) active: boolean;\n\n  render() {\n    const radius = (this.size - this.strokeWidth) / 2;\n    const circumference = radius * Math.PI * 2;\n    const dash = (this.progress * circumference) / 100;\n\n    const viewBox = `0 0 ${this.size} ${this.size}`;\n\n    return (\n      <Host>\n        <div class=\"progress-bar\">\n          <svg width={this.size} height={this.size} viewBox={viewBox}>\n            <circle fill=\"none\" stroke=\"#ccc\" cx={this.size / 2} cy={this.size / 2} r={radius} stroke-width={`${this.strokeWidth}px`} />\n            {this.active && (\n              <circle\n                fill=\"none\"\n                stroke={this.progressColor}\n                cx={this.size / 2}\n                cy={this.size / 2}\n                r={radius}\n                stroke-width={`${this.strokeWidth}px`}\n                transform={`rotate(-90 ${this.size / 2} ${this.size / 2})`}\n                stroke-dasharray={`${dash}px ${circumference - dash}px`}\n                stroke-linecap=\"round\"\n                style={{ transition: 'all 0.5s' }}\n              />\n            )}\n          </svg>\n          <span>\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n  box-sizing: border-box;\n}\n\n.item-container{\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-stepper-item',\n  styleUrl: 'cura-stepper-item.scss',\n  shadow: true,\n})\nexport class CuraStepperItem {\n  /**\n   *  Determines if the step title is displayed (default: false)\n   */\n  @Prop({ reflect: true }) displayHeading: boolean = false;\n\n  /**\n   * The title of the step (displayed if `displayHeading` is true)\n   */\n  @Prop({ reflect: true }) heading: string;\n\n  /**\n   *  The label displayed inside the badge\n   */\n  @Prop({ reflect: true }) label: string;\n\n  /**\n   * The current status of the step\n   * Can be:\n   *    - 'done' for completed steps\n   *    - 'stop' for failed steps\n   *    - 'active' for the current active step\n   *    - 'default' for steps that are neither done, active nor stopped.\n   */\n  @Prop({ reflect: true }) status: 'done' | 'stop' | 'active' | 'default' = 'default';\n\n  @State() styles = {};\n\n  @Element() hostElement: HTMLElement;\n\n  connectedCallback() {\n    this.updateStyles();\n  }\n\n  statusMap = {\n    active: {\n      badgeColor: 'info',\n      textColor: 'info-dark',\n      icon: '',\n      iconOnly: false,\n    },\n    stop: {\n      badgeColor: 'error',\n      textColor: 'error-darker',\n      icon: 'alertCircle',\n      iconOnly: true,\n    },\n    done: {\n      badgeColor: 'success',\n      textColor: 'success-darker',\n      icon: 'checkCircle',\n      iconOnly: true,\n    },\n    default: {\n      badgeColor: 'neutral',\n      textColor: 'neutral',\n      icon: '',\n      iconOnly: false,\n    },\n  };\n\n  getStatusProperties() {\n    return this.statusMap[this.status] || this.statusMap.default;\n  }\n\n  updateStyles() {\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  render() {\n    const { badgeColor, textColor, icon, iconOnly } = this.getStatusProperties();\n    return (\n      <Host>\n        <div class=\"item-container\" style={this.styles}>\n          <cura-badge-pill\n            type=\"solid\"\n            color={badgeColor as 'info' | 'error' | 'success' | 'neutral' | 'primary' | 'secondary' | 'accent' | 'warning'}\n            icon-name={icon}\n            icon-only={iconOnly}\n            border-radius=\"50%\"\n          >\n            {this.label}\n          </cura-badge-pill>\n          {this.displayHeading && this.heading && (\n            <cura-paragraph marginBlock=\"0\" size=\"xsmall\" color={textColor}>\n              {this.heading}\n            </cura-paragraph>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,sLAC3B,MAAAC,EAAeD,E,MCMFE,EAAe,M,wFAcc,G,iBAKO,K,sBAO/C,MAAAC,GACE,MAAMC,GAAUC,KAAKC,KAAOD,KAAKE,aAAe,EAChD,MAAMC,EAAgBJ,EAASK,KAAKC,GAAK,EACzC,MAAMC,EAAQN,KAAKO,SAAWJ,EAAiB,IAE/C,MAAMK,EAAU,OAAOR,KAAKC,QAAQD,KAAKC,OAEzC,OACEQ,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,OAAAE,IAAA,2CAAKE,MAAOb,KAAKC,KAAMa,OAAQd,KAAKC,KAAMO,QAASA,GACjDC,EAAA,UAAAE,IAAA,2CAAQI,KAAK,OAAOC,OAAO,OAAOC,GAAIjB,KAAKC,KAAO,EAAGiB,GAAIlB,KAAKC,KAAO,EAAGkB,EAAGpB,EAAM,eAAgB,GAAGC,KAAKE,kBACxGF,KAAKoB,QACJX,EAAA,UAAAE,IAAA,2CACEI,KAAK,OACLC,OAAQhB,KAAKqB,cACbJ,GAAIjB,KAAKC,KAAO,EAChBiB,GAAIlB,KAAKC,KAAO,EAChBkB,EAAGpB,EAAM,eACK,GAAGC,KAAKE,gBACtBoB,UAAW,cAActB,KAAKC,KAAO,KAAKD,KAAKC,KAAO,KAAI,mBACxC,GAAGK,OAAUH,EAAgBG,MAAQ,iBACxC,QACfiB,MAAO,CAAEC,WAAY,eAI3Bf,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,+C,aC7DZ,MAAMc,EAAqB,qGAC3B,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAkC1B3B,KAAA4B,UAAY,CACVR,OAAQ,CACNS,WAAY,OACZC,UAAW,YACXC,KAAM,GACNC,SAAU,OAEZC,KAAM,CACJJ,WAAY,QACZC,UAAW,eACXC,KAAM,cACNC,SAAU,MAEZE,KAAM,CACJL,WAAY,UACZC,UAAW,iBACXC,KAAM,cACNC,SAAU,MAEZG,QAAS,CACPN,WAAY,UACZC,UAAW,UACXC,KAAM,GACNC,SAAU,Q,oBArDqC,M,wDAoBuB,U,YAExD,E,CAIlB,iBAAAI,GACEpC,KAAKqC,c,CA8BP,mBAAAC,GACE,OAAOtC,KAAK4B,UAAU5B,KAAKuC,SAAWvC,KAAK4B,UAAUO,O,CAGvD,YAAAE,GACE,MAAMG,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,OAAOC,QAAQC,MAClD,MAAMC,EAAUN,EAAMO,aAEtB/C,KAAKgD,OAAS,CACZ,iBAAkBN,EAAQO,aAC1B,sBAAuBR,EAAOS,SAAS,qBACvC,oBAAqBT,EAAOS,SAAS,mBACrC,iBAAkBT,EAAOS,SAAS,gBAClC,cAAeV,EAAMW,UACrB,eAAgBX,EAAMU,WACtB,gBAAiBV,EAAMY,YACvB,wBAAyBN,EAAQO,Q,CAIrC,MAAAvD,GACE,MAAM+B,WAAEA,EAAUC,UAAEA,EAASC,KAAEA,EAAIC,SAAEA,GAAahC,KAAKsC,sBACvD,OACE7B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAiBW,MAAOvB,KAAKgD,QACtCvC,EAAA,mBAAAE,IAAA,2CACE2C,KAAK,QACLC,MAAO1B,EAAuG,YACnGE,EAAI,YACJC,EAAQ,gBACL,OAEbhC,KAAKwD,OAEPxD,KAAKyD,gBAAkBzD,KAAK0D,SAC3BjD,EAAA,kBAAAE,IAAA,2CAAgBgD,YAAY,IAAI1D,KAAK,SAASsD,MAAOzB,GAClD9B,KAAK0D,U","ignoreList":[]}

package/dist/cura/p-6624108e.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as o,H as e}from"./p-fd5ed6b0.js";const r=":host{display:block;box-sizing:border-box;width:100%}cura-label{padding:12px 0px;border-bottom:1px solid var(--neutral-light)}";const t=r;const s=class{constructor(o){a(this,o)}render(){return o(e,{key:"b378a877e6a90727e3216c284c2a064992f2dfc9",slot:"dropdown-search-option"},o("cura-label",{key:"e2d457a7d42bcacae09012322b19a54e44fb109f",color:"neutral-dark",size:"xsmall",lineHeight:"16px",marginBlock:"0"},o("slot",{key:"e889fa1839988a0f138e14ad15b0e250100ba38c"})))}};s.style=t;export{s as cura_dropdown_search_option_title};
+//# sourceMappingURL=p-6624108e.entry.js.map

package/dist/cura/p-6b627841.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as r,H as e}from"./p-fd5ed6b0.js";const o=':host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--base-spacing) * 2px);height:calc(var(--base-spacing) * 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=o;const s=class{constructor(r){t(this,r);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 t={container:true,disabled:this.disabled};t[`${this.type}`]=true;return t}render(){return r(e,{key:"00e335977fbb0677db9d95bab901a012ba8a5c06"},r("div",{key:"e828743793731c986f37dd6a9f7abdc78b63932b",class:this.getClasses(),style:this.styles}))}};s.style=a;export{s as cura_badge_dot};
+//# sourceMappingURL=p-6b627841.entry.js.map

package/dist/cura/p-6b627841.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaBadgeDotCss","CuraBadgeDotStyle0","CuraBadgeDot","this","theme","window","CuraAPI","connectedCallback","styles","spacing","getSpacing","colors","getColor","setColors","Object","assign","color","getClasses","classes","container","disabled","type","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":"kDAAA,MAAMA,EAAkB,y0BACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAEvBC,KAAAC,MAAQC,OAAOC,QAAQF,M,WAMC,U,cAImB,M,UAIiC,Q,YAE1D,E,CAGlB,iBAAAG,GACEJ,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMK,QAAQC,aACnDP,KAAKK,OAAO,oBAAsBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC7DT,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC3DT,KAAKU,W,CAGP,SAAAA,GACEV,KAAKK,OAAMM,OAAAC,OAAAD,OAAAC,OAAA,GACNZ,KAAKK,QAAM,CACd,UAAWL,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,SAC9C,eAAgBb,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,e,CAIvD,UAAAC,GACE,MAAMC,EAAU,CACdC,UAAa,KACbC,SAAYjB,KAAKiB,UAEnBF,EAAQ,GAAGf,KAAKkB,QAAU,KAC1B,OAAOH,C,CAGT,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOvB,KAAKc,aAAcU,MAAOxB,KAAKK,S","ignoreList":[]}

package/dist/cura/{p-bfb5e9e1.entry.js → p-6e4f4fbf.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as a}from"./p-fd5ed6b0.js";const s=":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--base-spacing) * 8px);height:calc(var(--base-spacing) * 8px);border-radius:calc(var(--base-spacing) * 1px);background:var(--neutral-pale)}";const c=s;const i=class{constructor(t){e(this,t);this.isThousandRounded=false;this.theme=window.CuraAPI.theme;this.distance=0;this.label="km";this.styles={};this.displayDistance=0}formatDistance(){const e=this.distance%1!==0?parseFloat(this.distance.toFixed(1)):this.distance;this.isThousandRounded=Math.abs(e)>=1e3;this.displayDistance=this.isThousandRounded?parseFloat((e/1e3).toFixed(1)):e}connectedCallback(){this.setCssProperties();this.formatDistance()}render(){return t(a,{key:"7027189b17f2ad1759f9d43bc5dbc9cbb1fe47cc"},t("div",{key:"bc57ac9c32c0651469d4bd6ee75d0f97408fde34",class:"container",style:this.styles},t("cura-label",{key:"913db081273caf2e7d46d92b22e1988cf28ddeb3",size:"xsmall",weight:"bold",color:"neutral-black"},this.displayDistance,this.isThousandRounded?"K":""),t("cura-label",{key:"4c327bd9d55466bb2d9c614d9aa0420e42da23ce",size:"xsmall",weight:"bold",color:"neutral-dark"},this.label)))}setCssProperties(){this.styles={"--neutral-pale":this.theme.colors.getColor(`neutral-pale`),"--base-spacing":this.theme.spacing.getSpacing()}}static get watchers(){return{distance:["formatDistance"]}}};i.style=c;export{i as cura_badge_distance};
-//# sourceMappingURL=p-bfb5e9e1.entry.js.map
+import{r as a,h as e,H as t}from"./p-fd5ed6b0.js";const s=":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--base-spacing) * 8px);height:calc(var(--base-spacing) * 8px);border-radius:calc(var(--base-spacing) * 1px);background:var(--neutral-pale)}";const c=s;const i=class{constructor(e){a(this,e);this.isThousandRounded=false;this.theme=window.CuraAPI.theme;this.distance=0;this.label="km";this.styles={};this.displayDistance=0}formatDistance(){const a=this.distance%1!==0?parseFloat(this.distance.toFixed(1)):this.distance;this.isThousandRounded=Math.abs(a)>=1e3;this.displayDistance=this.isThousandRounded?parseFloat((a/1e3).toFixed(1)):a}connectedCallback(){this.setCssProperties();this.formatDistance()}render(){return e(t,{key:"cdc206deecbed2e069befda5d21ddcaf03049afc"},e("div",{key:"d22d2b5b97964281e8588fbc17a66f3fddcd875e",class:"container",style:this.styles},e("cura-label",{key:"0d54ab1ad403ba23a57fb78a422ed8c577cd627e",size:"xsmall",weight:"bold",color:"neutral-black"},this.displayDistance,this.isThousandRounded?"K":""),e("cura-label",{key:"d4929a67484bbfd6d6f3edce82414951ea4778c8",size:"xsmall",weight:"bold",color:"neutral-dark"},this.label)))}setCssProperties(){this.styles={"--neutral-pale":this.theme.colors.getColor(`neutral-pale`),"--base-spacing":this.theme.spacing.getSpacing()}}static get watchers(){return{distance:["formatDistance"]}}};i.style=c;export{i as cura_badge_distance};
+//# sourceMappingURL=p-6e4f4fbf.entry.js.map