@rededor/cura 1.5.0 → 1.6.0-alpha.0

package/dist/cura/{p-8622c492.entry.js.map → p-c0f445b5.entry.js.map}

@@ -1 +1 @@
-{"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: 99999;\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}","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":[]}
+{"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: 99999;\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}","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-d13e3295.entry.js → p-d227469a.entry.js}

@@ -1,2 +1,2 @@
-import{r,c as e,h as a,H as s,g as t}from"./p-fd5ed6b0.js";import{f as o}from"./p-f9b8f665.js";const i='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}: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 .info{display:flex;flex-direction:column}: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=i;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.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":`${this.sizes[this.size].size}px`,"--size":`${o[this.size].size}px`,"--gap":`${o[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:"eecc279b05da57162acf41d62bac48a00cc9d985"},a("div",{key:"279b6922349bf02b7e65065bcb98b9c824073516",class:this.getClasses(),style:this.styles},a("div",{key:"a6a2de8f8d7e6efbca3aee079255451e448903a2",class:"info"},a("div",{key:"6d2733ca86d087031e1ec4fdea26d5906f695479",class:"label-wrapper"},a("cura-label",{key:"2c0c878411bb846ff7bcf24c385895f1d86b3022",class:"label",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"07abc53858276dc6429381a0c658c562e1d05933",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"ab5c0451842242ee584f2d3b430b803498190118",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"3673a0a1ecc7f9dfa6975bdddaf708ed8ad1b72d"}))),a("input",{key:"db602c601168ada1a5a375d3ef122d4f315fa256",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,onClick:this.handleClick})))}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-d13e3295.entry.js.map
+import{r,c as e,h as a,H as s,g as t}from"./p-af3ac476.js";import{f as o}from"./p-f9b8f665.js";const i='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}: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 .info{display:flex;flex-direction:column}: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=i;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.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":`${this.sizes[this.size].size}px`,"--size":`${o[this.size].size}px`,"--gap":`${o[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:"fa38dc0c23638cc267d9d52c2796d6a079439484"},a("div",{key:"cbe3fe10a7bc3fe0bd7a6ef73fbbadfbc7334e2c",class:this.getClasses(),style:this.styles},a("div",{key:"0649b867ec06c0069c655cffbe109f8d258509c2",class:"info"},a("div",{key:"7f8bfc46f21677cf661418f7b9c380fadddf1860",class:"label-wrapper"},a("cura-label",{key:"a259c61bb7adc503dbeea4329c22aa37e9e8996a",class:"label",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"0ffdc2c6f69f7ada640439a603c1b91125a3c332",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"ae59fe9a1a05a9e69e257986f91f609bd03b66b9",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"524b6e086ff9ea32d8db78a78e354992b0d844d8"}))),a("input",{key:"0d0b4e915da4691f319ae340d54032fdcce90405",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,onClick:this.handleClick})))}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-d227469a.entry.js.map

package/dist/cura/p-d25142cd.entry.js

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

package/dist/cura/{p-529332d3.entry.js.map → p-d25142cd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaBadgeCounterCss","CuraBadgeCounterStyle0","CuraBadgeNumber","this","theme","window","CuraAPI","labelColor","bgColorName","handleColorChange","setColors","color","toLowerCase","type","disabled","styles","Object","assign","colors","getColor","connectedCallback","spacing","getSpacing","getClasses","classes","container","render","h","Host","key","number","class","style","size"],"sources":["src/components/badges/cura-badge-counter/cura-badge-counter.scss?tag=cura-badge-counter&encapsulation=shadow","src/components/badges/cura-badge-counter/cura-badge-counter.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n\n:host {\n  width: fit-content;\n  display: inline-block;\n  height: #{$spacing-xxs};\n  position: relative;\n\n  .container {\n    display: flex;\n    min-width: #{$spacing-xxs};\n    width: fit-content;\n    height: #{$spacing-xxs};\n    justify-content: center;\n    align-items: center;\n    border-radius: calc(#{$spacing-xxs} / 2);\n    background: var(--background-color);\n    box-sizing: border-box;\n    padding: 0 #{$spacing-tiny};\n    position: relative;\n\n    &.outline,\n    &.transparent {\n      background: transparent !important;\n    }\n\n    &.outline {\n      &::before {\n        content: \"\";\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0px;\n        top: 0px;\n        box-sizing: border-box;\n        border: 1px solid var(--background-color);\n        border-radius: calc(#{$spacing-xxs} / 2);\n      }\n    }\n  }\n\n}\n","import { Component, Host, Prop, h, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-counter',\n  styleUrl: 'cura-badge-counter.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  theme = window.CuraAPI.theme;\n\n  /** Número a ser representado no badge.\n   * Apresentará 99+ para números acima desse valor.\n   */\n  @Prop({ reflect: true }) number: number | null;\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop() type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n  labelColor = 'primary-darker';\n  bgColorName = 'primary-lighter';\n\n  @Watch(\"disabled\")\n  @Watch(\"color\")\n  @Watch(\"type\")\n  handleColorChange() {\n    this.setColors();\n  }\n\n  setColors() {\n    const color = this.color.toLowerCase();\n    /** type outline and transparent */\n    if (this.type === 'outline' || this.type === 'transparent') {\n      this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;\n      this.labelColor = this.bgColorName;\n    /** type solid - default */\n    } else {\n      this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;\n      this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;\n    }\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(`${this.bgColorName}`),\n    }\n  }\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true\n    };\n    classes[this.type.toLowerCase()] = true;\n    return classes;\n  }\n\n\n  render() {\n    return (\n      <Host>\n        { this.number && this.number <= 0 ? '' : (\n        <div class={this.getClasses()} style={this.styles}>\n          <cura-label size=\"xsmall\" line-height=\"none\" color={this.labelColor}>\n            {this.number >= 100 ? '99+' : this.number}\n          </cura-label>\n        </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,svBAC5B,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAE1BC,KAAAC,MAAQC,OAAOC,QAAQF,MAqBvBD,KAAAI,WAAa,iBACbJ,KAAAK,YAAc,kB,iCAZU,U,cAII,M,UAIiC,Q,YAE3C,E,CAOlB,iBAAAC,GACEN,KAAKO,W,CAGP,SAAAA,GACE,MAAMC,EAAQR,KAAKQ,MAAMC,cAEzB,GAAIT,KAAKU,OAAS,WAAaV,KAAKU,OAAS,cAAe,CAC1DV,KAAKK,YAAcL,KAAKW,SAAW,iBAAmB,GAAGH,SACzDR,KAAKI,WAAaJ,KAAKK,W,KAElB,CACLL,KAAKK,YAAcG,IAAU,WAAaR,KAAKW,SAAW,eAAiB,GAAGH,YAC9ER,KAAKI,WAAaJ,KAAKW,SAAW,iBAAmB,GAAGH,Q,CAE1DR,KAAKY,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNd,KAAKY,QAAM,CACd,qBAAsBZ,KAAKC,MAAMc,OAAOC,SAAS,GAAGhB,KAAKK,gB,CAI7D,iBAAAY,GACEjB,KAAKY,OAAO,kBAAoBZ,KAAKC,MAAMiB,QAAQC,aACnDnB,KAAKO,W,CAGP,UAAAa,GACE,MAAMC,EAAU,CACdC,UAAa,MAEfD,EAAQrB,KAAKU,KAAKD,eAAiB,KACnC,OAAOY,C,CAIT,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACD1B,KAAK2B,QAAU3B,KAAK2B,QAAU,EAAI,GACpCH,EAAA,OAAKI,MAAO5B,KAAKoB,aAAcS,MAAO7B,KAAKY,QACzCY,EAAA,cAAYM,KAAK,SAAQ,cAAa,OAAOtB,MAAOR,KAAKI,YACtDJ,KAAK2B,QAAU,IAAM,MAAQ3B,KAAK2B,S","ignoreList":[]}
+{"version":3,"names":["curaBadgeCounterCss","CuraBadgeCounterStyle0","CuraBadgeNumber","this","theme","window","CuraAPI","labelColor","bgColorName","handleColorChange","setColors","color","toLowerCase","type","disabled","styles","Object","assign","colors","getColor","connectedCallback","spacing","getSpacing","getClasses","classes","container","render","h","Host","key","number","class","style","size"],"sources":["src/components/badges/cura-badge-counter/cura-badge-counter.scss?tag=cura-badge-counter&encapsulation=shadow","src/components/badges/cura-badge-counter/cura-badge-counter.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n\n:host {\n  width: fit-content;\n  display: inline-block;\n  height: #{$spacing-xxs};\n  position: relative;\n\n  .container {\n    display: flex;\n    min-width: #{$spacing-xxs};\n    width: fit-content;\n    height: #{$spacing-xxs};\n    justify-content: center;\n    align-items: center;\n    border-radius: calc(#{$spacing-xxs} / 2);\n    background: var(--background-color);\n    box-sizing: border-box;\n    padding: 0 #{$spacing-tiny};\n    position: relative;\n\n    &.outline,\n    &.transparent {\n      background: transparent !important;\n    }\n\n    &.outline {\n      &::before {\n        content: \"\";\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0px;\n        top: 0px;\n        box-sizing: border-box;\n        border: 1px solid var(--background-color);\n        border-radius: calc(#{$spacing-xxs} / 2);\n      }\n    }\n  }\n\n}\n","import { Component, Host, Prop, h, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-counter',\n  styleUrl: 'cura-badge-counter.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  theme = window.CuraAPI.theme;\n\n  /** Número a ser representado no badge.\n   * Apresentará 99+ para números acima desse valor.\n   */\n  @Prop({ reflect: true }) number: number | null;\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop() type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n  labelColor = 'primary-darker';\n  bgColorName = 'primary-lighter';\n\n  @Watch(\"disabled\")\n  @Watch(\"color\")\n  @Watch(\"type\")\n  handleColorChange() {\n    this.setColors();\n  }\n\n  setColors() {\n    const color = this.color.toLowerCase();\n    /** type outline and transparent */\n    if (this.type === 'outline' || this.type === 'transparent') {\n      this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;\n      this.labelColor = this.bgColorName;\n    /** type solid - default */\n    } else {\n      this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;\n      this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;\n    }\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(`${this.bgColorName}`),\n    }\n  }\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true\n    };\n    classes[this.type.toLowerCase()] = true;\n    return classes;\n  }\n\n\n  render() {\n    return (\n      <Host>\n        { this.number && this.number <= 0 ? '' : (\n        <div class={this.getClasses()} style={this.styles}>\n          <cura-label size=\"xsmall\" line-height=\"none\" color={this.labelColor}>\n            {this.number >= 100 ? '99+' : this.number}\n          </cura-label>\n        </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,oxBAC5B,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAE1BC,KAAAC,MAAQC,OAAOC,QAAQF,MAqBvBD,KAAAI,WAAa,iBACbJ,KAAAK,YAAc,kB,iCAZU,U,cAII,M,UAIiC,Q,YAE3C,E,CAOlB,iBAAAC,GACEN,KAAKO,W,CAGP,SAAAA,GACE,MAAMC,EAAQR,KAAKQ,MAAMC,cAEzB,GAAIT,KAAKU,OAAS,WAAaV,KAAKU,OAAS,cAAe,CAC1DV,KAAKK,YAAcL,KAAKW,SAAW,iBAAmB,GAAGH,SACzDR,KAAKI,WAAaJ,KAAKK,W,KAElB,CACLL,KAAKK,YAAcG,IAAU,WAAaR,KAAKW,SAAW,eAAiB,GAAGH,YAC9ER,KAAKI,WAAaJ,KAAKW,SAAW,iBAAmB,GAAGH,Q,CAE1DR,KAAKY,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNd,KAAKY,QAAM,CACd,qBAAsBZ,KAAKC,MAAMc,OAAOC,SAAS,GAAGhB,KAAKK,gB,CAI7D,iBAAAY,GACEjB,KAAKY,OAAO,kBAAoBZ,KAAKC,MAAMiB,QAAQC,aACnDnB,KAAKO,W,CAGP,UAAAa,GACE,MAAMC,EAAU,CACdC,UAAa,MAEfD,EAAQrB,KAAKU,KAAKD,eAAiB,KACnC,OAAOY,C,CAIT,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACD1B,KAAK2B,QAAU3B,KAAK2B,QAAU,EAAI,GACpCH,EAAA,OAAKI,MAAO5B,KAAKoB,aAAcS,MAAO7B,KAAKY,QACzCY,EAAA,cAAYM,KAAK,SAAQ,cAAa,OAAOtB,MAAOR,KAAKI,YACtDJ,KAAK2B,QAAU,IAAM,MAAQ3B,KAAK2B,S","ignoreList":[]}

package/dist/cura/p-d2da92d9.entry.js

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

package/dist/cura/{p-6b627841.entry.js.map → p-d2da92d9.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaBadgeDotCss","CuraBadgeDotStyle0","CuraBadgeDot","this","theme","window","CuraAPI","connectedCallback","styles","spacing","getSpacing","colors","getColor","setColors","Object","assign","color","getClasses","classes","container","disabled","type","render","h","Host","key","class","style"],"sources":["src/components/badges/cura-badge-dot/cura-badge-dot.scss?tag=cura-badge-dot&encapsulation=shadow","src/components/badges/cura-badge-dot/cura-badge-dot.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n\n  .container {\n    width: #{$spacing-mini};\n    height: #{$spacing-mini};\n    position: relative;\n    box-sizing: border-box;\n\n    &::before {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      content: \"\";\n      box-sizing: border-box;\n      border-radius: 50%;\n      border: 1px solid var(--color-dark);\n      background: var(--color);\n    }\n\n    &.disabled::before {\n      background: var(--neutral-pale);\n      border: 1px solid var(--neutral-medium);\n    }\n\n    &.outline::before {\n      background: transparent;\n      border: 2px solid var(--color);\n    }\n    &.outline.disabled::before {\n      border: 2px solid var(--neutral-medium);\n    }\n\n    &.transparent::before {\n      background: var(--color-dark);\n      border: none;\n    }\n    &.transparent.disabled::before {\n      background: var(--neutral-medium);\n      border: none;\n    }\n\n  }\n}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-dot',\n  styleUrl: 'cura-badge-dot.scss',\n  shadow: true,\n})\nexport class CuraBadgeDot {\n\n  theme = window.CuraAPI.theme;\n\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop({reflect: true}) disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.styles['--neutral-medium'] = this.theme.colors.getColor('neutral-dark');;\n    this.styles['--neutral-pale'] = this.theme.colors.getColor('neutral-pale');;\n    this.setColors();\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color': this.theme.colors.getColor(`${this.color}`),\n      '--color-dark': this.theme.colors.getColor(`${this.color}-dark`)\n    }\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true,\n      'disabled': this.disabled\n    };\n    classes[`${this.type}`] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getClasses()} style={this.styles}></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,y0BACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAEvBC,KAAAC,MAAQC,OAAOC,QAAQF,M,WAMC,U,cAImB,M,UAIiC,Q,YAE1D,E,CAGlB,iBAAAG,GACEJ,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMK,QAAQC,aACnDP,KAAKK,OAAO,oBAAsBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC7DT,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC3DT,KAAKU,W,CAGP,SAAAA,GACEV,KAAKK,OAAMM,OAAAC,OAAAD,OAAAC,OAAA,GACNZ,KAAKK,QAAM,CACd,UAAWL,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,SAC9C,eAAgBb,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,e,CAIvD,UAAAC,GACE,MAAMC,EAAU,CACdC,UAAa,KACbC,SAAYjB,KAAKiB,UAEnBF,EAAQ,GAAGf,KAAKkB,QAAU,KAC1B,OAAOH,C,CAGT,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOvB,KAAKc,aAAcU,MAAOxB,KAAKK,S","ignoreList":[]}
+{"version":3,"names":["curaBadgeDotCss","CuraBadgeDotStyle0","CuraBadgeDot","this","theme","window","CuraAPI","connectedCallback","styles","spacing","getSpacing","colors","getColor","setColors","Object","assign","color","getClasses","classes","container","disabled","type","render","h","Host","key","class","style"],"sources":["src/components/badges/cura-badge-dot/cura-badge-dot.scss?tag=cura-badge-dot&encapsulation=shadow","src/components/badges/cura-badge-dot/cura-badge-dot.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n\n  .container {\n    width: #{$spacing-mini};\n    height: #{$spacing-mini};\n    position: relative;\n    box-sizing: border-box;\n\n    &::before {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      content: \"\";\n      box-sizing: border-box;\n      border-radius: 50%;\n      border: 1px solid var(--color-dark);\n      background: var(--color);\n    }\n\n    &.disabled::before {\n      background: var(--neutral-pale);\n      border: 1px solid var(--neutral-medium);\n    }\n\n    &.outline::before {\n      background: transparent;\n      border: 2px solid var(--color);\n    }\n    &.outline.disabled::before {\n      border: 2px solid var(--neutral-medium);\n    }\n\n    &.transparent::before {\n      background: var(--color-dark);\n      border: none;\n    }\n    &.transparent.disabled::before {\n      background: var(--neutral-medium);\n      border: none;\n    }\n\n  }\n}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-dot',\n  styleUrl: 'cura-badge-dot.scss',\n  shadow: true,\n})\nexport class CuraBadgeDot {\n\n  theme = window.CuraAPI.theme;\n\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop({reflect: true}) disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.styles['--neutral-medium'] = this.theme.colors.getColor('neutral-dark');;\n    this.styles['--neutral-pale'] = this.theme.colors.getColor('neutral-pale');;\n    this.setColors();\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color': this.theme.colors.getColor(`${this.color}`),\n      '--color-dark': this.theme.colors.getColor(`${this.color}-dark`)\n    }\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true,\n      'disabled': this.disabled\n    };\n    classes[`${this.type}`] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getClasses()} style={this.styles}></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,m1BACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAEvBC,KAAAC,MAAQC,OAAOC,QAAQF,M,WAMC,U,cAImB,M,UAIiC,Q,YAE1D,E,CAGlB,iBAAAG,GACEJ,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMK,QAAQC,aACnDP,KAAKK,OAAO,oBAAsBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC7DT,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC3DT,KAAKU,W,CAGP,SAAAA,GACEV,KAAKK,OAAMM,OAAAC,OAAAD,OAAAC,OAAA,GACNZ,KAAKK,QAAM,CACd,UAAWL,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,SAC9C,eAAgBb,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,e,CAIvD,UAAAC,GACE,MAAMC,EAAU,CACdC,UAAa,KACbC,SAAYjB,KAAKiB,UAEnBF,EAAQ,GAAGf,KAAKkB,QAAU,KAC1B,OAAOH,C,CAGT,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOvB,KAAKc,aAAcU,MAAOxB,KAAKK,S","ignoreList":[]}

package/dist/cura/p-daf9feac.js

@@ -0,0 +1,2 @@
+import{C as n}from"./p-ec4996c2.js";class t{constructor(t){this.localAssetsPath=t&&t.localAssetsPath?t.localAssetsPath:`/assets`;const o=new n;this.theme={load:function(n){o.load(n)},setCustom:function(n){o.setCustom(n)},colors:{getColor:function(n,t){return o.colors.getColor(n,t)}},fonts:{getFamily:function(n){return o.fonts.getFamily(n)},getWeights:function(){return o.fonts.getWeights()},getSize:function(){return o.fonts.getSize()},getColor:function(){return o.fonts.getColor()}},spacing:{getSpacing:function(){return o.spacing.getSpacing()}},breakpoints:{get:function(n,t){return o.breakpoints.get(n,t)}}};this._addGlobalClasses();if(t&&t.customTheme){this.theme.setCustom(t.customTheme)}else{const n=t&&t.theme?t.theme:"default";this.theme.load(n)}}_addGlobalClasses(){const n="cura_global_classes";let t=document.head.querySelector(`#${n}`);if(!t){t=document.createElement("style");t.id=n;t.textContent=`\n  .cura-body-scroll-lock {\n    overflow: hidden;\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n      `;document.head.appendChild(t)}}}function o(){const n=window.CuraInit;window.CuraAPI=n?new t(n):new t;const o=window.CuraAPI;window.dispatchEvent(new CustomEvent("CuraAPIReady",{detail:{api:o}}));if(n&&typeof n.onReady==="function")n.onReady(o)}const e=o;export{e as g};
+//# sourceMappingURL=p-daf9feac.js.map

package/dist/cura/p-daf9feac.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CuraAPI","constructor","config","this","localAssetsPath","themeModule","CuraThemeModule","theme","load","themeTag","setCustom","customThemeDefinitions","colors","getColor","colorWithDepth","opacity","fonts","getFamily","type","getWeights","getSize","spacing","getSpacing","breakpoints","get","size","position","_addGlobalClasses","customTheme","styleId","styleElement","document","head","querySelector","createElement","id","textContent","appendChild","window","CuraInit","api","dispatchEvent","CustomEvent","detail","onReady","globalScripts","appGlobalScript"],"sources":["src/api/cura-api.ts","src/rededor-cura-start.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n  theme: APIThemeFunctions;\n  localAssetsPath: string;\n\n  constructor (config?: CuraConfig) {\n    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n    const themeModule = new CuraThemeModule();\n    this.theme = {\n      load: function(themeTag: string) { themeModule.load(themeTag); },\n      setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n      colors: {\n        getColor: function(colorWithDepth?: string, opacity?: number) { return themeModule.colors.getColor(colorWithDepth, opacity) },\n      },\n      fonts: {\n        getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n        getWeights: function() { return themeModule.fonts.getWeights() },\n        getSize: function() { return themeModule.fonts.getSize() },\n        getColor: function() { return themeModule.fonts.getColor() }\n      },\n      spacing: {\n        getSpacing: function() { return themeModule.spacing.getSpacing(); },\n      },\n      breakpoints: {\n        get: function(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max') { return themeModule.breakpoints.get(size, position); }\n      }\n    };\n    this._addGlobalClasses();\n    if (config && config.customTheme) {\n      this.theme.setCustom(config.customTheme);\n    } else {\n      const theme = config && config.theme ? config.theme : 'default';\n      this.theme.load(theme);\n    }\n  }\n\n  _addGlobalClasses() {\n    const styleId = \"cura_global_classes\";\n    let styleElement = document.head.querySelector(`#${styleId}`);\n    if (!styleElement) {\n      styleElement = document.createElement(\"style\");\n      styleElement.id = styleId;\n      styleElement.textContent = `\n  .cura-body-scroll-lock {\n    overflow: hidden;\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n      `;\n      document.head.appendChild(styleElement);\n    }\n  }\n\n}\n","import CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\n// import { setAssetPath } from '@stencil/core';\n\n// setAssetPath(import.meta.url);\ndeclare global {\n  interface Window {\n    CuraAPI?: CuraAPI,\n    CuraInit?: CuraConfig\n  }\n}\n\nexport default function() {\n  const config = window.CuraInit;\n  window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();\n  const api = window.CuraAPI;\n  window.dispatchEvent(new CustomEvent(\"CuraAPIReady\", { detail: {api} }));\n  if (config && typeof config.onReady === 'function') config.onReady(api);\n}\n","import appGlobalScript from '/Users/fellipesoares/Code/cura/packages/component-lib/src/rededor-cura-start.ts';\nexport const globalScripts = appGlobalScript;\n"],"mappings":"0CAGqBA,EAKnB,WAAAC,CAAaC,GACXC,KAAKC,gBAAkBF,GAAUA,EAAOE,gBAAkBF,EAAOE,gBAAkB,UACnF,MAAMC,EAAc,IAAIC,EACxBH,KAAKI,MAAQ,CACXC,KAAM,SAASC,GAAoBJ,EAAYG,KAAKC,EAAU,EAC9DC,UAAW,SAASC,GAA2CN,EAAYK,UAAUC,EAAwB,EAC7GC,OAAQ,CACNC,SAAU,SAASC,EAAyBC,GAAoB,OAAOV,EAAYO,OAAOC,SAASC,EAAgBC,EAAQ,GAE7HC,MAAO,CACLC,UAAW,SAASC,GAAiB,OAAOb,EAAYW,MAAMC,UAAUC,EAAK,EAC7EC,WAAY,WAAa,OAAOd,EAAYW,MAAMG,YAAY,EAC9DC,QAAS,WAAa,OAAOf,EAAYW,MAAMI,SAAS,EACxDP,SAAU,WAAa,OAAOR,EAAYW,MAAMH,UAAU,GAE5DQ,QAAS,CACPC,WAAY,WAAa,OAAOjB,EAAYgB,QAAQC,YAAa,GAEnEC,YAAa,CACXC,IAAK,SAASC,EAA2DC,GAA4B,OAAOrB,EAAYkB,YAAYC,IAAIC,EAAMC,EAAU,IAG5JvB,KAAKwB,oBACL,GAAIzB,GAAUA,EAAO0B,YAAa,CAChCzB,KAAKI,MAAMG,UAAUR,EAAO0B,Y,KACvB,CACL,MAAMrB,EAAQL,GAAUA,EAAOK,MAAQL,EAAOK,MAAQ,UACtDJ,KAAKI,MAAMC,KAAKD,E,EAIpB,iBAAAoB,GACE,MAAME,EAAU,sBAChB,IAAIC,EAAeC,SAASC,KAAKC,cAAc,IAAIJ,KACnD,IAAKC,EAAc,CACjBA,EAAeC,SAASG,cAAc,SACtCJ,EAAaK,GAAKN,EAClBC,EAAaM,YAAc,mIAS3BL,SAASC,KAAKK,YAAYP,E,gBCzC9B,MAAM5B,EAASoC,OAAOC,SACtBD,OAAOtC,QAAUE,EAAS,IAAIF,EAAQE,GAAU,IAAIF,EACpD,MAAMwC,EAAMF,OAAOtC,QACnBsC,OAAOG,cAAc,IAAIC,YAAY,eAAgB,CAAEC,OAAQ,CAACH,UAChE,GAAItC,UAAiBA,EAAO0C,UAAY,WAAY1C,EAAO0C,QAAQJ,EACrE,CCjBY,MAACK,EAAgBC,S","ignoreList":[]}

package/dist/cura/p-e98a1ad2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as t,H as c,g as a}from"./p-af3ac476.js";const r=":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 i=r;const o=class{constructor(t){e(this,t);this.close=s(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 t(c,{key:"a0b22404673b1568b9cb937150dda71ce4c99d50"},t("div",{key:"c30bf1b97d1e1ffaf334ef3bca6cdd1f081c679c",class:this.getClasses(),style:this.styles},t("cura-icon",{key:"1bd88c8a19e073d7b9d967d8df38bb74063cd110",name:this.getNameIcon(),class:"icon-left",size:16,color:`${this.type}-dark`}),t("div",{key:"0df09a27c27c7e1743f7cfb9e71c96b102ff4484",class:"content"},this.label?t("cura-label",{class:"title",size:"small",color:"neutral-darker",weight:"bold"},this.label):"",t("cura-paragraph",{key:"687cc7ab050299f0878c2d10ccd28e92708db85d",class:"text",color:`${this.type}-darker`,size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},t("slot",{key:"e2d85d40e65029ea71a43aa23e7298d6dcc7efa9"})),t("slot",{key:"a28fe90c9bfe2b9fb22f196eab7bb2e09e408dbf",name:"actions"})),this.closeable?t("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))}get host(){return a(this)}static get watchers(){return{type:["setColors"]}}};o.style=i;export{o as cura_alert};
+//# sourceMappingURL=p-e98a1ad2.entry.js.map

package/dist/cura/{p-b3e93e74.entry.js.map → p-e98a1ad2.entry.js.map}

@@ -1 +1 @@
-{"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","class","style","size","label","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>\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-label class=\"title\" size=\"small\" color=\"neutral-darker\" weight=\"bold\">\n              {this.label}\n            </cura-label>\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,geACrB,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,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOpC,KAAKsB,aAAce,MAAOrC,KAAKa,QACzCoB,EAAA,aAAAE,IAAA,2CAAW3B,KAAMR,KAAKyB,cAAeW,MAAM,YAAYE,KAAM,GAAI1B,MAAO,GAAGZ,KAAKU,cAChFuB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACPpC,KAAKuC,MACPN,EAAA,cAAYG,MAAM,QAAQE,KAAK,QAAQ1B,MAAM,iBAAiB4B,OAAO,QAClExC,KAAKuC,OAEJ,GACJN,EAAA,kBAAAE,IAAA,2CAAgBC,MAAM,OAAOxB,MAAO,GAAGZ,KAAKU,cAAe4B,KAAK,SAASG,YAAY,IAAIC,WAAW,WAClGT,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAM3B,KAAK,aAEXR,KAAK2C,UACNV,EAAA,aAAWzB,KAAK,QAAQ8B,KAAM,GAAI1B,MAAM,aAAawB,MAAM,aAAaQ,QAAS5C,KAAKC,cACrF,I","ignoreList":[]}
+{"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","class","style","size","label","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>\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-label class=\"title\" size=\"small\" color=\"neutral-darker\" weight=\"bold\">\n              {this.label}\n            </cura-label>\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,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOpC,KAAKsB,aAAce,MAAOrC,KAAKa,QACzCoB,EAAA,aAAAE,IAAA,2CAAW3B,KAAMR,KAAKyB,cAAeW,MAAM,YAAYE,KAAM,GAAI1B,MAAO,GAAGZ,KAAKU,cAChFuB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACPpC,KAAKuC,MACPN,EAAA,cAAYG,MAAM,QAAQE,KAAK,QAAQ1B,MAAM,iBAAiB4B,OAAO,QAClExC,KAAKuC,OAEJ,GACJN,EAAA,kBAAAE,IAAA,2CAAgBC,MAAM,OAAOxB,MAAO,GAAGZ,KAAKU,cAAe4B,KAAK,SAASG,YAAY,IAAIC,WAAW,WAClGT,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAM3B,KAAK,aAEXR,KAAK2C,UACNV,EAAA,aAAWzB,KAAK,QAAQ8B,KAAM,GAAI1B,MAAM,aAAawB,MAAM,aAAaQ,QAAS5C,KAAKC,cACrF,I","ignoreList":[]}

package/dist/cura/p-ec4996c2.js

@@ -0,0 +1,2 @@
+import{S as t}from"./p-1b201271.js";const e={color:{primary:{100:"113,197,232",300:"68,142,205",500:"0,61,165",700:"0,48,117",900:"0,40,85"},secondary:{100:"245,236,227",300:"221,192,162",500:"204,160,116",700:"136,107,77",900:"41,32,23"},accent:{100:"255,194,123",300:"255,168,74",500:"255,130,0",700:"215,114,10",900:"155,90,26"}},spacing:{base:4},font:{size:"14px",color:"#4A4A4A",body:"'Gotham', Arial, Helvetica, sans-serif",heading:"'Gotham', Arial, Helvetica, sans-serif",display:"'Gotham', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}};const i=Object.assign(Object.assign({},e),{color:{primary:{100:"248,227,226",300:"255,179,171",500:"218,113,111",700:"145,75,74",900:"73,38,37"},secondary:{100:"253,251,249",300:"247,244,238",500:"245,236,227",700:"204,197,189",900:"163,157,151"},accent:{100:"236,239,249",300:"133,153,203",500:"11,20,151",700:"7,13,101",900:"4,7,50"}},font:{size:"14px",color:"#4A4A4A",body:"'Gotham', Arial, Helvetica, sans-serif",heading:"'Gotham', Arial, Helvetica, sans-serif",display:"'Gotham', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}});const s=Object.assign(Object.assign({},e),{color:{primary:{100:"170,190,225",300:"85,126,196",500:"0,61,166",700:"0,41,111",900:"0,12,33"},secondary:{100:"205,215,227",300:"155,175,199",500:"104,134,171",700:"54,95,143",900:"4,54,115"},accent:{100:"153,207,255",300:"71,169,255",500:"0,131,245",700:"0,109,204",900:"0,88,164"},aux:{100:"218,242,239",300:"132,212,202",500:"71,191,176",700:"33,100,92",900:"14,38,35"}},font:{size:"14px",color:"#4A4A4A",body:"'Hanken Grotesk', Arial, Helvetica, sans-serif",heading:"'Hanken Grotesk', Arial, Helvetica, sans-serif",display:"'Hanken Grotesk', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}});const r=Object.assign(Object.assign({},e),{color:{primary:{100:"153,197,255",300:"67,142,241",500:"0,47,108",700:"1,39,91",900:"0,33,77"},secondary:{100:"243,237,227",300:"216,194,163",500:"208,173,103",700:"201,155,64",900:"149,104,15"},accent:{100:"167,230,215",300:"130,225,209",500:"44,213,196",700:"26,188,169",900:"0,150,129"}}});const o=Object.assign(Object.assign({},e),{color:{primary:{100:"204,217,231",300:"85,128,174",500:"0,65,134",700:"0,43,89",900:"0,13,27"},secondary:{100:"238,232,206",300:"198,180,92",500:"170,142,11",700:"113,95,7",900:"34,28,2"},accent:{100:"249,232,213",300:"228,160,79",500:"223,141,44",700:"149,94,29",900:"45,28,9"}},font:{size:"14px",color:"#4A4A4A",body:"'Roboto', Arial, Helvetica, sans-serif",heading:"'Roboto', Arial, Helvetica, sans-serif",display:"'Roboto', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}});const a={default:e,maternidade:i,oncologia:s,richet:r,legacyDefault:o};class n{constructor(){this.NeutralDepthAlias={purewhite:"0",white:"100",pale:"200",lighter:"300",light:"400",base:"500",medium:"600",dark:"700",darker:"800",black:"900"};this.ColorDepthAlias={lighter:"100",light:"300",base:"500",dark:"700",darker:"900"}}getColor(t="primary-base",e=1){const{color:i,depth:s}=this.splitColorDepth(t);const r=this.getStatic(i,s,e);if(r)return r;return this.getDynamic(i,s,e)}getStatic(e,i,s=1){var r,o,a;const n=t.color[e];if(!n)return null;const c=e==="neutral"?this.NeutralDepthAlias[i]:this.ColorDepthAlias[i];return((r=t.color[e])===null||r===void 0?void 0:r[c])?`rgba(${(o=t.color[e])===null||o===void 0?void 0:o[c]}, ${s})`:`rgba(${(a=t.color[e])===null||a===void 0?void 0:a[i]}, ${s})`}getDynamic(t,e,i){const s=this.ColorDepthAlias[e]?`--cura-color-${t}-${this.ColorDepthAlias[e]}`:`--cura-color-${t}-${e}`;return getComputedStyle(document.documentElement).getPropertyValue(s)?`rgba(var(${s}), ${i})`:`rgba(var(--cura-color-primary-500), ${i})`}splitColorDepth(t){const[e,i]=t.toLowerCase().split(/-(.*)/);return{color:e!==null&&e!==void 0?e:"primary",depth:i!==null&&i!==void 0?i:"base"}}}class c{constructor(){this.curaSpacing="--cura-spacing-base"}getSpacing(){if(getComputedStyle(document.body).getPropertyValue(this.curaSpacing)){return`var(${this.curaSpacing})`}return"4"}}class l{constructor(){this.getSize=()=>`var(--cura-font-size)`;this.getColor=()=>`var(--cura-font-color)`}getFamily(t="body"){const e=`--cura-font-${t.toLowerCase()}`;return getComputedStyle(document.body).getPropertyValue(e)?`var(${e})`:"var(--cura-font-body)"}getWeights(){const t={};Object.keys(e.font.weights).forEach((e=>t[e]=`var(--cura-font-weights-${e})`));return t}}class h{constructor(){}get(e=null,i=null){if(e){const s=i?t.breakpoints[e][i]:t.breakpoints[e];if(s||s===0)return s}return t.breakpoints}}class d{constructor(){var t;this.prefix="--cura";this.colors=new n;this.spacing=new c;this.fonts=new l;this.breakpoints=new h;this.groupObject={};this.setCssVar=(t,e)=>{const i=this.groupPath(e,t[0]);this.rootElement.style.setProperty(i,t[1])};this.groupPath=(t,e)=>`${t}-${e}`;this.isObject=t=>t&&typeof t==="object"&&!Array.isArray(t);this.mergeObject=(t,e)=>{const i=Object.entries(t);for(let t of i){if(this.isObject(t[1])){this.mergeObject(t[1],e[t[0]])}else{e[t[0]]=t[1]}}};this.buildCssVars=(t,e,i=false)=>{const s=Object.entries(e);for(let e of s){if(this.isObject(e[1])){this.buildCssVars(this.groupPath(t,e[0]),e[1],i)}else{if(i){const i=this.groupPath(t,e[0]);this.groupObject[i]=e[1]}else{this.setCssVar(e,t)}}}};if(typeof window==="undefined")return;this.rootElement=(t=window===null||window===void 0?void 0:window.document)===null||t===void 0?void 0:t.documentElement}load(t="default"){const e=a[t]?a[t]:a.default;this.buildCssVars(this.prefix,e)}loadVarsSSR(t="default"){const e=a[t]?a[t]:a.default;this.buildCssVars(this.prefix,e,true);return this.groupObject}setCustom(t){const e=t.name;if(e in a){console.log("Error building custom theme. Theme %s already exists. Loading default theme.",e);this.load("default")}else{const i=t.fromPreset&&t.fromPreset in a?a[t.fromPreset]:a.default;const s=Object.assign({},JSON.parse(JSON.stringify(i)));this.mergeObject(t.definitions,s);a[e]=s;this.load(e)}}}export{d as C};
+//# sourceMappingURL=p-ec4996c2.js.map

package/dist/cura/p-ec4996c2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThemeDefault","color","primary","secondary","accent","spacing","base","font","size","body","heading","display","weights","thin","light","regular","medium","bold","black","ThemeMaternity","Object","assign","ThemeOncology","aux","ThemeRichet","ThemeLegacyDefault","ThemePresets","default","maternidade","oncologia","richet","legacyDefault","CuraThemeColorsModule","constructor","this","NeutralDepthAlias","purewhite","white","pale","lighter","dark","darker","ColorDepthAlias","getColor","colorWithDepth","opacity","depth","splitColorDepth","staticColor","getStatic","getDynamic","colorObj","Static","alias","_a","_b","_c","themeVar","getComputedStyle","document","documentElement","getPropertyValue","toLowerCase","split","CuraThemeSpacingModule","curaSpacing","getSpacing","CuraThemeFontsModule","getSize","getFamily","type","curaFontFamilyCSSVar","getWeights","keys","forEach","key","CuraThemeBreakpointsModule","get","position","breakpoint","breakpoints","CuraThemeModule","prefix","colors","fonts","groupObject","setCssVar","prop","path","varName","groupPath","rootElement","style","setProperty","a","b","isObject","val","Array","isArray","mergeObject","from","to","entries","e","buildCssVars","obj","isGroup","window","load","theme","preset","loadVarsSSR","setCustom","customTheme","customTag","name","console","log","fromPreset","newTheme","JSON","parse","stringify","definitions"],"sources":["src/api/theme-presets/theme-default.ts","src/api/theme-presets/theme-maternity.ts","src/api/theme-presets/theme-oncology.ts","src/api/theme-presets/theme-richet.ts","src/api/theme-presets/theme-legacy-default.ts","src/api/theme-presets/theme-presets.ts","src/api/modules/cura-theme-colors-module.ts","src/api/modules/cura-theme-spacing-module.ts","src/api/modules/cura-theme-fonts-module.ts","src/api/modules/cura-theme-breakpoints-module.ts","src/api/modules/cura-theme-module.ts"],"sourcesContent":["/**\n * Cura Default Theme\n */\nexport const ThemeDefault = {\n  /* Colors */\n  color: {\n    primary: {\n      '100': '113,197,232',\n      '300': '68,142,205',\n      '500': '0,61,165',\n      '700': '0,48,117',\n      '900': '0,40,85'\n    },\n    secondary: {\n      '100': '245,236,227',\n      '300': '221,192,162',\n      '500': '204,160,116',\n      '700': '136,107,77',\n      '900': '41,32,23'\n    },\n    accent: {\n      '100': '255,194,123',\n      '300': '255,168,74',\n      '500': '255,130,0',\n      '700': '215,114,10',\n      '900': '155,90,26'\n    }\n  },\n  /* Spacing */\n  spacing: {\n    base: 4,\n  },\n  /* Fonts */\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Gotham', Arial, Helvetica, sans-serif\",\n    heading: \"'Gotham', Arial, Helvetica, sans-serif\",\n    display: \"'Gotham', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Maternity Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeMaternity = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '248,227,226',\n      '300': '255,179,171',\n      '500': '218,113,111',\n      '700': '145,75,74',\n      '900': '73,38,37'\n    },\n    secondary: {\n      '100': '253,251,249',\n      '300': '247,244,238',\n      '500': '245,236,227',\n      '700': '204,197,189',\n      '900': '163,157,151'\n    },\n    accent: {\n      '100': '236,239,249',\n      '300': '133,153,203',\n      '500': '11,20,151',\n      '700': '7,13,101',\n      '900': '4,7,50'\n    }\n  },\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Gotham', Arial, Helvetica, sans-serif\",\n    heading: \"'Gotham', Arial, Helvetica, sans-serif\",\n    display: \"'Gotham', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Oncology Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeOncology = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '170,190,225',\n      '300': '85,126,196',\n      '500': '0,61,166',\n      '700': '0,41,111',\n      '900': '0,12,33'\n    },\n    secondary: {\n      '100': '205,215,227',\n      '300': '155,175,199',\n      '500': '104,134,171',\n      '700': '54,95,143',\n      '900': '4,54,115',\n    },\n    accent: {\n      '100': '153,207,255',\n      '300': '71,169,255',\n      '500': '0,131,245',\n      '700': '0,109,204',\n      '900': '0,88,164',\n    },\n    aux: {\n      '100': '218,242,239',\n      '300': '132,212,202',\n      '500': '71,191,176',\n      '700': '33,100,92',\n      '900': '14,38,35',\n    },\n  },\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    heading: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    display: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Richet Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeRichet = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '153,197,255',\n      '300': '67,142,241',\n      '500': '0,47,108',\n      '700': '1,39,91',\n      '900': '0,33,77'\n    },\n    secondary: {\n      '100': '243,237,227',\n      '300': '216,194,163',\n      '500': '208,173,103',\n      '700': '201,155,64',\n      '900': '149,104,15'\n    },\n    accent: {\n      '100': '167,230,215',\n      '300': '130,225,209',\n      '500': '44,213,196',\n      '700': '26,188,169',\n      '900': '0,150,129'\n    }\n  },\n};\n","/**\n * Legacy Default Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeLegacyDefault = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '204,217,231',\n      '300': '85,128,174',\n      '500': '0,65,134',\n      '700': '0,43,89',\n      '900': '0,13,27'\n    },\n    secondary: {\n      '100': '238,232,206',\n      '300': '198,180,92',\n      '500': '170,142,11',\n      '700': '113,95,7',\n      '900': '34,28,2'\n    },\n    accent: {\n      '100': '249,232,213',\n      '300': '228,160,79',\n      '500': '223,141,44',\n      '700': '149,94,29',\n      '900': '45,28,9'\n    }\n  },\n  /* Fonts */\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Roboto', Arial, Helvetica, sans-serif\",\n    heading: \"'Roboto', Arial, Helvetica, sans-serif\",\n    display: \"'Roboto', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","import { ThemeDefault } from './theme-default';\nimport { ThemeMaternity } from './theme-maternity';\nimport { ThemeOncology } from './theme-oncology';\nimport { ThemeRichet } from './theme-richet';\nimport { ThemeLegacyDefault } from './theme-legacy-default';\n\nexport const ThemePresets = {\n  'default': ThemeDefault,\n  'maternidade': ThemeMaternity,\n  'oncologia': ThemeOncology,\n  'richet': ThemeRichet,\n  'legacyDefault': ThemeLegacyDefault\n};\n","import { Static } from \"../theme-presets/static\";\n\nexport default class CuraThemeColorsModule {\n\n  NeutralDepthAlias = {\n    'purewhite': '0',\n    'white': '100',\n    'pale': '200',\n    'lighter': '300',\n    'light': '400',\n    'base': '500',\n    'medium': '600',\n    'dark': '700',\n    'darker': '800',\n    'black': '900',\n  };\n\n  ColorDepthAlias = {\n    'lighter': '100',\n    'light': '300',\n    'base': '500',\n    'dark': '700',\n    'darker': '900'\n  }\n\n  constructor() {}\n\n  /**\n   * Get theme color.\n   * @param colorWithDepth string Ex.: primary-light\n   * @returns RGBA value.\n   */\n  getColor(colorWithDepth: string = \"primary-base\", opacity = 1): string {\n    const { color, depth } = this.splitColorDepth(colorWithDepth);\n    const staticColor = this.getStatic(color, depth, opacity);\n    if (staticColor) return staticColor;\n    return this.getDynamic(color, depth, opacity);\n  }\n\n  /**\n   * Internal: Look for static color by name and depth.\n   * @param color Color name.\n   * @param depth Depth number or alias.\n   * @returns RGBA value.\n   */\n  getStatic(color: string, depth: string, opacity = 1) {\n    const colorObj = Static.color[color];\n    if (!colorObj) return null;\n    const alias = color === 'neutral' ? this.NeutralDepthAlias[depth] : this.ColorDepthAlias[depth];\n    return Static.color[color]?.[alias]\n      ? `rgba(${Static.color[color]?.[alias]}, ${opacity})`\n      : `rgba(${Static.color[color]?.[depth]}, ${opacity})`;\n  }\n\n  /**\n   * Internal: Look for theme dynamic colors.\n   * @param color Color name.\n   * @param depth Color depth.\n   * @returns RGBA value.\n   */\n  getDynamic(color: string, depth: string, opacity: number) {\n    const themeVar = this.ColorDepthAlias[depth]\n      ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`\n      : `--cura-color-${color}-${depth}`;\n    return getComputedStyle(document.documentElement).getPropertyValue(themeVar)\n      ? `rgba(var(${themeVar}), ${opacity})`\n      : `rgba(var(--cura-color-primary-500), ${opacity})`;\n  }\n\n  /**\n   * Internal: Split color strings\n   * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.\n   * @returns Object { color: string, depth: string }.\n   */\n  private splitColorDepth(colorWithDepth: string): { color: string, depth: string } {\n    const [ color, depth ] = colorWithDepth.toLowerCase().split(/-(.*)/);\n    return { color: color ?? \"primary\", depth: depth ?? \"base\" };\n  }\n\n}\n","export default class CuraThemeSpacingModule {\n\n  private curaSpacing = '--cura-spacing-base';\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  getSpacing(): string {\n    if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {\n      return `var(${this.curaSpacing})`;\n    }\n    return '4';\n  }\n}\n","import { ThemeDefault } from \"../theme-presets/theme-default\";\n\nexport default class CuraThemeFontsModule {\n\n  constructor() {}\n\n  /**\n   * Get the CSS variable related to the font family defined by the theme.\n   * @param type 'body' | 'heading' | 'display'\n   * @returns Related css variable as a string.\n   */\n  getFamily(type: string = \"body\"): string {\n    const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;\n    return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)\n      ? `var(${curaFontFamilyCSSVar})`\n      : 'var(--cura-font-body)';\n  }\n\n  /**\n   * Get the CSS variables related to font weights defined by the theme.\n   * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.\n   */\n  getWeights(): any {\n    const weights = {};\n    Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);\n    return weights;\n  }\n\n  /**\n   * Get the CSS variable related to the font size base defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getSize = () => `var(--cura-font-size)`;\n\n  /**\n   * Get CSS variable related to the font color defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getColor = () => `var(--cura-font-color)`;\n\n}\n","import { Static } from '../theme-presets/static';\n\nexport default class CuraThemeBreakpointsModule {\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  get(size: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' = null, position: 'min' | 'max' = null): any {\n    if (size) {\n      const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];\n      if (breakpoint || breakpoint === 0) return breakpoint;\n    }\n    return Static.breakpoints;\n  }\n}\n","import { ThemePresets } from '../theme-presets/theme-presets';\nimport { CuraCustomTheme } from '../cura-api.type';\nimport CuraThemeColorsModule from './cura-theme-colors-module';\nimport CuraThemeSpacingModule from './cura-theme-spacing-module';\nimport CuraThemeFontsModule from './cura-theme-fonts-module';\nimport CuraThemeBreakpointsModule from './cura-theme-breakpoints-module';\n\nexport default class CuraThemeModule {\n  rootElement: HTMLElement;\n  prefix = '--cura';\n  colors = new CuraThemeColorsModule();\n  spacing = new CuraThemeSpacingModule();\n  fonts = new CuraThemeFontsModule();\n  breakpoints = new CuraThemeBreakpointsModule();\n  groupObject = {};\n\n  constructor() {\n    if (typeof window === 'undefined') return;\n\n    this.rootElement = window?.document?.documentElement;\n  }\n\n  /**\n   * Load a theme.\n   * @param theme Theme tag.\n   */\n  load(theme = 'default') {\n    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n    this.buildCssVars(this.prefix, preset);\n  }\n\n  loadVarsSSR(theme = 'default') {\n    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n    this.buildCssVars(this.prefix, preset, true);\n\n    return this.groupObject;\n  }\n\n  /**\n   * Define a custom theme\n   * @param customTheme Custom theme object definition\n   */\n  setCustom(customTheme: CuraCustomTheme) {\n    const customTag = customTheme.name;\n    if (customTag in ThemePresets) {\n      console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);\n      this.load('default');\n    } else {\n      const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets ? ThemePresets[customTheme.fromPreset] : ThemePresets.default;\n      const newTheme = { ...JSON.parse(JSON.stringify(preset)) };\n      this.mergeObject(customTheme.definitions, newTheme);\n      ThemePresets[customTag] = newTheme;\n      this.load(customTag);\n    }\n  }\n\n  /* Private */\n\n  /** Set css var based on object structure */\n  setCssVar = (prop, path) => {\n    const varName = this.groupPath(path, prop[0]);\n    this.rootElement.style.setProperty(varName, prop[1]);\n  };\n\n  groupPath = (a, b) => `${a}-${b}`;\n\n  isObject = val => {\n    return val && typeof val === 'object' && !Array.isArray(val);\n  };\n\n  /** Deep merge objects */\n  mergeObject = (from, to) => {\n    const entries = Object.entries(from);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.mergeObject(e[1], to[e[0]]);\n      } else {\n        to[e[0]] = e[1];\n      }\n    }\n  };\n\n  /** Set css vars from preset object */\n  buildCssVars = (path, obj, isGroup = false) => {\n    const entries = Object.entries(obj);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.buildCssVars(this.groupPath(path, e[0]), e[1], isGroup);\n      } else {\n        if (isGroup) {\n          const varName = this.groupPath(path, e[0]);\n\n          this.groupObject[varName] = e[1];\n        } else {\n          this.setCssVar(e, path);\n        }\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-ee7328a5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as o,g as n}from"./p-af3ac476.js";const a=":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) .content-container{border-bottom:none}.option-container{width:100%;display:flex}.option-container:hover:not(.disabled):not(.selected) .content-container{background-color:var(--neutral-white)}.option-container.selected .content-container{background-color:var(--primary-lighter)}.option-container.disabled{cursor:default}.content-container{display:flex;width:100%;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 1px);background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light)}.content-container ::slotted(div[slot=action]){display:flex;justify-content:end}.option-info{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 2px);flex-direction:row;box-sizing:border-box;cursor:pointer}.option-info cura-heading{width:100%;margin-block:0px}.option-info ::slotted(div[slot=image]){min-width:calc(var(--cura-spacing-base) * 8px);display:flex;justify-content:center;align-items:center}";const c=a;const s=class{constructor(i){t(this,i);this.optionSelected=e(this,"optionSelected",7);this.handleOptionClick=t=>{if(this.selectable){this.selected=!this.selected;this.optionSelected.emit(this.value);this.updateIconColor()}else{t.preventDefault();t.stopImmediatePropagation()}};this.value=undefined;this.selected=false;this.selectable=true;this.hovered=false;this.styles={}}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);this.styles["--neutral-light"]=window.CuraAPI.theme.colors.getColor(`neutral-light`);this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor(`primary-lighter`,50)}componentDidLoad(){this.updateIconColor()}updateIconColor(){const t=this.hostElement.querySelector('[slot="image"] cura-icon');if(t){t.setAttribute("color",this.selected?"primary":"neutral-dark")}}render(){return i(o,{key:"81c4404d784d2038823d84bf2b4beef53a874644",slot:"dropdown-search-option"},i("div",{key:"476757ab00466607c2ab01a2b5a82da4c45087af",style:this.styles,class:{"option-container":true,hovered:this.selectable?this.hovered:false,selected:this.selected,disabled:!this.selectable}},i("div",{key:"2a35edbe88ed99587972e0e657250867cb6ba814",class:"content-container"},i("div",{key:"5bb136c9c5386d6c40985a86bc7e2e85c239110e",class:"option-info",onClick:t=>this.handleOptionClick(t)},i("slot",{key:"f5ad44434728cb3879819f6016fcf9927354c05f",name:"image"}),i("cura-heading",{key:"43fa2a1c1a206f6bd1b0f52f5bc536cbb98bbe56",size:"xsmall",lineHeight:"16px",marginBlock:"0px",weight:"bold",color:"neutral-black"},i("slot",{key:"197963392c5cef12d29dfbe312f4359b950de9f3"}))),i("slot",{key:"146144af1e1a5d1a18eb2aceaa71b749a4c61ba6",name:"action"}))))}get hostElement(){return n(this)}static get watchers(){return{selected:["updateIconColor"]}}};s.style=c;export{s as cura_dropdown_search_option};
+//# sourceMappingURL=p-ee7328a5.entry.js.map

package/dist/cura/{p-235ac0b4.entry.js.map → p-ee7328a5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaDropdownSearchOptionCss","CuraDropdownSearchOptionStyle0","CuraDropdownSearchOption","this","handleOptionClick","e","selectable","selected","optionSelected","emit","value","updateIconColor","preventDefault","stopImmediatePropagation","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","componentDidLoad","iconElement","hostElement","querySelector","setAttribute","render","h","Host","key","slot","style","class","hovered","disabled","onClick","name","size","lineHeight","marginBlock","weight","color"],"sources":["src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.scss?tag=cura-dropdown-search-option&encapsulation=shadow","src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.tsx"],"sourcesContent":["@import \"../../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n:host(:last-of-type) .content-container  {\n  border-bottom: none;\n}\n\n.option-container {\n  width: 100%;\n  display: flex;\n\n  &:hover:not(.disabled):not(.selected) .content-container {\n    background-color: var(--neutral-white);\n  }\n\n  &.selected .content-container {\n    background-color: var(--primary-lighter);\n  }\n\n  &.disabled {\n    cursor: default;\n  }\n}\n\n.content-container {\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: #{$spacing-mini} #{$spacing-tiny};\n  background-color: var(--neutral-purewhite);\n  border-bottom: 1px solid var(--neutral-light);\n\n  ::slotted(div[slot='action']) {\n    display: flex;\n    justify-content: end;\n  }\n}\n\n.option-info {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  gap: #{$spacing-mini};\n  flex-direction: row;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  cura-heading {\n    width: 100%;\n    margin-block: 0px;\n  }\n\n  ::slotted(div[slot='image']) {\n    min-width: #{$spacing-m};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-option',\n  styleUrl: 'cura-dropdown-search-option.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchOption {\n  /**\n   * The value of the dropdown search option.\n   */\n  @Prop({ reflect: true }) value: string;\n\n  /**\n   * Indicates if the dropdown search option is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n\n  /**\n   * Indicates if the dropdown search is selectable.\n   */\n  @Prop({ reflect: true }) selectable: boolean = true;\n\n  /**\n   * Indicates if the dropdown search option is hovered.\n   */\n  @Prop({ reflect: true, mutable: true }) hovered: boolean = false;\n\n  @State() styles = {};\n\n  /**\n   * Event emitted when the option is selected.\n   */\n  @Event() optionSelected: EventEmitter<string>;\n\n  @Element() hostElement: HTMLElement;\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`, 50);\n  }\n\n  private handleOptionClick = (e: Event) => {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.optionSelected.emit(this.value);\n      this.updateIconColor();\n    } else {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n    }\n  };\n\n  componentDidLoad() {\n    this.updateIconColor();\n  }\n\n  @Watch('selected')\n  private updateIconColor() {\n    const iconElement = this.hostElement.querySelector('[slot=\"image\"] cura-icon');\n    if (iconElement) {\n      iconElement.setAttribute('color', this.selected ? 'primary' : 'neutral-dark');\n    }\n  }\n\n  render() {\n    return (\n      <Host slot=\"dropdown-search-option\">\n        <div\n          style={this.styles}\n          class={{\n            \"option-container\": true,\n            hovered: this.selectable ? this.hovered : false,\n            selected: this.selected,\n            disabled: !this.selectable\n          }}>\n          <div class=\"content-container\">\n            <div class=\"option-info\" onClick={(e) => this.handleOptionClick(e)}>\n              <slot name=\"image\"></slot>\n              <cura-heading size=\"xsmall\" lineHeight=\"16px\" marginBlock=\"0px\" weight=\"bold\" color=\"neutral-black\">\n                <slot></slot>\n              </cura-heading>\n            </div>\n            <slot name=\"action\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAA8B,2jCACpC,MAAAC,EAAeD,E,MCMFE,EAAwB,M,wEAyC3BC,KAAAC,kBAAqBC,IAC3B,GAAIF,KAAKG,WAAY,CACnBH,KAAKI,UAAYJ,KAAKI,SACtBJ,KAAKK,eAAeC,KAAKN,KAAKO,OAC9BP,KAAKQ,iB,KACA,CACLN,EAAEO,iBACFP,EAAEQ,0B,sCAvCsD,M,gBAKb,K,aAKY,M,YAEzC,E,CAWlB,iBAAAC,GACEX,KAAKY,QAAUC,OAAOC,QAAQC,MAAMC,MAAMC,aAC1CjB,KAAKkB,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMI,QAAQC,aAC7DpB,KAAKkB,OAAO,uBAAyBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,qBAC1EtB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEtB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEtB,KAAKkB,OAAO,qBAAuBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,kBAAmB,G,CAc7F,gBAAAC,GACEvB,KAAKQ,iB,CAIC,eAAAA,GACN,MAAMgB,EAAcxB,KAAKyB,YAAYC,cAAc,4BACnD,GAAIF,EAAa,CACfA,EAAYG,aAAa,QAAS3B,KAAKI,SAAW,UAAY,e,EAIlE,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,0BACTH,EAAA,OAAAE,IAAA,2CACEE,MAAOjC,KAAKkB,OACZgB,MAAO,CACL,mBAAoB,KACpBC,QAASnC,KAAKG,WAAaH,KAAKmC,QAAU,MAC1C/B,SAAUJ,KAAKI,SACfgC,UAAWpC,KAAKG,aAElB0B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,qBACTL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAcG,QAAUnC,GAAMF,KAAKC,kBAAkBC,IAC9D2B,EAAA,QAAAE,IAAA,2CAAMO,KAAK,UACXT,EAAA,gBAAAE,IAAA,2CAAcQ,KAAK,SAASC,WAAW,OAAOC,YAAY,MAAMC,OAAO,OAAOC,MAAM,iBAClFd,EAAA,QAAAE,IAAA,+CAGJF,EAAA,QAAAE,IAAA,2CAAMO,KAAK,a","ignoreList":[]}
+{"version":3,"names":["curaDropdownSearchOptionCss","CuraDropdownSearchOptionStyle0","CuraDropdownSearchOption","this","handleOptionClick","e","selectable","selected","optionSelected","emit","value","updateIconColor","preventDefault","stopImmediatePropagation","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","componentDidLoad","iconElement","hostElement","querySelector","setAttribute","render","h","Host","key","slot","style","class","hovered","disabled","onClick","name","size","lineHeight","marginBlock","weight","color"],"sources":["src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.scss?tag=cura-dropdown-search-option&encapsulation=shadow","src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.tsx"],"sourcesContent":["@import \"../../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n:host(:last-of-type) .content-container  {\n  border-bottom: none;\n}\n\n.option-container {\n  width: 100%;\n  display: flex;\n\n  &:hover:not(.disabled):not(.selected) .content-container {\n    background-color: var(--neutral-white);\n  }\n\n  &.selected .content-container {\n    background-color: var(--primary-lighter);\n  }\n\n  &.disabled {\n    cursor: default;\n  }\n}\n\n.content-container {\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: #{$spacing-mini} #{$spacing-tiny};\n  background-color: var(--neutral-purewhite);\n  border-bottom: 1px solid var(--neutral-light);\n\n  ::slotted(div[slot='action']) {\n    display: flex;\n    justify-content: end;\n  }\n}\n\n.option-info {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  gap: #{$spacing-mini};\n  flex-direction: row;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  cura-heading {\n    width: 100%;\n    margin-block: 0px;\n  }\n\n  ::slotted(div[slot='image']) {\n    min-width: #{$spacing-m};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-option',\n  styleUrl: 'cura-dropdown-search-option.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchOption {\n  /**\n   * The value of the dropdown search option.\n   */\n  @Prop({ reflect: true }) value: string;\n\n  /**\n   * Indicates if the dropdown search option is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n\n  /**\n   * Indicates if the dropdown search is selectable.\n   */\n  @Prop({ reflect: true }) selectable: boolean = true;\n\n  /**\n   * Indicates if the dropdown search option is hovered.\n   */\n  @Prop({ reflect: true, mutable: true }) hovered: boolean = false;\n\n  @State() styles = {};\n\n  /**\n   * Event emitted when the option is selected.\n   */\n  @Event() optionSelected: EventEmitter<string>;\n\n  @Element() hostElement: HTMLElement;\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`, 50);\n  }\n\n  private handleOptionClick = (e: Event) => {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.optionSelected.emit(this.value);\n      this.updateIconColor();\n    } else {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n    }\n  };\n\n  componentDidLoad() {\n    this.updateIconColor();\n  }\n\n  @Watch('selected')\n  private updateIconColor() {\n    const iconElement = this.hostElement.querySelector('[slot=\"image\"] cura-icon');\n    if (iconElement) {\n      iconElement.setAttribute('color', this.selected ? 'primary' : 'neutral-dark');\n    }\n  }\n\n  render() {\n    return (\n      <Host slot=\"dropdown-search-option\">\n        <div\n          style={this.styles}\n          class={{\n            \"option-container\": true,\n            hovered: this.selectable ? this.hovered : false,\n            selected: this.selected,\n            disabled: !this.selectable\n          }}>\n          <div class=\"content-container\">\n            <div class=\"option-info\" onClick={(e) => this.handleOptionClick(e)}>\n              <slot name=\"image\"></slot>\n              <cura-heading size=\"xsmall\" lineHeight=\"16px\" marginBlock=\"0px\" weight=\"bold\" color=\"neutral-black\">\n                <slot></slot>\n              </cura-heading>\n            </div>\n            <slot name=\"action\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAA8B,+kCACpC,MAAAC,EAAeD,E,MCMFE,EAAwB,M,wEAyC3BC,KAAAC,kBAAqBC,IAC3B,GAAIF,KAAKG,WAAY,CACnBH,KAAKI,UAAYJ,KAAKI,SACtBJ,KAAKK,eAAeC,KAAKN,KAAKO,OAC9BP,KAAKQ,iB,KACA,CACLN,EAAEO,iBACFP,EAAEQ,0B,sCAvCsD,M,gBAKb,K,aAKY,M,YAEzC,E,CAWlB,iBAAAC,GACEX,KAAKY,QAAUC,OAAOC,QAAQC,MAAMC,MAAMC,aAC1CjB,KAAKkB,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMI,QAAQC,aAC7DpB,KAAKkB,OAAO,uBAAyBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,qBAC1EtB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEtB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEtB,KAAKkB,OAAO,qBAAuBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,kBAAmB,G,CAc7F,gBAAAC,GACEvB,KAAKQ,iB,CAIC,eAAAA,GACN,MAAMgB,EAAcxB,KAAKyB,YAAYC,cAAc,4BACnD,GAAIF,EAAa,CACfA,EAAYG,aAAa,QAAS3B,KAAKI,SAAW,UAAY,e,EAIlE,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,0BACTH,EAAA,OAAAE,IAAA,2CACEE,MAAOjC,KAAKkB,OACZgB,MAAO,CACL,mBAAoB,KACpBC,QAASnC,KAAKG,WAAaH,KAAKmC,QAAU,MAC1C/B,SAAUJ,KAAKI,SACfgC,UAAWpC,KAAKG,aAElB0B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,qBACTL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAcG,QAAUnC,GAAMF,KAAKC,kBAAkBC,IAC9D2B,EAAA,QAAAE,IAAA,2CAAMO,KAAK,UACXT,EAAA,gBAAAE,IAAA,2CAAcQ,KAAK,SAASC,WAAW,OAAOC,YAAY,MAAMC,OAAO,OAAOC,MAAM,iBAClFd,EAAA,QAAAE,IAAA,+CAGJF,EAAA,QAAAE,IAAA,2CAAMO,KAAK,a","ignoreList":[]}

package/dist/cura/{p-f96b0923.entry.js → p-f1098b41.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as a,H as s,g as t}from"./p-fd5ed6b0.js";import{f as c}from"./p-f9b8f665.js";const o='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box}.container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base) !important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base) !important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark) !important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base) !important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base) !important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}';const i=o;const n=class{constructor(a){e(this,a);this.onchange=r(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.isDarkBackground=()=>this.background==="dark";this.isDarkIconColor=()=>this.iconColor==="dark";this.handleClick=()=>{if(this.disabled)return;this.indeterminate=false;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked,indeterminate:this.indeterminate})};this.checked=false;this.indeterminate=false;this.status="default";this.disabled=false;this.required=false;this.label=undefined;this.ontabindex=0;this.position="left";this.value=undefined;this.name=undefined;this.size="medium";this.background="light";this.iconColor="dark";this.color="accent";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size":`${c[this.size].size}px`,"--gap":`${c[this.size].gap}px`})}setColors(){const e=[{name:"--color-base",background:`${this.color}-base`},{name:"--color-lighter",background:`${this.color}-lighter`},{name:"--color-light",background:`${this.color}-light`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--info-base",background:"info-base"},{name:"--error-base",background:"error-base"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--success-dark",background:"success-dark"},{name:"--error-lighter",background:"error-lighter"},{name:"--neutral-black",background:"neutral-black"},{name:"--primary-base-neutral-white",background:this.isDarkBackground()?"primary-base":"neutral-white"},{name:"--neutral-base-neutral-medium",background:this.isDarkBackground()?"neutral-base":"neutral-medium"},{name:"--neutral-black-neutral-purewhite",background:this.isDarkBackground()?"neutral-black":"neutral-purewhite"},{name:"--neutral-black-neutral-white",background:this.isDarkBackground()?"neutral-black":"neutral-white"},{name:"--neutral-darker-neutral-base",background:this.isDarkBackground()?"neutral-darker":"neutral-base"},{name:"--neutral-base-neutral-base",background:this.isDarkBackground()?"primary-base":"neutral-base"},{name:"--neutral-purewhite-neutral-dark",background:this.isDarkBackground()?"neutral-purewhite":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkBackground()?"primary-base":"neutral-medium"},{name:"--success-base-lighter",background:this.isDarkBackground()?"success-base":"success-lighter"},{name:"--success-dark-base",background:this.isDarkBackground()?"success-dark":"success-base"},{name:"--error-base-lighter",background:this.isDarkBackground()?"error-base":"error-lighter"},{name:"--error-dark-base",background:this.isDarkBackground()?"error-dark":"error-base"}];e.forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.background)}));this.styles=Object.assign({},this.styles)}connectedCallback(){this.sizeHandler();this.setColors()}formAssociatedCallback(e){e.ariaLabel=this.label}formStateRestoreCallback(e){this.value=e.value;this.checked=e.checked;this.indeterminate=e.indeterminate;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.indeterminate=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(e){this.disabled=e}getClasses(){const e={};e["container"]=true;e["checked"]=this.checked;e["disabled"]=this.disabled;e[this.background]=true;e["indeterminate"]=this.indeterminate;e["position"]=this.position==="right";e[this.status]=true;return e}assignColor(e){if(this.disabled)return this.isDarkBackground()?"neutral-dark":"neutral-dark";const r={success:{icon:"success-dark",label:this.isDarkBackground()?"success-lighter":"success-darker",message:this.isDarkBackground()?"success-base":"success-dark"},error:{icon:"error-dark",label:this.isDarkBackground()?"error-lighter":"neutral-darker",message:this.isDarkBackground()?"error-base":"error-dark"},default:{icon:this.isDarkIconColor()?"neutral-black":"neutral-purewhite",label:this.isDarkBackground()?"neutral-white":"neutral-black",message:this.isDarkBackground()?"primary-lighter":"neutral-dark"}};return r[this.status][e]}getIcon(){const e=this.indeterminate?"minus":"check";const r=this.assignColor("icon");const s=this.size==="large"?20:"micro";return a("cura-icon",{class:"icon",name:e,size:s,color:r})}render(){return a(s,{key:"c589b642a730e09b8d5ba60b69b45f131560ffda"},a("div",{key:"85ee55dc52042e513e070d68af348dc78d1990e2",class:this.getClasses(),style:this.styles,onClick:this.handleClick},a("div",{key:"59e78d3b717b0bbd77d98da09ab7f1da30d02f14",class:"info"},a("div",{key:"64d683966633a625e7e477fcf1b00364d5fd3fa7",class:"label-wrapper"},a("cura-label",{key:"76d34006ffd837285cb899278f759d95862097c5",class:"label",weight:"bold",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"01394587736d7402d5c6729e9f7e93f7b08ad742",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"fcbbea9a05b9299a814111ea36d7412df6f54e92",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"99c46ed2eb8492cbebb114d828935f1ec0bf7796"}))),a("div",{key:"6291780f613af4e320c486b46697df6f19bdce0e",class:"checkbox",tabIndex:this.ontabindex},a("input",{key:"b922e6498ecfd28391843cdfa45c850f045f3ab6",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,required:this.required,checked:this.checked,indeterminate:this.indeterminate}),this.getIcon())))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"],iconColor:["assignColor"]}}};n.style=i;export{n as cura_checkbox};
-//# sourceMappingURL=p-f96b0923.entry.js.map
+import{r as e,c as r,h as a,H as s,g as t}from"./p-af3ac476.js";import{f as c}from"./p-f9b8f665.js";const o='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box}.container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base) !important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base) !important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark) !important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base) !important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base) !important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}';const i=o;const n=class{constructor(a){e(this,a);this.onchange=r(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.isDarkBackground=()=>this.background==="dark";this.isDarkIconColor=()=>this.iconColor==="dark";this.handleClick=()=>{if(this.disabled)return;this.indeterminate=false;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked,indeterminate:this.indeterminate})};this.checked=false;this.indeterminate=false;this.status="default";this.disabled=false;this.required=false;this.label=undefined;this.ontabindex=0;this.position="left";this.value=undefined;this.name=undefined;this.size="medium";this.background="light";this.iconColor="dark";this.color="accent";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size":`${c[this.size].size}px`,"--gap":`${c[this.size].gap}px`})}setColors(){const e=[{name:"--color-base",background:`${this.color}-base`},{name:"--color-lighter",background:`${this.color}-lighter`},{name:"--color-light",background:`${this.color}-light`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--info-base",background:"info-base"},{name:"--error-base",background:"error-base"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--success-dark",background:"success-dark"},{name:"--error-lighter",background:"error-lighter"},{name:"--neutral-black",background:"neutral-black"},{name:"--primary-base-neutral-white",background:this.isDarkBackground()?"primary-base":"neutral-white"},{name:"--neutral-base-neutral-medium",background:this.isDarkBackground()?"neutral-base":"neutral-medium"},{name:"--neutral-black-neutral-purewhite",background:this.isDarkBackground()?"neutral-black":"neutral-purewhite"},{name:"--neutral-black-neutral-white",background:this.isDarkBackground()?"neutral-black":"neutral-white"},{name:"--neutral-darker-neutral-base",background:this.isDarkBackground()?"neutral-darker":"neutral-base"},{name:"--neutral-base-neutral-base",background:this.isDarkBackground()?"primary-base":"neutral-base"},{name:"--neutral-purewhite-neutral-dark",background:this.isDarkBackground()?"neutral-purewhite":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkBackground()?"primary-base":"neutral-medium"},{name:"--success-base-lighter",background:this.isDarkBackground()?"success-base":"success-lighter"},{name:"--success-dark-base",background:this.isDarkBackground()?"success-dark":"success-base"},{name:"--error-base-lighter",background:this.isDarkBackground()?"error-base":"error-lighter"},{name:"--error-dark-base",background:this.isDarkBackground()?"error-dark":"error-base"}];e.forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.background)}));this.styles=Object.assign({},this.styles)}connectedCallback(){this.sizeHandler();this.setColors()}formAssociatedCallback(e){e.ariaLabel=this.label}formStateRestoreCallback(e){this.value=e.value;this.checked=e.checked;this.indeterminate=e.indeterminate;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.indeterminate=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(e){this.disabled=e}getClasses(){const e={};e["container"]=true;e["checked"]=this.checked;e["disabled"]=this.disabled;e[this.background]=true;e["indeterminate"]=this.indeterminate;e["position"]=this.position==="right";e[this.status]=true;return e}assignColor(e){if(this.disabled)return this.isDarkBackground()?"neutral-dark":"neutral-dark";const r={success:{icon:"success-dark",label:this.isDarkBackground()?"success-lighter":"success-darker",message:this.isDarkBackground()?"success-base":"success-dark"},error:{icon:"error-dark",label:this.isDarkBackground()?"error-lighter":"neutral-darker",message:this.isDarkBackground()?"error-base":"error-dark"},default:{icon:this.isDarkIconColor()?"neutral-black":"neutral-purewhite",label:this.isDarkBackground()?"neutral-white":"neutral-black",message:this.isDarkBackground()?"primary-lighter":"neutral-dark"}};return r[this.status][e]}getIcon(){const e=this.indeterminate?"minus":"check";const r=this.assignColor("icon");const s=this.size==="large"?20:"micro";return a("cura-icon",{class:"icon",name:e,size:s,color:r})}render(){return a(s,{key:"8c4fdab5276ff9eb200299a5584ac8e96ef11974"},a("div",{key:"3074370b481f50e7c3b8183e1aa643a37992f05b",class:this.getClasses(),style:this.styles,onClick:this.handleClick},a("div",{key:"adb656d2d5dc3212735c427e08c7d03d8c94f83e",class:"info"},a("div",{key:"55747701dd4ed57a6ed3132d996639219ba950e1",class:"label-wrapper"},a("cura-label",{key:"b5224ec0a274789c03f6b8e0a5c5ed7fda911c58",class:"label",weight:"bold",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"188a2ed6c915cec53d495edd77ec2dd88fafe714",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"6b63e628f4aeb066dc73feaca720edb12dc207f1",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"880c28c63878169f84a14c96d12c925edc3611bb"}))),a("div",{key:"01dd5e638a5043c4349193c97dd7acfe57dc4498",class:"checkbox",tabIndex:this.ontabindex},a("input",{key:"5ff82da2b58e7bd88f2866a2677151fb49814b3c",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,required:this.required,checked:this.checked,indeterminate:this.indeterminate}),this.getIcon())))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"],iconColor:["assignColor"]}}};n.style=i;export{n as cura_checkbox};
+//# sourceMappingURL=p-f1098b41.entry.js.map

package/dist/cura/p-fc9584dd.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as t,H as s}from"./p-af3ac476.js";const i=":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-white);border:2px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 3px);max-width:600px;min-width:200px;padding:0px calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px);z-index:var(--zIndex);box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--cura-spacing-base) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--cura-spacing-base) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--cura-spacing-base) * 4px);padding-bottom:0px;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--cura-spacing-base) * 4px);padding:calc(var(--cura-spacing-base) * 4px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--cura-spacing-base) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}";const o=i;const c=class{constructor(t){a(this,t);this.modalClose=e(this,"modalClose",7);this.handleClose=()=>{this.modalClose.emit();this.open=false};this.open=false;this.background="light";this.top=0;this.bottom=0;this.left=0;this.right=0;this.mobileCloseLabel="Fechar";this.zindex="100";this.styles={}}setColors(){const a={dark:window.CuraAPI.theme.colors.getColor("neutral-black",.4),light:window.CuraAPI.theme.colors.getColor("primary-darker",.8)};this.styles=Object.assign(Object.assign({},this.styles),{"--background-color":a[this.background]})}setOffset(a,e){this.styles=Object.assign(Object.assign({},this.styles),{[`--${a}-offset`]:`${e}px`})}setTop(){this.setOffset("top",this.top)}setBottom(){this.setOffset("bottom",this.bottom)}setLeft(){this.setOffset("left",this.left)}setRight(){this.setOffset("right",this.right)}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--neutral-white":window.CuraAPI.theme.colors.getColor("neutral-white"),"--neutral-light":window.CuraAPI.theme.colors.getColor("neutral-light"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()});this.setColors();this.setTop();this.setBottom();this.setLeft();this.setRight()}render(){return t(s,{key:"cec1266a4daaac89f69e4f08c94574db9cd970f8",role:"dialog","aria-modal":"true",style:{"--zIndex":this.zindex}},t("div",{key:"5b330fb69c2360e9c6053d2650c43cbf643eb751",class:this.open?"modal container open":"modal container",style:this.styles},t("div",{key:"8187dd2df05750a19f85e156059b66d8d56c8b00",class:this.open?"modal backdrop open":"modal backdrop",onClick:this.handleClose}),t("div",{key:"6a34bc7d67fa48c86d2ada7c167a834c09713ad7",class:"wrapper"},t("button",{key:"6e268d5260404b51dd8779007725c19635066881",class:"close desktop",onClick:this.handleClose},t("cura-icon",{key:"7b5644d466b0b9282b6b9d484ea1c0f4384e2aef",name:"close",color:"error-dark",size:"small"})),t("slot",{key:"890dc7befdbd96fc8d5cc62a4ad856631b6a7f1e"}),t("button",{key:"5f7610ea323e3cad1e12acac7cb66345c8eacf98",class:"close mobile",onClick:this.handleClose},t("cura-icon",{key:"e9e82d2d4fe0b181131bd0bd7fae8feebaabfd9c",name:"close",color:"error-dark",size:"16"}),t("cura-paragraph",{key:"b9930dd44ca205ec4747c62c005beb36e974698b",color:"error-dark",size:"small",marginBlock:"0"},this.mobileCloseLabel)))))}static get watchers(){return{background:["setColors"],top:["setTop"],bottom:["setBottom"],left:["setLeft"],right:["setRight"]}}};c.style=o;export{c as cura_modal};
+//# sourceMappingURL=p-fc9584dd.entry.js.map

package/dist/cura/{p-a4a1f6c6.entry.js.map → p-fc9584dd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaModalCss","CuraModalStyle0","CuraModal","this","handleClose","modalClose","emit","open","setColors","backgroundTheme","dark","window","CuraAPI","theme","colors","getColor","light","styles","Object","assign","background","setOffset","name","value","setTop","top","setBottom","bottom","setLeft","left","setRight","right","connectedCallback","spacing","getSpacing","render","h","Host","key","role","style","zindex","class","onClick","color","size","marginBlock","mobileCloseLabel"],"sources":["src/components/cura-modal/cura-modal.scss?tag=cura-modal&encapsulation=shadow","src/components/cura-modal/cura-modal.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/spacing.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/animations.scss';\n\n:host {\n  display: block;\n}\n\n.modal {\n  position: fixed;\n  height: 100%;\n  width: 100%;\n  top: var(--top-offset);\n  bottom: var(--bottom-offset);\n  left: var(--left-offset);\n  right: var(--right-offset);\n  z-index: -1;\n  margin-top: var(--offset-top);\n\n  &.open {\n    z-index:  var(--zIndex);\n\n    .backdrop,\n    .wrapper {\n      opacity: 1;\n      visibility: visible;\n      animation: fadeIn 0.3s ease-out;\n    }\n  }\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.backdrop,\n.wrapper {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.backdrop {\n  background-color: var(--background-color);\n  z-index:  calc(var(--zIndex) - 10);\n  animation: fadeIn 0.3s ease-out;\n}\n\n.wrapper {\n  position: fixed;\n  background-color: var(--neutral-white);\n  border: 2px solid var(--neutral-light);\n  border-radius: #{$spacing-xxxs};\n  max-width: 600px;\n  min-width: 200px;\n  padding: #{$spacing-none} #{$spacing-xxs} #{$spacing-xxs} #{$spacing-xxs};\n  z-index:  var(--zIndex);\n\n  @include shadow-level4();\n\n  transform: scale(0.95);\n  transition: transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease;\n\n  ::slotted(*) {\n    max-height: 80vh;\n    overflow: auto;\n    padding-right: #{$spacing-xs};\n  }\n}\n\n.modal.open .wrapper {\n  transform: scale(1);\n  opacity: 1;\n  visibility: visible;\n}\n\n.close {\n  justify-self: flex-end;\n  padding-top: #{$spacing-xxs};\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &.mobile {\n    display: none;\n  }\n\n  &.desktop {\n    display: flex;\n  }\n}\n\n@include mobile-only() {\n  .wrapper {\n    position: fixed;\n    bottom: #{$spacing-none};\n    width: 80%;\n    padding-top: #{$spacing-xxs};\n    padding-bottom: #{$spacing-none};\n    border-radius: #{$spacing-xxxs} #{$spacing-xxxs} #{$spacing-none} #{$spacing-none};\n    border-bottom: none;\n  }\n\n  .close {\n    align-items: center;\n    border-top: 1px dashed var(--neutral-light);\n    margin-top: #{$spacing-xxs};\n    padding: #{$spacing-xxs} #{$spacing-none};\n    justify-content: center;\n    width: 100%;\n\n    &.mobile {\n      display: flex;\n      gap: #{$spacing-mini};\n    }\n\n    &.desktop {\n      display: none;\n    }\n  }\n}\n\n@include fadeIn();\n@include fadeOut();\n","import { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-modal',\n  styleUrl: 'cura-modal.scss',\n  shadow: true,\n})\nexport class CuraModal {\n  /**\n   * Property open to control modal visibility.\n   * Default: false\n   */\n  @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n  /**\n   * Property background to control modal backdrop color.\n   * Default: light\n   */\n  @Prop() background?: 'dark' | 'light' = 'light';\n  /**\n   * Property top to control modal top position.\n   * Default: 0px\n   */\n  @Prop() top?: number = 0;\n  /**\n   * Property bottom to control modal bottom position.\n   * Default: 0px\n   */\n  @Prop() bottom?: number = 0;\n  /**\n   * Property left to control modal left position.\n   * Default: 0px\n   */\n  @Prop() left?: number = 0;\n  /**\n   * Property right to control modal right position.\n   * Default: 0px\n   */\n  @Prop() right?: number = 0;\n  /**\n   * Defines the label for the close button when the modal is viewed on mobile.\n   * Default: Fechar\n   */\n  @Prop({ reflect: true }) mobileCloseLabel: string = 'Fechar';\n  /**\n   * Property zindex to control the z-index value of the component.\n   * Default: 100\n   */\n  @Prop({ reflect: true }) zindex: string = '100';\n  /**\n   * Event close to handle modal close.\n   */\n  @Event({ eventName: 'modalClose' }) modalClose: EventEmitter<void>;\n\n  @State() styles = {};\n\n  @Watch('background')\n  setColors() {\n    const backgroundTheme = {\n      dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),\n      light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),\n    };\n\n    this.styles = {\n      ...this.styles,\n      '--background-color': backgroundTheme[this.background],\n    };\n  }\n\n  setOffset(name: string, value: number) {\n    this.styles = {\n      ...this.styles,\n      [`--${name}-offset`]: `${value}px`,\n    };\n  }\n\n  @Watch('top')\n  setTop() {\n    this.setOffset('top', this.top);\n  }\n\n  @Watch('bottom')\n  setBottom() {\n    this.setOffset('bottom', this.bottom);\n  }\n\n  @Watch('left')\n  setLeft() {\n    this.setOffset('left', this.left);\n  }\n\n  @Watch('right')\n  setRight() {\n    this.setOffset('right', this.right);\n  }\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--neutral-white': window.CuraAPI.theme.colors.getColor('neutral-white'),\n      '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'),\n      '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    };\n    this.setColors();\n    this.setTop();\n    this.setBottom();\n    this.setLeft();\n    this.setRight();\n  }\n\n  private handleClose = () => {\n    this.modalClose.emit();\n    this.open = false;\n  };\n\n  render() {\n    return (\n      <Host role=\"dialog\" aria-modal=\"true\" style={{ '--zIndex': this.zindex }}>\n        <div class={this.open ? 'modal container open' : 'modal container'} style={this.styles}>\n          <div class={this.open ? 'modal backdrop open' : 'modal backdrop'} onClick={this.handleClose}></div>\n          <div class=\"wrapper\">\n            {/* Desktop button */}\n            <button class=\"close desktop\" onClick={this.handleClose}>\n              <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n            </button>\n            <slot></slot>\n            {/* Mobile button */}\n            <button class=\"close mobile\" onClick={this.handleClose}>\n              <cura-icon name=\"close\" color=\"error-dark\" size=\"16\"></cura-icon>\n              <cura-paragraph color=\"error-dark\" size=\"small\" marginBlock=\"0\">\n                {this.mobileCloseLabel}\n              </cura-paragraph>\n            </button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAe,khEACrB,MAAAC,EAAeD,E,MCMFE,EAAS,M,gEAsGZC,KAAAC,YAAc,KACpBD,KAAKE,WAAWC,OAChBH,KAAKI,KAAO,KAAK,E,UAnGsC,M,gBAKjB,Q,SAKjB,E,YAKG,E,UAKF,E,WAKC,E,sBAK2B,S,YAKV,M,YAMxB,E,CAGlB,SAAAC,GACE,MAAMC,EAAkB,CACtBC,KAAMC,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,gBAAiB,IAC5DC,MAAOL,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBAAkB,KAGhEZ,KAAKc,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNhB,KAAKc,QAAM,CACd,qBAAsBR,EAAgBN,KAAKiB,a,CAI/C,SAAAC,CAAUC,EAAcC,GACtBpB,KAAKc,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNhB,KAAKc,QAAM,CACd,CAAC,KAAKK,YAAgB,GAAGC,O,CAK7B,MAAAC,GACErB,KAAKkB,UAAU,MAAOlB,KAAKsB,I,CAI7B,SAAAC,GACEvB,KAAKkB,UAAU,SAAUlB,KAAKwB,O,CAIhC,OAAAC,GACEzB,KAAKkB,UAAU,OAAQlB,KAAK0B,K,CAI9B,QAAAC,GACE3B,KAAKkB,UAAU,QAASlB,KAAK4B,M,CAG/B,iBAAAC,GACE7B,KAAKc,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNhB,KAAKc,QAAM,CACd,kBAAmBN,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBACxD,kBAAmBJ,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBACxD,iBAAkBJ,OAAOC,QAAQC,MAAMoB,QAAQC,eAEjD/B,KAAKK,YACLL,KAAKqB,SACLrB,KAAKuB,YACLvB,KAAKyB,UACLzB,KAAK2B,U,CAQP,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,aAAY,OAAOC,MAAO,CAAE,WAAYrC,KAAKsC,SAC9DL,EAAA,OAAAE,IAAA,2CAAKI,MAAOvC,KAAKI,KAAO,uBAAyB,kBAAmBiC,MAAOrC,KAAKc,QAC9EmB,EAAA,OAAAE,IAAA,2CAAKI,MAAOvC,KAAKI,KAAO,sBAAwB,iBAAkBoC,QAASxC,KAAKC,cAChFgC,EAAA,OAAAE,IAAA,2CAAKI,MAAM,WAETN,EAAA,UAAAE,IAAA,2CAAQI,MAAM,gBAAgBC,QAASxC,KAAKC,aAC1CgC,EAAA,aAAAE,IAAA,2CAAWhB,KAAK,QAAQsB,MAAM,aAAaC,KAAK,WAElDT,EAAA,QAAAE,IAAA,6CAEAF,EAAA,UAAAE,IAAA,2CAAQI,MAAM,eAAeC,QAASxC,KAAKC,aACzCgC,EAAA,aAAAE,IAAA,2CAAWhB,KAAK,QAAQsB,MAAM,aAAaC,KAAK,OAChDT,EAAA,kBAAAE,IAAA,2CAAgBM,MAAM,aAAaC,KAAK,QAAQC,YAAY,KACzD3C,KAAK4C,qB","ignoreList":[]}
+{"version":3,"names":["curaModalCss","CuraModalStyle0","CuraModal","this","handleClose","modalClose","emit","open","setColors","backgroundTheme","dark","window","CuraAPI","theme","colors","getColor","light","styles","Object","assign","background","setOffset","name","value","setTop","top","setBottom","bottom","setLeft","left","setRight","right","connectedCallback","spacing","getSpacing","render","h","Host","key","role","style","zindex","class","onClick","color","size","marginBlock","mobileCloseLabel"],"sources":["src/components/cura-modal/cura-modal.scss?tag=cura-modal&encapsulation=shadow","src/components/cura-modal/cura-modal.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/spacing.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/animations.scss';\n\n:host {\n  display: block;\n}\n\n.modal {\n  position: fixed;\n  height: 100%;\n  width: 100%;\n  top: var(--top-offset);\n  bottom: var(--bottom-offset);\n  left: var(--left-offset);\n  right: var(--right-offset);\n  z-index: -1;\n  margin-top: var(--offset-top);\n\n  &.open {\n    z-index:  var(--zIndex);\n\n    .backdrop,\n    .wrapper {\n      opacity: 1;\n      visibility: visible;\n      animation: fadeIn 0.3s ease-out;\n    }\n  }\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.backdrop,\n.wrapper {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.backdrop {\n  background-color: var(--background-color);\n  z-index:  calc(var(--zIndex) - 10);\n  animation: fadeIn 0.3s ease-out;\n}\n\n.wrapper {\n  position: fixed;\n  background-color: var(--neutral-white);\n  border: 2px solid var(--neutral-light);\n  border-radius: #{$spacing-xxxs};\n  max-width: 600px;\n  min-width: 200px;\n  padding: #{$spacing-none} #{$spacing-xxs} #{$spacing-xxs} #{$spacing-xxs};\n  z-index:  var(--zIndex);\n\n  @include shadow-level4();\n\n  transform: scale(0.95);\n  transition: transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease;\n\n  ::slotted(*) {\n    max-height: 80vh;\n    overflow: auto;\n    padding-right: #{$spacing-xs};\n  }\n}\n\n.modal.open .wrapper {\n  transform: scale(1);\n  opacity: 1;\n  visibility: visible;\n}\n\n.close {\n  justify-self: flex-end;\n  padding-top: #{$spacing-xxs};\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &.mobile {\n    display: none;\n  }\n\n  &.desktop {\n    display: flex;\n  }\n}\n\n@include mobile-only() {\n  .wrapper {\n    position: fixed;\n    bottom: #{$spacing-none};\n    width: 80%;\n    padding-top: #{$spacing-xxs};\n    padding-bottom: #{$spacing-none};\n    border-radius: #{$spacing-xxxs} #{$spacing-xxxs} #{$spacing-none} #{$spacing-none};\n    border-bottom: none;\n  }\n\n  .close {\n    align-items: center;\n    border-top: 1px dashed var(--neutral-light);\n    margin-top: #{$spacing-xxs};\n    padding: #{$spacing-xxs} #{$spacing-none};\n    justify-content: center;\n    width: 100%;\n\n    &.mobile {\n      display: flex;\n      gap: #{$spacing-mini};\n    }\n\n    &.desktop {\n      display: none;\n    }\n  }\n}\n\n@include fadeIn();\n@include fadeOut();\n","import { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-modal',\n  styleUrl: 'cura-modal.scss',\n  shadow: true,\n})\nexport class CuraModal {\n  /**\n   * Property open to control modal visibility.\n   * Default: false\n   */\n  @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n  /**\n   * Property background to control modal backdrop color.\n   * Default: light\n   */\n  @Prop() background?: 'dark' | 'light' = 'light';\n  /**\n   * Property top to control modal top position.\n   * Default: 0px\n   */\n  @Prop() top?: number = 0;\n  /**\n   * Property bottom to control modal bottom position.\n   * Default: 0px\n   */\n  @Prop() bottom?: number = 0;\n  /**\n   * Property left to control modal left position.\n   * Default: 0px\n   */\n  @Prop() left?: number = 0;\n  /**\n   * Property right to control modal right position.\n   * Default: 0px\n   */\n  @Prop() right?: number = 0;\n  /**\n   * Defines the label for the close button when the modal is viewed on mobile.\n   * Default: Fechar\n   */\n  @Prop({ reflect: true }) mobileCloseLabel: string = 'Fechar';\n  /**\n   * Property zindex to control the z-index value of the component.\n   * Default: 100\n   */\n  @Prop({ reflect: true }) zindex: string = '100';\n  /**\n   * Event close to handle modal close.\n   */\n  @Event({ eventName: 'modalClose' }) modalClose: EventEmitter<void>;\n\n  @State() styles = {};\n\n  @Watch('background')\n  setColors() {\n    const backgroundTheme = {\n      dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),\n      light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),\n    };\n\n    this.styles = {\n      ...this.styles,\n      '--background-color': backgroundTheme[this.background],\n    };\n  }\n\n  setOffset(name: string, value: number) {\n    this.styles = {\n      ...this.styles,\n      [`--${name}-offset`]: `${value}px`,\n    };\n  }\n\n  @Watch('top')\n  setTop() {\n    this.setOffset('top', this.top);\n  }\n\n  @Watch('bottom')\n  setBottom() {\n    this.setOffset('bottom', this.bottom);\n  }\n\n  @Watch('left')\n  setLeft() {\n    this.setOffset('left', this.left);\n  }\n\n  @Watch('right')\n  setRight() {\n    this.setOffset('right', this.right);\n  }\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--neutral-white': window.CuraAPI.theme.colors.getColor('neutral-white'),\n      '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'),\n      '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    };\n    this.setColors();\n    this.setTop();\n    this.setBottom();\n    this.setLeft();\n    this.setRight();\n  }\n\n  private handleClose = () => {\n    this.modalClose.emit();\n    this.open = false;\n  };\n\n  render() {\n    return (\n      <Host role=\"dialog\" aria-modal=\"true\" style={{ '--zIndex': this.zindex }}>\n        <div class={this.open ? 'modal container open' : 'modal container'} style={this.styles}>\n          <div class={this.open ? 'modal backdrop open' : 'modal backdrop'} onClick={this.handleClose}></div>\n          <div class=\"wrapper\">\n            {/* Desktop button */}\n            <button class=\"close desktop\" onClick={this.handleClose}>\n              <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n            </button>\n            <slot></slot>\n            {/* Mobile button */}\n            <button class=\"close mobile\" onClick={this.handleClose}>\n              <cura-icon name=\"close\" color=\"error-dark\" size=\"16\"></cura-icon>\n              <cura-paragraph color=\"error-dark\" size=\"small\" marginBlock=\"0\">\n                {this.mobileCloseLabel}\n              </cura-paragraph>\n            </button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAe,8kEACrB,MAAAC,EAAeD,E,MCMFE,EAAS,M,gEAsGZC,KAAAC,YAAc,KACpBD,KAAKE,WAAWC,OAChBH,KAAKI,KAAO,KAAK,E,UAnGsC,M,gBAKjB,Q,SAKjB,E,YAKG,E,UAKF,E,WAKC,E,sBAK2B,S,YAKV,M,YAMxB,E,CAGlB,SAAAC,GACE,MAAMC,EAAkB,CACtBC,KAAMC,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,gBAAiB,IAC5DC,MAAOL,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBAAkB,KAGhEZ,KAAKc,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNhB,KAAKc,QAAM,CACd,qBAAsBR,EAAgBN,KAAKiB,a,CAI/C,SAAAC,CAAUC,EAAcC,GACtBpB,KAAKc,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNhB,KAAKc,QAAM,CACd,CAAC,KAAKK,YAAgB,GAAGC,O,CAK7B,MAAAC,GACErB,KAAKkB,UAAU,MAAOlB,KAAKsB,I,CAI7B,SAAAC,GACEvB,KAAKkB,UAAU,SAAUlB,KAAKwB,O,CAIhC,OAAAC,GACEzB,KAAKkB,UAAU,OAAQlB,KAAK0B,K,CAI9B,QAAAC,GACE3B,KAAKkB,UAAU,QAASlB,KAAK4B,M,CAG/B,iBAAAC,GACE7B,KAAKc,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNhB,KAAKc,QAAM,CACd,kBAAmBN,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBACxD,kBAAmBJ,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBACxD,iBAAkBJ,OAAOC,QAAQC,MAAMoB,QAAQC,eAEjD/B,KAAKK,YACLL,KAAKqB,SACLrB,KAAKuB,YACLvB,KAAKyB,UACLzB,KAAK2B,U,CAQP,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,aAAY,OAAOC,MAAO,CAAE,WAAYrC,KAAKsC,SAC9DL,EAAA,OAAAE,IAAA,2CAAKI,MAAOvC,KAAKI,KAAO,uBAAyB,kBAAmBiC,MAAOrC,KAAKc,QAC9EmB,EAAA,OAAAE,IAAA,2CAAKI,MAAOvC,KAAKI,KAAO,sBAAwB,iBAAkBoC,QAASxC,KAAKC,cAChFgC,EAAA,OAAAE,IAAA,2CAAKI,MAAM,WAETN,EAAA,UAAAE,IAAA,2CAAQI,MAAM,gBAAgBC,QAASxC,KAAKC,aAC1CgC,EAAA,aAAAE,IAAA,2CAAWhB,KAAK,QAAQsB,MAAM,aAAaC,KAAK,WAElDT,EAAA,QAAAE,IAAA,6CAEAF,EAAA,UAAAE,IAAA,2CAAQI,MAAM,eAAeC,QAASxC,KAAKC,aACzCgC,EAAA,aAAAE,IAAA,2CAAWhB,KAAK,QAAQsB,MAAM,aAAaC,KAAK,OAChDT,EAAA,kBAAAE,IAAA,2CAAgBM,MAAM,aAAaC,KAAK,QAAQC,YAAY,KACzD3C,KAAK4C,qB","ignoreList":[]}