@rededor/cura 1.7.0 → 1.8.0

package/dist/components/cura-label2.js.map

@@ -1 +0,0 @@
-{"file":"cura-label2.js","mappings":";;AAAA,MAAM,YAAY,GAAG,wiCAAwiC,CAAC;AAC9jC,wBAAe,YAAY;;MCMd,SAAS;;;;;QA4DpB,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;oBAtDmD,QAAQ;sBAMpC,SAAS;yBAM1B,aAAa;;2BAiBX,GAAG;0BAMJ,MAAM;4BAMwB,MAAM;sBAYtD,EAAE;;IAhCpB,iBAAiB;QACf,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;IAiCD,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;IAED,UAAU;QACR,MAAM,OAAO,GAAG;YACd,qBAAqB,EAAE,IAAI,CAAC,YAAY,KAAK,QAAQ;SACtD,CAAC;QACF,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;QACxC,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC;QACtD,OAAO,OAAO,CAAC;KAChB;IAED,iBAAiB;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QAC7C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/C,IAAI,CAAC,MAAM,GAAG;YACZ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;YACnD,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;YAC3C,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;SACxC,CAAC;KACH;IAED,SAAS;QACP,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,GAChE,CAAC;KACH;IAED,iBAAiB;QACf,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;cACxB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;cACtC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAChC,OAAO;YACL,gBAAgB,EAAE,IAAI,CAAC,WAAW;YAClC,kBAAkB,EAAE,IAAI,CAAC,YAAY;YACrC,eAAe,EAAE,IAAI,CAAC,UAAU;YAChC,cAAc,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC;SAC1E,CAAC;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,IACnC,0DAAG,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAC7C,8DAAa,CACX,CACC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/forms/cura-label/cura-label.scss?tag=cura-label&encapsulation=shadow","src/components/forms/cura-label/cura-label.tsx"],"sourcesContent":["@import '../../../scss/mixins/responsive.scss';\n@import '../../../scss/mixins/text.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size-base);\n\n\n  p {\n    font-family: var(--font-family);\n    font-size: 1.143em;\n    font-weight: var(--font-weight-medium);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0.32px;\n\n    &.bold-weight, ::slotted(b), ::slotted(strong), ::slotted(u) {\n      font-weight: var(--font-weight-bold);\n    }\n\n    &.large {\n      font-size: 1.357em;\n      line-height: calc(var(--line-height) - 4%);\n      letter-spacing: 0px;\n    }\n\n    &.small {\n      font-size: 1em;\n      line-height: calc(var(--line-height) - 4%);\n      letter-spacing: 0.56px;\n    }\n\n    &.xsmall {\n      font-size: 0.857em;\n      line-height: calc(var(--line-height) - 17%);\n      letter-spacing: 0.72px;\n    }\n\n    &.textoverflow-single {\n      @include truncate-single();\n    }\n\n    ::slotted(a) {\n      font-weight: var(--font-weight-bold);\n      color: var(--color-link);\n      text-underline-offset: 10%;\n    }\n\n    ::slotted(u) {\n      text-underline-offset: 10%;\n    }\n\n    ::slotted(abbr) {\n      color: var(--color-link);\n      text-decoration: underline dashed 1px var(--color-link);\n      text-underline-offset: 10%;\n      cursor: default;\n    }\n  }\n}\n\n","import { Component, Host, Prop, h, Element, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-label',\n  styleUrl: 'cura-label.scss',\n  shadow: true,\n})\nexport class CuraLabel {\n\n  /**\n   * Set size of body text.\n   * Values: medium (default) | large | small | xsmall.\n   */\n  @Prop({reflect: true}) size: 'medium' | 'large' | 'small' | 'xsmall' | string = 'medium';\n\n  /**\n   * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\n   * Values: regular (default) | bold.\n   */\n  @Prop({reflect: true}) weight: 'regular' | 'bold' = 'regular';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '0';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '125%';\n\n  /**\n   * Apply text-overflow ellipsis definitions.\n   * Default to none\n   */\n  @Prop({reflect: true}) textOverflow: 'none' | 'single' | string = 'none';\n\n  /**\n   * Host element <cura-label>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {\n      'textoverflow-single': this.textOverflow === 'single',\n    };\n    classes[this.size.toLowerCase()] = true;\n    classes[`${this.weight.toLowerCase()}-weight`] = true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  hostCSSProperties() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <p style={this.styles} class={this.getClasses()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/components/cura-loader-bar2.js.map

@@ -1 +0,0 @@
-{"file":"cura-loader-bar2.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,+TAA+T,CAAC;AACzV,4BAAe,gBAAgB;;MCMlB,aAAa;;;;;qBAGR,cAAc;wBACX,CAAC;sBAEF,EAAE;;IAGpB,iBAAiB;QACf,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;IAGD,cAAc;QACZ,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,aAAa,mBACP,IAAI,CAAC,QAAQ,mBACb,CAAC,mBACD,GAAG,IAClB,4DAAK,EAAE,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IAC5D,6DAAM,KAAK,EAAC,mBAAmB,GAAQ,CACnC,CACD,EACP;KACH;IAED,QAAQ;QACN,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,GAAG,CAAC,EAC3E,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GACjE,CAAA;KACF;IAED,WAAW;QACT,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,aAAa,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,GACnC,CAAA;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/loaders/cura-loader-bar/cura-loader-bar.scss?tag=cura-loader-bar&encapsulation=shadow","src/components/loaders/cura-loader-bar/cura-loader-bar.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  .progress-bar {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 4px;\n    background-color: var(--neutral-base);\n\n    span {\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: var(--bar-width);\n      height: 100%;\n      border-radius: 0 2px 2px 0;\n      background-color: var(--color-base);\n      transition: width 0.2s linear;\n    }\n  }\n}\n","import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-bar',\n  styleUrl: 'cura-loader-bar.scss',\n  shadow: true,\n})\nexport class CuraLoaderBar {\n  @Element() host: HTMLElement;\n\n  @Prop() color = 'primary-base';\n  @Prop() progress = 0;\n\n  @State() styles = {};\n\n  @Watch('color')\n  handleChangeColor() {\n    this.setColor();\n  }\n\n  @Watch('progress')\n  handleProgress() {\n    this.setProgress();\n  }\n\n  connectedCallback() {\n    this.setColor();\n    this.setProgress();\n  }\n\n  render() {\n    return (\n      <Host role=\"progressbar\"\n        aria-valuenow={this.progress}\n        aria-valuemin={0}\n        aria-valuemax={100}>\n        <div id=\"progress-bar\" class=\"progress-bar\" style={this.styles}>\n          <span class=\"progress-bar-fill\"></span>\n        </div>\n      </Host>\n    );\n  }\n\n  setColor() {\n    this.styles = {\n      ...this.styles,\n      '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2),\n      '--color-base': window.CuraAPI.theme.colors.getColor(this.color),\n    }\n  }\n\n  setProgress() {\n    this.styles = {\n      ...this.styles,\n      '--bar-width': `${this.progress}%`,\n    }\n  }\n}\n"],"version":3}

package/dist/components/cura-loader-circle2.js.map

@@ -1 +0,0 @@
-{"file":"cura-loader-circle2.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,ibAAib,CAAC;AAC9c,+BAAe,mBAAmB;;MCMrB,gBAAgB;;;;;QAW3B,UAAK,GAAG;YACN,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;SACZ,CAAC;QAEF,cAAS,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;oBAdM,QAAQ;qBAIhD,eAAe;;IAY9C,SAAS;QACP,OAAO;YACL,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI;YACjC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;SAC5D,CAAA;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,EACvB,IAAI,EAAC,aAAa,IAClB,4DAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IACrE,4DACE,+DAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,iCAAiC,kBAAc,GAAG,GAAE,EACvF,6DAAM,CAAC,EAAC,iHAAiH,kBAAc,GAAG,GAAE,CAC1I,EACJ,+DACE,uEAAgB,EAAE,EAAC,2BAA2B,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,aAAa,EAAC,gBAAgB,IAClH,8DAAO,EACP,6DAAM,MAAM,EAAC,GAAG,GAAE,CACH,CACZ,CACH,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/loaders/cura-loader-circle/cura-loader-circle.scss?tag=cura-loader-circle&encapsulation=shadow","src/components/loaders/cura-loader-circle/cura-loader-circle.tsx"],"sourcesContent":["@import '../../../scss/mixins/animations.scss';\n\n:host {\n  display: inline-block;\n  width: var(--size);\n  height: var(--size);\n  \n  svg {\n    width: var(--size);\n    height: var(--size);\n    animation: rotate .7s linear infinite;\n  }\n\n  circle, path {\n    stroke-miterlimit: 10;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  path { stroke: var(--color); }\n\n  stop { stop-color: var(--color); }\n  linearGradient stop:first-child {\n    stop-opacity: 0.14;\n  }\n}\n\n@include rotate();\n\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-circle',\n  styleUrl: 'cura-loader-circle.scss',\n  shadow: true,\n})\nexport class CuraLoaderCircle {\n\n  /**\n   * Loader size. Values: small, medium or large.\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' | 'xlarge' = 'medium';\n  /**\n   * One from color scheme. Default: neutral-white.\n   */\n  @Prop({reflect: true}) color = 'neutral-white';\n\n  sizes = {\n    xlarge: 32,\n    large: 24,\n    medium: 20,\n    small: 16,\n    default: 16,\n  };\n\n  getPxSize = () => this.sizes[this.size] || this.sizes['default'];\n\n  getStyles() {\n    return {\n      '--size': `${this.getPxSize()}px`,\n      '--color': window.CuraAPI.theme.colors.getColor(this.color)\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        style={this.getStyles()}\n        role=\"progressbar\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g>\n            <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\"/>\n            <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\"/>\n          </g>\n          <defs>\n            <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n              <stop/>\n              <stop offset=\"1\"/>\n            </linearGradient>\n          </defs>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/components/cura-paragraph2.js.map

@@ -1 +0,0 @@
-{"file":"cura-paragraph2.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,8lEAA8lE,CAAC;AACxnE,4BAAe,gBAAgB;;MCMlB,aAAa;;;;;QAiDxB,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;oBA3CkE,QAAQ;yBAMpE,aAAa;;2BAYX,QAAQ;0BAMT,MAAM;4BAMwB,MAAM;sBAYtD,EAAE;;IAGpB,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;IAED,iBAAiB;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QAC7C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/C,IAAI,CAAC,MAAM,GAAG;YACZ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;YACnD,uBAAuB,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;YAC7C,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;YAC3C,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;SACxC,CAAC;KACH;IAED,iBAAiB;QACf,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;cACxB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;cACtC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAChC,OAAO;YACL,gBAAgB,EAAE,IAAI,CAAC,WAAW;YAClC,kBAAkB,EAAE,IAAI,CAAC,YAAY;YACrC,eAAe,EAAE,IAAI,CAAC,UAAU;YAChC,cAAc,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC;YACzE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;SAChE,CAAC;KACH;IAED,UAAU;QACR,MAAM,OAAO,GAAG;YACd,qBAAqB,EAAE,IAAI,CAAC,YAAY,KAAK,QAAQ;SACtD,CAAA;QACD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;QACxC,OAAO,OAAO,CAAC;KAChB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,IACnC,0DAAG,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAC7C,8DAAa,CACX,CACC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/text/cura-paragraph/cura-paragraph.scss?tag=cura-paragraph&encapsulation=shadow","src/components/text/cura-paragraph/cura-paragraph.tsx"],"sourcesContent":["@import '../../../scss/mixins/responsive.scss';\n@import '../../../scss/mixins/text.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size-base);\n  min-width: 0;\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size-base);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0.28px;\n    width: 100%;\n\n    &.large {\n      font-size: 1.214em;\n      line-height: calc(var(--line-height) + 10%);\n      letter-spacing: 0px;\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: calc(var(--line-height) - 5%);\n      letter-spacing: 0.48px;\n    }\n\n    &.caption, &.xsmall {\n      font-size: 0.8571428571428571em;\n      line-height: calc(var(--line-height) - 5%);\n      letter-spacing: 0.6px;\n    }\n\n    &.textoverflow-single {\n      @include truncate-single();\n    }\n\n    ::slotted(b), ::slotted(strong) {\n      font-weight: var(--font-weight-bold);\n    }\n\n    ::slotted(a),\n    ::slotted(a:-webkit-any-link) {\n      font-weight: var(--font-weight-medium);\n      color: var(--color-spot);\n      text-underline-offset: 10%;\n    }\n\n    ::slotted(u) {\n      font-weight: var(--font-weight-medium);\n      text-underline-offset: 10%;\n    }\n\n    ::slotted(i) {\n      font-style: italic;\n    }\n\n    ::slotted(em) {\n      font-weight: var(--font-weight-bold);\n      color: var(--color-spot);\n      font-style: normal;\n    }\n\n    ::slotted(abbr) {\n      color: var(--color-spot);\n      text-decoration: underline dashed 1px var(--color-spot);\n      text-underline-offset: 10%;\n      cursor: default;\n    }\n  }\n\n  @include medium-large() {\n    p {\n      font-size: 1.143em;\n      line-height: calc(var(--line-height) + 5%);\n      letter-spacing: 0.32px;\n\n      &.large {\n        font-size: 1.357em;\n        line-height: calc(var(--line-height) + 10%);\n        letter-spacing: 0px;\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: calc(var(--line-height) - 5%);\n        letter-spacing: 0.56px;\n      }\n\n      &.caption, &.xsmall {\n        font-size: 0.8571428571428571em;\n        line-height: calc(var(--line-height) - 5%);\n        letter-spacing: 0.72px;\n      }\n    }\n  }\n\n  @include xlarge-only() {\n    p {\n      font-size: 1.429em;\n      line-height: calc(var(--line-height) + 10%);\n      letter-spacing: 0px;\n\n      &.large {\n        font-size: 1.714em;\n        line-height: calc(var(--line-height) + 20%);\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: calc(var(--line-height) + 5%);\n        letter-spacing: 0px;\n      }\n\n      &.caption, &.xsmall {\n        font-size: 1em;\n        line-height: calc(var(--line-height) + 5%);\n        letter-spacing: 0.28px;\n      }\n    }\n  }\n\n}\n\n","import { Component, Host, Prop, h, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-paragraph',\n  styleUrl: 'cura-paragraph.scss',\n  shadow: true,\n})\nexport class CuraParagraph {\n\n  /**\n   * Set size of body text.\n   * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.\n   */\n  @Prop({reflect: true}) size: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall' = 'medium';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop({reflect: true}) color: string;\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '1.25em';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '140%';\n\n  /**\n   * Apply text-overflow ellipsis definitions.\n   * Default to none\n   */\n  @Prop({reflect: true}) textOverflow: 'none' | 'single' | string = 'none';\n\n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  hostCSSProperties() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-spot': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  getClasses() {\n    const classes = {\n      'textoverflow-single': this.textOverflow === 'single',\n    }\n    classes[this.size.toLowerCase()] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <p style={this.styles} class={this.getClasses()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/components/cura-progress-bar2.js.map

@@ -1 +0,0 @@
-{"file":"cura-progress-bar2.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,qLAAqL,CAAC;AACjN,8BAAe,kBAAkB;;MCMpB,eAAe;;;;;;;oBAcc,EAAE;2BAKK,IAAI;;;IAOnD,MAAM;QACJ,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC;QAClD,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3C,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,GAAG,aAAa,IAAI,GAAG,CAAC;QAEnD,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QAEhD,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IACxD,+DAAQ,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,kBAAgB,GAAG,IAAI,CAAC,WAAW,IAAI,GAAI,EAC3H,IAAI,CAAC,MAAM,KACV,+DACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,aAAa,EAC1B,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EACjB,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EACjB,CAAC,EAAE,MAAM,kBACK,GAAG,IAAI,CAAC,WAAW,IAAI,EACrC,SAAS,EAAE,cAAc,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,sBACxC,GAAG,IAAI,MAAM,aAAa,GAAG,IAAI,IAAI,oBACxC,OAAO,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,GACjC,CACH,CACG,EACN,+DACE,8DAAa,CACR,CACH,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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"],"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"],"version":3}

package/dist/components/cura-select-option2.js.map

@@ -1 +0,0 @@
-{"file":"cura-select-option2.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,okBAAokB,CAAC;AACjmB,+BAAe,mBAAmB;;MCMrB,gBAAgB;;;;;QAQ3B,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;wBANgB,KAAK;sBACP,KAAK;oBACQ,OAAO;sBAC7C,EAAE;;IAKpB,iBAAiB;QACf,MAAM,MAAM,GAAG;YACb,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE;YACxE,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,EAAE;YACnD,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,EAAE;YACnD,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,mBAAmB,EAAE;SAC5D,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,mCAAQ,IAAI,CAAC,MAAM,KAAE,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,GAAE,CAAC,CAAC;KAClI;IAGD,OAAO,CAAC,OAAe;QACrB,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAG,EAAE;YAC1C,MAAM,EAAE,OAAO,KAAK,OAAO,GAAG,OAAO,GAAG,EAAE;YAC1C,KAAK,EAAE,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAG,OAAO;SAChD,CAAC;QAEF,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC;KAChD;IAED,UAAU;QACR,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,IAAI,CAAC,QAAQ;YACzB,QAAQ,EAAC,IAAI,CAAC,MAAM;SACrB,CAAC;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,mBAAgB,IAAI,CAAC,QAAQ,IAC5D,4DAAK,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,IAC/C,mEAAY,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,cAAc,GAAG,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,kBAAe,GAAG,IACrH,8DAAa,CACF,EACZ,IAAI,CAAC,QAAQ,IAAI,kEAAW,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,EAAC,cAAc,GAAa,CACnG,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/forms/cura-select-options/cura-select-option.scss?tag=cura-select-option&encapsulation=shadow","src/components/forms/cura-select-options/cura-select-option.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.item {\n  display: flex;\n  padding: 12px 8px;\n  cursor: pointer;\n  justify-content: space-between;\n  align-items: center;\n  box-sizing: border-box;\n  background: var(--neutral-purewhite);\n\n  &.selected {\n    background-color: var(--primary-lighter-50);\n    border-bottom: 1px solid var(--primary-light);\n  }\n\n  &:hover:not(.selected) {\n    background: var(--neutral-white);\n    border-bottom: 1px solid var(--neutral-light);\n  }\n\n  &.active {\n    background: var(--neutral-white) !important;\n    border-bottom: 1px solid var(--neutral-light);\n  }\n\n  &.selected.active {\n    background-color: var(--primary-lighter-50) !important;\n    box-shadow: none;\n  }\n}\n","import { Component, h, Host, Prop, State, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-select-option',\n  styleUrl: 'cura-select-option.scss',\n  shadow: true,\n})\nexport class CuraSelectOption {\n  @Prop({ reflect: true }) value: string;\n  @Prop({ reflect: true }) selected: boolean = false;\n  @Prop({ reflect: true }) active: boolean = false;\n  @Prop() size: 'xsmall' | 'small' | 'medium' | 'large' = 'small'\n  @State() styles = {};\n  @Element() host: HTMLElement;\n\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    const colors = [\n      { name: '--primary-lighter-50', theme: 'primary-lighter', opacity: 0.5 },\n      { name: '--primary-light', theme: 'primary-light' },\n      { name: '--neutral-light', theme: 'neutral-light' },\n      { name: '--neutral-purewhite', theme: 'neutral-purewhite' },\n    ];\n\n    colors.forEach(color => this.styles = { ...this.styles, [color.name]: this.theme.colors.getColor(color.theme, color?.opacity) });\n  }\n\n  @Watch('size')\n  getSize(element: string) {\n    const sizeMap = {\n      large: element === 'label' ? 'medium' : 20,\n      medium: element === 'label' ? 'small' : 16,\n      small: element === 'label' ? 'xsmall' : 'micro',\n    };\n\n    return sizeMap[this.size] || sizeMap['medium'];\n  }\n\n  getClasses() {\n    return {\n      'item': true,\n      'selected': this.selected,\n      'active':this.active\n    };\n  }\n\n  render() {\n    return (\n      <Host slot=\"option\" role=\"option\" aria-selected={this.selected}>\n        <div class={this.getClasses()} style={this.styles}>\n          <cura-label color={`${this.selected ? 'primary-base' : 'neutral-black'}`} size={this.getSize('label')} margin-block=\"0\">\n            <slot></slot>\n          </cura-label>\n          {this.selected && <cura-icon name='check' size={this.getSize('icon')} color=\"primary-base\"></cura-icon>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/cura-select2.js.map

@@ -1 +0,0 @@
-{"file":"cura-select2.js","mappings":"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","names":[],"sources":["src/components/forms/cura-select/cura-select.scss?tag=cura-select&encapsulation=shadow","src/components/forms/cura-select/cura-select.tsx"],"sourcesContent":["@import '../../../scss/mixins/forms.scss';\n\n:host {\n  display: block;\n  position: relative;\n  font-family: var(--font-family);\n}\n\n.wrapper {\n  width: 100%;\n  user-select: none;\n  text-align: left !important;\n\n  @include cura-label();\n  @include helper-text();\n\n  @include cura-input-field() {\n    .up-down-icon {\n      order: 3;\n      padding-right: 6px;\n      cursor: pointer;\n      pointer-events: all;\n    }\n\n    .up-down-button {\n      background-color: transparent;\n      border: none;\n    }\n\n    input {\n      padding: 0px 12px 0px 8px;\n      cursor: pointer;\n    }\n\n    &.open {\n      border-radius: 4px 4px 0 0 !important;\n    }\n  }\n\n  @include cura-input-transparent();\n\n  @include cura-forms-hover();\n  @include cura-forms-focused();\n\n  @include cura-forms-success();\n  @include cura-forms-error();\n\n  @include cura-forms-small() {\n    &.label {\n      .menu {\n        top: 53px;\n      }\n    }\n    .menu {\n      top: 33px;\n    }\n  }\n\n  @include cura-forms-medium() {\n    &.label {\n      .menu {\n        top: 61px;\n      }\n    }\n    .menu {\n      top: 40px;\n    }\n  }\n\n  @include cura-forms-large() {\n    &.label {\n      .menu {\n        top: 69px;\n      }\n    }\n    .menu {\n      top: 47px;\n    }\n  }\n\n  @include cura-forms-disabled();\n}\n\n.required {\n  color: red;\n}\n\n.menu {\n  position: absolute;\n  left: 0;\n  right: -1px;\n  background: #fff;\n  border: 2px solid var(--neutral-light);\n  border-radius: 4px;\n  z-index: 1000;\n  max-height: var(--max-height);\n  overflow: hidden;\n  border-top: transparent;\n  align-items: center;\n\n  scrollbar-color: var(--neutral-medium) var(--neutral-black-20);\n  overflow-y: auto;\n  box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.16);\n\n  &.open {\n    border-radius: 0 !important;\n    padding: 12px;\n  }\n}\n","import { Component, Element, Host, Prop, State, h, Event, EventEmitter, AttachInternals, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-select',\n  styleUrl: 'cura-select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraSelect {\n  /**\n   * The label text for the select component.\n   * Reflects as an attribute in the DOM.\n   */\n  @Prop({ reflect: true }) label: string = '';\n\n  /**\n   * Placeholder text for the input field.\n   * Reflects as an attribute in the DOM.\n   */\n  @Prop({ reflect: true }) placeholder: string = '';\n\n  /**\n   * Current value of the select component.\n   * Reflects as an attribute in the DOM and is mutable.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  /**\n   * Display mode of the select component.\n   * Can be 'default' or 'transparent'.\n   */\n  @Prop({ reflect: true }) mode: 'default' | 'transparent' = 'default';\n\n  /**\n   * Size of the select component.\n   * Can be 'small', 'medium', or 'large'.\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  @Prop() iconName?: string;\n\n  /**\n   * Status of the select component.\n   * Can be 'success', 'error', or 'default'.\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'success' | 'error' | 'default' = 'default';\n\n  /**\n   * Whether the select component is disabled.\n   * Reflects as an attribute in the DOM.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Whether the select component is required.\n   * Reflects as an attribute in the DOM.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Enable / Disable search at options by term.\n   * Default: false\n   */\n  @Prop({ reflect: true }) searchBehavior: boolean = false;\n\n  /**\n   * The search will be sensitive to accents.\n   * Default: true\n   */\n  @Prop({ reflect: true }) caseSensitive: boolean = true;\n\n   /**\n    * CSS max-height property for dropdown item.\n    * Can also be used by css property --max-height.\n    * Default: 285px\n    */\n   @Prop({ reflect: true }) maxHeight: string = '285px';\n\n  /**\n   * Internal state: Whether the input is hovered.\n   * Default: false\n   */\n  @State() isHovered: boolean = false;\n\n  /**\n   * Internal state: Whether the input is focused.\n   * Default: false\n   */\n  @State() isFocused: boolean = false;\n\n  /**\n   * Internal state: Whether the dropdown menu is open.\n   * Default: false\n   */\n  @State() isOpen: boolean = false;\n\n  /**\n   * Internal state: Collection of options for the select component.\n   */\n  @State() options: NodeListOf<HTMLCuraSelectOptionElement>;\n\n  @State() activeIndex = -1;\n\n  @Watch('activeIndex')\n  updateOptionHighlights(newActiveINdex: number) {\n    this.options.forEach((option, index) => ((option as any).active = index === newActiveINdex));\n  }\n\n  @State() textInput = '';\n\n  @Watch('textInput')\n  /**\n   * Filters the options based on the current input value.\n   */\n  filterOptions(newText) {\n    this.searchTermInput.emit(newText);\n\n    if (!this.isOpen || !this.searchBehavior) {\n      return;\n    }\n\n    const removeAccents = (str: string) => {\n      return str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\n    };\n\n    let searchTerm = newText;\n    if (!this.caseSensitive) {\n      searchTerm = removeAccents(searchTerm).toLocaleLowerCase();\n    }\n\n    this.options.forEach(option => {\n      let optionValue = option.textContent || '';\n      if (!this.caseSensitive) {\n        optionValue = removeAccents(optionValue?.toLowerCase());\n      }\n      const isVisible = optionValue.includes(searchTerm);\n      option.style.display = isVisible ? 'block' : 'none';\n    });\n  }\n\n  /**\n   * Reference to the host element of the component.\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Event emitted when an option is selected.\n   */\n  @Event() selected: EventEmitter;\n\n  /**\n   * Event emitted when an option is searched.\n   */\n  @Event() searchTermInput: EventEmitter;\n\n  /**\n   * MutationObserver to watch changes in the component.\n   */\n  mutationObserver: MutationObserver;\n\n  /**\n   * Styles to be applied to the component.\n   */\n  styles = {};\n\n  /**\n   * Theme object containing font and color information.\n   */\n  theme = window.CuraAPI.theme;\n\n  @AttachInternals() internals: ElementInternals;\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 }) {\n    this.textInput = state.value;\n    this.updateSelectedOption();\n  }\n\n  /**\n   * Callback to reset the switch state when the form is reset.\n   */\n  formResetCallback() {\n    this.textInput = '';\n    this.clearSelectedAttributes();\n    this.internals.setFormValue('');\n    this.internals.setValidity({});\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  /**\n   * Lifecycle method called before the component is rendered.\n   * Initializes the options for the select component.\n   */\n  componentWillLoad() {\n    this.initializeOptions();\n  }\n  /**\n   * Lifecycle method called after the component is rendered.\n   * Initializes select-related functionality.\n   */\n  componentDidLoad() {\n    this.setupMutationObserver();\n    this.addOutsideClickListener();\n  }\n  /**\n   * Lifecycle method called when the component is connected to the DOM.\n   * Applies styles based on the theme.\n   */\n  connectedCallback() {\n    this.applyStyles();\n  }\n  /**\n   * Lifecycle method called when the component is disconnected from the DOM.\n   * Disconnects the MutationObserver if it exists.\n   */\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n    this.removeOutsideClickListener();\n  }\n\n  initializeOptions() {\n    this.options = this.host.querySelectorAll<HTMLCuraSelectOptionElement>('cura-select-option');\n    this.options.forEach(option => {\n      option.setAttribute('size', this.size);\n\n      const isSelected = this.value === option.value;\n      option.setAttribute('selected', JSON.stringify(isSelected));\n\n      if (isSelected) {\n        this.value = option.value;\n        this.internals.setFormValue(option.value);\n      }\n    });\n\n    this.textInput = Array.from(this.options).find(option => option.value === this.value)?.textContent || this.textInput;\n  }\n  /**\n   * Applies styles to the component based on the theme.\n   */\n  applyStyles() {\n    const { fonts, colors } = this.theme;\n    const fontWeights = fonts.getWeights();\n\n    this.styles = {\n      ...this.styles,\n      '--font-weight-medium': fontWeights.medium,\n      '--font-weight-bold': fontWeights.bold,\n      '--font-weight-regular': fontWeights.regular,\n      '--font-color': fonts.getColor(),\n      '--font-family': fonts.getFamily(),\n      '--font-size': fonts.getSize(),\n    };\n\n    const colorKeys = [\n      'primary-base',\n      'neutral-purewhite',\n      'neutral-white',\n      'neutral-black',\n      'neutral-medium',\n      'neutral-light',\n      'neutral-base',\n      'neutral-dark',\n      'success-dark',\n      'success-darker',\n      'success-lighter',\n      'error-lighter',\n      'error-dark',\n      'error-darker',\n      'error-base',\n      'info-base',\n    ];\n\n    colorKeys.forEach(key => {\n      this.styles[`--${key}`] = colors.getColor(key);\n    });\n  }\n  /**\n   * Sets up a MutationObserver to watch for changes in the component.\n   */\n  setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(this.handleMutations);\n    this.mutationObserver.observe(this.host, { attributes: true, subtree: true, attributeFilter: ['selected', 'value'] });\n  }\n  /**\n   * Handles mutations observed by the MutationObserver.\n   * Updates the selected option or filters options based on the mutation type.\n   */\n  handleMutations = (mutations: MutationRecord[]) => {\n    mutations.forEach(mutation => {\n      if (mutation.type === 'attributes') {\n        if (mutation.attributeName === 'selected') this.updateSelectedOption();\n      }\n    });\n  };\n  /**\n   * Handles the selection of an option.\n   */\n  onOptiselected = (event: Event) => {\n    const selectedOption = event.target as HTMLElement;\n    this.clearSelectedAttributes();\n    selectedOption.setAttribute('selected', 'true');\n  };\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    this.clearSelectedAttributes();\n\n    const selectedOption = this.host.querySelector(`cura-select-option[value=\"${newValue}\"]`);\n\n    if (!selectedOption) {\n      return;\n    }\n\n    selectedOption.setAttribute('selected', 'true');\n  }\n\n  updateSelectedOption() {\n    const selectedOptionElement = this.host.querySelector<HTMLCuraSelectOptionElement>('cura-select-option[selected]');\n\n    if (!selectedOptionElement) {\n      return;\n    }\n\n    this.value = selectedOptionElement.value;\n    this.internals.setFormValue(this.value);\n\n    if (this.textInput !== selectedOptionElement.textContent) {\n      this.textInput = selectedOptionElement.textContent;\n      this.isOpen = false;\n      this.selected.emit(selectedOptionElement.value);\n    }\n  }\n\n  /**\n   * Clears the 'selected' attribute from all options.\n   */\n  clearSelectedAttributes() {\n    this.options.forEach(option => option.removeAttribute('selected'));\n  }\n\n  handleKeyNavigation = (event: KeyboardEvent) => {\n    const { code: keyCode } = event;\n\n    if (!this.isOpen && keyCode === 'ArrowDown') {\n      this.isOpen = true;\n      this.activeIndex = 0;\n\n      return;\n    }\n\n    if (keyCode === 'ArrowDown') {\n      event.preventDefault();\n      this.updateActiveIndex(1);\n    }\n\n    if (keyCode === 'ArrowUp') {\n      event.preventDefault();\n      this.updateActiveIndex(-1);\n    }\n\n    if (keyCode === 'Enter' || keyCode === 'Space') {\n      this.options[this.activeIndex]?.click();\n    }\n\n    if (keyCode === 'Escape') {\n      this.isOpen = false;\n    }\n  };\n\n  updateActiveIndex(direction: number) {\n    if (this.options.length === 0) return;\n    this.activeIndex = (this.activeIndex + direction + this.options.length) % this.options.length;\n  }\n\n  handleInputChange = (e: Event) => {\n    this.textInput = (e.target as HTMLInputElement).value;\n    this.isOpen = this.textInput.length > 0;\n    this.internals.setFormValue(this.textInput);\n  };\n\n  getClasses() {\n    return {\n      wrapper: true,\n      label: !!this.label,\n      disabled: this.disabled,\n      transparent: this.mode === 'transparent',\n      [this.size.toLowerCase()]: true,\n      [this.status.toLowerCase()]: true,\n    };\n  }\n\n  /**\n   * Determines the color based on the item type and component state.\n   */\n  getColor(item: 'label' | 'text' | 'icon') {\n    if (this.disabled) return 'neutral-medium';\n\n    const isStatusDefault = this.status === 'default';\n    const isHoveredOrFocused = this.isFocused || this.isHovered;\n\n    if (item === 'label') {\n      if (!isStatusDefault || isHoveredOrFocused) return 'neutral-black';\n      return 'neutral-dark';\n    }\n\n    if (isHoveredOrFocused && isStatusDefault) return 'neutral-black';\n    if (this.status === 'success') return 'success-dark';\n    if (this.status === 'error') return 'error-dark';\n\n    return 'neutral-dark';\n  }\n\n  /**\n   * Renders the icon based on the component's status.\n   */\n  renderIcon() {\n    if (this.status === 'default' && !this.iconName) return null;\n    const icon = { default: this.iconName, success: 'checkCircle', error: 'alertCircle' }[this.status];\n    return <cura-icon class=\"feedback-icon\" name={icon} iconset=\"default\" size={this.size === 'large' ? 20 : 16} color={this.getColor('icon')} style={this.styles} />;\n  }\n\n  handleClick = (event: MouseEvent) => {\n    if (this.disabled) return event.preventDefault();\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'CURA-SELECT-OPTION') return this.onOptiselected(event);\n    this.isOpen = !this.isOpen;\n  };\n\n  handleClickOutside = (event: MouseEvent) => {\n    const clickedOutside = !this.host.contains(event.target as Node);\n    if (clickedOutside) {\n      this.isOpen = false;\n    }\n  };\n\n  private addOutsideClickListener() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  private removeOutsideClickListener() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  render() {\n    return (\n      <Host style={this.styles}\n        role=\"combobox\"\n        aria-label={this.label}\n        aria-required={String(this.required)}\n        aria-disabled={String(this.disabled)}\n        aria-invalid={String(this.status === 'error')}>\n        <div class={this.getClasses()} onMouseEnter={() => (this.isHovered = true)} onMouseLeave={() => (this.isHovered = false)} onClick={this.handleClick}>\n          {this.label && (\n            <cura-label class=\"label\" weight=\"bold\" size={this.size === 'large' ? 'small' : 'xsmall'} color={this.getColor('label')}>\n              {this.label} {this.required && <span class=\"required\">* </span>}\n            </cura-label>\n          )}\n\n          <div\n            class={{\n              'cura-input-field': true,\n              'open': this.isOpen,\n            }}\n          >\n            {this.renderIcon()}\n            <input\n              type=\"text\"\n              autocomplete=\"off\"\n              onFocus={() => (this.isFocused = true)}\n              onBlur={() => (this.isFocused = false)}\n              onKeyDown={this.handleKeyNavigation}\n              aria-required={String(this.required)}\n              aria-disabled={String(this.disabled)}\n              aria-invalid={String(this.status === 'error')}\n              onInput={this.handleInputChange}\n              style={this.styles}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              required={this.required}\n              value={this.textInput}\n              readonly={this.searchBehavior ? null : true}\n            />\n            <button class=\"up-down-button\">\n              <cura-icon name={this.isOpen ? 'up' : 'down'} class=\"up-down-icon\" color={this.disabled ? 'neutral-dark' : 'primary-base'} size={16} iconset=\"default\" />\n            </button>\n          </div>\n          <cura-label class=\"helper-text\" size=\"xsmall\" color={this.getColor('text')} weight={this.mode === 'transparent' ? 'bold' : 'regular'}>\n            <slot></slot>\n          </cura-label>\n          {this.isOpen && (\n            <div\n              class={{\n                menu: true,\n                open: this.isOpen,\n              }}\n              style={{ '--max-height': this.maxHeight }}\n            >\n              <slot name=\"option\"></slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/cura-stepper-item2.js.map

@@ -1 +0,0 @@
-{"file":"cura-stepper-item2.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,oGAAoG,CAAC;AAChI,8BAAe,kBAAkB;;MCMpB,eAAe;;;;;QAkC1B,cAAS,GAAG;YACV,MAAM,EAAE;gBACN,UAAU,EAAE,MAAM;gBAClB,SAAS,EAAE,WAAW;gBACtB,IAAI,EAAE,EAAE;gBACR,QAAQ,EAAE,KAAK;aAChB;YACD,IAAI,EAAE;gBACJ,UAAU,EAAE,OAAO;gBACnB,SAAS,EAAE,cAAc;gBACzB,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,IAAI;aACf;YACD,IAAI,EAAE;gBACJ,UAAU,EAAE,SAAS;gBACrB,SAAS,EAAE,gBAAgB;gBAC3B,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,IAAI;aACf;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,SAAS;gBACrB,SAAS,EAAE,SAAS;gBACpB,IAAI,EAAE,EAAE;gBACR,QAAQ,EAAE,KAAK;aAChB;SACF,CAAC;8BAvDiD,KAAK;;;sBAoBkB,SAAS;sBAEjE,EAAE;;IAIpB,iBAAiB;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IA6BD,mBAAmB;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;KAC9D;IAED,YAAY;QACV,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;QACxD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;QAEnC,IAAI,CAAC,MAAM,GAAG;YACZ,gBAAgB,EAAE,OAAO,CAAC,UAAU,EAAE;YACtC,qBAAqB,EAAE,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC;YAC3D,mBAAmB,EAAE,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAC;YACvD,gBAAgB,EAAE,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;YACjD,aAAa,EAAE,KAAK,CAAC,OAAO,EAAE;YAC9B,cAAc,EAAE,KAAK,CAAC,QAAQ,EAAE;YAChC,eAAe,EAAE,KAAK,CAAC,SAAS,EAAE;YAClC,uBAAuB,EAAE,OAAO,CAAC,OAAO;SACzC,CAAC;KACH;IAED,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7E,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IAC5C,wEACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,UAAuG,eACnG,IAAI,eACJ,QAAQ,mBACL,KAAK,IAElB,IAAI,CAAC,KAAK,CACK,EACjB,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,KAClC,uEAAgB,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,SAAS,IAC3D,IAAI,CAAC,OAAO,CACE,CAClB,CACG,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["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.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"],"version":3}

package/dist/components/cura-tabs.definitions.js.map

@@ -1 +0,0 @@
-{"file":"cura-tabs.definitions.js","mappings":"MAAa,UAAU,GAAG;IACxB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;;;;;","names":[],"sources":["src/components/tabs/cura-tabs.definitions.tsx"],"sourcesContent":["export const labelSizes = {\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  default: 'medium',\n};\n"],"version":3}

package/dist/cura/p-0aeaf57a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as s,H as t,g as c}from"./p-4ee8efca.js";const i=":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}";const r=i;const o=class{constructor(s){e(this,s);this.close=a(this,"close",7);this.handleClose=()=>{this.close.emit();this.host.remove()};this.type="info";this.floating=false;this.label=undefined;this.closeable=true;this.icon=undefined;this.styles={}}setColors(){const e=[{name:"--color-lighter",theme:`${this.type}-lighter`},{name:"--neutral-black",theme:"neutral-black"},{name:"--color-light",theme:`${this.type}-light`},{name:"--color-base",theme:`${this.type}-base`}];e.forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.theme)}));this.styles=Object.assign({},this.styles)}connectedCallback(){this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.setColors()}getClasses(){const e={};e["conteiner"]=true;e["floating"]=this.floating;return e}getNameIcon(){const e={info:"infoCircle",success:"checkCircle",warning:"alertCircle",error:"alertTriangle"};return this.icon?this.icon:e[this.type]}render(){return s(t,{key:"2bb12a2c1f982aa328da2ba9fd80434459651735",role:"alert","aria-live":"polite","aria-atomic":"true","aria-label":this.label},s("div",{key:"c3103080439a2d15dc530fd4d3e1945937da302a",class:this.getClasses(),style:this.styles},s("cura-icon",{key:"0465d437885134eefdc41cdfe74a43a83f9e5265",name:this.getNameIcon(),class:"icon-left",size:16,color:`${this.type}-dark`}),s("div",{key:"15c7545a76db2032e6ee20b8f27b90199cc95020",class:"content"},this.label?s("cura-heading",{class:"title",size:"xsmall",color:"neutral-black",weight:"bold","margin-block":"1px 0"},this.label):"",s("cura-paragraph",{key:"af74fc113ffdca4cf4ce4f52133ab1ecfb94f002",class:"text",color:`${this.type}-darker`,size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},s("slot",{key:"5979eac43e2729097ec8d47c1f1b58a5834e4b02"})),s("slot",{key:"c74a0bf68cb024a04c36392c6c3a2303bdd8e842",name:"actions"})),this.closeable?s("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))}get host(){return c(this)}static get watchers(){return{type:["setColors"]}}};o.style=r;export{o as cura_alert};
-//# sourceMappingURL=p-0aeaf57a.entry.js.map

package/dist/cura/p-0aeaf57a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaAlertCss","CuraAlertStyle0","CuraAlert","this","handleClose","close","emit","host","remove","setColors","colors","name","theme","type","forEach","color","styles","window","CuraAPI","getColor","Object","assign","connectedCallback","spacing","getSpacing","getClasses","classes","floating","getNameIcon","iconMapping","info","success","warning","error","icon","render","h","Host","key","role","label","class","style","size","weight","marginBlock","lineHeight","closeable","onClick"],"sources":["src/components/cura-alert/cura-alert.scss?tag=cura-alert&encapsulation=shadow","src/components/cura-alert/cura-alert.tsx"],"sourcesContent":["@import \"../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  box-sizing: border-box;\n\n  .conteiner {\n    display: flex;\n    box-sizing: border-box;\n    padding: #{$spacing-xxxs};\n    gap: #{$spacing-xxxs};\n    flex-shrink: 0;\n    border: 1px solid var(--color-base);\n    border-radius: 4px;\n    background-color: var(--color-lighter);\n    &.floating {\n      box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.16);\n    }\n  }\n\n  .content {\n    flex: 1;\n    flex-direction: column;\n    display: flex;\n    gap: #{$spacing-tiny};\n  }\n\n  .icon-right {\n    cursor: pointer;\n  }\n\n}\n","import { Component, Element, Prop, Host, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n@Component({\n  tag: 'cura-alert',\n  styleUrl: 'cura-alert.scss',\n  shadow: true,\n})\nexport class CuraAlert {\n  @Element() host: HTMLElement;\n\n  @Prop() type: 'info' | 'success' | 'warning' | 'error' = 'info';\n  @Prop({ reflect: true }) floating = false;\n  @Prop({ reflect: true }) label: string;\n  @Prop({ reflect: true }) closeable = true;\n  @Prop({ reflect: true }) icon: string;\n\n  @State() styles = {};\n\n  @Event({ eventName: 'close' }) close: EventEmitter<void>;\n\n  @Watch('type')\n  setColors() {\n    const colors = [\n      { name: '--color-lighter', theme: `${this.type}-lighter` },\n      { name: '--neutral-black', theme: 'neutral-black' },\n      { name: '--color-light', theme: `${this.type}-light` },\n      { name: '--color-base', theme: `${this.type}-base` },\n    ];\n\n    colors.forEach(color => {\n      this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme);\n    });\n    this.styles = {...this.styles};\n  }\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes['conteiner'] = true;\n    classes['floating'] = this.floating;\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  handleClose = () => {\n    this.close.emit();\n    this.host.remove();\n  };\n\n  render() {\n    return (\n      <Host 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 name={this.getNameIcon()} class=\"icon-left\" size={16} color={`${this.type}-dark`}></cura-icon>\n          <div class=\"content\">\n            { this.label ? (\n            <cura-heading class=\"title\" size=\"xsmall\" color=\"neutral-black\" weight=\"bold\" margin-block=\"1px 0\">\n              {this.label}\n            </cura-heading>\n            ) : ''}\n            <cura-paragraph class=\"text\" 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.closeable ?\n          (<cura-icon name=\"close\" size={16} color=\"error-dark\" class=\"icon-right\" onClick={this.handleClose}></cura-icon>)\n          : '' }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAe,+eACrB,MAAAC,EAAeD,E,MCKFE,EAAS,M,sDAkDpBC,KAAAC,YAAc,KACZD,KAAKE,MAAMC,OACXH,KAAKI,KAAKC,QAAQ,E,UAjDqC,O,cACrB,M,oCAEC,K,gCAGnB,E,CAKlB,SAAAC,GACE,MAAMC,EAAS,CACb,CAAEC,KAAM,kBAAmBC,MAAO,GAAGT,KAAKU,gBAC1C,CAAEF,KAAM,kBAAmBC,MAAO,iBAClC,CAAED,KAAM,gBAAiBC,MAAO,GAAGT,KAAKU,cACxC,CAAEF,KAAM,eAAgBC,MAAO,GAAGT,KAAKU,cAGzCH,EAAOI,SAAQC,IACbZ,KAAKa,OAAOD,EAAMJ,MAAQM,OAAOC,QAAQN,MAAMF,OAAOS,SAASJ,EAAMH,MAAM,IAE7ET,KAAKa,OAAMI,OAAAC,OAAA,GAAOlB,KAAKa,O,CAGzB,iBAAAM,GACEnB,KAAKa,OAAO,kBAAoBC,OAAOC,QAAQN,MAAMW,QAAQC,aAC7DrB,KAAKM,W,CAGP,UAAAgB,GACE,MAAMC,EAAU,GAChBA,EAAQ,aAAe,KACvBA,EAAQ,YAAcvB,KAAKwB,SAC3B,OAAOD,C,CAGT,WAAAE,GACE,MAAMC,EAAc,CAClBC,KAAM,aACNC,QAAS,cACTC,QAAS,cACTC,MAAO,iBAET,OAAO9B,KAAK+B,KAAO/B,KAAK+B,KAAOL,EAAY1B,KAAKU,K,CAQlD,MAAAsB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,YACN,SAAQ,cACN,OAAM,aACNpC,KAAKqC,OACjBJ,EAAA,OAAAE,IAAA,2CAAKG,MAAOtC,KAAKsB,aAAciB,MAAOvC,KAAKa,QACzCoB,EAAA,aAAAE,IAAA,2CAAW3B,KAAMR,KAAKyB,cAAea,MAAM,YAAYE,KAAM,GAAI5B,MAAO,GAAGZ,KAAKU,cAChFuB,EAAA,OAAAE,IAAA,2CAAKG,MAAM,WACPtC,KAAKqC,MACPJ,EAAA,gBAAcK,MAAM,QAAQE,KAAK,SAAS5B,MAAM,gBAAgB6B,OAAO,OAAM,eAAc,SACxFzC,KAAKqC,OAEJ,GACJJ,EAAA,kBAAAE,IAAA,2CAAgBG,MAAM,OAAO1B,MAAO,GAAGZ,KAAKU,cAAe8B,KAAK,SAASE,YAAY,IAAIC,WAAW,WAClGV,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAM3B,KAAK,aAEXR,KAAK4C,UACNX,EAAA,aAAWzB,KAAK,QAAQgC,KAAM,GAAI5B,MAAM,aAAa0B,MAAM,aAAaO,QAAS7C,KAAKC,cACrF,I","ignoreList":[]}

package/dist/cura/p-0b872499.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as a,h as r,H as e,g as o}from"./p-4ee8efca.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=i;const n=768;const c=class{constructor(r){t(this,r);this.tooltipClosed=a(this,"tooltipClosed",7);this.styles={};this.handleClose=()=>{this.closeContainer()};this.elementId="";this.interactive=true;this.delay=250;this.maxWidth="280px";this.position="top";this.label=undefined;this.closeButton=false;this.isMobile=false}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<=n;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 s=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<s){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-s){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<s){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-s){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-s){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<s){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<s){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-s){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)}};c.style=s;export{c as cura_tooltip};
-//# sourceMappingURL=p-0b872499.entry.js.map

package/dist/cura/p-0b872499.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaTooltipCss","CuraTooltipStyle0","BREAKPOINT_SMALL_MAX","CuraTooltip","this","styles","handleClose","closeContainer","onWindowResize","setPosition","targetElement","onWindowScroll","connectedCallback","setStyle","render","h","Host","key","role","id","elementId","class","style","level","size","color","weight","label","marginBlock","lineHeight","closeButton","isMobile","name","onClick","type","componentDidLoad","document","querySelector","interactive","host","visibility","openTimeoutID","closeTimeoutID","_a","addEventListener","clearTimeout","setTimeout","delay","_b","_c","window","getComputedStyle","_d","_e","event","contains","target","Object","assign","maxWidth","CuraAPI","theme","spacing","getSpacing","colors","getColor","getClasses","firstPosition","secondPosition","position","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-0ccde0ff.entry.js

@@ -1,2 +0,0 @@
-import{r,c as e,h as a,H as s,g as t}from"./p-4ee8efca.js";import{f as i}from"./p-f9b8f665.js";const o='@charset "UTF-8";:host{display:block;box-sizing:border-box;min-width:0;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .label.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:"";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}';const c=o;const d=class{constructor(a){r(this,a);this.onchange=e(this,"onchange",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.sizes={large:{size:20},medium:{size:14},small:{size:10}};this.isDarkbackground=()=>this.background==="dark";this.handleClick=()=>{if(this.disabled)return;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked})};this.checked=false;this.status="default";this.disabled=false;this.required=false;this.label="";this.ontabindex=undefined;this.position="left";this.value="";this.name="";this.background="light";this.size="medium";this.color="accent";this.overflowLabel="none";this.overflowHelper="none";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":`${this.sizes[this.size].size}px`,"--size":`${i[this.size].size}px`,"--gap":`${i[this.size].gap}px`})}setColors(){const r=[{name:"--info-base",background:"info-base"},{name:"--color-light",background:`${this.color}-light`},{name:"--color-base",background:`${this.color}-base`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--neutral-purewhite",background:"neutral-purewhite"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--error-lighter",background:"error-lighter"},{name:"--error-base",background:"error-base"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--primary-base-neutral-white",background:this.isDarkbackground()?"primary-base":"neutral-white"},{name:"--primary-darker-neutral-white",background:this.isDarkbackground()?"primary-darker":"neutral-white"},{name:"--primary-darker-neutral-base",background:this.isDarkbackground()?"primary-darker":"neutral-base"},{name:"--primary-base-neutral-base",background:this.isDarkbackground()?"primary-base":"neutral-base"},{name:"--primary-base-neutral-dark",background:this.isDarkbackground()?"primary-base":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--success-base-dark",background:this.isDarkbackground()?"success-base":"success-dark"},{name:"--error-base-dark",background:this.isDarkbackground()?"error-base":"error-dark"}];r.forEach((r=>{this.styles[r.name]=window.CuraAPI.theme.colors.getColor(r.background)}));this.styles=Object.assign({},this.styles)}formAssociatedCallback(r){r.ariaLabel=this.label}formStateRestoreCallback(r){this.value=r.value;this.checked=r.checked;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(r){this.disabled=r}connectedCallback(){this.sizeHandler();this.setColors()}getClasses(){const r={};r["container"]=true;r["checked"]=this.checked;r["disabled"]=this.disabled;r["position"]=this.position==="right";r[this.status]=true;return r}assignColor(r){if(this.disabled)return this.isDarkbackground()?"primary-darker":"neutral-medium";const e={success:{label:this.isDarkbackground()?"success-lighter":"success-darker",message:this.isDarkbackground()?"success-base":"success-dark"},error:{label:this.isDarkbackground()?"error-lighter":"neutral-darker",message:this.isDarkbackground()?"error-base":"error-dark"},default:{label:this.isDarkbackground()?"neutral-white":"neutral-black",message:this.isDarkbackground()?"primary-lighter":"neutral-dark"}};return e[this.status][r]}render(){return a(s,{key:"550e164f2be33f4fdad6c194302723a00e51843c",role:"radio","aria-checked":this.checked,"aria-disabled":this.disabled,"aria-required":this.required,"aria-invalid":this.status==="error"},a("div",{key:"ebcfef353b7dd4655b1d809025060db952927521",class:this.getClasses(),style:this.styles,onClick:this.handleClick},a("div",{key:"436ecc0f4fd72ff6a00a2a47f494e08aae65b3d6",class:"info"},a("div",{key:"4836e4ce83d1fc3b338cfd216b46a7791ba6dc90",class:"label-wrapper"},a("cura-label",{key:"434f0b816eee11b7da0b44f37880e31c52e2f853",textOverflow:this.overflowLabel,class:`label${this.overflowLabel==="single"?" textoverflow-single":""}`,size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"1d06464488947f469abd5c3d1c25ebb2ed63a5bd",lineHeight:"0%",marginBlock:"0",color:"error-base"},"*"," ")),a("cura-label",{key:"508bb787d2da5d25de48516ed64d6b02c94d8546",textOverflow:this.overflowHelper,color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"f35d5c895f74ec02987474e71df9a5067ea51e70"}))),a("input",{key:"fbd6ba47d6e8a9c812ad986964749507f9d33d62",type:"radio",class:`radio ${this.size.toLocaleLowerCase()}`,name:this.name,value:this.value,required:this.required,tabIndex:this.ontabindex,disabled:this.disabled,checked:this.checked})))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"]}}};d.style=c;export{d as cura_radio};
-//# sourceMappingURL=p-0ccde0ff.entry.js.map

package/dist/cura/p-0ccde0ff.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaRadioCss","CuraRadioStyle0","CuraRadio","this","sizes","large","size","medium","small","isDarkbackground","background","handleClick","disabled","checked","internals","setFormValue","value","onchange","emit","sizeHandler","styles","Object","assign","formsSizes","gap","setColors","colors","name","color","forEach","window","CuraAPI","theme","getColor","formAssociatedCallback","form","ariaLabel","label","formStateRestoreCallback","state","formResetCallback","setValidity","formDisabledCallback","connectedCallback","getClasses","classes","position","status","assignColor","type","statusColors","success","message","error","default","render","h","Host","key","role","required","class","style","onClick","textOverflow","overflowLabel","lineHeight","marginBlock","overflowHelper","toLocaleLowerCase","tabIndex","ontabindex"],"sources":["src/components/forms/cura-radio/cura-radio.scss?tag=cura-radio&encapsulation=shadow","src/components/forms/cura-radio/cura-radio.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  .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  .label.textoverflow-single {\n    @include truncate-single();\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .info {\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n  }\n\n  .label-wrapper {\n    display: flex;\n    justify-content: start;\n    align-items: center;\n    gap: 5px;\n  }\n\n  .control {\n    width: fit-content;\n    cursor: pointer;\n    position: relative;\n  }\n\n  .radio {\n    margin: 0;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    border-radius: 50%;\n    border: 2px solid var(--primary-base-neutral-medium);\n    background: var(--neutral-purewhite);\n    box-sizing: border-box;\n    transition: border-color 0.3s;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    width: var(--size);\n    height: var(--size);\n    flex: 0 0 var(--size);\n\n    &::after {\n      content: '';\n      background: var(--color-base-light);\n      border-radius: 50%;\n      opacity: 0;\n      transition: opacity 0.3s;\n      width: var(--size-after);\n      height: var(--size-after);\n    }\n\n    &:focus {\n      border-color: var(--info-base) !important;\n    }\n  }\n\n  /* Estado Success */\n  .success .radio {\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 .radio {\n    border-color: var(--success-base);\n\n    &::after {\n      background: var(--success-base);\n    }\n\n    &:hover {\n      background: var(--success-lighter) !important;\n      border-color: var(--success-base) !important;\n\n      &::after {\n        background: var(--success-base) !important;\n      }\n    }\n  }\n\n  /* Estado Error */\n  .error .radio {\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 .radio {\n    border-color: var(--error-base);\n\n    &::after {\n      background: var(--error-base);\n    }\n\n    &:hover {\n      background: var(--error-lighter) !important;\n      border-color: var(--error-base) !important;\n\n      &::after {\n        background: var(--error-base) !important;\n      }\n    }\n  }\n\n  /* Estado checked */\n  .checked .radio::after {\n    opacity: 1;\n    background: var(--color-base);\n  }\n\n  .checked .radio {\n    border-color: var(--color-dark);\n  }\n\n  .checked .radio:hover {\n    border-color: var(--color-light) !important;\n  }\n\n  .checked .radio:hover::after {\n    background: var(--color-light);\n  }\n\n  /* Estado disabled */\n  .disabled .radio {\n    background: var(--primary-base-neutral-white);\n    border-color: var(--primary-darker-neutral-base);\n    cursor: not-allowed;\n  }\n\n  .disabled .radio::after {\n    background: var(--neutral-lighter);\n  }\n\n  .disabled.checked .radio {\n    border-color: var(--primary-base-neutral-base) !important;\n    background: var(--primary-darker-neutral-white) !important;\n  }\n\n  .disabled.checked .radio::after {\n    background: var(--primary-base-neutral-base) !important;\n  }\n\n  /* Estado hover para não disabled e não checked */\n  :not(.disabled):not(.checked) .radio:hover {\n    border-color: var(--primary-base-neutral-dark);\n  }\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-radio',\n  styleUrl: 'cura-radio.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraRadio {\n  /**\n   * Reflects the checked state of the radio button.\n   * Mutable property allowing state change.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n  /**\n   * Status of the radio button.\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 radio button.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /**\n   * Reflects the required state of the radio button.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n  /**\n   * Text label associated with the radio button.\n   */\n  @Prop({ reflect: true }) label: string = '';\n  /**\n   * Specifies the tabindex of the radio button.\n   */\n  @Prop({ reflect: true }) ontabindex: number;\n  /**\n   * Position of the label relative to the radio button.\n   * Can be 'left' or 'right'.\n   */\n  @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n  /**\n   * Value associated with the radio button.\n   */\n  @Prop({ reflect: true }) value: string = '';\n  /**\n   * Name attribute of the radio button.\n   */\n  @Prop({ reflect: true }) name: string = '';\n  /**\n   * Background theme of the radio button.\n   * Can be 'dark' or 'light'.\n   */\n  @Prop() background: 'dark' | 'light' = 'light';\n  /**\n   * Size of the radio button.\n   * Can be 'small', 'medium', or 'large'.\n   */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  /**\n   * Color theme of the radio button.\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 }>;\n\n  @AttachInternals() internals: ElementInternals;\n\n  sizes = {\n    large: { size: 20 },\n    medium: { size: 14 },\n    small: { size: 10 },\n  };\n\n  isDarkbackground = () => this.background === 'dark';\n\n  @Watch('size')\n  sizeHandler() {\n    this.styles = {\n      ...this.styles,\n      '--size-after': `${this.sizes[this.size].size}px`,\n      '--size': `${formsSizes[this.size].size}px`,\n      '--gap': `${formsSizes[this.size].gap}px`,\n    };\n  }\n\n  @Watch('color')\n  @Watch('background')\n  setColors() {\n    const colors = [\n      { name: '--info-base', background: 'info-base' },\n      { name: '--color-light', background: `${this.color}-light` },\n      { name: '--color-base', background: `${this.color}-base` },\n      { name: '--color-dark', background: `${this.color}-dark` },\n      { name: '--neutral-purewhite', background: 'neutral-purewhite' },\n      { name: '--success-lighter', background: 'success-lighter' },\n      { name: '--success-base', background: 'success-base' },\n      { name: '--error-lighter', background: 'error-lighter' },\n      { name: '--error-base', background: 'error-base' },\n      { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },\n      { name: '--primary-base-neutral-white', background: this.isDarkbackground() ? 'primary-base' : 'neutral-white' },\n      { name: '--primary-darker-neutral-white', background: this.isDarkbackground() ? 'primary-darker' : 'neutral-white' },\n      { name: '--primary-darker-neutral-base', background: this.isDarkbackground() ? 'primary-darker' : 'neutral-base' },\n      { name: '--primary-base-neutral-base', background: this.isDarkbackground() ? 'primary-base' : 'neutral-base' },\n      { name: '--primary-base-neutral-dark', background: this.isDarkbackground() ? 'primary-base' : 'neutral-dark' },\n      { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },\n      { name: '--success-base-dark', background: this.isDarkbackground() ? 'success-base' : 'success-dark' },\n      { name: '--error-base-dark', background: this.isDarkbackground() ? 'error-base' : 'error-dark' },\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  /**\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 }) {\n    this.value = state.value;\n    this.checked = state.checked;\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.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  connectedCallback() {\n    this.sizeHandler();\n    this.setColors();\n  }\n\n  handleClick = () => {\n    if (this.disabled) return;\n\n    this.checked = !this.checked;\n    this.internals.setFormValue(this.value);\n    this.onchange.emit({ value: this.value, checked: this.checked });\n  };\n\n  getClasses() {\n    const classes = {};\n    classes['container'] = true;\n    classes['checked'] = this.checked;\n    classes['disabled'] = this.disabled;\n    classes['position'] = this.position === 'right';\n    classes[this.status] = true;\n\n    return classes;\n  }\n\n  @Watch('background')\n  assignColor(type: 'label' | 'message') {\n    if (this.disabled) return this.isDarkbackground() ? 'primary-darker' : 'neutral-medium';\n\n    const statusColors = {\n      success: {\n        label: this.isDarkbackground() ? 'success-lighter' : 'success-darker',\n        message: this.isDarkbackground() ? 'success-base' : 'success-dark',\n      },\n      error: {\n        label: this.isDarkbackground() ? 'error-lighter' : 'neutral-darker',\n        message: this.isDarkbackground() ? 'error-base' : 'error-dark',\n      },\n      default: {\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  render() {\n    return (\n      <Host role=\"radio\" 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                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          <input\n            type=\"radio\"\n            class={`radio ${this.size.toLocaleLowerCase()}`}\n            name={this.name}\n            value={this.value}\n            required={this.required}\n            tabIndex={this.ontabindex}\n            disabled={this.disabled}\n            checked={this.checked}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}