@rededor/cura 0.3.4-alpha.2 → 0.3.5

package/dist/cura/p-afece917.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaButtonCss","CuraButton","exports","class_1","prototype","handleChangeColor","this","setColors","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","textAlign","getClasses","classes","concat","type","toLowerCase","size","iconPosition","fontColor","disabled","Object","assign","color","getIcon","iconName","iconSize","h","name","iconset","render","Host","href","target","class","style","label","inverted","curaDisplayCss","CuraDisplay","class_2","setFontProperties","bold","black","setHostProperty","spotColor","prop","value","host","setProperty","getHeadingTag","tags","default","level","curaHeadingCss","CuraHeading","class_3","weight","regular","curaIconCss","CuraIcon","sizes","stroke","class_4","sizeHandler","_this","scaledStroke","colorHandler","assetsPath","localAssetsPath","version","viewBox","preserveAspectRatio","xmlns","xlinkHref","curaPageTemplateCss","CuraPageTemplate","class_5","contentwidth","id","curaParagraphCss","CuraParagraph","class_6","setsizeClass","sizeclass"],"sources":["src/components/buttons/cura-button/cura-button.scss?tag=cura-button&encapsulation=shadow","src/components/buttons/cura-button/cura-button.tsx","src/components/text/cura-display/cura-display.scss?tag=cura-display&encapsulation=shadow","src/components/text/cura-display/cura-display.tsx","src/components/text/cura-heading/cura-heading.scss?tag=cura-heading&encapsulation=shadow","src/components/text/cura-heading/cura-heading.tsx","src/components/cura-icon/cura-icon.scss?tag=cura-icon&encapsulation=shadow","src/components/cura-icon/cura-icon.tsx","src/components/cura-page-template/cura-page-template.scss?tag=cura-page-template&encapsulation=shadow","src/components/cura-page-template/cura-page-template.tsx","src/components/text/cura-paragraph/cura-paragraph.scss?tag=cura-paragraph&encapsulation=shadow","src/components/text/cura-paragraph/cura-paragraph.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  vertical-align: middle;\n\n  button, a {\n    --shadown-color: 38, 38, 38;\n    --shadow-opacity: 0.16;\n\n    outline: none;\n    box-shadow: none;\n    box-sizing: border-box;\n    padding: calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);\n    min-height: calc(var(--base-spacing) * 13px);\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    transition: background-color .05s linear, box-shadow .05s linear, border-color .05s linear;\n    font-size: var(--font-size);\n    cursor: pointer;\n\n    .button-container {\n      display: flex;\n      align-items: center;\n    }\n\n    &:hover   { box-shadow: 0 4px 8px 0 RGBA(var(--shadown-color), var(--shadow-opacity)); }\n    &:active  { box-shadow: none; }\n\n    .label { \n      flex: 1;\n      color: var(--neutral-black);\n      font-family: var(--font-family);\n      font-weight: var(--font-weight-medium);\n      font-size: 1.43em;\n      line-height: 1.1em;\n      text-align: var(--text-align, 'left');\n    }\n\n    &.icon-left cura-icon {\n      margin-right: calc(var(--base-spacing) * 3px);\n    }\n\n    &.icon-right {\n      flex-direction: row-reverse;\n      cura-icon {\n        margin-left: calc(var(--base-spacing) * 3px);\n      }\n    }\n\n    // Sizes\n  \n    &.medium {\n      padding: calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);\n      min-height: calc(var(--base-spacing) * 11px);\n\n      &:hover   { box-shadow: 0 3px 6px 0 RGBA(var(--shadown-color), var(--shadow-opacity)); }\n      &:active  { box-shadow: none; }\n\n      .label    { font-size: 1.14em; letter-spacing: 2%; }\n    }\n\n    &.small {\n      padding: calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);\n      min-height: calc(var(--base-spacing) * 8px);\n\n      &:hover   { box-shadow: 0 2px 5px 0 RGBA(var(--shadown-color), var(--shadow-opacity)); }\n      &:active  { box-shadow: none; }\n\n      &.icon-left cura-icon { margin-right: calc(var(--base-spacing) * 2.5px); }\n\n      &.icon-right cura-icon { margin-left: calc(var(--base-spacing) * 2.5px); }\n\n      .label { font-size: 1em; letter-spacing: 2%; }\n    }\n\n    // Disabled general\n\n    &.disabled {\n      cursor: not-allowed;\n      &:hover { box-shadow: none; }\n    }\n\n    // Types\n\n    &.button-solid {\n      background-color: var(--color-base);\n      /* border-width: 1px;\n      border-color: var(--color-dark);\n      border-style: solid; */\n      border: none;\n\n      &:hover {\n        background-color: var(--color-light);\n        // border-color: var(--color-base);\n      }\n\n      &:active { background-color: var(--color-dark); }\n\n      .label { \n        color: var(--neutral-black);\n        &.inverted { color: var(--neutral-white); }\n      }\n\n      &.disabled {\n        background-color: var(--neutral-light);\n        // border-color: var(--neutral-base);\n  \n        .label, .label.inverted { color: var(--neutral-dark); }\n      }\n    }\n\n    &.button-outline {\n      background-color: transparent;\n      border-width: 2px;\n      border-color: var(--color-base);\n      border-style: solid;\n\n      &:hover { border-color: var(--color-light); }\n\n      &:not(.disabled):hover {\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n\n      .label { \n        color: var(--color-base);\n        &.inverted { color: var(--neutral-white); }\n      }\n\n      &:not(.disabled):not(.inverted):active { \n        border-color: var(--color-dark);\n        .label { color: var(--color-dark); }\n        cura-icon { --color: var(--color-dark) !important; }\n      }\n\n      &.disabled {\n        border-color: var(--neutral-base);\n        .label, .label.inverted { color: var(--neutral-dark); }\n      }\n\n      &.inverted {\n        border-color: var(--neutral-white);\n        &:hover { \n          border-color: var(--color-lighter); \n          box-shadow: none;\n          .label { color: var(--color-lighter); }\n          cura-icon { --color: var(--color-lighter) !important; }\n        }\n        &:not(.disabled):active {\n          border-color: var(--color-light);\n          .label { color: var(--color-light); }\n          cura-icon { --color: var(--color-light) !important; }\n        }\n        &.disabled {\n          opacity: 0.6;\n          border-color: var(--neutral-white);\n          .label, .label.inverted { color: var(--neutral-white); }\n          cura-icon { --color: var(--neutral-white) !important; }\n        }\n      }\n\n    }\n\n  }\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button',\n  styleUrl: 'cura-button.scss',\n  shadow: true,\n})\nexport class CuraButton {\n\n  /**\n   * Button type: solid (default) | outline | transparent | icon.\n   */\n  @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | 'icon' = 'solid';\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  /**\n   * Property href switch button to link.\n   */\n  @Prop({reflect: true}) href: string;\n  /**\n   * Set target if link.\n   */\n  @Prop() target = \"_self\";\n\n  /**\n   * Color base from color scheme. Default: accent.\n   */\n  @Prop() color = 'accent';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n  /**\n   * Set the font color to dark or light.\n   */\n  @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n  /**\n   * Set text aligment for the button label.\n   * Vales: left (default) | center | right.\n   */\n  @Prop() textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n  @State() styles = {};\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-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\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['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\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  getClasses() {\n    const classes = {};\n    classes[`button-${this.type.toLowerCase()}`] = true;\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes['inverted'] = this.fontColor === 'light';\n    classes['disabled'] = this.disabled;\n    return classes;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n    };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    const color = this.disabled \n      ? 'neutral-dark' \n      : this.fontColor === 'light' \n        ? 'neutral-white' \n        : this.type === 'solid'\n          ? 'neutral-black'\n          : `${this.color}-base`;\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  render() {\n    return (\n      <Host>\n      { this.href ? (\n        <a href={this.disabled ? '' : this.href} target={this.target} class={this.getClasses()} style={this.styles}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n        </a>\n      ) : (\n        <button class={this.getClasses()} style={this.styles} disabled={this.disabled || null}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n        </button>\n      )}\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n  text-transform: uppercase;\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 4.285em;\n    font-weight: var(--font-weight-black);\n    color: var(--color-body);\n    line-height: 120%;\n    letter-spacing: -4%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size:6.21em;\n    }\n\n    &.small {\n      font-size: 3em;\n      font-weight: var(--font-weight-bold);\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 4.92em;\n\n      &.large {\n        font-size: 7.07em;\n      }\n\n      &.small {\n        font-size: 3.428em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 6.14em;\n      line-height: 125%;\n\n      &.large {\n        font-size: 8.857em;\n        letter-spacing: -6%;\n      }\n\n      &.small {\n        font-size: 4.285em;\n        letter-spacing: -2%;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-display',\n  styleUrl: 'cura-display.scss',\n  shadow: true,\n})\nexport class CuraDisplay {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n  * Heading style size.\n  * Values: small | regular(default) | large.\n  */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n \n   /**\n    * Host element <cura-heading>\n    */\n   @Element() host: HTMLElement;\n \n   /**\n    * Internal Props\n    */\n   weights: any;\n   styles: any;\n\n   connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 1.71em;\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 130%;\n    letter-spacing: 0%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.bold-weight {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &.large {\n      font-size: 2.07em;\n      letter-spacing: -2%;\n    }\n\n    &.small {\n      font-size: 1.214em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.bold-weight {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2em;\n\n      &.large {\n        font-size: 2.357em;\n      }\n\n      &.small {\n        font-size: 1.357em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2.5em;\n      line-height: 135%;\n      letter-spacing: -2%;\n\n      &.large {\n        font-size: 2.92em;\n      }\n\n      &.small {\n        font-size: 1.71em;\n        line-height: 160%;\n        letter-spacing: 0%;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'cura-heading',\n  styleUrl: 'cura-heading.scss',\n  shadow: true,\n})\nexport class CuraHeading {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n   * Heading style size.\n   * Values: small | regular(default) | large.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n   * Heading font weight.\n   * Values: regular(default) | bold.\n   */\n  @Prop({reflect: true}) weight = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n\n  /**\n   * Host element <cura-heading>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    classes[`${this.weight.toLowerCase()}-weight`] = true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n",":host {\n  width: var(--size);\n  height: var(--size);\n  svg {\n    display: inline-block;\n    stroke: var(--color);\n    width: var(--size);\n    height: var(--size);\n    stroke-width: var(--stroke);\n    fill: none;\n  }\n}\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-icon',\n  styleUrl: 'cura-icon.scss',\n  shadow: true\n})\nexport class CuraIcon {\n\n  @Prop({reflect: true}) name = '';\n  @Prop() color = 'neutral-base';\n  @Prop() size: string | number;\n  @Prop({reflect: true}) iconset = 'default';\n  @Prop() disabled = false;\n\n  @Element() host: HTMLElement;\n\n  sizes = {\n    \"128\": {size: 128, stroke: 5.25},\n    \"72\": {size: 72, stroke: 3.5},\n    \"64\": {size: 64, stroke: 3.25},\n    \"48\": {size: 48, stroke: 2.75},\n    \"40\": {size: 40, stroke: 2.5},\n    \"32\": {size: 32, stroke: 2.25},\n    \"24\": {size: 24, stroke: 2},\n    \"20\": {size: 20, stroke: 1.75},\n    \"16\": {size: 16, stroke: 1.5},\n    \"default\": {size: 24, stroke: 2}\n  };\n\n  @Watch('size')\n  sizeHandler(size: string | number) {\n    const scaledStroke = (iconSize: string | number) => {\n      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);\n    this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke(\"default\"));\n  }\n\n  @Watch('color')\n  @Watch('disabled')\n  colorHandler() {\n    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));\n  }\n\n  assetsPath: string;\n\n  connectedCallback() {\n    this.assetsPath = window.CuraAPI.localAssetsPath;\n    this.sizeHandler(this.size);\n    this.colorHandler();\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          version=\"1.1\"\n          viewBox=\"0 0 24 24\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <use\n            xlinkHref={`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`}>\n          </use>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n","@import '../../scss/mixins/responsive.scss';\n\n@mixin template-spacing($spacing-scale: 0px, $large-device: false) {\n  $spacing-px: calc(var(--spacing) * $spacing-scale);\n  padding: 0px;\n  @if $large-device {\n    #content-container {\n      #sidebar-left ::slotted(div[slot=\"sidebar-left\"]) {\n        margin-right: $spacing-px;\n      }\n      #sidebar-right ::slotted(div[slot=\"sidebar-right\"]) {\n        margin-left: $spacing-px;\n      }\n    }\n  }\n}\n\n:host {\n  display: block;\n\n  .grid-template {\n    display: grid;\n    grid-template-rows: auto;\n    grid-template-columns: auto;\n    grid-template-areas:\n      'sub-header'\n      'header'\n      'pre-content'\n      'content-container'\n      'post-body'\n      'footer'\n      'sub-footer';\n\n    #sub-header {\n      grid-area: sub-header;\n    }\n\n    #header {\n      grid-area: header;\n    }\n\n    #pre-content {\n      grid-area: pre-content;\n    }\n\n    #content-container {\n      grid-area: content-container;\n    }\n\n    #post-body {\n      grid-area: post-body;\n    }\n\n    #footer {\n      grid-area: footer;\n    }\n\n    #sub-footer {\n      grid-area: sub-footer;\n    }\n\n    @include mobile-only() {\n      $spacing-scale: 4px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include medium-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include large-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n      }\n    }\n\n    @include xlarge-only() {\n      $spacing-scale: 7px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n        &.centered {\n          max-width: $breakpoint-xlarge;\n          justify-self: center;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-page-template',\n  styleUrl: 'cura-page-template.scss',\n  shadow: true,\n})\nexport class CuraPageTemplate {\n\n  @Prop({reflect: true}) contentwidth: 'default' | 'centered' = 'default';\n\n  @Element() host: HTMLElement;\n\n  styles: any;\n\n  connectedCallback() {\n    this.styles = {\n      '--spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    }\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.contentwidth.toLowerCase()] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div style={this.styles} class=\"grid-template\">\n          <div id=\"sub-header\">\n            <slot name='sub-header'></slot>\n          </div>\n          <div id=\"header\">\n            <slot name='header'></slot>\n          </div>\n          <div id=\"pre-content\">\n            <slot name='pre-content'></slot>\n          </div>\n          <div id=\"content-container\" class={this.getClasses()}>\n            <div id=\"sidebar-left\">\n              <slot name='sidebar-left'></slot>\n            </div>\n            <div id=\"content\">\n              <slot name=\"content\"></slot>\n              <slot></slot>\n            </div>\n            <div id=\"sidebar-right\">\n              <slot name='sidebar-right'></slot>\n            </div>\n          </div>\n          <div id=\"post-body\">\n            <slot name='post-body'></slot>\n          </div>\n          <div id=\"footer\">\n            <slot name='footer'></slot>\n          </div>\n          <div id=\"sub-footer\">\n            <slot name='sub-footer'></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 140%;\n    letter-spacing: 2%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size: 1.21em;\n      line-height: 150%;\n      letter-spacing: 0%;\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: 135%;\n      letter-spacing: 4%;\n    }\n\n    &.caption {\n      font-size: 0.71em;\n      line-height: 135%;\n      letter-spacing: 6%;\n    }\n  }\n\n  @include medium-only() {\n    p { \n      font-size: 1.14em;\n      line-height: 145%;\n\n      &.large {\n        font-size: 1.35em;\n        line-height: 150%;\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: 135%;\n      }\n\n      &.caption {\n        font-size: 0.85em;\n        line-height: 135%;\n        letter-spacing: 6%;\n      }\n    }\n  }\n\n  @include large-up() {\n    p { \n      font-size: 1.42em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.large {\n        font-size: 1.71em;\n        line-height: 160%;\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: 145%;\n        letter-spacing: 0%;\n      }\n\n      &.caption {\n        font-size: 1em;\n        line-height: 145%;\n        letter-spacing: 2%;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-medium);\n    color: var(--color-link);\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'cura-paragraph',\n  styleUrl: 'cura-paragraph.scss',\n  shadow: true,\n})\nexport class CuraParagraph {\n\n  /**\n   * Set size of body text.\n   * Values: regular (default) | large | small | caption.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n  \n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  setsizeClass() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '1.25em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <p style={this.styles} class={this.setsizeClass()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as t,h as o,H as e,g as s}from"./p-cbc91ac5.js";const i=':host{display:inline-block;vertical-align:middle}:host button,:host a{--shadown-color:38, 38, 38;--shadow-opacity:0.16;outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;-webkit-transition:background-color 0.05s linear, border-color 0.05s linear, -webkit-box-shadow 0.05s linear;transition:background-color 0.05s linear, border-color 0.05s linear, -webkit-box-shadow 0.05s linear;transition:background-color 0.05s linear, box-shadow 0.05s linear, border-color 0.05s linear;transition:background-color 0.05s linear, box-shadow 0.05s linear, border-color 0.05s linear, -webkit-box-shadow 0.05s linear;font-size:var(--font-size);cursor:pointer}:host button .button-container,:host a .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host button:hover,:host a:hover{-webkit-box-shadow:0 4px 8px 0 RGBA(var(--shadown-color), var(--shadow-opacity));box-shadow:0 4px 8px 0 RGBA(var(--shadown-color), var(--shadow-opacity))}:host button:active,:host a:active{-webkit-box-shadow:none;box-shadow:none}:host button .label,:host a .label{-ms-flex:1;flex:1;color:var(--neutral-black);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1.43em;line-height:1.1em;text-align:var(--text-align, "left")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right,:host a.icon-right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium:hover,:host a.medium:hover{-webkit-box-shadow:0 3px 6px 0 RGBA(var(--shadown-color), var(--shadow-opacity));box-shadow:0 3px 6px 0 RGBA(var(--shadown-color), var(--shadow-opacity))}:host button.medium:active,:host a.medium:active{-webkit-box-shadow:none;box-shadow:none}:host button.medium .label,:host a.medium .label{font-size:1.14em;letter-spacing:2%}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 8px)}:host button.small:hover,:host a.small:hover{-webkit-box-shadow:0 2px 5px 0 RGBA(var(--shadown-color), var(--shadow-opacity));box-shadow:0 2px 5px 0 RGBA(var(--shadown-color), var(--shadow-opacity))}:host button.small:active,:host a.small:active{-webkit-box-shadow:none;box-shadow:none}:host button.small.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.5px)}:host button.small.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.5px)}:host button.small .label,:host a.small .label{font-size:1em;letter-spacing:2%}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:hover,:host a.disabled:hover{-webkit-box-shadow:none;box-shadow:none}:host button.button-solid,:host a.button-solid{background-color:var(--color-base);border:none}:host button.button-solid:hover,:host a.button-solid:hover{background-color:var(--color-light)}:host button.button-solid:active,:host a.button-solid:active{background-color:var(--color-dark)}:host button.button-solid .label,:host a.button-solid .label{color:var(--neutral-black)}:host button.button-solid .label.inverted,:host a.button-solid .label.inverted{color:var(--neutral-white)}:host button.button-solid.disabled,:host a.button-solid.disabled{background-color:var(--neutral-light)}:host button.button-solid.disabled .label,:host button.button-solid.disabled .label.inverted,:host a.button-solid.disabled .label,:host a.button-solid.disabled .label.inverted{color:var(--neutral-dark)}:host button.button-outline,:host a.button-outline{background-color:transparent;border-width:2px;border-color:var(--color-base);border-style:solid}:host button.button-outline:hover,:host a.button-outline:hover{border-color:var(--color-light)}:host button.button-outline:not(.disabled):hover .label,:host a.button-outline:not(.disabled):hover .label{color:var(--color-light)}:host button.button-outline:not(.disabled):hover cura-icon,:host a.button-outline:not(.disabled):hover cura-icon{--color:var(--color-light) !important}:host button.button-outline .label,:host a.button-outline .label{color:var(--color-base)}:host button.button-outline .label.inverted,:host a.button-outline .label.inverted{color:var(--neutral-white)}:host button.button-outline:not(.disabled):not(.inverted):active,:host a.button-outline:not(.disabled):not(.inverted):active{border-color:var(--color-dark)}:host button.button-outline:not(.disabled):not(.inverted):active .label,:host a.button-outline:not(.disabled):not(.inverted):active .label{color:var(--color-dark)}:host button.button-outline:not(.disabled):not(.inverted):active cura-icon,:host a.button-outline:not(.disabled):not(.inverted):active cura-icon{--color:var(--color-dark) !important}:host button.button-outline.disabled,:host a.button-outline.disabled{border-color:var(--neutral-base)}:host button.button-outline.disabled .label,:host button.button-outline.disabled .label.inverted,:host a.button-outline.disabled .label,:host a.button-outline.disabled .label.inverted{color:var(--neutral-dark)}:host button.button-outline.inverted,:host a.button-outline.inverted{border-color:var(--neutral-white)}:host button.button-outline.inverted:hover,:host a.button-outline.inverted:hover{border-color:var(--color-lighter);-webkit-box-shadow:none;box-shadow:none}:host button.button-outline.inverted:hover .label,:host a.button-outline.inverted:hover .label{color:var(--color-lighter)}:host button.button-outline.inverted:hover cura-icon,:host a.button-outline.inverted:hover cura-icon{--color:var(--color-lighter) !important}:host button.button-outline.inverted:not(.disabled):active,:host a.button-outline.inverted:not(.disabled):active{border-color:var(--color-light)}:host button.button-outline.inverted:not(.disabled):active .label,:host a.button-outline.inverted:not(.disabled):active .label{color:var(--color-light)}:host button.button-outline.inverted:not(.disabled):active cura-icon,:host a.button-outline.inverted:not(.disabled):active cura-icon{--color:var(--color-light) !important}:host button.button-outline.inverted.disabled,:host a.button-outline.inverted.disabled{opacity:0.6;border-color:var(--neutral-white)}:host button.button-outline.inverted.disabled .label,:host button.button-outline.inverted.disabled .label.inverted,:host a.button-outline.inverted.disabled .label,:host a.button-outline.inverted.disabled .label.inverted{color:var(--neutral-white)}:host button.button-outline.inverted.disabled cura-icon,:host a.button-outline.inverted.disabled cura-icon{--color:var(--neutral-white) !important}';const l=class{constructor(o){t(this,o);this.type="solid";this.size="large";this.disabled=false;this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.href=undefined;this.target="_self";this.color="accent";this.fontColor="dark";this.textAlign="left";this.styles={}}handleChangeColor(){this.setColors()}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-light"]=window.CuraAPI.theme.colors.getColor(`neutral-light`);this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor(`neutral-base`);this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor(`neutral-dark`);this.styles["--neutral-black"]=window.CuraAPI.theme.colors.getColor(`neutral-black`);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(){const t={};t[`button-${this.type.toLowerCase()}`]=true;t[`${this.size.toLowerCase()}`]=true;t[`icon-${this.iconPosition.toLowerCase()}`]=true;t["inverted"]=this.fontColor==="light";t["disabled"]=this.disabled;return t}setColors(){this.styles=Object.assign(Object.assign({},this.styles),{"--color-lighter":window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),"--color-light":window.CuraAPI.theme.colors.getColor(`${this.color}-light`),"--color-base":window.CuraAPI.theme.colors.getColor(`${this.color}-base`),"--color-dark":window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)})}getIcon(){if(!this.iconName)return"";const t=this.size==="small"?16:this.size==="medium"?20:24;const e=this.disabled?"neutral-dark":this.fontColor==="light"?"neutral-white":this.type==="solid"?"neutral-black":`${this.color}-base`;return o("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:e})}render(){return o(e,null,this.href?o("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles},o("span",{class:"button-container"},this.getIcon(),o("span",{class:{label:true,inverted:this.fontColor==="light"}},o("slot",null)))):o("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null},o("span",{class:"button-container"},this.getIcon(),o("span",{class:{label:true,inverted:this.fontColor==="light"}},o("slot",null)))))}static get watchers(){return{color:["handleChangeColor"]}}};l.style=i;const a=":host{display:block;font-size:var(--font-size);text-transform:uppercase}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:4.285em;font-weight:var(--font-weight-black);color:var(--color-body);line-height:120%;letter-spacing:-4%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:6.21em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3em;font-weight:var(--font-weight-bold)}@media (min-width: 768px) and (max-width: 1365px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.92em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:7.07em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.428em}}@media (min-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:6.14em;line-height:125%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:8.857em;letter-spacing:-6%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:4.285em;letter-spacing:-2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";const n=class{constructor(o){t(this,o);this.level=1;this.size="regular";this.inverted=false;this.spotColor="primary"}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()}getClasses(){const t={};t[this.size.toLowerCase()]=true;return t}setFontProperties(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize());this.setHostProperty("--block-margin","0.5em")}setColors(){const t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`):window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`)}setHostProperty(t,o){this.host.style.setProperty(t,o)}getHeadingTag(){const t={1:o("h1",{style:this.styles,class:this.getClasses()},o("slot",null)),2:o("h2",{style:this.styles,class:this.getClasses()},o("slot",null)),3:o("h3",{style:this.styles,class:this.getClasses()},o("slot",null)),4:o("h4",{style:this.styles,class:this.getClasses()},o("slot",null)),5:o("h5",{style:this.styles,class:this.getClasses()},o("slot",null)),6:o("h6",{style:this.styles,class:this.getClasses()},o("slot",null)),default:o("h1",{style:this.styles,class:this.getClasses()},o("slot",null))};return t[`${this.level}`]||t["default"]}render(){return o(e,null,this.getHeadingTag())}get host(){return s(this)}};n.style=a;const h=":host{display:block;font-size:var(--font-size)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.71em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:130%;letter-spacing:0%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.07em;letter-spacing:-2%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:150%;letter-spacing:0%}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}@media (min-width: 768px) and (max-width: 1365px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}}@media (min-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:135%;letter-spacing:-2%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.92em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.71em;line-height:160%;letter-spacing:0%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";const r=class{constructor(o){t(this,o);this.level=1;this.size="regular";this.weight="regular";this.inverted=false;this.spotColor="primary"}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()}getClasses(){const t={};t[this.size.toLowerCase()]=true;t[`${this.weight.toLowerCase()}-weight`]=true;return t}setFontProperties(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("heading"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize());this.setHostProperty("--block-margin","0.5em")}setColors(){const t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`):window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`)}setHostProperty(t,o){this.host.style.setProperty(t,o)}getHeadingTag(){const t={1:o("h1",{style:this.styles,class:this.getClasses()},o("slot",null)),2:o("h2",{style:this.styles,class:this.getClasses()},o("slot",null)),3:o("h3",{style:this.styles,class:this.getClasses()},o("slot",null)),4:o("h4",{style:this.styles,class:this.getClasses()},o("slot",null)),5:o("h5",{style:this.styles,class:this.getClasses()},o("slot",null)),6:o("h6",{style:this.styles,class:this.getClasses()},o("slot",null)),default:o("h1",{style:this.styles,class:this.getClasses()},o("slot",null))};return t[`${this.level}`]||t["default"]}render(){return o(e,null,this.getHeadingTag())}get host(){return s(this)}};r.style=h;const d=":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";const c=class{constructor(o){t(this,o);this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}};this.name="";this.color="neutral-base";this.size=undefined;this.iconset="default";this.disabled=false}sizeHandler(t){const o=t=>`${this.sizes[t].stroke*(this.sizes.default.size/this.sizes[t].size)}px`;this.setHostProperty("--size",this.sizes[`${t}`]?`${this.sizes[t].size}px`:`${this.sizes.default.size}px`);this.setHostProperty("--stroke",this.sizes[`${t}`]?o(t):o("default"))}colorHandler(){this.setHostProperty("--color",window.CuraAPI.theme.colors.getColor(this.disabled?"neutral-light":this.color))}connectedCallback(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size);this.colorHandler()}setHostProperty(t,o){this.host.style.setProperty(t,o)}render(){return o(e,null,o("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg"},o("use",{xlinkHref:`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`})))}get host(){return s(this)}static get watchers(){return{size:["sizeHandler"],color:["colorHandler"],disabled:["colorHandler"]}}};c.style=d;const b=':host{display:block}:host .grid-template{display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:"sub-header" "header" "pre-content" "content-container" "post-body" "footer" "sub-footer"}:host .grid-template #sub-header{grid-area:sub-header}:host .grid-template #header{grid-area:header}:host .grid-template #pre-content{grid-area:pre-content}:host .grid-template #content-container{grid-area:content-container}:host .grid-template #post-body{grid-area:post-body}:host .grid-template #footer{grid-area:footer}:host .grid-template #sub-footer{grid-area:sub-footer}@media (max-width: 360px){:host .grid-template{padding:0px}}@media (min-width: 768px) and (max-width: 1365px){:host .grid-template{padding:0px}}@media (min-width: 1366px) and (max-width: 1919px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 5px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 5px)}:host .grid-template #content-container{display:-ms-flexbox;display:flex}:host .grid-template #content-container #content{-ms-flex-positive:1;flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}}@media (min-width: 1920px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 7px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 7px)}:host .grid-template #content-container{display:-ms-flexbox;display:flex}:host .grid-template #content-container #content{-ms-flex-positive:1;flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}:host .grid-template #content-container.centered{max-width:1920px;justify-self:center}}';const u=class{constructor(o){t(this,o);this.contentwidth="default"}connectedCallback(){this.styles={"--spacing":window.CuraAPI.theme.spacing.getSpacing()}}getClasses(){const t={};t[this.contentwidth.toLowerCase()]=true;return t}render(){return o(e,null,o("div",{style:this.styles,class:"grid-template"},o("div",{id:"sub-header"},o("slot",{name:"sub-header"})),o("div",{id:"header"},o("slot",{name:"header"})),o("div",{id:"pre-content"},o("slot",{name:"pre-content"})),o("div",{id:"content-container",class:this.getClasses()},o("div",{id:"sidebar-left"},o("slot",{name:"sidebar-left"})),o("div",{id:"content"},o("slot",{name:"content"}),o("slot",null)),o("div",{id:"sidebar-right"},o("slot",{name:"sidebar-right"}))),o("div",{id:"post-body"},o("slot",{name:"post-body"})),o("div",{id:"footer"},o("slot",{name:"footer"})),o("div",{id:"sub-footer"},o("slot",{name:"sub-footer"}))))}get host(){return s(this)}};u.style=b;const g=":host{display:block;font-size:var(--font-size)}:host p{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:140%;letter-spacing:2%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}:host p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}:host p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}:host p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media (min-width: 768px) and (max-width: 1365px){:host p{font-size:1.14em;line-height:145%}:host p.large{font-size:1.35em;line-height:150%}:host p.small{font-size:1em;line-height:135%}:host p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media (min-width: 1366px){:host p{font-size:1.42em;line-height:150%;letter-spacing:0%}:host p.large{font-size:1.71em;line-height:160%}:host p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}:host p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";const m=class{constructor(o){t(this,o);this.size="regular";this.inverted=false;this.spotColor="primary"}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()}setsizeClass(){const t={};t[this.size.toLowerCase()]=true;return t}setFontProperties(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("body"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize());this.setHostProperty("--block-margin","1.25em")}setColors(){const t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`):window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`)}setHostProperty(t,o){this.host.style.setProperty(t,o)}render(){return o(e,null,o("p",{style:this.styles,class:this.setsizeClass()},o("slot",null)))}get host(){return s(this)}};m.style=g;export{l as cura_button,n as cura_display,r as cura_heading,c as cura_icon,u as cura_page_template,m as cura_paragraph};
+//# sourceMappingURL=p-cb641774.entry.js.map

package/dist/cura/p-cb641774.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaButtonCss","CuraButton","handleChangeColor","this","setColors","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","textAlign","getClasses","classes","type","toLowerCase","size","iconPosition","fontColor","disabled","Object","assign","color","getIcon","iconName","iconSize","h","name","iconset","render","Host","href","target","class","style","label","inverted","curaDisplayCss","CuraDisplay","setFontProperties","bold","black","setHostProperty","spotColor","prop","value","host","setProperty","getHeadingTag","tags","default","level","curaHeadingCss","CuraHeading","weight","regular","curaIconCss","CuraIcon","sizes","stroke","sizeHandler","scaledStroke","colorHandler","assetsPath","localAssetsPath","version","viewBox","preserveAspectRatio","xmlns","xlinkHref","curaPageTemplateCss","CuraPageTemplate","contentwidth","id","curaParagraphCss","CuraParagraph","setsizeClass","sizeclass"],"sources":["./src/components/buttons/cura-button/cura-button.scss?tag=cura-button&encapsulation=shadow","./src/components/buttons/cura-button/cura-button.tsx","./src/components/text/cura-display/cura-display.scss?tag=cura-display&encapsulation=shadow","./src/components/text/cura-display/cura-display.tsx","./src/components/text/cura-heading/cura-heading.scss?tag=cura-heading&encapsulation=shadow","./src/components/text/cura-heading/cura-heading.tsx","./src/components/cura-icon/cura-icon.scss?tag=cura-icon&encapsulation=shadow","./src/components/cura-icon/cura-icon.tsx","./src/components/cura-page-template/cura-page-template.scss?tag=cura-page-template&encapsulation=shadow","./src/components/cura-page-template/cura-page-template.tsx","./src/components/text/cura-paragraph/cura-paragraph.scss?tag=cura-paragraph&encapsulation=shadow","./src/components/text/cura-paragraph/cura-paragraph.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  vertical-align: middle;\n\n  button, a {\n    --shadown-color: 38, 38, 38;\n    --shadow-opacity: 0.16;\n\n    outline: none;\n    box-shadow: none;\n    box-sizing: border-box;\n    padding: calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);\n    min-height: calc(var(--base-spacing) * 13px);\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    transition: background-color .05s linear, box-shadow .05s linear, border-color .05s linear;\n    font-size: var(--font-size);\n    cursor: pointer;\n\n    .button-container {\n      display: flex;\n      align-items: center;\n    }\n\n    &:hover   { box-shadow: 0 4px 8px 0 RGBA(var(--shadown-color), var(--shadow-opacity)); }\n    &:active  { box-shadow: none; }\n\n    .label { \n      flex: 1;\n      color: var(--neutral-black);\n      font-family: var(--font-family);\n      font-weight: var(--font-weight-medium);\n      font-size: 1.43em;\n      line-height: 1.1em;\n      text-align: var(--text-align, 'left');\n    }\n\n    &.icon-left cura-icon {\n      margin-right: calc(var(--base-spacing) * 3px);\n    }\n\n    &.icon-right {\n      flex-direction: row-reverse;\n      cura-icon {\n        margin-left: calc(var(--base-spacing) * 3px);\n      }\n    }\n\n    // Sizes\n  \n    &.medium {\n      padding: calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);\n      min-height: calc(var(--base-spacing) * 11px);\n\n      &:hover   { box-shadow: 0 3px 6px 0 RGBA(var(--shadown-color), var(--shadow-opacity)); }\n      &:active  { box-shadow: none; }\n\n      .label    { font-size: 1.14em; letter-spacing: 2%; }\n    }\n\n    &.small {\n      padding: calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);\n      min-height: calc(var(--base-spacing) * 8px);\n\n      &:hover   { box-shadow: 0 2px 5px 0 RGBA(var(--shadown-color), var(--shadow-opacity)); }\n      &:active  { box-shadow: none; }\n\n      &.icon-left cura-icon { margin-right: calc(var(--base-spacing) * 2.5px); }\n\n      &.icon-right cura-icon { margin-left: calc(var(--base-spacing) * 2.5px); }\n\n      .label { font-size: 1em; letter-spacing: 2%; }\n    }\n\n    // Disabled general\n\n    &.disabled {\n      cursor: not-allowed;\n      &:hover { box-shadow: none; }\n    }\n\n    // Types\n\n    &.button-solid {\n      background-color: var(--color-base);\n      /* border-width: 1px;\n      border-color: var(--color-dark);\n      border-style: solid; */\n      border: none;\n\n      &:hover {\n        background-color: var(--color-light);\n        // border-color: var(--color-base);\n      }\n\n      &:active { background-color: var(--color-dark); }\n\n      .label { \n        color: var(--neutral-black);\n        &.inverted { color: var(--neutral-white); }\n      }\n\n      &.disabled {\n        background-color: var(--neutral-light);\n        // border-color: var(--neutral-base);\n  \n        .label, .label.inverted { color: var(--neutral-dark); }\n      }\n    }\n\n    &.button-outline {\n      background-color: transparent;\n      border-width: 2px;\n      border-color: var(--color-base);\n      border-style: solid;\n\n      &:hover { border-color: var(--color-light); }\n\n      &:not(.disabled):hover {\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n\n      .label { \n        color: var(--color-base);\n        &.inverted { color: var(--neutral-white); }\n      }\n\n      &:not(.disabled):not(.inverted):active { \n        border-color: var(--color-dark);\n        .label { color: var(--color-dark); }\n        cura-icon { --color: var(--color-dark) !important; }\n      }\n\n      &.disabled {\n        border-color: var(--neutral-base);\n        .label, .label.inverted { color: var(--neutral-dark); }\n      }\n\n      &.inverted {\n        border-color: var(--neutral-white);\n        &:hover { \n          border-color: var(--color-lighter); \n          box-shadow: none;\n          .label { color: var(--color-lighter); }\n          cura-icon { --color: var(--color-lighter) !important; }\n        }\n        &:not(.disabled):active {\n          border-color: var(--color-light);\n          .label { color: var(--color-light); }\n          cura-icon { --color: var(--color-light) !important; }\n        }\n        &.disabled {\n          opacity: 0.6;\n          border-color: var(--neutral-white);\n          .label, .label.inverted { color: var(--neutral-white); }\n          cura-icon { --color: var(--neutral-white) !important; }\n        }\n      }\n\n    }\n\n  }\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button',\n  styleUrl: 'cura-button.scss',\n  shadow: true,\n})\nexport class CuraButton {\n\n  /**\n   * Button type: solid (default) | outline | transparent | icon.\n   */\n  @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | 'icon' = 'solid';\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  /**\n   * Property href switch button to link.\n   */\n  @Prop({reflect: true}) href: string;\n  /**\n   * Set target if link.\n   */\n  @Prop() target = \"_self\";\n\n  /**\n   * Color base from color scheme. Default: accent.\n   */\n  @Prop() color = 'accent';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n  /**\n   * Set the font color to dark or light.\n   */\n  @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n  /**\n   * Set text aligment for the button label.\n   * Vales: left (default) | center | right.\n   */\n  @Prop() textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n  @State() styles = {};\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-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\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['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\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  getClasses() {\n    const classes = {};\n    classes[`button-${this.type.toLowerCase()}`] = true;\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes['inverted'] = this.fontColor === 'light';\n    classes['disabled'] = this.disabled;\n    return classes;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n    };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    const color = this.disabled \n      ? 'neutral-dark' \n      : this.fontColor === 'light' \n        ? 'neutral-white' \n        : this.type === 'solid'\n          ? 'neutral-black'\n          : `${this.color}-base`;\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  render() {\n    return (\n      <Host>\n      { this.href ? (\n        <a href={this.disabled ? '' : this.href} target={this.target} class={this.getClasses()} style={this.styles}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n        </a>\n      ) : (\n        <button class={this.getClasses()} style={this.styles} disabled={this.disabled || null}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n        </button>\n      )}\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n  text-transform: uppercase;\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 4.285em;\n    font-weight: var(--font-weight-black);\n    color: var(--color-body);\n    line-height: 120%;\n    letter-spacing: -4%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size:6.21em;\n    }\n\n    &.small {\n      font-size: 3em;\n      font-weight: var(--font-weight-bold);\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 4.92em;\n\n      &.large {\n        font-size: 7.07em;\n      }\n\n      &.small {\n        font-size: 3.428em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 6.14em;\n      line-height: 125%;\n\n      &.large {\n        font-size: 8.857em;\n        letter-spacing: -6%;\n      }\n\n      &.small {\n        font-size: 4.285em;\n        letter-spacing: -2%;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-display',\n  styleUrl: 'cura-display.scss',\n  shadow: true,\n})\nexport class CuraDisplay {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n  * Heading style size.\n  * Values: small | regular(default) | large.\n  */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n \n   /**\n    * Host element <cura-heading>\n    */\n   @Element() host: HTMLElement;\n \n   /**\n    * Internal Props\n    */\n   weights: any;\n   styles: any;\n\n   connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 1.71em;\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 130%;\n    letter-spacing: 0%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.bold-weight {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &.large {\n      font-size: 2.07em;\n      letter-spacing: -2%;\n    }\n\n    &.small {\n      font-size: 1.214em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.bold-weight {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2em;\n\n      &.large {\n        font-size: 2.357em;\n      }\n\n      &.small {\n        font-size: 1.357em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2.5em;\n      line-height: 135%;\n      letter-spacing: -2%;\n\n      &.large {\n        font-size: 2.92em;\n      }\n\n      &.small {\n        font-size: 1.71em;\n        line-height: 160%;\n        letter-spacing: 0%;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'cura-heading',\n  styleUrl: 'cura-heading.scss',\n  shadow: true,\n})\nexport class CuraHeading {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n   * Heading style size.\n   * Values: small | regular(default) | large.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n   * Heading font weight.\n   * Values: regular(default) | bold.\n   */\n  @Prop({reflect: true}) weight = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n\n  /**\n   * Host element <cura-heading>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    classes[`${this.weight.toLowerCase()}-weight`] = true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n",":host {\n  width: var(--size);\n  height: var(--size);\n  svg {\n    display: inline-block;\n    stroke: var(--color);\n    width: var(--size);\n    height: var(--size);\n    stroke-width: var(--stroke);\n    fill: none;\n  }\n}\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-icon',\n  styleUrl: 'cura-icon.scss',\n  shadow: true\n})\nexport class CuraIcon {\n\n  @Prop({reflect: true}) name = '';\n  @Prop() color = 'neutral-base';\n  @Prop() size: string | number;\n  @Prop({reflect: true}) iconset = 'default';\n  @Prop() disabled = false;\n\n  @Element() host: HTMLElement;\n\n  sizes = {\n    \"128\": {size: 128, stroke: 5.25},\n    \"72\": {size: 72, stroke: 3.5},\n    \"64\": {size: 64, stroke: 3.25},\n    \"48\": {size: 48, stroke: 2.75},\n    \"40\": {size: 40, stroke: 2.5},\n    \"32\": {size: 32, stroke: 2.25},\n    \"24\": {size: 24, stroke: 2},\n    \"20\": {size: 20, stroke: 1.75},\n    \"16\": {size: 16, stroke: 1.5},\n    \"default\": {size: 24, stroke: 2}\n  };\n\n  @Watch('size')\n  sizeHandler(size: string | number) {\n    const scaledStroke = (iconSize: string | number) => {\n      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);\n    this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke(\"default\"));\n  }\n\n  @Watch('color')\n  @Watch('disabled')\n  colorHandler() {\n    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));\n  }\n\n  assetsPath: string;\n\n  connectedCallback() {\n    this.assetsPath = window.CuraAPI.localAssetsPath;\n    this.sizeHandler(this.size);\n    this.colorHandler();\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          version=\"1.1\"\n          viewBox=\"0 0 24 24\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <use\n            xlinkHref={`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`}>\n          </use>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n","@import '../../scss/mixins/responsive.scss';\n\n@mixin template-spacing($spacing-scale: 0px, $large-device: false) {\n  $spacing-px: calc(var(--spacing) * $spacing-scale);\n  padding: 0px;\n  @if $large-device {\n    #content-container {\n      #sidebar-left ::slotted(div[slot=\"sidebar-left\"]) {\n        margin-right: $spacing-px;\n      }\n      #sidebar-right ::slotted(div[slot=\"sidebar-right\"]) {\n        margin-left: $spacing-px;\n      }\n    }\n  }\n}\n\n:host {\n  display: block;\n\n  .grid-template {\n    display: grid;\n    grid-template-rows: auto;\n    grid-template-columns: auto;\n    grid-template-areas:\n      'sub-header'\n      'header'\n      'pre-content'\n      'content-container'\n      'post-body'\n      'footer'\n      'sub-footer';\n\n    #sub-header {\n      grid-area: sub-header;\n    }\n\n    #header {\n      grid-area: header;\n    }\n\n    #pre-content {\n      grid-area: pre-content;\n    }\n\n    #content-container {\n      grid-area: content-container;\n    }\n\n    #post-body {\n      grid-area: post-body;\n    }\n\n    #footer {\n      grid-area: footer;\n    }\n\n    #sub-footer {\n      grid-area: sub-footer;\n    }\n\n    @include mobile-only() {\n      $spacing-scale: 4px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include medium-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include large-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n      }\n    }\n\n    @include xlarge-only() {\n      $spacing-scale: 7px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n        &.centered {\n          max-width: $breakpoint-xlarge;\n          justify-self: center;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-page-template',\n  styleUrl: 'cura-page-template.scss',\n  shadow: true,\n})\nexport class CuraPageTemplate {\n\n  @Prop({reflect: true}) contentwidth: 'default' | 'centered' = 'default';\n\n  @Element() host: HTMLElement;\n\n  styles: any;\n\n  connectedCallback() {\n    this.styles = {\n      '--spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    }\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.contentwidth.toLowerCase()] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div style={this.styles} class=\"grid-template\">\n          <div id=\"sub-header\">\n            <slot name='sub-header'></slot>\n          </div>\n          <div id=\"header\">\n            <slot name='header'></slot>\n          </div>\n          <div id=\"pre-content\">\n            <slot name='pre-content'></slot>\n          </div>\n          <div id=\"content-container\" class={this.getClasses()}>\n            <div id=\"sidebar-left\">\n              <slot name='sidebar-left'></slot>\n            </div>\n            <div id=\"content\">\n              <slot name=\"content\"></slot>\n              <slot></slot>\n            </div>\n            <div id=\"sidebar-right\">\n              <slot name='sidebar-right'></slot>\n            </div>\n          </div>\n          <div id=\"post-body\">\n            <slot name='post-body'></slot>\n          </div>\n          <div id=\"footer\">\n            <slot name='footer'></slot>\n          </div>\n          <div id=\"sub-footer\">\n            <slot name='sub-footer'></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 140%;\n    letter-spacing: 2%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size: 1.21em;\n      line-height: 150%;\n      letter-spacing: 0%;\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: 135%;\n      letter-spacing: 4%;\n    }\n\n    &.caption {\n      font-size: 0.71em;\n      line-height: 135%;\n      letter-spacing: 6%;\n    }\n  }\n\n  @include medium-only() {\n    p { \n      font-size: 1.14em;\n      line-height: 145%;\n\n      &.large {\n        font-size: 1.35em;\n        line-height: 150%;\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: 135%;\n      }\n\n      &.caption {\n        font-size: 0.85em;\n        line-height: 135%;\n        letter-spacing: 6%;\n      }\n    }\n  }\n\n  @include large-up() {\n    p { \n      font-size: 1.42em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.large {\n        font-size: 1.71em;\n        line-height: 160%;\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: 145%;\n        letter-spacing: 0%;\n      }\n\n      &.caption {\n        font-size: 1em;\n        line-height: 145%;\n        letter-spacing: 2%;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-medium);\n    color: var(--color-link);\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'cura-paragraph',\n  styleUrl: 'cura-paragraph.scss',\n  shadow: true,\n})\nexport class CuraParagraph {\n\n  /**\n   * Set size of body text.\n   * Values: regular (default) | large | small | caption.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n  \n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  setsizeClass() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '1.25em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <p style={this.styles} class={this.setsizeClass()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

package/dist/cura/p-cbc91ac5.js

@@ -0,0 +1,3 @@
+const t="cura";let e;let n;let s;let l=false;let o=false;let i=false;let f=false;let c=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="{visibility:hidden}.hydrated{visibility:inherit}";const d="http://www.w3.org/1999/xlink";const h={};const p="http://www.w3.org/2000/svg";const w="http://www.w3.org/1999/xhtml";const $=t=>t!=null;const y=t=>{t=typeof t;return t==="object"||t==="function"};function b(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const m=(t,e,...n)=>{let s=null;let l=null;let o=false;let i=false;const f=[];const c=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){c(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!y(s)){s=String(s)}if(o&&i){f[f.length-1].t+=s}else{f.push(o?g(null,s):s)}i=o}}};c(n);if(e){if(e.name){l=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}const r=g(t,null);r.l=e;if(f.length>0){r.o=f}{r.i=l}return r};const g=(t,e)=>{const n={u:0,h:t,t:e,p:null,o:null};{n.l=null}{n.i=null}return n};const v={};const S=t=>t&&t.h===v;const j=(t,e)=>{if(t!=null&&!y(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const k=t=>$t(t).$;const C=(t,e,n)=>{const s=Mt.ce(e,n);t.dispatchEvent(s);return s};const O=new WeakMap;const M=(t,e,n)=>{let s=jt.get(t);if(Pt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}jt.set(t,s)};const x=(t,e,n,s)=>{var l;let o=P(e);const i=jt.get(o);t=t.nodeType===11?t:Ot;if(i){if(typeof i==="string"){t=t.head||t;let n=O.get(t);let f;if(!n){O.set(t,n=new Set)}if(!n.has(o)){{if(Mt.m){f=Mt.m.createHostStyle(s,o,i,!!(e.u&10));const t=f["s-sc"];if(t){o=t;n=null}}else{f=Ot.createElement("style");f.innerHTML=i}const c=(l=Mt.g)!==null&&l!==void 0?l:b(Ot);if(c!=null){f.setAttribute("nonce",c)}t.insertBefore(f,t.querySelector("link"))}if(n){n.add(o)}}}else if(!t.adoptedStyleSheets.includes(i)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]}}return o};const R=t=>{const e=t.v;const n=t.$;const s=e.u;const l=r("attachStyles",e.S);const o=x(xt&&n.shadowRoot?n.shadowRoot:n.getRootNode(),e,t.j,n);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}l()};const P=(t,e)=>"sc-"+t.S;const T=(t,e,n,s,l,o)=>{if(n!==s){let i=mt(t,e);let f=e.toLowerCase();if(e==="class"){const e=t.classList;const l=U(n);const o=U(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(mt(kt,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n){Mt.rel(t,e,n,false)}if(s){Mt.ael(t,e,s,false)}}else{const c=y(s);if((i||c&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){e=f;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(d,e)}else{t.removeAttribute(e)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;if(r){t.setAttributeNS(d,e,s)}else{t.setAttribute(e,s)}}}}};const N=/\s/;const U=t=>!t?[]:t.split(N);const E=(t,e,n,s)=>{const l=e.p.nodeType===11&&e.p.host?e.p.host:e.p;const o=t&&t.l||h;const i=e.l||h;{for(s in o){if(!(s in i)){T(l,s,o[s],undefined,n,e.u)}}}for(s in i){T(l,s,o[s],i[s],n,e.u)}};const A=(t,o,c,r)=>{const u=o.o[c];let a=0;let d;let h;let y;if(!l){i=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.u|=u.o?2:1}}if(u.t!==null){d=u.p=Ot.createTextNode(u.t)}else if(u.u&1){d=u.p=Ot.createTextNode("")}else{if(!f){f=u.h==="svg"}d=u.p=Ot.createElementNS(f?p:w,u.u&2?"slot-fb":u.h);if(f&&u.h==="foreignObject"){f=false}{E(null,u,f)}if($(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){h=A(t,u,a,d);if(h){d.appendChild(h)}}}{if(u.h==="svg"){f=false}else if(d.tagName==="foreignObject"){f=true}}}{d["s-hn"]=s;if(u.u&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.i||"";y=t&&t.o&&t.o[c];if(y&&y.h===u.h&&t.p){F(t.p,false)}}}return d};const F=(t,e)=>{Mt.u|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){V(l).insertBefore(l,I(l));l["s-ol"].remove();l["s-ol"]=undefined;i=true}if(e){F(l,e)}}Mt.u&=~1};const H=(t,e,n,l,o,i)=>{let f=t["s-cr"]&&t["s-cr"].parentNode||t;let c;if(f.shadowRoot&&f.tagName===s){f=f.shadowRoot}for(;o<=i;++o){if(l[o]){c=A(null,n,o,t);if(c){l[o].p=c;f.insertBefore(c,I(e))}}}};const L=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.p;if(t){{o=true;if(t["s-ol"]){t["s-ol"].remove()}else{F(t,true)}}t.remove()}}}};const W=(t,e,n,s)=>{let l=0;let o=0;let i=e.length-1;let f=e[0];let c=e[i];let r=s.length-1;let u=s[0];let a=s[r];let d;while(l<=i&&o<=r){if(f==null){f=e[++l]}else if(c==null){c=e[--i]}else if(u==null){u=s[++o]}else if(a==null){a=s[--r]}else if(q(f,u)){_(f,u);f=e[++l];u=s[++o]}else if(q(c,a)){_(c,a);c=e[--i];a=s[--r]}else if(q(f,a)){if(f.h==="slot"||a.h==="slot"){F(f.p.parentNode,false)}_(f,a);t.insertBefore(f.p,c.p.nextSibling);f=e[++l];a=s[--r]}else if(q(c,u)){if(f.h==="slot"||a.h==="slot"){F(c.p.parentNode,false)}_(c,u);t.insertBefore(c.p,f.p);c=e[--i];u=s[++o]}else{{d=A(e&&e[o],n,o,t);u=s[++o]}if(d){{V(f.p).insertBefore(d,I(f.p))}}}}if(l>i){H(t,s[r+1]==null?null:s[r+1].p,n,s,o,r)}else if(o>r){L(e,l,i)}};const q=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.i===e.i}return true}return false};const I=t=>t&&t["s-ol"]||t;const V=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const _=(t,e)=>{const n=e.p=t.p;const s=t.o;const l=e.o;const o=e.h;const i=e.t;let c;if(i===null){{f=o==="svg"?true:o==="foreignObject"?false:f}{if(o==="slot");else{E(t,e,f)}}if(s!==null&&l!==null){W(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}H(n,null,e,l,0,l.length-1)}else if(s!==null){L(s,0,s.length-1)}if(f&&o==="svg"){f=false}}else if(c=n["s-cr"]){c.parentNode.textContent=i}else if(t.t!==i){n.data=i}};const z=t=>{const e=t.childNodes;let n;let s;let l;let o;let i;let f;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){i=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){f=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||i!==""){if(f===1&&i===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(f===1||f===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}z(n)}}};const B=[];const D=t=>{let e;let n;let s;let l;let i;let f;let c=0;const r=t.childNodes;const u=r.length;for(;c<u;c++){e=r[c];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(f=s.length-1;f>=0;f--){n=s[f];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(G(n,l)){i=B.find((t=>t.k===n));o=true;n["s-sn"]=n["s-sn"]||l;if(i){i.C=e}else{B.push({C:e,k:n})}if(n["s-sr"]){B.map((t=>{if(G(t.k,n["s-sn"])){i=B.find((t=>t.k===n));if(i&&!t.C){t.C=i.C}}}))}}else if(!B.some((t=>t.k===n))){B.push({k:n})}}}}if(e.nodeType===1){D(e)}}};const G=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const J=(t,f)=>{const c=t.$;const r=t.v;const u=t.O||g(null,null);const a=S(f)?f:m(null,null,f);s=c.tagName;if(r.M){a.l=a.l||{};r.M.map((([t,e])=>a.l[e]=c[t]))}a.h=null;a.u|=4;t.O=a;a.p=u.p=c.shadowRoot||c;{e=c["s-sc"]}{n=c["s-cr"];l=xt&&(r.u&1)!==0;o=false}_(u,a);{Mt.u|=1;if(i){D(a.p);let t;let e;let n;let s;let l;let o;let i=0;for(;i<B.length;i++){t=B[i];e=t.k;if(!e["s-ol"]){n=Ot.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(i=0;i<B.length;i++){t=B[i];e=t.k;if(t.C){s=t.C.parentNode;l=t.C.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){z(a.p)}Mt.u&=~1;B.length=0}};const K=(t,e)=>{if(e&&!t.R&&e["s-p"]){e["s-p"].push(new Promise((e=>t.R=e)))}};const Q=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}K(t,t.P);const n=()=>X(t,e);return Ht(n)};const X=(t,e)=>{const n=r("scheduleUpdate",t.v.S);const s=t.T;let l;n();return Y(l,(()=>Z(t,s,e)))};const Y=(t,e)=>t instanceof Promise?t.then(e):e();const Z=async(t,e,n)=>{var s;const l=t.$;const o=r("update",t.v.S);const i=l["s-rc"];if(n){R(t)}const f=r("render",t.v.S);{tt(t,e)}if(Mt.m){Mt.m.updateHost(l)}if(i){i.map((t=>t()));l["s-rc"]=undefined}f();o();{const e=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>et(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const tt=(t,e,n)=>{try{e=e.render();{t.u&=~16}{t.u|=2}{{{J(t,e)}}}}catch(e){gt(e,t.$)}return null};const et=t=>{const e=t.v.S;const n=t.$;const s=r("postUpdate",e);const l=t.P;if(!(t.u&64)){t.u|=64;{lt(n)}s();{t.N(n);if(!l){nt()}}}else{s()}{if(t.R){t.R();t.R=undefined}if(t.u&512){Ft((()=>Q(t,false)))}t.u&=~(4|512)}};const nt=e=>{{lt(Ot.documentElement)}Ft((()=>C(kt,"appload",{detail:{namespace:t}})))};const st=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){gt(t)}}return undefined};const lt=t=>t.classList.add("hydrated");const ot=(t,e)=>$t(t).U.get(e);const it=(t,e,n,s)=>{const l=$t(t);const o=l.$;const i=l.U.get(e);const f=l.u;const c=l.T;n=j(n,s.A[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(f&8)||i===undefined)&&u){l.U.set(e,n);if(c){if(s.F&&f&128){const t=s.F[e];if(t){t.map((t=>{try{c[t](n,i,e)}catch(t){gt(t,o)}}))}}if((f&(2|16))===2){Q(l,false)}}}};const ft=(t,e,n)=>{if(e.A){if(t.watchers){e.F=t.watchers}const s=Object.entries(e.A);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return ot(this,t)},set(n){it(this,t,n,e)},configurable:true,enumerable:true})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){Mt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.M.push([t,l])}return l}))}}return t};const ct=async(t,e,n,s,l)=>{if((e.u&32)===0){e.u|=32;{l=St(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.F=l.watchers}ft(l,n,2);l.isProxied=true}const t=r("createInstance",n.S);{e.u|=8}try{new l(e)}catch(t){gt(t)}{e.u&=~8}{e.u|=128}t();rt(e.T)}if(l.style){let t=l.style;const e=P(n);if(!jt.has(e)){const s=r("registerStyles",n.S);if(n.u&8){t=await import("./p-beab48cd.js").then((n=>n.scopeCss(t,e,false)))}M(e,t,!!(n.u&1));s()}}}const o=e.P;const i=()=>Q(e,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const rt=t=>{{st(t,"connectedCallback")}};const ut=t=>{if((Mt.u&1)===0){const e=$t(t);const n=e.v;const s=r("connectedCallback",n.S);if(!(e.u&1)){e.u|=1;{if(n.u&(4|8)){at(t)}}{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){K(e,e.P=n);break}}}if(n.A){Object.entries(n.A).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{ct(t,e,n)}}else{rt(e.T)}s()}};const at=t=>{const e=t["s-cr"]=Ot.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const dt=t=>{if((Mt.u&1)===0){$t(t);if(Mt.m){Mt.m.removeHost(t)}}};const ht=(t,e={})=>{var n;const s=r();const l=[];const o=e.exclude||[];const i=kt.customElements;const f=Ot.head;const c=f.querySelector("meta[charset]");const u=Ot.createElement("style");const d=[];let h;let p=true;Object.assign(Mt,e);Mt.H=new URL(e.resourcesUrl||"./",Ot.baseURI).href;t.map((t=>{t[1].map((e=>{const n={u:e[0],S:e[1],A:e[2],L:e[3]};{n.A=e[2]}{n.M=[]}{n.F={}}if(!xt&&n.u&1){n.u|=8}const s=n.S;const f=class extends HTMLElement{constructor(t){super(t);t=this;bt(t,n);if(n.u&1){if(xt){{t.attachShadow({mode:"open"})}}else if(!("shadowRoot"in t)){t.shadowRoot=t}}}connectedCallback(){if(h){clearTimeout(h);h=null}if(p){d.push(this)}else{Mt.jmp((()=>ut(this)))}}disconnectedCallback(){Mt.jmp((()=>dt(this)))}componentOnReady(){return $t(this).W}};n.q=t[0];if(!o.includes(s)&&!i.get(s)){l.push(s);i.define(s,ft(f,n,1))}}))}));{u.innerHTML=l+a;u.setAttribute("data-styles","");const t=(n=Mt.g)!==null&&n!==void 0?n:b(Ot);if(t!=null){u.setAttribute("nonce",t)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}p=false;if(d.length){d.map((t=>t.connectedCallback()))}else{{Mt.jmp((()=>h=setTimeout(nt,30)))}}s()};const pt=t=>Mt.g=t;const wt=new WeakMap;const $t=t=>wt.get(t);const yt=(t,e)=>wt.set(e.T=t,e);const bt=(t,e)=>{const n={u:0,$:t,v:e,U:new Map};{n.W=new Promise((t=>n.N=t));t["s-p"]=[];t["s-rc"]=[]}return wt.set(t,n)};const mt=(t,e)=>e in t;const gt=(t,e)=>(0,console.error)(t,e);const vt=new Map;const St=(t,e,n)=>{const s=t.S.replace(/-/g,"_");const l=t.q;const o=vt.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{vt.set(l,t)}return t[s]}),gt)};const jt=new Map;const kt=typeof window!=="undefined"?window:{};const Ct=kt.CSS;const Ot=kt.document||{head:{}};const Mt={u:0,H:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const xt=(()=>(Ot.head.attachShadow+"").indexOf("[native")>-1)();const Rt=t=>Promise.resolve(t);const Pt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Tt=[];const Nt=[];const Ut=(t,e)=>n=>{t.push(n);if(!c){c=true;if(e&&Mt.u&4){Ft(At)}else{Mt.raf(At)}}};const Et=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){gt(t)}}t.length=0};const At=()=>{Et(Tt);{Et(Nt);if(c=Tt.length>0){Mt.raf(At)}}};const Ft=t=>Rt().then(t);const Ht=Ut(Nt,true);export{Ct as C,v as H,Rt as a,ht as b,k as g,m as h,Mt as p,yt as r,pt as s,kt as w};
+//# sourceMappingURL=p-cbc91ac5.js.map