@rededor/cura 1.5.1 → 1.6.0-alpha.1

package/dist/cura/p-02c2b948.entry.js.map

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

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

@@ -0,0 +1,2 @@
+import{r as t,h as o,H as i}from"./p-af3ac476.js";import{l as a}from"./p-efcb32eb.js";const s=':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled::before,:host a.disabled::before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}';const n=s;const r=class{constructor(o){t(this,o);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.type="button";this.size="large";this.disabled=false;this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.iconOnly=false;this.href=undefined;this.target="_self";this.color="primary";this.background="light";this.fontColor="dark";this.textAlign="left";this.justify=false;this.styles={};this.hovered=false}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor(`neutral-base`);this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor(`neutral-dark`);this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--text-align"]=this.textAlign;this.setColors()}getClasses(){var t;const o={};o[`${(t=this.size)===null||t===void 0?void 0:t.toLowerCase()}`]=true;o[`icon-${this.iconPosition.toLowerCase()}`]=true;o[`icon-only`]=this.iconOnly;o["disabled"]=this.disabled;o["isLoading"]=this.isLoading;o["justify"]=this.justify;return o}setColors(){const t=[{name:"--color-dark-neutral-purewhite",thema:`${this.background==="light"?`${this.color}-dark`:"neutral-purewhite"}`},{name:"--color-lighter-color-darker",thema:`${this.background==="light"?`${this.color}-lighter`:`${this.color}-darker`}`},{name:"--color-light-color-darker",thema:`${this.background==="light"?`${this.color}-light`:`${this.color}-lighter`}`},{name:"--neutral-dark",thema:"neutral-dark"}];t.forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema)));this.styles=Object.assign({},this.styles)}getIcon(){if(!this.iconName)return"";const t=this.size==="large"?20:16;return o("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:this.getSymbolColor()})}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}getSymbolColor(){if(this.disabled)return"neutral-dark";return this.fontColor==="light"?"neutral-purewhite":`${this.color}-darker`}handleClick(t){if(this.disabled||this.isLoading){t.preventDefault();return}if(!this.href){if(this.type==="submit"&&this.internals.form)this.internals.form.submit();if(this.type==="reset"&&this.internals.form)this.internals.form.reset()}}render(){const t=this.getSymbolColor();const s=a[this.size]||a["default"];return o(i,{key:"0a0c25f94d0c18dbb90e4836ca3e7bcbbe10d032"},this.href?o("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},o("span",{class:"button-container"},this.getIcon(),o("cura-label",{size:s,lineHeight:"normal",color:t},o("slot",null))),o("cura-loader-circle",{size:this.size,color:t})):o("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave(),type:this.type},o("span",{class:"button-container"},this.getIcon(),o("cura-label",{size:s,lineHeight:"normal",color:t},o("slot",null))),o("cura-loader-circle",{size:this.size,color:t})))}static get formAssociated(){return true}static get watchers(){return{background:["setColors"],color:["setColors","getSymbolColor"],fontColor:["getSymbolColor"]}}};r.style=n;export{r as cura_button_outline};
+//# sourceMappingURL=p-0a391c03.entry.js.map

package/dist/cura/{p-dbab7864.entry.js.map → p-0a391c03.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaButtonOutlineCss","CuraButtonOutlineStyle0","CuraButtonOutline","connectedCallback","this","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","textAlign","setColors","getClasses","classes","_a","size","toLowerCase","iconPosition","iconOnly","disabled","isLoading","justify","name","thema","background","color","forEach","Object","assign","getIcon","iconName","iconSize","h","iconset","getSymbolColor","handleMouseEnter","hovered","handleMouseLeave","fontColor","handleClick","e","preventDefault","href","type","internals","form","submit","reset","render","symbolColor","labelSize","labelSizes","Host","key","target","class","style","onClick","onMouseEnter","onMouseLeave","lineHeight"],"sources":["src/components/buttons/cura-button-outline/cura-button-outline.scss?tag=cura-button-outline&encapsulation=shadow","src/components/buttons/cura-button-outline/cura-button-outline.tsx"],"sourcesContent":["@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: transparent;\n      box-sizing: border-box;\n      border: none;\n\n      &::before {\n        content: \"\";\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0px;\n        top: 0px;\n        box-sizing: border-box;\n        border: 2px solid var(--color-dark-neutral-purewhite);\n        border-radius: var(--border-radius);\n      }\n\n      &:not(.disabled):not(.isLoading):hover {\n       background-color: var(--color-lighter-color-darker);\n      }\n\n      &:not(.disabled):not(.inverted):not(.isLoading):active {\n       background-color: var(--color-light-color-darker);\n      }\n\n    };\n\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label();\n\n\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n     &::before {\n      border-color: var(--neutral-dark);\n     }\n    };\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    // Loading State\n    @include button-loading();\n\n  }\n\n}\n","import { Component, Host, h, Prop, Watch, State, AttachInternals } from '@stencil/core';\nimport { labelSizes } from '../cura-button.definitions';\n\n@Component({\n  tag: 'cura-button-outline',\n  styleUrl: 'cura-button-outline.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class CuraButtonOutline {\n\n  @AttachInternals() internals: ElementInternals;\n\n  /**\n   * Button type: button (default) | submit | reset\n   */\n  @Prop({ reflect: true }) type: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n  * Button size: small | medium | large (default)\n  */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'large';\n\n  /**\n  * Disabled state. Boolean.\n  */\n  @Prop({ reflect: true }) disabled = false;\n  /**\n  * Loading state. Boolean.\n  */\n  @Prop({ reflect: true }) isLoading = false;\n\n  /**\n  * Name of the icon to be used from iconset.\n  */\n  @Prop({ reflect: true }) iconName: string;\n  /**\n  * Custom iconset if needed.\n  */\n  @Prop({ reflect: true }) iconset = 'default';\n  /**\n  * Icon position: left (default) | right.\n  */\n  @Prop({ reflect: true }) iconPosition: 'left' | 'right' = 'left';\n  /**\n  * Set button to FAB/icon only.\n  */\n  @Prop({ reflect: true }) iconOnly = false;\n\n  /**\n  * Property href switch button to link.\n  */\n  @Prop({ reflect: true }) href: string;\n  /**\n  * Set target if link.\n  */\n  @Prop({ reflect: true }) target = \"_self\";\n  /**\n  * Color base from color scheme. Default: primary.\n  */\n  @Prop() color = 'primary';\n  /**\n  * Set the font background to dark or light.\n  */\n  @Prop() background: 'dark' | 'light' = 'light';\n\n  /**\n  * Set the font color to dark or light.\n  */\n  @Prop() fontColor: 'dark' | 'light' = 'dark';\n  /**\n  * Set text aligment for the button label.\n  * Vales: left (default) | center | right.\n  */\n  @Prop({ reflect: true }) textAlign: 'left' | 'center' | 'right' = 'left';\n\n  /**\n   * Justify icons and label inside the button.\n   * Vales: false (default) | true.\n   */\n  @Prop({ reflect: true }) justify = false;\n\n  @State() styles = {};\n\n  @State() hovered = false;\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-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--text-align'] = this.textAlign;\n    this.setColors();\n  }\n\n\n  getClasses() {\n    const classes = {};\n    classes[`${this.size?.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes[`icon-only`] = this.iconOnly;\n    classes['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n    classes['justify'] = this.justify;\n    return classes;\n  }\n\n  @Watch('background')\n  @Watch('color')\n  setColors() {\n    const colors = [\n      { name: '--color-dark-neutral-purewhite', thema: `${this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite'}` },\n      { name: '--color-lighter-color-darker', thema: `${this.background === 'light' ? `${this.color}-lighter` : `${this.color}-darker`}` },\n      { name: '--color-light-color-darker', thema: `${this.background === 'light' ? `${this.color}-light` : `${this.color}-lighter`}` },\n      { name: '--neutral-dark', thema: 'neutral-dark' },\n    ]\n\n    colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.thema));\n    this.styles = { ...this.styles };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'large' ? 20 : 16;\n\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={this.getSymbolColor()}></cura-icon>;\n  }\n\n\n  handleMouseEnter() {\n    if (this.disabled) return;\n    this.hovered = true;\n  }\n\n  handleMouseLeave() {\n    this.hovered = false;\n  }\n\n  @Watch('fontColor')\n  @Watch('color')\n  getSymbolColor() {\n    if (this.disabled) return 'neutral-dark';\n    return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled || this.isLoading) {\n      e.preventDefault();\n      return;\n    }\n    if (!this.href) {\n      if (this.type === 'submit' && this.internals.form) this.internals.form.submit();\n      if (this.type === 'reset' && this.internals.form) this.internals.form.reset();\n    }\n  }\n\n  render() {\n    const symbolColor = this.getSymbolColor();\n    const labelSize = labelSizes[this.size] || labelSizes[\"default\"];\n    return (\n      <Host>\n        {this.href ? (\n          <a href={this.disabled ? '' : this.href}\n            target={this.target}\n            class={this.getClasses()}\n            style={this.styles}\n            onClick={(e) => this.handleClick(e)}\n            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}>\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n          </a>\n        ) : (\n          <button class={this.getClasses()}\n            style={this.styles}\n            disabled={this.disabled || null}\n            onClick={(e) => this.handleClick(e)}\n            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}\n            type={this.type}>\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["curaButtonOutlineCss","CuraButtonOutlineStyle0","CuraButtonOutline","connectedCallback","this","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","textAlign","setColors","getClasses","classes","_a","size","toLowerCase","iconPosition","iconOnly","disabled","isLoading","justify","name","thema","background","color","forEach","Object","assign","getIcon","iconName","iconSize","h","iconset","getSymbolColor","handleMouseEnter","hovered","handleMouseLeave","fontColor","handleClick","e","preventDefault","href","type","internals","form","submit","reset","render","symbolColor","labelSize","labelSizes","Host","key","target","class","style","onClick","onMouseEnter","onMouseLeave","lineHeight"],"sources":["src/components/buttons/cura-button-outline/cura-button-outline.scss?tag=cura-button-outline&encapsulation=shadow","src/components/buttons/cura-button-outline/cura-button-outline.tsx"],"sourcesContent":["@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: transparent;\n      box-sizing: border-box;\n      border: none;\n\n      &::before {\n        content: \"\";\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0px;\n        top: 0px;\n        box-sizing: border-box;\n        border: 2px solid var(--color-dark-neutral-purewhite);\n        border-radius: var(--border-radius);\n      }\n\n      &:not(.disabled):not(.isLoading):hover {\n       background-color: var(--color-lighter-color-darker);\n      }\n\n      &:not(.disabled):not(.inverted):not(.isLoading):active {\n       background-color: var(--color-light-color-darker);\n      }\n\n    };\n\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label();\n\n\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n     &::before {\n      border-color: var(--neutral-dark);\n     }\n    };\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    // Loading State\n    @include button-loading();\n\n  }\n\n}\n","import { Component, Host, h, Prop, Watch, State, AttachInternals } from '@stencil/core';\nimport { labelSizes } from '../cura-button.definitions';\n\n@Component({\n  tag: 'cura-button-outline',\n  styleUrl: 'cura-button-outline.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class CuraButtonOutline {\n\n  @AttachInternals() internals: ElementInternals;\n\n  /**\n   * Button type: button (default) | submit | reset\n   */\n  @Prop({ reflect: true }) type: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n  * Button size: small | medium | large (default)\n  */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'large';\n\n  /**\n  * Disabled state. Boolean.\n  */\n  @Prop({ reflect: true }) disabled = false;\n  /**\n  * Loading state. Boolean.\n  */\n  @Prop({ reflect: true }) isLoading = false;\n\n  /**\n  * Name of the icon to be used from iconset.\n  */\n  @Prop({ reflect: true }) iconName: string;\n  /**\n  * Custom iconset if needed.\n  */\n  @Prop({ reflect: true }) iconset = 'default';\n  /**\n  * Icon position: left (default) | right.\n  */\n  @Prop({ reflect: true }) iconPosition: 'left' | 'right' = 'left';\n  /**\n  * Set button to FAB/icon only.\n  */\n  @Prop({ reflect: true }) iconOnly = false;\n\n  /**\n  * Property href switch button to link.\n  */\n  @Prop({ reflect: true }) href: string;\n  /**\n  * Set target if link.\n  */\n  @Prop({ reflect: true }) target = \"_self\";\n  /**\n  * Color base from color scheme. Default: primary.\n  */\n  @Prop() color = 'primary';\n  /**\n  * Set the font background to dark or light.\n  */\n  @Prop() background: 'dark' | 'light' = 'light';\n\n  /**\n  * Set the font color to dark or light.\n  */\n  @Prop() fontColor: 'dark' | 'light' = 'dark';\n  /**\n  * Set text aligment for the button label.\n  * Vales: left (default) | center | right.\n  */\n  @Prop({ reflect: true }) textAlign: 'left' | 'center' | 'right' = 'left';\n\n  /**\n   * Justify icons and label inside the button.\n   * Vales: false (default) | true.\n   */\n  @Prop({ reflect: true }) justify = false;\n\n  @State() styles = {};\n\n  @State() hovered = false;\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-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--text-align'] = this.textAlign;\n    this.setColors();\n  }\n\n\n  getClasses() {\n    const classes = {};\n    classes[`${this.size?.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes[`icon-only`] = this.iconOnly;\n    classes['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n    classes['justify'] = this.justify;\n    return classes;\n  }\n\n  @Watch('background')\n  @Watch('color')\n  setColors() {\n    const colors = [\n      { name: '--color-dark-neutral-purewhite', thema: `${this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite'}` },\n      { name: '--color-lighter-color-darker', thema: `${this.background === 'light' ? `${this.color}-lighter` : `${this.color}-darker`}` },\n      { name: '--color-light-color-darker', thema: `${this.background === 'light' ? `${this.color}-light` : `${this.color}-lighter`}` },\n      { name: '--neutral-dark', thema: 'neutral-dark' },\n    ]\n\n    colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.thema));\n    this.styles = { ...this.styles };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'large' ? 20 : 16;\n\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={this.getSymbolColor()}></cura-icon>;\n  }\n\n\n  handleMouseEnter() {\n    if (this.disabled) return;\n    this.hovered = true;\n  }\n\n  handleMouseLeave() {\n    this.hovered = false;\n  }\n\n  @Watch('fontColor')\n  @Watch('color')\n  getSymbolColor() {\n    if (this.disabled) return 'neutral-dark';\n    return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled || this.isLoading) {\n      e.preventDefault();\n      return;\n    }\n    if (!this.href) {\n      if (this.type === 'submit' && this.internals.form) this.internals.form.submit();\n      if (this.type === 'reset' && this.internals.form) this.internals.form.reset();\n    }\n  }\n\n  render() {\n    const symbolColor = this.getSymbolColor();\n    const labelSize = labelSizes[this.size] || labelSizes[\"default\"];\n    return (\n      <Host>\n        {this.href ? (\n          <a href={this.disabled ? '' : this.href}\n            target={this.target}\n            class={this.getClasses()}\n            style={this.styles}\n            onClick={(e) => this.handleClick(e)}\n            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}>\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n          </a>\n        ) : (\n          <button class={this.getClasses()}\n            style={this.styles}\n            disabled={this.disabled || null}\n            onClick={(e) => this.handleClick(e)}\n            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}\n            type={this.type}>\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"sFAAA,MAAMA,EAAuB,g+GAC7B,MAAAC,EAAeD,E,MCQFE,EAAiB,M,mMAOmC,S,UAKD,Q,cAK1B,M,eAIC,M,qCASF,U,kBAIuB,O,cAItB,M,gCASF,Q,WAIlB,U,gBAIuB,Q,eAKD,O,eAK4B,O,aAM/B,M,YAEjB,G,aAEC,K,CAInB,iBAAAC,GACEC,KAAKC,QAAUC,OAAOC,QAAQC,MAAMC,MAAMC,aAC1CN,KAAKO,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMI,QAAQC,aAC7DT,KAAKO,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEX,KAAKO,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,gBACrEX,KAAKO,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,gBACrEX,KAAKO,OAAO,eAAiBL,OAAOC,QAAQC,MAAMC,MAAMO,UACxDZ,KAAKO,OAAO,iBAAmBL,OAAOC,QAAQC,MAAMC,MAAMQ,YAC1Db,KAAKO,OAAO,wBAA0BP,KAAKC,QAAQa,OACnDd,KAAKO,OAAO,gBAAkBP,KAAKe,UACnCf,KAAKgB,W,CAIP,UAAAC,G,MACE,MAAMC,EAAU,GAChBA,EAAQ,IAAGC,EAAAnB,KAAKoB,QAAI,MAAAD,SAAA,SAAAA,EAAEE,iBAAmB,KACzCH,EAAQ,QAAQlB,KAAKsB,aAAaD,iBAAmB,KACrDH,EAAQ,aAAelB,KAAKuB,SAC5BL,EAAQ,YAAclB,KAAKwB,SAC3BN,EAAQ,aAAelB,KAAKyB,UAC5BP,EAAQ,WAAalB,KAAK0B,QAC1B,OAAOR,C,CAKT,SAAAF,GACE,MAAMN,EAAS,CACb,CAAEiB,KAAM,iCAAkCC,MAAO,GAAG5B,KAAK6B,aAAe,QAAU,GAAG7B,KAAK8B,aAAe,uBACzG,CAAEH,KAAM,+BAAgCC,MAAO,GAAG5B,KAAK6B,aAAe,QAAU,GAAG7B,KAAK8B,gBAAkB,GAAG9B,KAAK8B,kBAClH,CAAEH,KAAM,6BAA8BC,MAAO,GAAG5B,KAAK6B,aAAe,QAAU,GAAG7B,KAAK8B,cAAgB,GAAG9B,KAAK8B,mBAC9G,CAAEH,KAAM,iBAAkBC,MAAO,iBAGnClB,EAAOqB,SAAQD,GAAS9B,KAAKO,OAAOuB,EAAMH,MAAQzB,OAAOC,QAAQC,MAAMM,OAAOC,SAASmB,EAAMF,SAC7F5B,KAAKO,OAAMyB,OAAAC,OAAA,GAAQjC,KAAKO,O,CAG1B,OAAA2B,GACE,IAAKlC,KAAKmC,SAAU,MAAO,GAC3B,MAAMC,EAAWpC,KAAKoB,OAAS,QAAU,GAAK,GAE9C,OAAOiB,EAAA,aAAWV,KAAM3B,KAAKmC,SAAUG,QAAStC,KAAKsC,QAASlB,KAAMgB,EAAUN,MAAO9B,KAAKuC,kB,CAI5F,gBAAAC,GACE,GAAIxC,KAAKwB,SAAU,OACnBxB,KAAKyC,QAAU,I,CAGjB,gBAAAC,GACE1C,KAAKyC,QAAU,K,CAKjB,cAAAF,GACE,GAAIvC,KAAKwB,SAAU,MAAO,eAC1B,OAAOxB,KAAK2C,YAAc,QAAU,oBAAsB,GAAG3C,KAAK8B,c,CAGpE,WAAAc,CAAYC,GACV,GAAI7C,KAAKwB,UAAYxB,KAAKyB,UAAW,CACnCoB,EAAEC,iBACF,M,CAEF,IAAK9C,KAAK+C,KAAM,CACd,GAAI/C,KAAKgD,OAAS,UAAYhD,KAAKiD,UAAUC,KAAMlD,KAAKiD,UAAUC,KAAKC,SACvE,GAAInD,KAAKgD,OAAS,SAAWhD,KAAKiD,UAAUC,KAAMlD,KAAKiD,UAAUC,KAAKE,O,EAI1E,MAAAC,GACE,MAAMC,EAActD,KAAKuC,iBACzB,MAAMgB,EAAYC,EAAWxD,KAAKoB,OAASoC,EAAW,WACtD,OACEnB,EAACoB,EAAI,CAAAC,IAAA,4CACF1D,KAAK+C,KACJV,EAAA,KAAGU,KAAM/C,KAAKwB,SAAW,GAAKxB,KAAK+C,KACjCY,OAAQ3D,KAAK2D,OACbC,MAAO5D,KAAKiB,aACZ4C,MAAO7D,KAAKO,OACZuD,QAAUjB,GAAM7C,KAAK4C,YAAYC,GACjCkB,aAAc,IAAM/D,KAAKwC,mBACzBwB,aAAc,IAAMhE,KAAK0C,oBACzBL,EAAA,QAAMuB,MAAM,oBACT5D,KAAKkC,UACNG,EAAA,cAAYjB,KAAMmC,EAAWU,WAAW,SAASnC,MAAOwB,GAAajB,EAAA,eAEvEA,EAAA,sBAAoBjB,KAAMpB,KAAKoB,KAAMU,MAAOwB,KAG9CjB,EAAA,UAAQuB,MAAO5D,KAAKiB,aAClB4C,MAAO7D,KAAKO,OACZiB,SAAUxB,KAAKwB,UAAY,KAC3BsC,QAAUjB,GAAM7C,KAAK4C,YAAYC,GACjCkB,aAAc,IAAM/D,KAAKwC,mBACzBwB,aAAc,IAAMhE,KAAK0C,mBACzBM,KAAMhD,KAAKgD,MACXX,EAAA,QAAMuB,MAAM,oBACT5D,KAAKkC,UACNG,EAAA,cAAYjB,KAAMmC,EAAWU,WAAW,SAASnC,MAAOwB,GAAajB,EAAA,eAEvEA,EAAA,sBAAoBjB,KAAMpB,KAAKoB,KAAMU,MAAOwB,K","ignoreList":[]}

package/dist/cura/p-18af52e4.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as s,H as i,g as a}from"./p-af3ac476.js";import{i as n,a as h}from"./p-272c784a.js";const r=":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--cura-spacing-base) * 3px);margin-top:-8px;border-radius:0px 0px 4px 4px;border-top:0px;border-right:2px solid #D4D4D4;border-bottom:2px solid #D4D4D4;border-left:2px solid #D4D4D4;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;top:100%;z-index:10;display:none;opacity:0;pointer-events:none}.container .calendar.visible{box-sizing:border-box;display:block;opacity:1;pointer-events:auto;width:100%;background-color:#fff}";const o=r;const d=class{constructor(s){t(this,s);this.dateChange=e(this,"dateChange",7);this.statusInputChange=e(this,"statusInputChange",7);this.label="";this.status="default";this.size="medium";this.name="";this.helperText=undefined;this.enableRangeDates=undefined;this.disableFutureDates=undefined;this.disablePassDates=undefined;this.iconName="";this.placeholder=null;this.styles={};this.isCalendarVisible=false;this.dates=[];this.value="";this.dateSettings={placeholder:null,mask:"date",mode:"single"}}connectedCallback(){const{fonts:t,colors:e,spacing:s}=window.CuraAPI.theme;const i=t.getWeights();this.styles={"--base-spacing":s.getSpacing(),"--neutral-purewhite":e.getColor("neutral-purewhite"),"--neutral-lighter":e.getColor("neutral-lighter"),"--neutral-base":e.getColor("neutral-base"),"--font-size":t.getSize(),"--font-color":t.getColor(),"--font-family":t.getFamily(),"--font-weight-regular":i.regular}}componentWillLoad(){this.updateDateSettings()}formAssociatedCallback(t){t.ariaLabel=this.label}updateDateSettings(){const t=this.getDateSettings(this.enableRangeDates);if(this.shouldUpdateDateSettings(t)){this.dateSettings=t}}getDateSettings(t){return{placeholder:this.placeholder||(t?"dd/mm/aaaa - dd/mm/aaaa":"dd/mm/aaaa"),mask:t?"dateRange":"date",mode:t?"range":"single"}}shouldUpdateDateSettings(t){return this.dateSettings.placeholder!==t.placeholder||this.dateSettings.mask!==t.mask||this.dateSettings.mode!==t.mode}handleClick(t){if(this.el.contains(t.target)){return}this.hideCalendar()}hideCalendar(){this.isCalendarVisible=false}showCalendar(){this.isCalendarVisible=true}handleInputDates(t){const e=t.target.value;const s=/^(\d{2}\/\d{2}\/\d{4})\s*-\s*(\d{2}\/\d{2}\/\d{4})$/;const i=/^(\d{2}\/\d{2}\/\d{4})$/;if(s.test(e)){const t=e.match(s);const i=this.parseStringToDate(t[1]);const a=this.parseStringToDate(t[2]);if(this.isDateValid(i)&&this.isDateValid(a)){this.status="default";this.dates=[i,a];this.value=`${this.parseDateToString(i)} - ${this.parseDateToString(a)}`;this.dateChange.emit(this.value)}else{this.resetDates()}}else if(i.test(e)){const t=e.match(i);const s=this.parseStringToDate(t[1]);if(this.isDateValid(s)){this.status="default";this.dates=[s];this.value=this.parseDateToString(s);this.dateChange.emit(this.value)}else{this.resetDates()}}else{this.dates=[]}}handleChangeDates(t){if(t.detail===""){this.dates=[];this.status="default";this.value="";this.dateChange.emit(this.value);this.statusInputChange.emit(this.status)}}isDateValid(t){const e=new Date;e.setHours(0,0,0,0);if(this.disablePassDates)return!n(t,e);if(this.disableFutureDates)return!h(t,e);return true}parseStringToDate(t){const[e,s,i]=t.split("/").map(Number);return new Date(i,s-1,e)}parseDateToString(t){const e=String(t.getDate()).padStart(2,"0");const s=String(t.getMonth()+1).padStart(2,"0");const i=t.getFullYear();return`${e}/${s}/${i}`}resetDates(){this.status="error";this.dates=[];this.statusInputChange.emit(this.status)}renderCalendarOrHelperText(){if(this.isCalendarVisible){return s("div",{class:"calendar visible"},s("cura-calendar",{customDates:this.dates,mode:this.dateSettings.mode,width:"100%",maxWidth:"400px",embedded:false,floating:false,disableFutureDates:this.disableFutureDates,disablePassDates:this.disablePassDates,onOnchangeday:t=>{const e=t.detail.days;if(e.length===1){this.value=this.parseDateToString(e[0])}else if(e.length>0){this.value=`${this.parseDateToString(e[0])} - ${this.parseDateToString(e[e.length-1])}`}else{this.value=""}this.dateChange.emit(this.value)}}))}else{return this.helperText}}render(){return s(i,{key:"6561926408fe00e541e6e7932a448f5a46cb5909"},s("div",{key:"23e9db15f773d76e01c1dd0d7b71d6765a9a6c26",class:"container",style:this.styles},s("cura-input-text",{key:"040e257cfaf01fbf0bd087d3abf0d159e7d1ac7a",label:this.label,name:this.name,status:this.status,value:this.value,onFocus:()=>this.showCalendar(),size:this.size,"icon-name":this.iconName,placeholder:this.dateSettings.placeholder,"mask-preset":this.dateSettings.mask,"enable-selection-mode":true,onKeyUp:t=>this.handleInputDates(t),autocomplete:"off",onValueChange:t=>this.handleChangeDates(t)},this.renderCalendarOrHelperText())))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{enableRangeDates:["updateDateSettings"]}}};d.style=o;export{d as cura_input_date};
+//# sourceMappingURL=p-18af52e4.entry.js.map

package/dist/cura/{p-4aefe237.entry.js.map → p-18af52e4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaInputDateCss","CuraInputDateStyle0","CuraInputDate","placeholder","mask","mode","connectedCallback","fonts","colors","spacing","window","CuraAPI","theme","weights","getWeights","this","styles","getSpacing","getColor","getSize","getFamily","regular","componentWillLoad","updateDateSettings","formAssociatedCallback","form","ariaLabel","label","newSettings","getDateSettings","enableRangeDates","shouldUpdateDateSettings","dateSettings","isRange","handleClick","ev","el","contains","target","hideCalendar","isCalendarVisible","showCalendar","handleInputDates","event","inputValue","value","dateRangeRegex","simpleDateRegex","test","matches","match","startDate","parseStringToDate","endDate","isDateValid","status","dates","parseDateToString","dateChange","emit","resetDates","singleDate","handleChangeDates","detail","statusInputChange","date","today","Date","setHours","disablePassDates","isBefore","disableFutureDates","isAfter","dateString","day","month","year","split","map","Number","String","getDate","padStart","getMonth","getFullYear","renderCalendarOrHelperText","h","class","customDates","width","maxWidth","embedded","floating","onOnchangeday","e","days","length","helperText","render","Host","key","style","name","onFocus","size","iconName","onKeyUp","autocomplete","onValueChange"],"sources":["src/components/forms/cura-input-date/cura-input-date.scss?tag=cura-input-date&encapsulation=shadow","src/components/forms/cura-input-date/cura-input-date.tsx"],"sourcesContent":["@import '../../../../src/scss/mixins/shadows.scss';\n@import '../../../../src/scss/mixins/spacing.scss';\n\n:host {\n  display: block;\n}\n\n.container{\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  .calendar{\n    padding: #{$spacing-none} #{$spacing-xxxs};\n    margin-top: -8px;\n    border-radius: 0px 0px 4px 4px;\n    border-top: 0px;\n    border-right: 2px solid #D4D4D4;\n    border-bottom:2px solid #D4D4D4;\n    border-left: 2px solid #D4D4D4;\n    @include shadow-level3(--neutral-black-shadow);\n    position: absolute;\n    top: 100%; \n    z-index: 10; \n    display: none; \n    opacity: 0;\n    pointer-events: none; \n  }\n\n  .calendar.visible {\n    box-sizing: border-box;\n    display: block;\n    opacity: 1;\n    pointer-events: auto; \n    width: 100%;\n    background-color: #fff;\n  }\n}\n","import { Component, Element, Host, Listen, Prop, State, Watch, h, Event, EventEmitter } from '@stencil/core';\nimport { CuraInputTextCustomEvent } from '../../../components';\nimport { isAfter, isBefore } from 'date-fns';\n\n@Component({\n  tag: 'cura-input-date',\n  styleUrl: 'cura-input-date.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraInputDate {\n  @Element() el: HTMLElement;\n\n  /**\n   * Label text for the input date\n   */\n  @Prop({ reflect: true }) label?: string = '';\n\n  /**\n   * Indicates input status (default: default)\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n\n  /**\n   * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Name text for the input date\n   */\n  @Prop({ reflect: true }) name?: string = '';\n\n  /**\n   * Helper text displayed below the input\n   */\n  @Prop({ reflect: true }) helperText?: string;\n\n  /**\n   * Enables the date range selection mode, allowing users to select a period of dates\n   */\n  @Prop({ reflect: true }) enableRangeDates: boolean;\n\n  /**\n   * Controls whether future dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true }) disableFutureDates: boolean;\n\n  /**\n   * Controls whether past dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true }) disablePassDates: boolean;\n\n  /**\n   * Whether to display a cura icon (default: null)\n   */\n  @Prop({ reflect: true }) iconName?: string = '';\n\n  /**\n   * Placeholder text for the input\n   */\n  @Prop({ reflect: true }) placeholder?: string | null = null;\n\n  /**\n   * Emitted when the value of the input changes\n   * @type {EventEmitter<string>}\n   */\n  @Event() dateChange: EventEmitter<string>;\n\n  /**\n   * Emitted when the value of the status changes\n   * @type {EventEmitter<string>}\n   */\n  @Event() statusInputChange: EventEmitter<string>;\n\n  @State() styles = {};\n\n  @State() isCalendarVisible: boolean = false;\n\n  @State() dates: Date[] = [];\n\n  @State() value?: string = '';\n\n  @State() dateSettings = {\n    placeholder: null,\n    mask: 'date',\n    mode: 'single',\n  };\n\n  connectedCallback() {\n    const { fonts, colors, spacing } = window.CuraAPI.theme;\n    const weights = fonts.getWeights();\n\n    this.styles = {\n      '--base-spacing': spacing.getSpacing(),\n      '--neutral-purewhite': colors.getColor('neutral-purewhite'),\n      '--neutral-lighter': colors.getColor('neutral-lighter'),\n      '--neutral-base': colors.getColor('neutral-base'),\n      '--font-size': fonts.getSize(),\n      '--font-color': fonts.getColor(),\n      '--font-family': fonts.getFamily(),\n      '--font-weight-regular': weights.regular,\n    };\n  }\n\n  componentWillLoad() {\n    this.updateDateSettings();\n  }\n\n  /**\n   * Callback for form association\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  @Watch('enableRangeDates')\n  updateDateSettings() {\n    const newSettings = this.getDateSettings(this.enableRangeDates);\n\n    if (this.shouldUpdateDateSettings(newSettings)) {\n      this.dateSettings = newSettings;\n    }\n  }\n\n  getDateSettings(isRange: boolean) {\n    return {\n      placeholder: this.placeholder || (isRange ? 'dd/mm/aaaa - dd/mm/aaaa' : 'dd/mm/aaaa'),\n      mask: isRange ? 'dateRange' : 'date',\n      mode: isRange ? 'range' : 'single',\n    };\n  }\n\n  shouldUpdateDateSettings(newSettings: any) {\n    return this.dateSettings.placeholder !== newSettings.placeholder || this.dateSettings.mask !== newSettings.mask || this.dateSettings.mode !== newSettings.mode;\n  }\n\n  @Listen('click', { target: 'window' })\n  handleClick(ev: { target: Node }) {\n    if (this.el.contains(ev.target)) {\n      return;\n    }\n    this.hideCalendar();\n  }\n\n  hideCalendar() {\n    this.isCalendarVisible = false;\n  }\n\n  showCalendar() {\n    this.isCalendarVisible = true;\n  }\n\n  handleInputDates(event: any) {\n    const inputValue = event.target.value;\n\n    const dateRangeRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})\\s*-\\s*(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n    const simpleDateRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n\n    if (dateRangeRegex.test(inputValue)) {\n      const matches = inputValue.match(dateRangeRegex);\n      const startDate = this.parseStringToDate(matches[1]);\n      const endDate = this.parseStringToDate(matches[2]);\n      if (this.isDateValid(startDate) && this.isDateValid(endDate)) {\n        this.status = 'default';\n        this.dates = [startDate, endDate];\n        this.value = `${this.parseDateToString(startDate)} - ${this.parseDateToString(endDate)}`;\n        this.dateChange.emit(this.value);\n      } else {\n        this.resetDates();\n      }\n    } else if (simpleDateRegex.test(inputValue)) {\n      const matches = inputValue.match(simpleDateRegex);\n      const singleDate = this.parseStringToDate(matches[1]);\n      if (this.isDateValid(singleDate)) {\n        this.status = 'default';\n        this.dates = [singleDate];\n        this.value = this.parseDateToString(singleDate);\n        this.dateChange.emit(this.value);\n      } else {\n        this.resetDates();\n      }\n    } else {\n      this.dates = [];\n    }\n  }\n\n  handleChangeDates(event: CuraInputTextCustomEvent<string | number>) {\n    if (event.detail === '') {\n      this.dates = [];\n      this.status = 'default';\n      this.value = '';\n      this.dateChange.emit(this.value);\n      this.statusInputChange.emit(this.status);\n    }\n  }\n\n  isDateValid(date: Date) {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n\n    if (this.disablePassDates) return !isBefore(date, today);\n    if (this.disableFutureDates) return !isAfter(date, today);\n    return true;\n  }\n\n  parseStringToDate(dateString: string): Date {\n    const [day, month, year] = dateString.split('/').map(Number);\n    return new Date(year, month - 1, day);\n  }\n\n  parseDateToString(date: Date): string {\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = date.getFullYear();\n\n    return `${day}/${month}/${year}`;\n  }\n\n  resetDates() {\n    this.status = 'error';\n    this.dates = [];\n    this.statusInputChange.emit(this.status);\n  }\n\n  renderCalendarOrHelperText() {\n    if (this.isCalendarVisible) {\n      return (\n        <div class=\"calendar visible\">\n          <cura-calendar\n            customDates={this.dates}\n            mode={this.dateSettings.mode as 'single' | 'range'}\n            width=\"100%\"\n            maxWidth=\"400px\"\n            embedded={false}\n            floating={false}\n            disableFutureDates={this.disableFutureDates}\n            disablePassDates={this.disablePassDates}\n            onOnchangeday={e => {\n              const days = e.detail.days;\n              if (days.length === 1) {\n                this.value = this.parseDateToString(days[0]);\n              } else if (days.length > 0) {\n                this.value = `${this.parseDateToString(days[0])} - ${this.parseDateToString(days[days.length - 1])}`;\n              } else {\n                this.value = '';\n              }\n              this.dateChange.emit(this.value);\n            }}\n          />\n        </div>\n      );\n    } else {\n      return this.helperText;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-input-text\n            label={this.label}\n            name={this.name}\n            status={this.status}\n            value={this.value}\n            onFocus={() => this.showCalendar()}\n            size={this.size}\n            icon-name={this.iconName}\n            placeholder={this.dateSettings.placeholder}\n            mask-preset={this.dateSettings.mask}\n            enable-selection-mode={true}\n            onKeyUp={event => this.handleInputDates(event)}\n            autocomplete=\"off\"\n            onValueChange={event => this.handleChangeDates(event)}\n          >\n            {this.renderCalendarOrHelperText()}\n          </cura-input-text>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAmB,klBACzB,MAAAC,EAAeD,E,MCSFE,EAAa,M,gIAMkB,G,YAKwC,U,UAKpB,S,UAKrB,G,0IAyBI,G,iBAKU,K,YAcrC,G,uBAEoB,M,WAEb,G,WAEC,G,kBAEF,CACtBC,YAAa,KACbC,KAAM,OACNC,KAAM,S,CAGR,iBAAAC,GACE,MAAMC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,OAAOC,QAAQC,MAClD,MAAMC,EAAUN,EAAMO,aAEtBC,KAAKC,OAAS,CACZ,iBAAkBP,EAAQQ,aAC1B,sBAAuBT,EAAOU,SAAS,qBACvC,oBAAqBV,EAAOU,SAAS,mBACrC,iBAAkBV,EAAOU,SAAS,gBAClC,cAAeX,EAAMY,UACrB,eAAgBZ,EAAMW,WACtB,gBAAiBX,EAAMa,YACvB,wBAAyBP,EAAQQ,Q,CAIrC,iBAAAC,GACEP,KAAKQ,oB,CAMP,sBAAAC,CAAuBC,GACrBA,EAAKC,UAAYX,KAAKY,K,CAIxB,kBAAAJ,GACE,MAAMK,EAAcb,KAAKc,gBAAgBd,KAAKe,kBAE9C,GAAIf,KAAKgB,yBAAyBH,GAAc,CAC9Cb,KAAKiB,aAAeJ,C,EAIxB,eAAAC,CAAgBI,GACd,MAAO,CACL9B,YAAaY,KAAKZ,cAAgB8B,EAAU,0BAA4B,cACxE7B,KAAM6B,EAAU,YAAc,OAC9B5B,KAAM4B,EAAU,QAAU,S,CAI9B,wBAAAF,CAAyBH,GACvB,OAAOb,KAAKiB,aAAa7B,cAAgByB,EAAYzB,aAAeY,KAAKiB,aAAa5B,OAASwB,EAAYxB,MAAQW,KAAKiB,aAAa3B,OAASuB,EAAYvB,I,CAI5J,WAAA6B,CAAYC,GACV,GAAIpB,KAAKqB,GAAGC,SAASF,EAAGG,QAAS,CAC/B,M,CAEFvB,KAAKwB,c,CAGP,YAAAA,GACExB,KAAKyB,kBAAoB,K,CAG3B,YAAAC,GACE1B,KAAKyB,kBAAoB,I,CAG3B,gBAAAE,CAAiBC,GACf,MAAMC,EAAaD,EAAML,OAAOO,MAEhC,MAAMC,EAAiB,sDACvB,MAAMC,EAAkB,0BAExB,GAAID,EAAeE,KAAKJ,GAAa,CACnC,MAAMK,EAAUL,EAAWM,MAAMJ,GACjC,MAAMK,EAAYpC,KAAKqC,kBAAkBH,EAAQ,IACjD,MAAMI,EAAUtC,KAAKqC,kBAAkBH,EAAQ,IAC/C,GAAIlC,KAAKuC,YAAYH,IAAcpC,KAAKuC,YAAYD,GAAU,CAC5DtC,KAAKwC,OAAS,UACdxC,KAAKyC,MAAQ,CAACL,EAAWE,GACzBtC,KAAK8B,MAAQ,GAAG9B,KAAK0C,kBAAkBN,QAAgBpC,KAAK0C,kBAAkBJ,KAC9EtC,KAAK2C,WAAWC,KAAK5C,KAAK8B,M,KACrB,CACL9B,KAAK6C,Y,OAEF,GAAIb,EAAgBC,KAAKJ,GAAa,CAC3C,MAAMK,EAAUL,EAAWM,MAAMH,GACjC,MAAMc,EAAa9C,KAAKqC,kBAAkBH,EAAQ,IAClD,GAAIlC,KAAKuC,YAAYO,GAAa,CAChC9C,KAAKwC,OAAS,UACdxC,KAAKyC,MAAQ,CAACK,GACd9C,KAAK8B,MAAQ9B,KAAK0C,kBAAkBI,GACpC9C,KAAK2C,WAAWC,KAAK5C,KAAK8B,M,KACrB,CACL9B,KAAK6C,Y,MAEF,CACL7C,KAAKyC,MAAQ,E,EAIjB,iBAAAM,CAAkBnB,GAChB,GAAIA,EAAMoB,SAAW,GAAI,CACvBhD,KAAKyC,MAAQ,GACbzC,KAAKwC,OAAS,UACdxC,KAAK8B,MAAQ,GACb9B,KAAK2C,WAAWC,KAAK5C,KAAK8B,OAC1B9B,KAAKiD,kBAAkBL,KAAK5C,KAAKwC,O,EAIrC,WAAAD,CAAYW,GACV,MAAMC,EAAQ,IAAIC,KAClBD,EAAME,SAAS,EAAG,EAAG,EAAG,GAExB,GAAIrD,KAAKsD,iBAAkB,OAAQC,EAASL,EAAMC,GAClD,GAAInD,KAAKwD,mBAAoB,OAAQC,EAAQP,EAAMC,GACnD,OAAO,I,CAGT,iBAAAd,CAAkBqB,GAChB,MAAOC,EAAKC,EAAOC,GAAQH,EAAWI,MAAM,KAAKC,IAAIC,QACrD,OAAO,IAAIZ,KAAKS,EAAMD,EAAQ,EAAGD,E,CAGnC,iBAAAjB,CAAkBQ,GAChB,MAAMS,EAAMM,OAAOf,EAAKgB,WAAWC,SAAS,EAAG,KAC/C,MAAMP,EAAQK,OAAOf,EAAKkB,WAAa,GAAGD,SAAS,EAAG,KACtD,MAAMN,EAAOX,EAAKmB,cAElB,MAAO,GAAGV,KAAOC,KAASC,G,CAG5B,UAAAhB,GACE7C,KAAKwC,OAAS,QACdxC,KAAKyC,MAAQ,GACbzC,KAAKiD,kBAAkBL,KAAK5C,KAAKwC,O,CAGnC,0BAAA8B,GACE,GAAItE,KAAKyB,kBAAmB,CAC1B,OACE8C,EAAA,OAAKC,MAAM,oBACTD,EAAA,iBACEE,YAAazE,KAAKyC,MAClBnD,KAAMU,KAAKiB,aAAa3B,KACxBoF,MAAM,OACNC,SAAS,QACTC,SAAU,MACVC,SAAU,MACVrB,mBAAoBxD,KAAKwD,mBACzBF,iBAAkBtD,KAAKsD,iBACvBwB,cAAeC,IACb,MAAMC,EAAOD,EAAE/B,OAAOgC,KACtB,GAAIA,EAAKC,SAAW,EAAG,CACrBjF,KAAK8B,MAAQ9B,KAAK0C,kBAAkBsC,EAAK,G,MACpC,GAAIA,EAAKC,OAAS,EAAG,CAC1BjF,KAAK8B,MAAQ,GAAG9B,KAAK0C,kBAAkBsC,EAAK,SAAShF,KAAK0C,kBAAkBsC,EAAKA,EAAKC,OAAS,K,KAC1F,CACLjF,KAAK8B,MAAQ,E,CAEf9B,KAAK2C,WAAWC,KAAK5C,KAAK8B,MAAM,I,KAKnC,CACL,OAAO9B,KAAKkF,U,EAIhB,MAAAC,GACE,OACEZ,EAACa,EAAI,CAAAC,IAAA,4CACHd,EAAA,OAAAc,IAAA,2CAAKb,MAAM,YAAYc,MAAOtF,KAAKC,QACjCsE,EAAA,mBAAAc,IAAA,2CACEzE,MAAOZ,KAAKY,MACZ2E,KAAMvF,KAAKuF,KACX/C,OAAQxC,KAAKwC,OACbV,MAAO9B,KAAK8B,MACZ0D,QAAS,IAAMxF,KAAK0B,eACpB+D,KAAMzF,KAAKyF,KAAI,YACJzF,KAAK0F,SAChBtG,YAAaY,KAAKiB,aAAa7B,YAAW,cAC7BY,KAAKiB,aAAa5B,KAAI,wBACZ,KACvBsG,QAAS/D,GAAS5B,KAAK2B,iBAAiBC,GACxCgE,aAAa,MACbC,cAAejE,GAAS5B,KAAK+C,kBAAkBnB,IAE9C5B,KAAKsE,+B","ignoreList":[]}
+{"version":3,"names":["curaInputDateCss","CuraInputDateStyle0","CuraInputDate","placeholder","mask","mode","connectedCallback","fonts","colors","spacing","window","CuraAPI","theme","weights","getWeights","this","styles","getSpacing","getColor","getSize","getFamily","regular","componentWillLoad","updateDateSettings","formAssociatedCallback","form","ariaLabel","label","newSettings","getDateSettings","enableRangeDates","shouldUpdateDateSettings","dateSettings","isRange","handleClick","ev","el","contains","target","hideCalendar","isCalendarVisible","showCalendar","handleInputDates","event","inputValue","value","dateRangeRegex","simpleDateRegex","test","matches","match","startDate","parseStringToDate","endDate","isDateValid","status","dates","parseDateToString","dateChange","emit","resetDates","singleDate","handleChangeDates","detail","statusInputChange","date","today","Date","setHours","disablePassDates","isBefore","disableFutureDates","isAfter","dateString","day","month","year","split","map","Number","String","getDate","padStart","getMonth","getFullYear","renderCalendarOrHelperText","h","class","customDates","width","maxWidth","embedded","floating","onOnchangeday","e","days","length","helperText","render","Host","key","style","name","onFocus","size","iconName","onKeyUp","autocomplete","onValueChange"],"sources":["src/components/forms/cura-input-date/cura-input-date.scss?tag=cura-input-date&encapsulation=shadow","src/components/forms/cura-input-date/cura-input-date.tsx"],"sourcesContent":["@import '../../../../src/scss/mixins/shadows.scss';\n@import '../../../../src/scss/mixins/spacing.scss';\n\n:host {\n  display: block;\n}\n\n.container{\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  .calendar{\n    padding: #{$spacing-none} #{$spacing-xxxs};\n    margin-top: -8px;\n    border-radius: 0px 0px 4px 4px;\n    border-top: 0px;\n    border-right: 2px solid #D4D4D4;\n    border-bottom:2px solid #D4D4D4;\n    border-left: 2px solid #D4D4D4;\n    @include shadow-level3(--neutral-black-shadow);\n    position: absolute;\n    top: 100%; \n    z-index: 10; \n    display: none; \n    opacity: 0;\n    pointer-events: none; \n  }\n\n  .calendar.visible {\n    box-sizing: border-box;\n    display: block;\n    opacity: 1;\n    pointer-events: auto; \n    width: 100%;\n    background-color: #fff;\n  }\n}\n","import { Component, Element, Host, Listen, Prop, State, Watch, h, Event, EventEmitter } from '@stencil/core';\nimport { CuraInputTextCustomEvent } from '../../../components';\nimport { isAfter, isBefore } from 'date-fns';\n\n@Component({\n  tag: 'cura-input-date',\n  styleUrl: 'cura-input-date.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraInputDate {\n  @Element() el: HTMLElement;\n\n  /**\n   * Label text for the input date\n   */\n  @Prop({ reflect: true }) label?: string = '';\n\n  /**\n   * Indicates input status (default: default)\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n\n  /**\n   * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Name text for the input date\n   */\n  @Prop({ reflect: true }) name?: string = '';\n\n  /**\n   * Helper text displayed below the input\n   */\n  @Prop({ reflect: true }) helperText?: string;\n\n  /**\n   * Enables the date range selection mode, allowing users to select a period of dates\n   */\n  @Prop({ reflect: true }) enableRangeDates: boolean;\n\n  /**\n   * Controls whether future dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true }) disableFutureDates: boolean;\n\n  /**\n   * Controls whether past dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true }) disablePassDates: boolean;\n\n  /**\n   * Whether to display a cura icon (default: null)\n   */\n  @Prop({ reflect: true }) iconName?: string = '';\n\n  /**\n   * Placeholder text for the input\n   */\n  @Prop({ reflect: true }) placeholder?: string | null = null;\n\n  /**\n   * Emitted when the value of the input changes\n   * @type {EventEmitter<string>}\n   */\n  @Event() dateChange: EventEmitter<string>;\n\n  /**\n   * Emitted when the value of the status changes\n   * @type {EventEmitter<string>}\n   */\n  @Event() statusInputChange: EventEmitter<string>;\n\n  @State() styles = {};\n\n  @State() isCalendarVisible: boolean = false;\n\n  @State() dates: Date[] = [];\n\n  @State() value?: string = '';\n\n  @State() dateSettings = {\n    placeholder: null,\n    mask: 'date',\n    mode: 'single',\n  };\n\n  connectedCallback() {\n    const { fonts, colors, spacing } = window.CuraAPI.theme;\n    const weights = fonts.getWeights();\n\n    this.styles = {\n      '--base-spacing': spacing.getSpacing(),\n      '--neutral-purewhite': colors.getColor('neutral-purewhite'),\n      '--neutral-lighter': colors.getColor('neutral-lighter'),\n      '--neutral-base': colors.getColor('neutral-base'),\n      '--font-size': fonts.getSize(),\n      '--font-color': fonts.getColor(),\n      '--font-family': fonts.getFamily(),\n      '--font-weight-regular': weights.regular,\n    };\n  }\n\n  componentWillLoad() {\n    this.updateDateSettings();\n  }\n\n  /**\n   * Callback for form association\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  @Watch('enableRangeDates')\n  updateDateSettings() {\n    const newSettings = this.getDateSettings(this.enableRangeDates);\n\n    if (this.shouldUpdateDateSettings(newSettings)) {\n      this.dateSettings = newSettings;\n    }\n  }\n\n  getDateSettings(isRange: boolean) {\n    return {\n      placeholder: this.placeholder || (isRange ? 'dd/mm/aaaa - dd/mm/aaaa' : 'dd/mm/aaaa'),\n      mask: isRange ? 'dateRange' : 'date',\n      mode: isRange ? 'range' : 'single',\n    };\n  }\n\n  shouldUpdateDateSettings(newSettings: any) {\n    return this.dateSettings.placeholder !== newSettings.placeholder || this.dateSettings.mask !== newSettings.mask || this.dateSettings.mode !== newSettings.mode;\n  }\n\n  @Listen('click', { target: 'window' })\n  handleClick(ev: { target: Node }) {\n    if (this.el.contains(ev.target)) {\n      return;\n    }\n    this.hideCalendar();\n  }\n\n  hideCalendar() {\n    this.isCalendarVisible = false;\n  }\n\n  showCalendar() {\n    this.isCalendarVisible = true;\n  }\n\n  handleInputDates(event: any) {\n    const inputValue = event.target.value;\n\n    const dateRangeRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})\\s*-\\s*(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n    const simpleDateRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n\n    if (dateRangeRegex.test(inputValue)) {\n      const matches = inputValue.match(dateRangeRegex);\n      const startDate = this.parseStringToDate(matches[1]);\n      const endDate = this.parseStringToDate(matches[2]);\n      if (this.isDateValid(startDate) && this.isDateValid(endDate)) {\n        this.status = 'default';\n        this.dates = [startDate, endDate];\n        this.value = `${this.parseDateToString(startDate)} - ${this.parseDateToString(endDate)}`;\n        this.dateChange.emit(this.value);\n      } else {\n        this.resetDates();\n      }\n    } else if (simpleDateRegex.test(inputValue)) {\n      const matches = inputValue.match(simpleDateRegex);\n      const singleDate = this.parseStringToDate(matches[1]);\n      if (this.isDateValid(singleDate)) {\n        this.status = 'default';\n        this.dates = [singleDate];\n        this.value = this.parseDateToString(singleDate);\n        this.dateChange.emit(this.value);\n      } else {\n        this.resetDates();\n      }\n    } else {\n      this.dates = [];\n    }\n  }\n\n  handleChangeDates(event: CuraInputTextCustomEvent<string | number>) {\n    if (event.detail === '') {\n      this.dates = [];\n      this.status = 'default';\n      this.value = '';\n      this.dateChange.emit(this.value);\n      this.statusInputChange.emit(this.status);\n    }\n  }\n\n  isDateValid(date: Date) {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n\n    if (this.disablePassDates) return !isBefore(date, today);\n    if (this.disableFutureDates) return !isAfter(date, today);\n    return true;\n  }\n\n  parseStringToDate(dateString: string): Date {\n    const [day, month, year] = dateString.split('/').map(Number);\n    return new Date(year, month - 1, day);\n  }\n\n  parseDateToString(date: Date): string {\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = date.getFullYear();\n\n    return `${day}/${month}/${year}`;\n  }\n\n  resetDates() {\n    this.status = 'error';\n    this.dates = [];\n    this.statusInputChange.emit(this.status);\n  }\n\n  renderCalendarOrHelperText() {\n    if (this.isCalendarVisible) {\n      return (\n        <div class=\"calendar visible\">\n          <cura-calendar\n            customDates={this.dates}\n            mode={this.dateSettings.mode as 'single' | 'range'}\n            width=\"100%\"\n            maxWidth=\"400px\"\n            embedded={false}\n            floating={false}\n            disableFutureDates={this.disableFutureDates}\n            disablePassDates={this.disablePassDates}\n            onOnchangeday={e => {\n              const days = e.detail.days;\n              if (days.length === 1) {\n                this.value = this.parseDateToString(days[0]);\n              } else if (days.length > 0) {\n                this.value = `${this.parseDateToString(days[0])} - ${this.parseDateToString(days[days.length - 1])}`;\n              } else {\n                this.value = '';\n              }\n              this.dateChange.emit(this.value);\n            }}\n          />\n        </div>\n      );\n    } else {\n      return this.helperText;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-input-text\n            label={this.label}\n            name={this.name}\n            status={this.status}\n            value={this.value}\n            onFocus={() => this.showCalendar()}\n            size={this.size}\n            icon-name={this.iconName}\n            placeholder={this.dateSettings.placeholder}\n            mask-preset={this.dateSettings.mask}\n            enable-selection-mode={true}\n            onKeyUp={event => this.handleInputDates(event)}\n            autocomplete=\"off\"\n            onValueChange={event => this.handleChangeDates(event)}\n          >\n            {this.renderCalendarOrHelperText()}\n          </cura-input-text>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-1b201271.js

@@ -0,0 +1,2 @@
+const m={color:{success:{100:"223,246,233",300:"148,225,181",500:"95,210,144",700:"49,115,77",900:"19,42,29"},info:{100:"207,226,255",300:"149,191,255",500:"110,168,255",700:"66,100,153",900:"37,56,85"},error:{100:"251,221,221",300:"242,143,143",500:"235,87,87",700:"157,58,58",900:"47,17,17"},warning:{100:"252,250,196",300:"248,244,137",500:"245,239,78",700:"108,106,32",900:"49,48,16"},neutral:{0:"255,255,255",100:"246,246,246",200:"233,233,233",300:"226,226,226",400:"212,212,212",500:"183,183,183",600:"146,146,146",700:"110,110,110",800:"74,74,74",900:"38,38,38"}},breakpoints:{xsmall:{min:0,max:480},small:{min:481,max:768},medium:{min:769,max:992},large:{min:993,max:1920},xlarge:{min:1921,max:4096}}};export{m as S};
+//# sourceMappingURL=p-1b201271.js.map

package/dist/cura/p-1b201271.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Static","color","success","info","error","warning","neutral","breakpoints","xsmall","min","max","small","medium","large","xlarge"],"sources":["src/api/theme-presets/static.ts"],"sourcesContent":["/**\n * Static\n */\nexport const Static = {\n  /* Colors */\n  color: {\n    success: {\n      '100': '223,246,233',\n      '300': '148,225,181',\n      '500': '95,210,144',\n      '700': '49,115,77',\n      '900': '19,42,29',\n    },\n    info: {\n      '100': '207,226,255',\n      '300': '149,191,255',\n      '500': '110,168,255',\n      '700': '66,100,153',\n      '900': '37,56,85',\n    },\n    error: {\n      '100': '251,221,221',\n      '300': '242,143,143',\n      '500': '235,87,87',\n      '700': '157,58,58',\n      '900': '47,17,17',\n    },\n    warning: {\n      '100': '252,250,196',\n      '300': '248,244,137',\n      '500': '245,239,78',\n      '700': '108,106,32',\n      '900': '49,48,16',\n    },\n    neutral: {\n      '0': '255,255,255',\n      '100': '246,246,246',\n      '200': '233,233,233',\n      '300': '226,226,226',\n      '400': '212,212,212',\n      '500': '183,183,183',\n      '600': '146,146,146',\n      '700': '110,110,110',\n      '800': '74,74,74',\n      '900': '38,38,38',\n    },\n  },\n  breakpoints: {\n    xsmall: {\n      min: 0,\n      max: 480\n    },\n    small: {\n      min: 481,\n      max: 768\n    },\n    medium: {\n      min: 769,\n      max: 992\n    },\n    large: {\n      min: 993,\n      max: 1920\n    },\n    xlarge: {\n      min: 1921,\n      max: 4096\n    }\n  }\n};\n"],"mappings":"MAGaA,EAAS,CAEpBC,MAAO,CACLC,QAAS,CACP,IAAO,cACP,IAAO,cACP,IAAO,aACP,IAAO,YACP,IAAO,YAETC,KAAM,CACJ,IAAO,cACP,IAAO,cACP,IAAO,cACP,IAAO,aACP,IAAO,YAETC,MAAO,CACL,IAAO,cACP,IAAO,cACP,IAAO,YACP,IAAO,YACP,IAAO,YAETC,QAAS,CACP,IAAO,cACP,IAAO,cACP,IAAO,aACP,IAAO,aACP,IAAO,YAETC,QAAS,CACP,EAAK,cACL,IAAO,cACP,IAAO,cACP,IAAO,cACP,IAAO,cACP,IAAO,cACP,IAAO,cACP,IAAO,cACP,IAAO,WACP,IAAO,aAGXC,YAAa,CACXC,OAAQ,CACNC,IAAK,EACLC,IAAK,KAEPC,MAAO,CACLF,IAAK,IACLC,IAAK,KAEPE,OAAQ,CACNH,IAAK,IACLC,IAAK,KAEPG,MAAO,CACLJ,IAAK,IACLC,IAAK,MAEPI,OAAQ,CACNL,IAAK,KACLC,IAAK,e","ignoreList":[]}

package/dist/cura/{p-3030774e.entry.js → p-24cd591e.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as r,H as t,g as e}from"./p-fd5ed6b0.js";const a=":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar span{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width 0.2s linear}";const o=a;const i=class{constructor(r){s(this,r);this.color="primary-base";this.progress=0;this.styles={}}handleChangeColor(){this.setColor()}handleProgress(){this.setProgress()}connectedCallback(){this.setColor();this.setProgress()}render(){return r(t,{key:"4dc7ef7b17bfb408fa7ff9a74509637bb9045353"},r("div",{key:"cd2654377f0b45c5b6fa6aa57940f5d81cfd0cce",id:"progress-bar",class:"progress-bar",style:this.styles},r("span",{key:"5d7b4a058162b840f167adb81843403f6c488c4e",class:"progress-bar-fill"})))}setColor(){this.styles=Object.assign(Object.assign({},this.styles),{"--neutral-base":window.CuraAPI.theme.colors.getColor(`neutral-base`,.2),"--color-base":window.CuraAPI.theme.colors.getColor(this.color)})}setProgress(){this.styles=Object.assign(Object.assign({},this.styles),{"--bar-width":`${this.progress}%`})}get host(){return e(this)}static get watchers(){return{color:["handleChangeColor"],progress:["handleProgress"]}}};i.style=o;export{i as cura_loader_bar};
-//# sourceMappingURL=p-3030774e.entry.js.map
+import{r as s,h as r,H as e,g as t}from"./p-af3ac476.js";const a=":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar span{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width 0.2s linear}";const o=a;const i=class{constructor(r){s(this,r);this.color="primary-base";this.progress=0;this.styles={}}handleChangeColor(){this.setColor()}handleProgress(){this.setProgress()}connectedCallback(){this.setColor();this.setProgress()}render(){return r(e,{key:"282ee3653b83cbf7e34920c62ee6a00d22add8d0"},r("div",{key:"2a5c70d038d6b362ac9d24e60de2ccb68221f7e3",id:"progress-bar",class:"progress-bar",style:this.styles},r("span",{key:"b10c55dda03fe7c92cf1aec1432a6338c04f2e3d",class:"progress-bar-fill"})))}setColor(){this.styles=Object.assign(Object.assign({},this.styles),{"--neutral-base":window.CuraAPI.theme.colors.getColor(`neutral-base`,.2),"--color-base":window.CuraAPI.theme.colors.getColor(this.color)})}setProgress(){this.styles=Object.assign(Object.assign({},this.styles),{"--bar-width":`${this.progress}%`})}get host(){return t(this)}static get watchers(){return{color:["handleChangeColor"],progress:["handleProgress"]}}};i.style=o;export{i as cura_loader_bar};
+//# sourceMappingURL=p-24cd591e.entry.js.map

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

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

package/dist/cura/p-500f1256.entry.js

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

package/dist/cura/{p-545e8e55.entry.js.map → p-500f1256.entry.js.map}

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

package/dist/cura/p-56ca01a1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as r,H as n}from"./p-af3ac476.js";import{r as a,t as i,_ as o,i as s,a as u}from"./p-272c784a.js";function d(t){if(t===null||t===true||t===false){return NaN}var e=Number(t);if(isNaN(e)){return e}return e<0?Math.ceil(e):Math.floor(e)}function l(t,e){a(2,arguments);var r=i(t);var n=d(e);if(isNaN(n)){return new Date(NaN)}if(!n){return r}r.setDate(r.getDate()+n);return r}function c(t,e){a(2,arguments);var r=i(t);var n=d(e);if(isNaN(n)){return new Date(NaN)}if(!n){return r}var o=r.getDate();var s=new Date(r.getTime());s.setMonth(r.getMonth()+n+1,0);var u=s.getDate();if(o>=u){return s}else{r.setFullYear(s.getFullYear(),s.getMonth(),o);return r}}function h(t,e){a(2,arguments);var r=i(t).getTime();var n=d(e);return new Date(r+n)}var v={};function f(){return v}function m(t,e){var r,n,o,s,u,l,c,h;a(1,arguments);var v=f();var m=d((r=(n=(o=(s=e===null||e===void 0?void 0:e.weekStartsOn)!==null&&s!==void 0?s:e===null||e===void 0?void 0:(u=e.locale)===null||u===void 0?void 0:(l=u.options)===null||l===void 0?void 0:l.weekStartsOn)!==null&&o!==void 0?o:v.weekStartsOn)!==null&&n!==void 0?n:(c=v.locale)===null||c===void 0?void 0:(h=c.options)===null||h===void 0?void 0:h.weekStartsOn)!==null&&r!==void 0?r:0);if(!(m>=0&&m<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}var w=i(t);var g=w.getDay();var b=(g<m?7:0)+g-m;w.setDate(w.getDate()-b);w.setHours(0,0,0,0);return w}function w(t){var e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));e.setUTCFullYear(t.getFullYear());return t.getTime()-e.getTime()}function g(t){a(1,arguments);var e=i(t);e.setHours(0,0,0,0);return e}function b(t,e){a(2,arguments);var r=d(e);var n=r*7;return l(t,n)}var p=6e4;var y=36e5;function x(t,e){a(2,arguments);var r=g(t);var n=g(e);return r.getTime()===n.getTime()}function M(t){a(1,arguments);return t instanceof Date||o(t)==="object"&&Object.prototype.toString.call(t)==="[object Date]"}function D(t){a(1,arguments);if(!M(t)&&typeof t!=="number"){return false}var e=i(t);return!isNaN(Number(e))}function k(t){a(1,arguments);var e=i(t);var r=e.getMonth();e.setFullYear(e.getFullYear(),r+1,0);e.setHours(23,59,59,999);return e}function P(t,e){var r;a(1,arguments);var n=t||{};var o=i(n.start);var s=i(n.end);var u=s.getTime();if(!(o.getTime()<=u)){throw new RangeError("Invalid interval")}var d=[];var l=o;l.setHours(0,0,0,0);var c=Number((r=e===null||e===void 0?void 0:e.step)!==null&&r!==void 0?r:1);if(c<1||isNaN(c))throw new RangeError("`options.step` must be a number greater than 1");while(l.getTime()<=u){d.push(i(l));l.setDate(l.getDate()+c);l.setHours(0,0,0,0)}return d}function N(t){a(1,arguments);var e=t||{};var r=i(e.start);var n=i(e.end);var o=n.getTime();var s=[];if(!(r.getTime()<=o)){throw new RangeError("Invalid interval")}var u=r;u.setHours(0,0,0,0);u.setDate(1);while(u.getTime()<=o){s.push(i(u));u.setMonth(u.getMonth()+1)}return s}function S(t){a(1,arguments);var e=i(t);e.setDate(1);e.setHours(0,0,0,0);return e}function W(t){a(1,arguments);var e=i(t);var r=new Date(0);r.setFullYear(e.getFullYear(),0,1);r.setHours(0,0,0,0);return r}function E(t,e){var r,n,o,s,u,l,c,h;a(1,arguments);var v=f();var m=d((r=(n=(o=(s=e===null||e===void 0?void 0:e.weekStartsOn)!==null&&s!==void 0?s:e===null||e===void 0?void 0:(u=e.locale)===null||u===void 0?void 0:(l=u.options)===null||l===void 0?void 0:l.weekStartsOn)!==null&&o!==void 0?o:v.weekStartsOn)!==null&&n!==void 0?n:(c=v.locale)===null||c===void 0?void 0:(h=c.options)===null||h===void 0?void 0:h.weekStartsOn)!==null&&r!==void 0?r:0);if(!(m>=0&&m<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}var w=i(t);var g=w.getDay();var b=(g<m?-7:0)+6-(g-m);w.setDate(w.getDate()+b);w.setHours(23,59,59,999);return w}function j(t,e){a(2,arguments);var r=d(e);return h(t,-r)}var z=864e5;function q(t){a(1,arguments);var e=i(t);var r=e.getTime();e.setUTCMonth(0,1);e.setUTCHours(0,0,0,0);var n=e.getTime();var o=r-n;return Math.floor(o/z)+1}function C(t){a(1,arguments);var e=1;var r=i(t);var n=r.getUTCDay();var o=(n<e?7:0)+n-e;r.setUTCDate(r.getUTCDate()-o);r.setUTCHours(0,0,0,0);return r}function Y(t){a(1,arguments);var e=i(t);var r=e.getUTCFullYear();var n=new Date(0);n.setUTCFullYear(r+1,0,4);n.setUTCHours(0,0,0,0);var o=C(n);var s=new Date(0);s.setUTCFullYear(r,0,4);s.setUTCHours(0,0,0,0);var u=C(s);if(e.getTime()>=o.getTime()){return r+1}else if(e.getTime()>=u.getTime()){return r}else{return r-1}}function T(t){a(1,arguments);var e=Y(t);var r=new Date(0);r.setUTCFullYear(e,0,4);r.setUTCHours(0,0,0,0);var n=C(r);return n}var X=6048e5;function O(t){a(1,arguments);var e=i(t);var r=C(e).getTime()-T(e).getTime();return Math.round(r/X)+1}function R(t,e){var r,n,o,s,u,l,c,h;a(1,arguments);var v=f();var m=d((r=(n=(o=(s=e===null||e===void 0?void 0:e.weekStartsOn)!==null&&s!==void 0?s:e===null||e===void 0?void 0:(u=e.locale)===null||u===void 0?void 0:(l=u.options)===null||l===void 0?void 0:l.weekStartsOn)!==null&&o!==void 0?o:v.weekStartsOn)!==null&&n!==void 0?n:(c=v.locale)===null||c===void 0?void 0:(h=c.options)===null||h===void 0?void 0:h.weekStartsOn)!==null&&r!==void 0?r:0);if(!(m>=0&&m<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}var w=i(t);var g=w.getUTCDay();var b=(g<m?7:0)+g-m;w.setUTCDate(w.getUTCDate()-b);w.setUTCHours(0,0,0,0);return w}function L(t,e){var r,n,o,s,u,l,c,h;a(1,arguments);var v=i(t);var m=v.getUTCFullYear();var w=f();var g=d((r=(n=(o=(s=e===null||e===void 0?void 0:e.firstWeekContainsDate)!==null&&s!==void 0?s:e===null||e===void 0?void 0:(u=e.locale)===null||u===void 0?void 0:(l=u.options)===null||l===void 0?void 0:l.firstWeekContainsDate)!==null&&o!==void 0?o:w.firstWeekContainsDate)!==null&&n!==void 0?n:(c=w.locale)===null||c===void 0?void 0:(h=c.options)===null||h===void 0?void 0:h.firstWeekContainsDate)!==null&&r!==void 0?r:1);if(!(g>=1&&g<=7)){throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively")}var b=new Date(0);b.setUTCFullYear(m+1,0,g);b.setUTCHours(0,0,0,0);var p=R(b,e);var y=new Date(0);y.setUTCFullYear(m,0,g);y.setUTCHours(0,0,0,0);var x=R(y,e);if(v.getTime()>=p.getTime()){return m+1}else if(v.getTime()>=x.getTime()){return m}else{return m-1}}function B(t,e){var r,n,i,o,s,u,l,c;a(1,arguments);var h=f();var v=d((r=(n=(i=(o=e===null||e===void 0?void 0:e.firstWeekContainsDate)!==null&&o!==void 0?o:e===null||e===void 0?void 0:(s=e.locale)===null||s===void 0?void 0:(u=s.options)===null||u===void 0?void 0:u.firstWeekContainsDate)!==null&&i!==void 0?i:h.firstWeekContainsDate)!==null&&n!==void 0?n:(l=h.locale)===null||l===void 0?void 0:(c=l.options)===null||c===void 0?void 0:c.firstWeekContainsDate)!==null&&r!==void 0?r:1);var m=L(t,e);var w=new Date(0);w.setUTCFullYear(m,0,v);w.setUTCHours(0,0,0,0);var g=R(w,e);return g}var Q=6048e5;function A(t,e){a(1,arguments);var r=i(t);var n=R(r,e).getTime()-B(r,e).getTime();return Math.round(n/Q)+1}function G(t,e){var r=t<0?"-":"";var n=Math.abs(t).toString();while(n.length<e){n="0"+n}return r+n}var I={y:function t(e,r){var n=e.getUTCFullYear();var a=n>0?n:1-n;return G(r==="yy"?a%100:a,r.length)},M:function t(e,r){var n=e.getUTCMonth();return r==="M"?String(n+1):G(n+1,2)},d:function t(e,r){return G(e.getUTCDate(),r.length)},a:function t(e,r){var n=e.getUTCHours()/12>=1?"pm":"am";switch(r){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h:function t(e,r){return G(e.getUTCHours()%12||12,r.length)},H:function t(e,r){return G(e.getUTCHours(),r.length)},m:function t(e,r){return G(e.getUTCMinutes(),r.length)},s:function t(e,r){return G(e.getUTCSeconds(),r.length)},S:function t(e,r){var n=r.length;var a=e.getUTCMilliseconds();var i=Math.floor(a*Math.pow(10,n-3));return G(i,r.length)}};const H=I;var F={am:"am",pm:"pm",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"};var $={G:function t(e,r,n){var a=e.getUTCFullYear()>0?1:0;switch(r){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});case"GGGG":default:return n.era(a,{width:"wide"})}},y:function t(e,r,n){if(r==="yo"){var a=e.getUTCFullYear();var i=a>0?a:1-a;return n.ordinalNumber(i,{unit:"year"})}return H.y(e,r)},Y:function t(e,r,n,a){var i=L(e,a);var o=i>0?i:1-i;if(r==="YY"){var s=o%100;return G(s,2)}if(r==="Yo"){return n.ordinalNumber(o,{unit:"year"})}return G(o,r.length)},R:function t(e,r){var n=Y(e);return G(n,r.length)},u:function t(e,r){var n=e.getUTCFullYear();return G(n,r.length)},Q:function t(e,r,n){var a=Math.ceil((e.getUTCMonth()+1)/3);switch(r){case"Q":return String(a);case"QQ":return G(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function t(e,r,n){var a=Math.ceil((e.getUTCMonth()+1)/3);switch(r){case"q":return String(a);case"qq":return G(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function t(e,r,n){var a=e.getUTCMonth();switch(r){case"M":case"MM":return H.M(e,r);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(a,{width:"wide",context:"formatting"})}},L:function t(e,r,n){var a=e.getUTCMonth();switch(r){case"L":return String(a+1);case"LL":return G(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(a,{width:"wide",context:"standalone"})}},w:function t(e,r,n,a){var i=A(e,a);if(r==="wo"){return n.ordinalNumber(i,{unit:"week"})}return G(i,r.length)},I:function t(e,r,n){var a=O(e);if(r==="Io"){return n.ordinalNumber(a,{unit:"week"})}return G(a,r.length)},d:function t(e,r,n){if(r==="do"){return n.ordinalNumber(e.getUTCDate(),{unit:"date"})}return H.d(e,r)},D:function t(e,r,n){var a=q(e);if(r==="Do"){return n.ordinalNumber(a,{unit:"dayOfYear"})}return G(a,r.length)},E:function t(e,r,n){var a=e.getUTCDay();switch(r){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});case"EEEE":default:return n.day(a,{width:"wide",context:"formatting"})}},e:function t(e,r,n,a){var i=e.getUTCDay();var o=(i-a.weekStartsOn+8)%7||7;switch(r){case"e":return String(o);case"ee":return G(o,2);case"eo":return n.ordinalNumber(o,{unit:"day"});case"eee":return n.day(i,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(i,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(i,{width:"short",context:"formatting"});case"eeee":default:return n.day(i,{width:"wide",context:"formatting"})}},c:function t(e,r,n,a){var i=e.getUTCDay();var o=(i-a.weekStartsOn+8)%7||7;switch(r){case"c":return String(o);case"cc":return G(o,r.length);case"co":return n.ordinalNumber(o,{unit:"day"});case"ccc":return n.day(i,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(i,{width:"narrow",context:"standalone"});case"cccccc":return n.day(i,{width:"short",context:"standalone"});case"cccc":default:return n.day(i,{width:"wide",context:"standalone"})}},i:function t(e,r,n){var a=e.getUTCDay();var i=a===0?7:a;switch(r){case"i":return String(i);case"ii":return G(i,r.length);case"io":return n.ordinalNumber(i,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});case"iiii":default:return n.day(a,{width:"wide",context:"formatting"})}},a:function t(e,r,n){var a=e.getUTCHours();var i=a/12>=1?"pm":"am";switch(r){case"a":case"aa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(i,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function t(e,r,n){var a=e.getUTCHours();var i;if(a===12){i=F.noon}else if(a===0){i=F.midnight}else{i=a/12>=1?"pm":"am"}switch(r){case"b":case"bb":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(i,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function t(e,r,n){var a=e.getUTCHours();var i;if(a>=17){i=F.evening}else if(a>=12){i=F.afternoon}else if(a>=4){i=F.morning}else{i=F.night}switch(r){case"B":case"BB":case"BBB":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(i,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function t(e,r,n){if(r==="ho"){var a=e.getUTCHours()%12;if(a===0)a=12;return n.ordinalNumber(a,{unit:"hour"})}return H.h(e,r)},H:function t(e,r,n){if(r==="Ho"){return n.ordinalNumber(e.getUTCHours(),{unit:"hour"})}return H.H(e,r)},K:function t(e,r,n){var a=e.getUTCHours()%12;if(r==="Ko"){return n.ordinalNumber(a,{unit:"hour"})}return G(a,r.length)},k:function t(e,r,n){var a=e.getUTCHours();if(a===0)a=24;if(r==="ko"){return n.ordinalNumber(a,{unit:"hour"})}return G(a,r.length)},m:function t(e,r,n){if(r==="mo"){return n.ordinalNumber(e.getUTCMinutes(),{unit:"minute"})}return H.m(e,r)},s:function t(e,r,n){if(r==="so"){return n.ordinalNumber(e.getUTCSeconds(),{unit:"second"})}return H.s(e,r)},S:function t(e,r){return H.S(e,r)},X:function t(e,r,n,a){var i=a._originalDate||e;var o=i.getTimezoneOffset();if(o===0){return"Z"}switch(r){case"X":return U(o);case"XXXX":case"XX":return V(o);case"XXXXX":case"XXX":default:return V(o,":")}},x:function t(e,r,n,a){var i=a._originalDate||e;var o=i.getTimezoneOffset();switch(r){case"x":return U(o);case"xxxx":case"xx":return V(o);case"xxxxx":case"xxx":default:return V(o,":")}},O:function t(e,r,n,a){var i=a._originalDate||e;var o=i.getTimezoneOffset();switch(r){case"O":case"OO":case"OOO":return"GMT"+J(o,":");case"OOOO":default:return"GMT"+V(o,":")}},z:function t(e,r,n,a){var i=a._originalDate||e;var o=i.getTimezoneOffset();switch(r){case"z":case"zz":case"zzz":return"GMT"+J(o,":");case"zzzz":default:return"GMT"+V(o,":")}},t:function t(e,r,n,a){var i=a._originalDate||e;var o=Math.floor(i.getTime()/1e3);return G(o,r.length)},T:function t(e,r,n,a){var i=a._originalDate||e;var o=i.getTime();return G(o,r.length)}};function J(t,e){var r=t>0?"-":"+";var n=Math.abs(t);var a=Math.floor(n/60);var i=n%60;if(i===0){return r+String(a)}var o=e||"";return r+String(a)+o+G(i,2)}function U(t,e){if(t%60===0){var r=t>0?"-":"+";return r+G(Math.abs(t)/60,2)}return V(t,e)}function V(t,e){var r=e||"";var n=t>0?"-":"+";var a=Math.abs(t);var i=G(Math.floor(a/60),2);var o=G(a%60,2);return n+i+r+o}const Z=$;var K=function t(e,r){switch(e){case"P":return r.date({width:"short"});case"PP":return r.date({width:"medium"});case"PPP":return r.date({width:"long"});case"PPPP":default:return r.date({width:"full"})}};var _=function t(e,r){switch(e){case"p":return r.time({width:"short"});case"pp":return r.time({width:"medium"});case"ppp":return r.time({width:"long"});case"pppp":default:return r.time({width:"full"})}};var tt=function t(e,r){var n=e.match(/(P+)(p+)?/)||[];var a=n[1];var i=n[2];if(!i){return K(e,r)}var o;switch(a){case"P":o=r.dateTime({width:"short"});break;case"PP":o=r.dateTime({width:"medium"});break;case"PPP":o=r.dateTime({width:"long"});break;case"PPPP":default:o=r.dateTime({width:"full"});break}return o.replace("{{date}}",K(a,r)).replace("{{time}}",_(i,r))};var et={p:_,P:tt};const rt=et;var nt=["D","DD"];var at=["YY","YYYY"];function it(t){return nt.indexOf(t)!==-1}function ot(t){return at.indexOf(t)!==-1}function st(t,e,r){if(t==="YYYY"){throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(e,"`) for formatting years to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}else if(t==="YY"){throw new RangeError("Use `yy` instead of `YY` (in `".concat(e,"`) for formatting years to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}else if(t==="D"){throw new RangeError("Use `d` instead of `D` (in `".concat(e,"`) for formatting days of the month to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}else if(t==="DD"){throw new RangeError("Use `dd` instead of `DD` (in `".concat(e,"`) for formatting days of the month to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}}var ut={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};var dt=function t(e,r,n){var a;var i=ut[e];if(typeof i==="string"){a=i}else if(r===1){a=i.one}else{a=i.other.replace("{{count}}",r.toString())}if(n!==null&&n!==void 0&&n.addSuffix){if(n.comparison&&n.comparison>0){return"in "+a}else{return a+" ago"}}return a};const lt=dt;function ct(t){return function(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var r=e.width?String(e.width):t.defaultWidth;var n=t.formats[r]||t.formats[t.defaultWidth];return n}}var ht={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"};var vt={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"};var ft={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"};var mt={date:ct({formats:ht,defaultWidth:"full"}),time:ct({formats:vt,defaultWidth:"full"}),dateTime:ct({formats:ft,defaultWidth:"full"})};const wt=mt;var gt={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};var bt=function t(e,r,n,a){return gt[e]};const pt=bt;function yt(t){return function(e,r){var n=r!==null&&r!==void 0&&r.context?String(r.context):"standalone";var a;if(n==="formatting"&&t.formattingValues){var i=t.defaultFormattingWidth||t.defaultWidth;var o=r!==null&&r!==void 0&&r.width?String(r.width):i;a=t.formattingValues[o]||t.formattingValues[i]}else{var s=t.defaultWidth;var u=r!==null&&r!==void 0&&r.width?String(r.width):t.defaultWidth;a=t.values[u]||t.values[s]}var d=t.argumentCallback?t.argumentCallback(e):e;return a[d]}}var xt={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]};var Mt={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]};var Dt={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]};var kt={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]};var Pt={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}};var Nt={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}};var St=function t(e,r){var n=Number(e);var a=n%100;if(a>20||a<10){switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}}return n+"th"};var Wt={ordinalNumber:St,era:yt({values:xt,defaultWidth:"wide"}),quarter:yt({values:Mt,defaultWidth:"wide",argumentCallback:function t(e){return e-1}}),month:yt({values:Dt,defaultWidth:"wide"}),day:yt({values:kt,defaultWidth:"wide"}),dayPeriod:yt({values:Pt,defaultWidth:"wide",formattingValues:Nt,defaultFormattingWidth:"wide"})};const Et=Wt;function jt(t){return function(e){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=r.width;var a=n&&t.matchPatterns[n]||t.matchPatterns[t.defaultMatchWidth];var i=e.match(a);if(!i){return null}var o=i[0];var s=n&&t.parsePatterns[n]||t.parsePatterns[t.defaultParseWidth];var u=Array.isArray(s)?qt(s,(function(t){return t.test(o)})):zt(s,(function(t){return t.test(o)}));var d;d=t.valueCallback?t.valueCallback(u):u;d=r.valueCallback?r.valueCallback(d):d;var l=e.slice(o.length);return{value:d,rest:l}}}function zt(t,e){for(var r in t){if(t.hasOwnProperty(r)&&e(t[r])){return r}}return undefined}function qt(t,e){for(var r=0;r<t.length;r++){if(e(t[r])){return r}}return undefined}function Ct(t){return function(e){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=e.match(t.matchPattern);if(!n)return null;var a=n[0];var i=e.match(t.parsePattern);if(!i)return null;var o=t.valueCallback?t.valueCallback(i[0]):i[0];o=r.valueCallback?r.valueCallback(o):o;var s=e.slice(a.length);return{value:o,rest:s}}}var Yt=/^(\d+)(th|st|nd|rd)?/i;var Tt=/\d+/i;var Xt={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i};var Ot={any:[/^b/i,/^(a|c)/i]};var Rt={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i};var Lt={any:[/1/i,/2/i,/3/i,/4/i]};var Bt={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i};var Qt={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]};var At={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i};var Gt={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]};var It={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i};var Ht={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}};var Ft={ordinalNumber:Ct({matchPattern:Yt,parsePattern:Tt,valueCallback:function t(e){return parseInt(e,10)}}),era:jt({matchPatterns:Xt,defaultMatchWidth:"wide",parsePatterns:Ot,defaultParseWidth:"any"}),quarter:jt({matchPatterns:Rt,defaultMatchWidth:"wide",parsePatterns:Lt,defaultParseWidth:"any",valueCallback:function t(e){return e+1}}),month:jt({matchPatterns:Bt,defaultMatchWidth:"wide",parsePatterns:Qt,defaultParseWidth:"any"}),day:jt({matchPatterns:At,defaultMatchWidth:"wide",parsePatterns:Gt,defaultParseWidth:"any"}),dayPeriod:jt({matchPatterns:It,defaultMatchWidth:"any",parsePatterns:Ht,defaultParseWidth:"any"})};const $t=Ft;var Jt={code:"en-US",formatDistance:lt,formatLong:wt,formatRelative:pt,localize:Et,match:$t,options:{weekStartsOn:0,firstWeekContainsDate:1}};const Ut=Jt;var Vt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;var Zt=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;var Kt=/^'([^]*?)'?$/;var _t=/''/g;var te=/[a-zA-Z]/;function ee(t,e,r){var n,o,s,u,l,c,h,v,m,g,b,p,y,x,M,k,P,N;a(2,arguments);var S=String(e);var W=f();var E=(n=(o=r===null||r===void 0?void 0:r.locale)!==null&&o!==void 0?o:W.locale)!==null&&n!==void 0?n:Ut;var z=d((s=(u=(l=(c=r===null||r===void 0?void 0:r.firstWeekContainsDate)!==null&&c!==void 0?c:r===null||r===void 0?void 0:(h=r.locale)===null||h===void 0?void 0:(v=h.options)===null||v===void 0?void 0:v.firstWeekContainsDate)!==null&&l!==void 0?l:W.firstWeekContainsDate)!==null&&u!==void 0?u:(m=W.locale)===null||m===void 0?void 0:(g=m.options)===null||g===void 0?void 0:g.firstWeekContainsDate)!==null&&s!==void 0?s:1);if(!(z>=1&&z<=7)){throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively")}var q=d((b=(p=(y=(x=r===null||r===void 0?void 0:r.weekStartsOn)!==null&&x!==void 0?x:r===null||r===void 0?void 0:(M=r.locale)===null||M===void 0?void 0:(k=M.options)===null||k===void 0?void 0:k.weekStartsOn)!==null&&y!==void 0?y:W.weekStartsOn)!==null&&p!==void 0?p:(P=W.locale)===null||P===void 0?void 0:(N=P.options)===null||N===void 0?void 0:N.weekStartsOn)!==null&&b!==void 0?b:0);if(!(q>=0&&q<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}if(!E.localize){throw new RangeError("locale must contain localize property")}if(!E.formatLong){throw new RangeError("locale must contain formatLong property")}var C=i(t);if(!D(C)){throw new RangeError("Invalid time value")}var Y=w(C);var T=j(C,Y);var X={firstWeekContainsDate:z,weekStartsOn:q,locale:E,_originalDate:C};var O=S.match(Zt).map((function(t){var e=t[0];if(e==="p"||e==="P"){var r=rt[e];return r(t,E.formatLong)}return t})).join("").match(Vt).map((function(n){if(n==="''"){return"'"}var a=n[0];if(a==="'"){return re(n)}var i=Z[a];if(i){if(!(r!==null&&r!==void 0&&r.useAdditionalWeekYearTokens)&&ot(n)){st(n,e,String(t))}if(!(r!==null&&r!==void 0&&r.useAdditionalDayOfYearTokens)&&it(n)){st(n,e,String(t))}return i(T,n,E.localize,X)}if(a.match(te)){throw new RangeError("Format string contains an unescaped latin alphabet character `"+a+"`")}return n})).join("");return O}function re(t){var e=t.match(Kt);if(!e){return t}return e[1].replace(_t,"'")}function ne(t){a(1,arguments);var e=i(t);var r=e.getDay();return r}function ae(t){a(1,arguments);var e=i(t);var r=e.getMonth();return r}function ie(t){a(1,arguments);return i(t).getFullYear()}function oe(t){a(1,arguments);return x(t,Date.now())}function se(t,e){a(2,arguments);var r=d(e);return l(t,-r)}function ue(t,e){var r;a(1,arguments);var n=d((r=e===null||e===void 0?void 0:e.additionalDigits)!==null&&r!==void 0?r:2);if(n!==2&&n!==1&&n!==0){throw new RangeError("additionalDigits must be 0, 1 or 2")}if(!(typeof t==="string"||Object.prototype.toString.call(t)==="[object String]")){return new Date(NaN)}var i=ve(t);var o;if(i.date){var s=fe(i.date,n);o=me(s.restDateString,s.year)}if(!o||isNaN(o.getTime())){return new Date(NaN)}var u=o.getTime();var l=0;var c;if(i.time){l=ge(i.time);if(isNaN(l)){return new Date(NaN)}}if(i.timezone){c=pe(i.timezone);if(isNaN(c)){return new Date(NaN)}}else{var h=new Date(u+l);var v=new Date(0);v.setFullYear(h.getUTCFullYear(),h.getUTCMonth(),h.getUTCDate());v.setHours(h.getUTCHours(),h.getUTCMinutes(),h.getUTCSeconds(),h.getUTCMilliseconds());return v}return new Date(u+l+c)}var de={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/};var le=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/;var ce=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/;var he=/^([+-])(\d{2})(?::?(\d{2}))?$/;function ve(t){var e={};var r=t.split(de.dateTimeDelimiter);var n;if(r.length>2){return e}if(/:/.test(r[0])){n=r[0]}else{e.date=r[0];n=r[1];if(de.timeZoneDelimiter.test(e.date)){e.date=t.split(de.timeZoneDelimiter)[0];n=t.substr(e.date.length,t.length)}}if(n){var a=de.timezone.exec(n);if(a){e.time=n.replace(a[1],"");e.timezone=a[1]}else{e.time=n}}return e}function fe(t,e){var r=new RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+e)+"})|(\\d{2}|[+-]\\d{"+(2+e)+"})$)");var n=t.match(r);if(!n)return{year:NaN,restDateString:""};var a=n[1]?parseInt(n[1]):null;var i=n[2]?parseInt(n[2]):null;return{year:i===null?a:i*100,restDateString:t.slice((n[1]||n[2]).length)}}function me(t,e){if(e===null)return new Date(NaN);var r=t.match(le);if(!r)return new Date(NaN);var n=!!r[4];var a=we(r[1]);var i=we(r[2])-1;var o=we(r[3]);var s=we(r[4]);var u=we(r[5])-1;if(n){if(!Pe(e,s,u)){return new Date(NaN)}return ye(e,s,u)}else{var d=new Date(0);if(!De(e,i,o)||!ke(e,a)){return new Date(NaN)}d.setUTCFullYear(e,i,Math.max(a,o));return d}}function we(t){return t?parseInt(t):1}function ge(t){var e=t.match(ce);if(!e)return NaN;var r=be(e[1]);var n=be(e[2]);var a=be(e[3]);if(!Ne(r,n,a)){return NaN}return r*y+n*p+a*1e3}function be(t){return t&&parseFloat(t.replace(",","."))||0}function pe(t){if(t==="Z")return 0;var e=t.match(he);if(!e)return 0;var r=e[1]==="+"?-1:1;var n=parseInt(e[2]);var a=e[3]&&parseInt(e[3])||0;if(!Se(n,a)){return NaN}return r*(n*y+a*p)}function ye(t,e,r){var n=new Date(0);n.setUTCFullYear(t,0,4);var a=n.getUTCDay()||7;var i=(e-1)*7+r+1-a;n.setUTCDate(n.getUTCDate()+i);return n}var xe=[31,null,31,30,31,30,31,31,30,31,30,31];function Me(t){return t%400===0||t%4===0&&t%100!==0}function De(t,e,r){return e>=0&&e<=11&&r>=1&&r<=(xe[e]||(Me(t)?29:28))}function ke(t,e){return e>=1&&e<=(Me(t)?366:365)}function Pe(t,e,r){return e>=1&&e<=53&&r>=0&&r<=6}function Ne(t,e,r){if(t===24){return e===0&&r===0}return r>=0&&r<60&&e>=0&&e<60&&t>=0&&t<25}function Se(t,e){return e>=0&&e<=59}function We(t,e){a(2,arguments);var r=d(e);return c(t,-r)}function Ee(t,e){a(2,arguments);var r=d(e);return b(t,-r)}var je={full:"EEEE, d MMMM yyyy",long:"d MMMM yyyy",medium:"d MMM yyyy",short:"dd/MM/yyyy"};var ze={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"};var qe={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"};var Ce={date:ct({formats:je,defaultWidth:"full"}),time:ct({formats:ze,defaultWidth:"full"}),dateTime:ct({formats:qe,defaultWidth:"full"})};const Ye=Ce;var Te={code:"en-AU",formatDistance:lt,formatLong:Ye,formatRelative:pt,localize:Et,match:$t,options:{weekStartsOn:1,firstWeekContainsDate:4}};const Xe=Te;var Oe={lessThanXSeconds:{one:"menos de um segundo",other:"menos de {{count}} segundos"},xSeconds:{one:"1 segundo",other:"{{count}} segundos"},halfAMinute:"meio minuto",lessThanXMinutes:{one:"menos de um minuto",other:"menos de {{count}} minutos"},xMinutes:{one:"1 minuto",other:"{{count}} minutos"},aboutXHours:{one:"cerca de 1 hora",other:"cerca de {{count}} horas"},xHours:{one:"1 hora",other:"{{count}} horas"},xDays:{one:"1 dia",other:"{{count}} dias"},aboutXWeeks:{one:"cerca de 1 semana",other:"cerca de {{count}} semanas"},xWeeks:{one:"1 semana",other:"{{count}} semanas"},aboutXMonths:{one:"cerca de 1 mês",other:"cerca de {{count}} meses"},xMonths:{one:"1 mês",other:"{{count}} meses"},aboutXYears:{one:"cerca de 1 ano",other:"cerca de {{count}} anos"},xYears:{one:"1 ano",other:"{{count}} anos"},overXYears:{one:"mais de 1 ano",other:"mais de {{count}} anos"},almostXYears:{one:"quase 1 ano",other:"quase {{count}} anos"}};var Re=function t(e,r,n){var a;var i=Oe[e];if(typeof i==="string"){a=i}else if(r===1){a=i.one}else{a=i.other.replace("{{count}}",String(r))}if(n!==null&&n!==void 0&&n.addSuffix){if(n.comparison&&n.comparison>0){return"em "+a}else{return"há "+a}}return a};const Le=Re;var Be={full:"EEEE, d 'de' MMMM 'de' y",long:"d 'de' MMMM 'de' y",medium:"d MMM y",short:"dd/MM/yyyy"};var Qe={full:"HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"};var Ae={full:"{{date}} 'às' {{time}}",long:"{{date}} 'às' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"};var Ge={date:ct({formats:Be,defaultWidth:"full"}),time:ct({formats:Qe,defaultWidth:"full"}),dateTime:ct({formats:Ae,defaultWidth:"full"})};const Ie=Ge;var He={lastWeek:function t(e){var r=e.getUTCDay();var n=r===0||r===6?"último":"última";return"'"+n+"' eeee 'às' p"},yesterday:"'ontem às' p",today:"'hoje às' p",tomorrow:"'amanhã às' p",nextWeek:"eeee 'às' p",other:"P"};var Fe=function t(e,r,n,a){var i=He[e];if(typeof i==="function"){return i(r)}return i};const $e=Fe;var Je={narrow:["AC","DC"],abbreviated:["AC","DC"],wide:["antes de cristo","depois de cristo"]};var Ue={narrow:["1","2","3","4"],abbreviated:["T1","T2","T3","T4"],wide:["1º trimestre","2º trimestre","3º trimestre","4º trimestre"]};var Ve={narrow:["j","f","m","a","m","j","j","a","s","o","n","d"],abbreviated:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],wide:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"]};var Ze={narrow:["D","S","T","Q","Q","S","S"],short:["dom","seg","ter","qua","qui","sex","sab"],abbreviated:["domingo","segunda","terça","quarta","quinta","sexta","sábado"],wide:["domingo","segunda-feira","terça-feira","quarta-feira","quinta-feira","sexta-feira","sábado"]};var Ke={narrow:{am:"a",pm:"p",midnight:"mn",noon:"md",morning:"manhã",afternoon:"tarde",evening:"tarde",night:"noite"},abbreviated:{am:"AM",pm:"PM",midnight:"meia-noite",noon:"meio-dia",morning:"manhã",afternoon:"tarde",evening:"tarde",night:"noite"},wide:{am:"a.m.",pm:"p.m.",midnight:"meia-noite",noon:"meio-dia",morning:"manhã",afternoon:"tarde",evening:"tarde",night:"noite"}};var _e={narrow:{am:"a",pm:"p",midnight:"mn",noon:"md",morning:"da manhã",afternoon:"da tarde",evening:"da tarde",night:"da noite"},abbreviated:{am:"AM",pm:"PM",midnight:"meia-noite",noon:"meio-dia",morning:"da manhã",afternoon:"da tarde",evening:"da tarde",night:"da noite"},wide:{am:"a.m.",pm:"p.m.",midnight:"meia-noite",noon:"meio-dia",morning:"da manhã",afternoon:"da tarde",evening:"da tarde",night:"da noite"}};var tr=function t(e,r){var n=Number(e);if((r===null||r===void 0?void 0:r.unit)==="week"){return n+"ª"}return n+"º"};var er={ordinalNumber:tr,era:yt({values:Je,defaultWidth:"wide"}),quarter:yt({values:Ue,defaultWidth:"wide",argumentCallback:function t(e){return e-1}}),month:yt({values:Ve,defaultWidth:"wide"}),day:yt({values:Ze,defaultWidth:"wide"}),dayPeriod:yt({values:Ke,defaultWidth:"wide",formattingValues:_e,defaultFormattingWidth:"wide"})};const rr=er;var nr=/^(\d+)[ºªo]?/i;var ar=/\d+/i;var ir={narrow:/^(ac|dc|a|d)/i,abbreviated:/^(a\.?\s?c\.?|d\.?\s?c\.?)/i,wide:/^(antes de cristo|depois de cristo)/i};var or={any:[/^ac/i,/^dc/i],wide:[/^antes de cristo/i,/^depois de cristo/i]};var sr={narrow:/^[1234]/i,abbreviated:/^T[1234]/i,wide:/^[1234](º)? trimestre/i};var ur={any:[/1/i,/2/i,/3/i,/4/i]};var dr={narrow:/^[jfmajsond]/i,abbreviated:/^(jan|fev|mar|abr|mai|jun|jul|ago|set|out|nov|dez)/i,wide:/^(janeiro|fevereiro|março|abril|maio|junho|julho|agosto|setembro|outubro|novembro|dezembro)/i};var lr={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^fev/i,/^mar/i,/^abr/i,/^mai/i,/^jun/i,/^jul/i,/^ago/i,/^set/i,/^out/i,/^nov/i,/^dez/i]};var cr={narrow:/^(dom|[23456]ª?|s[aá]b)/i,short:/^(dom|[23456]ª?|s[aá]b)/i,abbreviated:/^(dom|seg|ter|qua|qui|sex|s[aá]b)/i,wide:/^(domingo|(segunda|ter[cç]a|quarta|quinta|sexta)([- ]feira)?|s[aá]bado)/i};var hr={short:[/^d/i,/^2/i,/^3/i,/^4/i,/^5/i,/^6/i,/^s[aá]/i],narrow:[/^d/i,/^2/i,/^3/i,/^4/i,/^5/i,/^6/i,/^s[aá]/i],any:[/^d/i,/^seg/i,/^t/i,/^qua/i,/^qui/i,/^sex/i,/^s[aá]b/i]};var vr={narrow:/^(a|p|mn|md|(da) (manhã|tarde|noite))/i,any:/^([ap]\.?\s?m\.?|meia[-\s]noite|meio[-\s]dia|(da) (manhã|tarde|noite))/i};var fr={any:{am:/^a/i,pm:/^p/i,midnight:/^mn|^meia[-\s]noite/i,noon:/^md|^meio[-\s]dia/i,morning:/manhã/i,afternoon:/tarde/i,evening:/tarde/i,night:/noite/i}};var mr={ordinalNumber:Ct({matchPattern:nr,parsePattern:ar,valueCallback:function t(e){return parseInt(e,10)}}),era:jt({matchPatterns:ir,defaultMatchWidth:"wide",parsePatterns:or,defaultParseWidth:"any"}),quarter:jt({matchPatterns:sr,defaultMatchWidth:"wide",parsePatterns:ur,defaultParseWidth:"any",valueCallback:function t(e){return e+1}}),month:jt({matchPatterns:dr,defaultMatchWidth:"wide",parsePatterns:lr,defaultParseWidth:"any"}),day:jt({matchPatterns:cr,defaultMatchWidth:"wide",parsePatterns:hr,defaultParseWidth:"any"}),dayPeriod:jt({matchPatterns:vr,defaultMatchWidth:"any",parsePatterns:fr,defaultParseWidth:"any"})};const wr=mr;var gr={code:"pt-BR",formatDistance:Le,formatLong:Ie,formatRelative:$e,localize:rr,match:wr,options:{weekStartsOn:0,firstWeekContainsDate:1}};const br=gr;const pr=':host{display:block;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);margin:0 auto}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);border-radius:4px;overflow:hidden;background:#fff;font-family:var(--font-family)}:host .calendar.embedded{border:2px solid var(--neutral-light);padding:0px 12px 12px 12px}:host .calendar.floating{box-shadow:0 4px 8px var(--neutral-light)}:host .header{position:relative;padding:12px 0}:host .header::after{content:"";position:absolute;bottom:0;left:2px;right:2px;border-bottom:2px dotted var(--neutral-light)}:host .month-year{display:flex;padding:12px 8px;justify-content:space-between;align-self:stretch}:host .month-year.dropdown{padding:0%}:host .select{display:flex;padding:7px 10px 0px;justify-content:center;align-items:center;gap:6px;flex:1 0 0}:host .drop-month{display:flex;max-width:118px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .drop-year{display:flex;min-width:80px;max-width:85px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .days-of-week{display:flex;height:30px;padding:4px;justify-content:center;align-items:center;gap:4px;flex-shrink:0}:host .day{flex:1;text-align:center}:host .dates{display:flex;flex-wrap:wrap;align-items:center;align-self:stretch;gap:0}:host .icon{cursor:pointer;position:relative;overflow:hidden;border-radius:50%}:host .icon.dropdown{margin-top:10px}:host .icon::before{content:"";position:absolute;border-radius:50%;top:50%;left:50%;width:20px;height:20px;background:var(--primary-base);transform:translate(-50%, -50%) scale(0);transition:transform 0.2s ease}:host .icon:active::before{transform:translate(-50%, -50%) scale(1)}:host .icon:active{transform:scale(1)}:host .collapsed-container{text-align:center;position:relative;display:flex;align-items:center;justify-content:center;padding-top:10px}:host .collapsed-container::before{content:"";position:absolute;bottom:0;top:0;left:2px;right:2px;border-top:2px dotted var(--neutral-light)}:host .date{display:flex;justify-content:center;align-items:center;height:auto;width:14.2857142857%;aspect-ratio:1;font-size:14px;cursor:pointer;position:relative;box-sizing:border-box;text-align:center;flex-shrink:0}:host .date.today{border:2px solid var(--primary-darker);border-radius:50%;color:var(--primary-darker)}:host .date.selected{color:var(--select-label) !important;background:var(--primary-base);border-radius:50%}:host .date.default-dates{color:var(--neutral-white);background:var(--primary-base);border-radius:50%;border:none}:host .date.invalid{color:var(--neutral-dark) !important;cursor:not-allowed}:host .date.invalid:hover{background:none;box-shadow:none}:host .date.valid{color:var(--primary-darker);font-weight:var(--font-weight-bold)}:host .date.range.start{border-radius:50% 0 0 50%;color:var(--select-label) !important;background:var(--primary-base)}:host .date.range.interval{border-radius:0;background:var(--primary-lighter);color:var(--neutral-black) !important}:host .date.range.interval.today{border:none}:host .date.range.end{border-radius:0 50% 50% 0;color:var(--select-label) !important;background:var(--primary-base)}:host .date:hover{background:var(--primary-lighter);border-radius:50%;color:var(--neutral-white)}:host select,:host input{width:60px;font-size:16px;box-shadow:0 2px 2px var(--neutral-black);padding:5px;border-radius:4px;border:1px solid #ccc;background:#f7f7f7}';const yr=pr;const xr=class{constructor(r){t(this,r);this.onchangeday=e(this,"onchangeday",7);this.theme=window.CuraAPI.theme;this.weights=this.theme.fonts.getWeights();this.optionsLocale={"pt-BR":br,"en-US":Xe};this.period=null;this.width="268px";this.minWidth="268px";this.maxWidth="400px";this.mode="single";this.dateFormat="yyyy-MM-dd";this.locale="pt-BR";this.type="dropdown";this.disable=[];this.enable=[];this.defaultDate=[];this.customDates=[];this.limitRange=null;this.disablePassDates=undefined;this.disableFutureDates=undefined;this.collapsed=null;this.floating=undefined;this.embedded=undefined;this.selectLabelColorMode="light";this.currentDate=new Date;this.selectedDates=[];this.rangeStart=null;this.defaultDates=[];this.selectMonth="";this.selectYear="";this.styles={}}connectedCallback(){this.setFontProperties();this.initializeDefaultDates();const t=[{name:"--primary-base",theme:"primary-base"},{name:"--primary-lighter",theme:"primary-lighter"},{name:"--primary-light",theme:"primary-light"},{name:"--neutral-black",theme:"neutral-black"},{name:"--primary-darker",theme:"primary-darker"},{name:"--neutral-dark",theme:"neutral-dark"},{name:"--neutral-light",theme:"neutral-light"},{name:"--neutral-white",theme:"neutral-white"},{name:"--select-label",theme:this.selectLabelColorMode==="dark"?"neutral-black":"neutral-white"}];t.forEach((t=>this.styles=Object.assign(Object.assign({},this.styles),{[t.name]:this.theme.colors.getColor(t.theme)})))}setFontProperties(){this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-color"]=window.CuraAPI.theme.fonts.getColor();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--font-weight-bold"]=this.weights.bold;this.styles["--font-weight-regular"]=this.weights.regular}initializeDefaultDates(){if(typeof this.defaultDate==="string"){const t=JSON.parse(this.defaultDate||"[]");if(typeof t==="string"){this.defaultDate=[t]}else{this.defaultDate=t}}this.defaultDates=this.expandDateRanges(this.defaultDate)}determineLocale(){return this.optionsLocale[this.locale]||this.locale}isDateInValidPeriod(t){if(this.period===null){return true}return this.period.includes(ee(t,this.dateFormat))}isDateSelected(t){return this.isDateInList(this.selectedDates,t)}isDateInDefaultSelection(t){return this.isDateInList(this.defaultDates,t)}isDateInDisabledPeriod(t){const e=new Date;e.setHours(0,0,0,0);if(this.disablePassDates)return s(t,e);if(this.disableFutureDates)return u(t,e);if(this.disable===null)return false;return this.isDateInList(this.expandDateRanges(this.disable),t)}isDateInEnabledPeriod(t){if(this.enable===null||[])return true;return this.isDateInList(this.expandDateRanges(this.enable),t)}isDateInList(t,e){return t.some((t=>x(t,e)))}removeDateFromSelection(t,e){return t.filter((t=>!x(t,e)))}updateCurrentMonth(t){let e=new Date(this.currentDate);if(t==="prev")e=We(this.currentDate,1);if(t==="next")e=c(this.currentDate,1);this.currentDate=e}onMonthDropdownChange(t){const{months:e}=this.fetchMonthNames();const r=t.detail;this.selectMonth=r;this.currentDate=new Date(ie(this.currentDate),e.indexOf(r),1)}onYearDropdownChange(t){const e=t.detail;this.selectYear=e;this.currentDate=new Date(e,ae(this.currentDate),1)}expandDateRanges(t){if(!t)return[];return t.flatMap((t=>{if(typeof t==="string")return D(ue(t))?[ue(t)]:[];const e=ue(t.from);const r=ue(t.to);if(D(e)&&D(r)&&e<=r)return P({start:e,end:r});return[]}))}selectSingleDate(t){this.defaultDates=[];this.selectedDates=[t]}selectMultiplesDate(t){if(!this.isDateSelected(t)||!this.isDateInDefaultSelection(t))return this.selectedDates=[...this.selectedDates,t];this.selectedDates=this.removeDateFromSelection(this.selectedDates,t);this.defaultDates=this.removeDateFromSelection(this.defaultDates,t)}selectDateRange(t){this.defaultDates=[];const e=s(this.rangeStart,t)?this.rangeStart:t;const r=u(this.rangeStart,t)?this.rangeStart:t;const n=P({start:e,end:r});if(!this.rangeStart||this.selectedDates.length===2){this.rangeStart=t;this.selectedDates=[t];return}if(this.limitRange===null||n.length<=this.limitRange){this.selectedDates=n;this.rangeStart=null}}onDateClick(t){if(!this.isDateInValidPeriod(t)||this.isDateInDisabledPeriod(t)||!this.isDateInEnabledPeriod(t))return;const e={single:this.selectSingleDate.bind(this),multiple:this.selectMultiplesDate.bind(this),range:this.selectDateRange.bind(this)};e[this.mode](t);this.onchangeday.emit({days:[...this.defaultDates,...this.selectedDates].filter((t=>this.isDateInValidPeriod(t)))})}fetchWeekDays(){const t=m(new Date(2021,0,3),{locale:this.determineLocale()});const e=E(new Date(2021,0,3),{locale:this.determineLocale()});return P({start:t,end:e}).map((t=>ee(t,"EEEEEE",{locale:this.determineLocale()})))}showNotColapsedCalendar(){if(this.collapsed){this.fetchDaysOfWeek()}else this.fetchDaysOfMonth();this.collapsed=false}showColapsedCalendar(){this.collapsed=true;return this.fetchDaysOfWeek()}fetchDaysOfWeek(){const t=7;const e=m(this.currentDate);const r=E(this.currentDate);const n=P({start:e,end:r});return n.slice(0,t)}updateCurrentWeek(t){let e=new Date(this.currentDate);if(t==="prev")e=Ee(this.currentDate,1);if(t==="next")e=b(this.currentDate,1);this.currentDate=e}fetchDaysOfMonth(){const t=6;const e=42;const r=S(this.currentDate);const n=k(this.currentDate);const a=P({start:r,end:n});const i=S(c(r,-1));const o=k(i);const s=P({start:se(o,ne(r)),end:o});const u=S(c(n,1));const d=k(u);const h=t-ne(n);const v=P({start:u,end:l(d,h)});const f=[...s.slice(-ne(r)),...a,...v];return f.slice(0,e)}fetchMonthNames(){const t=ie(this.currentDate);const e=this.determineLocale();const r=N({start:W(new Date(t,0,1)),end:new Date(t,11,31)}).map((t=>ee(t,"MMMM",{locale:e})));const n=t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase();return{months:r.map(n)}}fetchYearList(){const t=ie(new Date);return Array.from({length:100},((e,r)=>t-r))}determinePrevButtonColor(){const t=s(new Date(ie(this.currentDate),ae(this.currentDate)-1,1),S(new Date));return t&&"primary-base"}getDateStatus(t){const[e,r]=[this.selectedDates[0],this.selectedDates[this.selectedDates.length-1]];const[n,a]=[this.defaultDates[0],this.defaultDates[this.defaultDates.length-1]];const i=this.selectedDates.length>1;const o=this.defaultDates.length>1;const s=this.isDateSelected(t)&&x(t,e);const u=this.isDateInDefaultSelection(t)&&x(t,n);const d=this.isDateSelected(t)&&x(t,r);const l=this.isDateInDefaultSelection(t)&&x(t,a);const c=s||u;const h=d||l;const v=this.expandDateRanges([{from:e===null||e===void 0?void 0:e.toISOString(),to:r===null||r===void 0?void 0:r.toISOString()}]);const f=this.expandDateRanges([{from:n===null||n===void 0?void 0:n.toISOString(),to:a===null||a===void 0?void 0:a.toISOString()}]);const m=i&&this.isDateInList(v,t);const w=o&&this.isDateInList(f,t);const g=this.isDateInValidPeriod(t);const b=!g||this.isDateInDisabledPeriod(t)||!this.isDateInEnabledPeriod(t);const p=this.isDateSelected(t);const y=this.mode==="range"&&(i||o);const M=this.mode!=="range"&&this.isDateInDefaultSelection(t);const D=(m||w)&&!c&&!h;return{isStart:c,isEnd:h,isValid:g,isInvalid:b,isSelected:p,isRange:y,isDefault:M,isInterval:D}}getClasses(t){const e={date:true};if(t===null)return e;const r=this.getDateStatus(t);e["today"]=oe(t);e["valid"]=r.isValid;e["invalid"]=r.isInvalid;e["selected"]=r.isSelected;e["range"]=r.isRange;e["default-dates"]=r.isDefault;e["start"]=r.isStart;e["interval"]=r.isInterval;e["end"]=r.isEnd;return e}getHostCSSProperties(){return{"--width":this.width,"--min-width":this.minWidth,"--max-width":this.maxWidth}}watchDefaultDatesArray(){this.selectedDates=this.customDates}handleDefaultDateChange(t){if(typeof t==="string"){const e=JSON.parse(t||"[]");if(typeof e==="string"){t=[e]}else{t=e}}this.defaultDates=this.expandDateRanges(t)}render(){const{months:t}=this.fetchMonthNames();return r(n,{key:"ae4a9147b11d95bbc2551b2ae090e94544e6dfff",style:this.getHostCSSProperties()},r("div",{key:"84c22c868bbd9ccbfe6167b5162c8196ebd816a8",class:`calendar ${this.floating?"floating":""} ${this.embedded?"embedded":""}`,style:this.styles},r("header",{key:"ea6f883598de9a4ea1801c29eeaec1cf16ab74cc",class:"header"},r("div",{key:"e1f03e867a906d73e76245e669dbb8248e6f9d15",class:`month-year ${this.type==="dropdown"&&"dropdown"}`},r("cura-icon",{key:"81b9e1b8e20d611e3250bac789ed6b8ea1248d59",class:`icon ${this.type==="dropdown"&&"dropdown"}`,name:"left",color:this.determinePrevButtonColor(),onClick:!this.collapsed?()=>this.updateCurrentMonth("prev"):()=>this.updateCurrentWeek("prev")}),this.type==="dropdown"?r("div",{class:"select"},r("cura-select",{size:"small",class:"drop-month",mode:"transparent",value:t[ae(this.currentDate)],onSelected:t=>this.onMonthDropdownChange(t)},t.map(((t,e)=>r("cura-select-option",{size:"xsmall",key:e,value:t},t)))),r("cura-select",{size:"small",class:"drop-year",mode:"transparent",value:ie(this.currentDate).toString(),onSelected:t=>this.onYearDropdownChange(t)},this.fetchYearList().map(((t,e)=>r("cura-select-option",{key:e,value:t.toString()},t.toString()))))):r("cura-label",{color:"neutral-black",size:"large"},t[ae(this.currentDate)].slice(0,3),", ",ie(this.currentDate)),r("cura-icon",{key:"5e1b1e265ceeb4910014ea637fdd6909d8cd1076",class:`icon ${this.type==="dropdown"&&"dropdown"}`,name:"right",color:"primary-base",onClick:!this.collapsed?()=>this.updateCurrentMonth("next"):()=>this.updateCurrentWeek("next")}))),r("span",{key:"3cfb73b9e65e546526f30e25e440bf9235c01213",class:"days-of-week"},this.fetchWeekDays().map(((t,e)=>r("cura-label",{class:"day",size:"xsmall",color:"neutral-black",weight:"bold",key:e},t==="sab"?"SÁB":t.toLocaleUpperCase())))),r("div",{key:"b4a4a2cfbac55a1b965b1f52e4ac06e5fef2be54",class:"dates"},!this.collapsed?this.fetchDaysOfMonth().map(((t,e)=>r("div",{key:e,class:this.getClasses(t),onClick:()=>this.onDateClick(t)},t?ee(t,"d"):""))):this.fetchDaysOfWeek().map(((t,e)=>r("div",{key:e,class:this.getClasses(t),onClick:()=>this.onDateClick(t)},t?ee(t,"d"):"")))),this.collapsed!==null?this.collapsed?r("div",{class:"collapsed-container"},r("cura-button-transparent",{onClick:()=>this.showNotColapsedCalendar(),size:"small",color:"primary",fontColor:"dark",iconName:"plusCircle"},"Veja mais datas")):r("div",{class:"collapsed-container"},r("cura-button-transparent",{onClick:()=>this.showColapsedCalendar(),size:"small",color:"primary",fontColor:"dark",iconName:"minusCircle"},"Veja menos datas")):null))}static get watchers(){return{customDates:["watchDefaultDatesArray"],defaultDate:["handleDefaultDateChange"]}}};xr.style=yr;export{xr as cura_calendar};
+//# sourceMappingURL=p-56ca01a1.entry.js.map