@pine-ds/core 3.24.3 → 3.24.4

package/dist/pine-core/{p-C5nO4zps.system.js.map → p-CGu84YSR.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-C5nO4zps.system.js","sources":["src/components/pds-sortable/pds-sortable-item/pds-sortable-item.scss?tag=pds-sortable-item&encapsulation=scoped","src/components/pds-sortable/pds-sortable-item/pds-sortable-item.tsx"],"sourcesContent":[":host(.pds-sortable-item) {\n  align-items: center;\n  display: flex;\n  padding-block: var(--pine-dimension-xs);\n  padding-inline: var(--pine-dimension-md);\n\n  .pds-sortable-item__actions {\n    margin-inline-start: auto;\n    padding-inline-start: var(--pine-dimension-md);\n  }\n\n  .pds-sortable-item__handle {\n    line-height: 1;\n    margin-inline-end: var(--pine-dimension-md);\n  }\n\n  // styles when sortable is bordered\n  .pds-sortable--bordered & {\n    &:first-child {\n      border-start-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-start-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n\n    &:last-child {\n      border-end-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-end-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n  }\n\n  // styles when sortable is divided\n  .pds-sortable--divided & {\n    border-block-end: var(--pine-border);\n\n    &:last-child {\n      border-block-end: 0;\n    }\n  }\n\n  // cursor styles based on handle-type\n  .pds-sortable--handle-type-row & {\n    cursor: grab;\n  }\n\n  .pds-sortable--handle-type-handle & {\n    .pds-sortable-item__handle {\n      cursor: grab;\n    }\n  }\n\n  // styles when sortable is disabled\n  .pds-sortable--disabled & {\n    cursor: not-allowed;\n    opacity: 0.5;\n\n    .pds-sortable-item__handle {\n      cursor: not-allowed;\n    }\n  }\n}\n\n:host(.pds-sortable-item):hover {\n  .pds-sortable--disabled & {\n    background-color: transparent;\n  }\n\n  .pds-sortable:not(.pds-sortable--disabled) & {\n    background-color: var(--pine-color-background-container-hover);\n\n    pds-icon {\n      color: var(--pine-color-info)\n    }\n  }\n}\n\n:host(.pds-sortable-item--drag) {\n  background-color: var(--pine-color-background-container);\n  border-radius: 0;\n  box-shadow: var(--pine-box-shadow-400);\n  opacity: 1;\n}\n\n:host(.pds-sortable-item--ghost) {\n  background-color: var(--pine-color-background-container-hover);\n  border-radius: 0;\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n\nimport { handle as handleIcon } from '@pine-ds/icons/icons';\n/**\n * @slot sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`.\n */\n@Component({\n  tag: 'pds-sortable-item',\n  styleUrl: 'pds-sortable-item.scss',\n  scoped: true,\n})\nexport class PdsSortableItem {\n  @Element() el: HTMLPdsSortableItemElement;\n  sortableRef: HTMLPdsSortableElement;\n  /**\n   * Determines whether `sortable-item-actions` slot should be enabled.\n   * @defaultValue false\n   */\n  @Prop() enableActions = false;\n\n  /**\n   * A unique identifier used for the sortable item `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `sortable-item` should have a handle.\n   * @defaultValue false\n   */\n  @Prop({ mutable: true }) showHandle = false;\n\n  componentWillRender() {\n    // When the parent sortable has a type of 'handle', the sortable items\n    // will automatically set showHandle to 'true'.\n    this.sortableRef = this.el.closest('pds-sortable') as HTMLPdsSortableElement;\n\n    if (this.sortableRef && this.sortableRef.handleType === 'handle') {\n      this.showHandle = true;\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-sortable-item\" id={this.componentId}>\n        {this.showHandle && (\n          <div class=\"pds-sortable-item__handle\">\n            <pds-icon icon={handleIcon}></pds-icon>\n          </div>\n        )}\n        <slot></slot>\n        {this.enableActions && (\n          <div class=\"pds-sortable-item__actions\">\n            <slot name=\"sortable-item-actions\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":["handleIcon"],"mappings":";;;;;;;;;;;;;;MAAA,MAAM,kBAAkB,GAAG,y9EAAy9E;;YCWv+E,eAAe,gCAAA,MAAA;MAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAQE;;;MAGG;MACK,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK;MAO7B;;;MAGG;MACsB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;MA6B5C;UA3BC,mBAAmB,GAAA;;;cAGjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,cAAc,CAA2B;MAE5E,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,KAAK,QAAQ,EAAE;MAChE,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;;UAI1B,MAAM,GAAA;cACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACjD,IAAI,CAAC,UAAU,KACd,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAEA,MAAU,EAAA,CAAa,CACnC,CACP,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACZ,IAAI,CAAC,aAAa,KACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,uBAAuB,EAAA,CAAG,CACjC,CACP,CACI;;;;;;;;;;;;"}
+{"version":3,"file":"p-CGu84YSR.system.js","sources":["src/components/pds-sortable/pds-sortable-item/pds-sortable-item.scss?tag=pds-sortable-item&encapsulation=scoped","src/components/pds-sortable/pds-sortable-item/pds-sortable-item.tsx"],"sourcesContent":[":host(.pds-sortable-item) {\n  align-items: center;\n  display: flex;\n  padding-block: var(--pine-dimension-xs);\n  padding-inline: var(--pine-dimension-md);\n\n  .pds-sortable-item__actions {\n    margin-inline-start: auto;\n    padding-inline-start: var(--pine-dimension-md);\n  }\n\n  .pds-sortable-item__handle {\n    line-height: 1;\n    margin-inline-end: var(--pine-dimension-md);\n  }\n\n  // styles when sortable is bordered\n  .pds-sortable--bordered & {\n    &:first-child {\n      border-start-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-start-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n\n    &:last-child {\n      border-end-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-end-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n  }\n\n  // styles when sortable is divided\n  .pds-sortable--divided & {\n    border-block-end: var(--pine-border);\n\n    &:last-child {\n      border-block-end: 0;\n    }\n  }\n\n  // cursor styles based on handle-type\n  .pds-sortable--handle-type-row & {\n    cursor: grab;\n  }\n\n  .pds-sortable--handle-type-handle & {\n    .pds-sortable-item__handle {\n      cursor: grab;\n    }\n  }\n\n  // styles when sortable is disabled\n  .pds-sortable--disabled & {\n    cursor: not-allowed;\n    opacity: 0.5;\n\n    .pds-sortable-item__handle {\n      cursor: not-allowed;\n    }\n  }\n}\n\n:host(.pds-sortable-item):hover {\n  .pds-sortable--disabled & {\n    background-color: transparent;\n  }\n\n  .pds-sortable:not(.pds-sortable--disabled) & {\n    background-color: var(--pine-color-background-container-hover);\n\n    pds-icon {\n      color: var(--pine-color-info)\n    }\n  }\n}\n\n:host(.pds-sortable-item--drag) {\n  background-color: var(--pine-color-background-container);\n  border-radius: 0;\n  box-shadow: var(--pine-box-shadow-400);\n  opacity: 1;\n}\n\n:host(.pds-sortable-item--ghost) {\n  background-color: var(--pine-color-background-container-hover);\n  border-radius: 0;\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n\nimport { handle as handleIcon } from '@pine-ds/icons/icons';\n/**\n * @slot sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`.\n */\n@Component({\n  tag: 'pds-sortable-item',\n  styleUrl: 'pds-sortable-item.scss',\n  scoped: true,\n})\nexport class PdsSortableItem {\n  @Element() el: HTMLPdsSortableItemElement;\n  sortableRef: HTMLPdsSortableElement;\n  /**\n   * Determines whether `sortable-item-actions` slot should be enabled.\n   * @defaultValue false\n   */\n  @Prop() enableActions = false;\n\n  /**\n   * A unique identifier used for the sortable item `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `sortable-item` should have a handle.\n   * @defaultValue false\n   */\n  @Prop({ mutable: true }) showHandle = false;\n\n  componentWillRender() {\n    // When the parent sortable has a type of 'handle', the sortable items\n    // will automatically set showHandle to 'true'.\n    this.sortableRef = this.el.closest('pds-sortable') as HTMLPdsSortableElement;\n\n    if (this.sortableRef && this.sortableRef.handleType === 'handle') {\n      this.showHandle = true;\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-sortable-item\" id={this.componentId}>\n        {this.showHandle && (\n          <div class=\"pds-sortable-item__handle\">\n            <pds-icon icon={handleIcon}></pds-icon>\n          </div>\n        )}\n        <slot></slot>\n        {this.enableActions && (\n          <div class=\"pds-sortable-item__actions\">\n            <slot name=\"sortable-item-actions\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":["handleIcon"],"mappings":";;;;;;;;;;;;;;MAAA,MAAM,kBAAkB,GAAG,y9EAAy9E;;YCWv+E,eAAe,gCAAA,MAAA;MAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAQE;;;MAGG;MACK,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK;MAO7B;;;MAGG;MACsB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;MA6B5C;UA3BC,mBAAmB,GAAA;;;cAGjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,cAAc,CAA2B;MAE5E,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,KAAK,QAAQ,EAAE;MAChE,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;;UAI1B,MAAM,GAAA;cACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACjD,IAAI,CAAC,UAAU,KACd,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAEA,MAAU,EAAA,CAAa,CACnC,CACP,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACZ,IAAI,CAAC,aAAa,KACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,uBAAuB,EAAA,CAAG,CACjC,CACP,CACI;;;;;;;;;;;;"}

package/dist/pine-core/{p-QCoEC6bt.system.js.map → p-CSHbB28_.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-QCoEC6bt.system.js","sources":["src/components/pds-avatar/pds-avatar.scss?tag=pds-avatar&encapsulation=shadow","src/components/pds-avatar/pds-avatar.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\ndiv {\n  // These custom props are not reachable\n  --color-background-container: var(--pine-color-background-container-hover);\n\n  align-items: center;\n  background-color: var(--color-background-container);\n  border-radius: var(--border-radius-admin-round, var(--pine-border-radius-full));\n  display: inline-flex;\n  justify-content: center;\n  position: relative;\n\n  :host(.pds-avatar--admin) & {\n    --border-radius-admin-round: var(--pine-dimension-150);\n    border-radius: var(--border-radius-admin-round);\n  }\n\n  // Remove when FF has support for :has\n  :host(.pds-avatar--has-image) & {\n    background: transparent\n  }\n\n  @supports selector(:has) {\n    &:has(img) {\n      background-color: transparent\n    }\n  }\n}\n\n.pds-avatar__button {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: var(--pine-dimension-none);\n  border-radius: var(--pine-border-radius-full);\n  cursor: pointer;\n  display: flex;\n  padding: var(--pine-dimension-none);\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n}\n\n.pds-avatar__badge {\n  background-color: transparent;\n  border: var(--pine-dimension-none);\n  border-color: transparent;\n  border-radius: var(--pine-border-radius-round);\n  inset-block-end: var(--pine-dimension-none);\n  inset-inline-end: var(--pine-dimension-none);\n  position: absolute;\n}\n\nimg {\n  border-radius: var(--border-radius-admin-round, var(--pine-border-radius-full));\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n}\n\n.pds-avatar__initials {\n  color: var(--pine-color-brand);\n  fill: var(--pine-color-brand);\n  font-size: var(--pine-font-size-085);\n  font-weight: var(--pine-font-weight-semi-bold);\n  height: 100%;\n  text-align: center;\n  width: 100%;\n\n  text {\n    text-anchor: middle;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { checkCircleFilled, userFilled } from '@pine-ds/icons/icons';\n\n/**\n * @part asset-wrapper\n * @part button\n * @part image - The main image element that represents the avatar component.\n*/\n@Component({\n  tag: 'pds-avatar',\n  styleUrls: ['pds-avatar.scss'],\n  shadow: true,\n})\nexport class PdsAvatar {\n\n  /**\n   * The alt for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() alt?: string | null = null;\n\n  /**\n   * Determines whether the badge is visible or not.\n   * @defaultValue false\n   */\n  @Prop() badge? = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether the avatar functions as a dropdown trigger.\n   * @defaultValue false\n   */\n  @Prop() dropdown? = false;\n\n  /**\n   * The src for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() image?: string | null = null;\n\n  /**\n   * The initials to display in the avatar when no image is provided.\n   * @defaultValue null\n   */\n  @Prop() initials?: string | null = null;\n\n  /**\n   * Size of the avatar. Value can be preset or custom.\n   * @defaultValue lg\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xl' // 64px\n  | 'lg' // 56px\n  | 'md' // 40px\n  | 'sm' // 32px\n  | 'xs' // 24px\n  | string = 'lg';\n\n  /**\n   * Determines the variant of avatar. Changes appearance accordingly.\n   * @defaultValue customer\n   */\n  @Prop({ reflect: true }) variant?: 'customer' | 'admin' = 'customer';\n\n  private avatarSize() {\n    const sizes: { [key: string]: any } = {\n      xs: '24px',\n      sm: '32px',\n      md: '40px',\n      lg: '56px',\n      xl: '64px',\n    }\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size\n    }\n  }\n\n  private renderAssetWrapper = () => {\n    const style = {\n      height: this.avatarSize(),\n      width: this.avatarSize()\n    };\n\n    return (\n      <div style={style} part=\"asset-wrapper\">\n        {this.renderIconOrImage()}\n        {this.renderBadge()}\n      </div>\n    )\n  };\n\n  private renderAvatar = () => {\n    return (\n      this.dropdown\n        ?\n        <button class=\"pds-avatar__button\" type=\"button\" part=\"button\" aria-label=\"Avatar dropdown trigger\">\n        {this.renderAssetWrapper()}\n        </button>\n        :\n        this.renderAssetWrapper()\n    )\n  };\n\n  private renderBadge = () => (\n    this.badge\n    // Percentage is average size of icon in relation to total avatar size\n    // of all preset sizes found in Figma.\n    // Used to allow icons to scale to container size\n      && <pds-icon color=\"var(--pine-color-purple-600)\" class=\"pds-avatar__badge\" icon={checkCircleFilled} size=\"33.53%\"></pds-icon>\n  );\n\n  private renderIconOrImage = () => {\n    if (this.image) {\n      return <img alt={this.alt} src={this.image} />;\n    }\n\n    if (this.initials) {\n      return (\n        <svg class=\"pds-avatar__initials\" viewBox=\"0 0 32 32\">\n          <text x=\"16\" y=\"20\">{this.initials}</text>\n        </svg>\n      );\n    }\n\n    // Percentage is average size of icon in relation to total avatar size\n    // of all preset sizes found in Figma.\n    // Used to allow icons to scale to container size\n    return <pds-icon color=\"var(--pine-color-brand)\" icon={userFilled} size=\"33.53%\"></pds-icon>;\n  };\n\n  private classNames = () => (\n    {\n      'pds-avatar': true,\n      [`pds-avatar--has-image`]: this.image !== '' && this.image !== null, // Remove when FF supports :has selector\n      [`pds-avatar--has-initials`]: this.initials !== '' && this.initials !== null,\n      [`pds-avatar--${this.variant}`]: this.variant === 'admin'\n    }\n  );\n\n  render() {\n\n    return (\n      <Host\n        id={this.componentId}\n        class={{...this.classNames()}}\n      >\n        {this.renderAvatar()}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAAA,MAAM,YAAY,GAAG,qoDAAqoD;;YCa7oD,SAAS,yBAAA,MAAA;MALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAOE;;;MAGG;MACK,QAAA,IAAG,CAAA,GAAA,GAAmB,IAAI;MAElC;;;MAGG;MACK,QAAA,IAAK,CAAA,KAAA,GAAI,KAAK;MAOtB;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;MAEzB;;;MAGG;MACK,QAAA,IAAK,CAAA,KAAA,GAAmB,IAAI;MAEpC;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAmB,IAAI;MAEvC;;;MAGG;MACsB,QAAA,IAAI,CAAA,IAAA,GAMlB,IAAI;MAEf;;;MAGG;MACsB,QAAA,IAAO,CAAA,OAAA,GAA0B,UAAU;MAkB5D,QAAA,IAAkB,CAAA,kBAAA,GAAG,MAAK;MAChC,YAAA,MAAM,KAAK,GAAG;MACZ,gBAAA,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE;MACzB,gBAAA,KAAK,EAAE,IAAI,CAAC,UAAU;mBACvB;kBAED,QACE,WAAK,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,eAAe,EAAA,EACpC,IAAI,CAAC,iBAAiB,EAAE,EACxB,IAAI,CAAC,WAAW,EAAE,CACf;MAEV,SAAC;MAEO,QAAA,IAAY,CAAA,YAAA,GAAG,MAAK;kBAC1B,QACE,IAAI,CAAC;;0BAEH,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,gBAAY,yBAAyB,EAAA,EAClG,IAAI,CAAC,kBAAkB,EAAE;;MAG1B,oBAAA,IAAI,CAAC,kBAAkB,EAAE;MAE/B,SAAC;cAEO,IAAA,CAAA,WAAW,GAAG,OACpB,IAAI,CAAC;;;;qBAIA,CAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAC,8BAA8B,EAAC,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAC,QAAQ,EAAA,CAAY,CACjI;MAEO,QAAA,IAAiB,CAAA,iBAAA,GAAG,MAAK;MAC/B,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE;MACd,gBAAA,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;;MAGhD,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,gBAAA,QACE,WAAK,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAC,WAAW,EAAA,EACnD,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAQ,CACtC;;;;;MAOV,YAAA,OAAO,CAAU,CAAA,UAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,GAAY;MAC9F,SAAC;MAEO,QAAA,IAAA,CAAA,UAAU,GAAG,OACnB;MACE,YAAA,YAAY,EAAE,IAAI;MAClB,YAAA,CAAC,CAAuB,qBAAA,CAAA,GAAG,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI;MACnE,YAAA,CAAC,CAA0B,wBAAA,CAAA,GAAG,IAAI,CAAC,QAAQ,KAAK,EAAE,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;kBAC5E,CAAC,CAAA,YAAA,EAAe,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI,CAAC,OAAO,KAAK;MACnD,SAAA,CACF;MAaF;UAzFS,UAAU,GAAA;MAChB,QAAA,MAAM,KAAK,GAA2B;MACpC,YAAA,EAAE,EAAE,MAAM;MACV,YAAA,EAAE,EAAE,MAAM;MACV,YAAA,EAAE,EAAE,MAAM;MACV,YAAA,EAAE,EAAE,MAAM;MACV,YAAA,EAAE,EAAE,MAAM;eACX;MAED,QAAA,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;MACpB,YAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;mBAClB;kBACL,OAAO,IAAI,CAAC,IAAI;;;UAkEpB,MAAM,GAAA;MAEJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,KAAK,oBAAM,IAAI,CAAC,UAAU,EAAE,CAE3B,EAAA,EAAA,IAAI,CAAC,YAAY,EAAE,CACf;;;;;;;;;;;"}
+{"version":3,"file":"p-CSHbB28_.system.js","sources":["src/components/pds-avatar/pds-avatar.scss?tag=pds-avatar&encapsulation=shadow","src/components/pds-avatar/pds-avatar.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\ndiv {\n  // These custom props are not reachable\n  --color-background-container: var(--pine-color-background-container-hover);\n\n  align-items: center;\n  background-color: var(--color-background-container);\n  border-radius: var(--border-radius-admin-round, var(--pine-border-radius-full));\n  display: inline-flex;\n  justify-content: center;\n  position: relative;\n\n  :host(.pds-avatar--admin) & {\n    --border-radius-admin-round: var(--pine-dimension-150);\n    border-radius: var(--border-radius-admin-round);\n  }\n\n  // Remove when FF has support for :has\n  :host(.pds-avatar--has-image) & {\n    background: transparent\n  }\n\n  @supports selector(:has) {\n    &:has(img) {\n      background-color: transparent\n    }\n  }\n}\n\n.pds-avatar__button {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: var(--pine-dimension-none);\n  border-radius: var(--pine-border-radius-full);\n  cursor: pointer;\n  display: flex;\n  padding: var(--pine-dimension-none);\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n}\n\n.pds-avatar__badge {\n  background-color: transparent;\n  border: var(--pine-dimension-none);\n  border-color: transparent;\n  border-radius: var(--pine-border-radius-round);\n  inset-block-end: var(--pine-dimension-none);\n  inset-inline-end: var(--pine-dimension-none);\n  position: absolute;\n}\n\nimg {\n  border-radius: var(--border-radius-admin-round, var(--pine-border-radius-full));\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n}\n\n.pds-avatar__initials {\n  color: var(--pine-color-brand);\n  fill: var(--pine-color-brand);\n  font-size: var(--pine-font-size-085);\n  font-weight: var(--pine-font-weight-semi-bold);\n  height: 100%;\n  text-align: center;\n  width: 100%;\n\n  text {\n    text-anchor: middle;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { checkCircleFilled, userFilled } from '@pine-ds/icons/icons';\n\n/**\n * @part asset-wrapper\n * @part button\n * @part image - The main image element that represents the avatar component.\n*/\n@Component({\n  tag: 'pds-avatar',\n  styleUrls: ['pds-avatar.scss'],\n  shadow: true,\n})\nexport class PdsAvatar {\n\n  /**\n   * The alt for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() alt?: string | null = null;\n\n  /**\n   * Determines whether the badge is visible or not.\n   * @defaultValue false\n   */\n  @Prop() badge? = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether the avatar functions as a dropdown trigger.\n   * @defaultValue false\n   */\n  @Prop() dropdown? = false;\n\n  /**\n   * The src for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() image?: string | null = null;\n\n  /**\n   * The initials to display in the avatar when no image is provided.\n   * @defaultValue null\n   */\n  @Prop() initials?: string | null = null;\n\n  /**\n   * Size of the avatar. Value can be preset or custom.\n   * @defaultValue lg\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xl' // 64px\n  | 'lg' // 56px\n  | 'md' // 40px\n  | 'sm' // 32px\n  | 'xs' // 24px\n  | string = 'lg';\n\n  /**\n   * Determines the variant of avatar. Changes appearance accordingly.\n   * @defaultValue customer\n   */\n  @Prop({ reflect: true }) variant?: 'customer' | 'admin' = 'customer';\n\n  private avatarSize() {\n    const sizes: { [key: string]: any } = {\n      xs: '24px',\n      sm: '32px',\n      md: '40px',\n      lg: '56px',\n      xl: '64px',\n    }\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size\n    }\n  }\n\n  private renderAssetWrapper = () => {\n    const style = {\n      height: this.avatarSize(),\n      width: this.avatarSize()\n    };\n\n    return (\n      <div style={style} part=\"asset-wrapper\">\n        {this.renderIconOrImage()}\n        {this.renderBadge()}\n      </div>\n    )\n  };\n\n  private renderAvatar = () => {\n    return (\n      this.dropdown\n        ?\n        <button class=\"pds-avatar__button\" type=\"button\" part=\"button\" aria-label=\"Avatar dropdown trigger\">\n        {this.renderAssetWrapper()}\n        </button>\n        :\n        this.renderAssetWrapper()\n    )\n  };\n\n  private renderBadge = () => (\n    this.badge\n    // Percentage is average size of icon in relation to total avatar size\n    // of all preset sizes found in Figma.\n    // Used to allow icons to scale to container size\n      && <pds-icon color=\"var(--pine-color-purple-600)\" class=\"pds-avatar__badge\" icon={checkCircleFilled} size=\"33.53%\"></pds-icon>\n  );\n\n  private renderIconOrImage = () => {\n    if (this.image) {\n      return <img alt={this.alt} src={this.image} />;\n    }\n\n    if (this.initials) {\n      return (\n        <svg class=\"pds-avatar__initials\" viewBox=\"0 0 32 32\">\n          <text x=\"16\" y=\"20\">{this.initials}</text>\n        </svg>\n      );\n    }\n\n    // Percentage is average size of icon in relation to total avatar size\n    // of all preset sizes found in Figma.\n    // Used to allow icons to scale to container size\n    return <pds-icon color=\"var(--pine-color-brand)\" icon={userFilled} size=\"33.53%\"></pds-icon>;\n  };\n\n  private classNames = () => (\n    {\n      'pds-avatar': true,\n      [`pds-avatar--has-image`]: this.image !== '' && this.image !== null, // Remove when FF supports :has selector\n      [`pds-avatar--has-initials`]: this.initials !== '' && this.initials !== null,\n      [`pds-avatar--${this.variant}`]: this.variant === 'admin'\n    }\n  );\n\n  render() {\n\n    return (\n      <Host\n        id={this.componentId}\n        class={{...this.classNames()}}\n      >\n        {this.renderAvatar()}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAAA,MAAM,YAAY,GAAG,qoDAAqoD;;YCa7oD,SAAS,yBAAA,MAAA;MALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAOE;;;MAGG;MACK,QAAA,IAAG,CAAA,GAAA,GAAmB,IAAI;MAElC;;;MAGG;MACK,QAAA,IAAK,CAAA,KAAA,GAAI,KAAK;MAOtB;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;MAEzB;;;MAGG;MACK,QAAA,IAAK,CAAA,KAAA,GAAmB,IAAI;MAEpC;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAmB,IAAI;MAEvC;;;MAGG;MACsB,QAAA,IAAI,CAAA,IAAA,GAMlB,IAAI;MAEf;;;MAGG;MACsB,QAAA,IAAO,CAAA,OAAA,GAA0B,UAAU;MAkB5D,QAAA,IAAkB,CAAA,kBAAA,GAAG,MAAK;MAChC,YAAA,MAAM,KAAK,GAAG;MACZ,gBAAA,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE;MACzB,gBAAA,KAAK,EAAE,IAAI,CAAC,UAAU;mBACvB;kBAED,QACE,WAAK,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,eAAe,EAAA,EACpC,IAAI,CAAC,iBAAiB,EAAE,EACxB,IAAI,CAAC,WAAW,EAAE,CACf;MAEV,SAAC;MAEO,QAAA,IAAY,CAAA,YAAA,GAAG,MAAK;kBAC1B,QACE,IAAI,CAAC;;0BAEH,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,gBAAY,yBAAyB,EAAA,EAClG,IAAI,CAAC,kBAAkB,EAAE;;MAG1B,oBAAA,IAAI,CAAC,kBAAkB,EAAE;MAE/B,SAAC;cAEO,IAAA,CAAA,WAAW,GAAG,OACpB,IAAI,CAAC;;;;qBAIA,CAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAC,8BAA8B,EAAC,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAC,QAAQ,EAAA,CAAY,CACjI;MAEO,QAAA,IAAiB,CAAA,iBAAA,GAAG,MAAK;MAC/B,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE;MACd,gBAAA,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;;MAGhD,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,gBAAA,QACE,WAAK,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAC,WAAW,EAAA,EACnD,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAQ,CACtC;;;;;MAOV,YAAA,OAAO,CAAU,CAAA,UAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,GAAY;MAC9F,SAAC;MAEO,QAAA,IAAA,CAAA,UAAU,GAAG,OACnB;MACE,YAAA,YAAY,EAAE,IAAI;MAClB,YAAA,CAAC,CAAuB,qBAAA,CAAA,GAAG,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI;MACnE,YAAA,CAAC,CAA0B,wBAAA,CAAA,GAAG,IAAI,CAAC,QAAQ,KAAK,EAAE,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;kBAC5E,CAAC,CAAA,YAAA,EAAe,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI,CAAC,OAAO,KAAK;MACnD,SAAA,CACF;MAaF;UAzFS,UAAU,GAAA;MAChB,QAAA,MAAM,KAAK,GAA2B;MACpC,YAAA,EAAE,EAAE,MAAM;MACV,YAAA,EAAE,EAAE,MAAM;MACV,YAAA,EAAE,EAAE,MAAM;MACV,YAAA,EAAE,EAAE,MAAM;MACV,YAAA,EAAE,EAAE,MAAM;eACX;MAED,QAAA,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;MACpB,YAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;mBAClB;kBACL,OAAO,IAAI,CAAC,IAAI;;;UAkEpB,MAAM,GAAA;MAEJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,KAAK,oBAAM,IAAI,CAAC,UAAU,EAAE,CAE3B,EAAA,EAAA,IAAI,CAAC,YAAY,EAAE,CACf;;;;;;;;;;;"}

package/dist/pine-core/p-C_yp7uLt.js

@@ -0,0 +1,3 @@
+const e="pine-core";const o={hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:true,slotRelocation:true,state:true,updatable:true};const n=()=>{};const i=':root{--pine-border-width-none:0px;--pine-border-width-thin:1px;--pine-border-width-thick:2px;--pine-border-width:var(--pine-border-width-thin);--pine-box-shadow-100:0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);--pine-box-shadow-150:0 4px 8px -2px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.06);--pine-box-shadow-200:0 12px 16px -4px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.03);--pine-box-shadow-300:0 20px 24px -4px rgba(0,0,0,.08), 0 8px 8px -4px rgba(0,0,0,.03);--pine-box-shadow-400:0 24px 48px -12px rgba(0,0,0,.18);--pine-box-shadow-500:0 32px 64px -12px rgba(0,0,0,.14);--pine-box-shadow-050:0 1px 2px 0 rgba(0,0,0,.05);--pine-box-shadow:var(--pine-box-shadow-100);--pine-color-white:#ffffff;--pine-color-black:#000000;--pine-color-grey-100:#f8f8f8;--pine-color-grey-150:#f0f0f0;--pine-color-grey-200:#e4e4e4;--pine-color-grey-300:#d2d1d1;--pine-color-grey-400:#bbbab9;--pine-color-grey-500:#9b9a98;--pine-color-grey-600:#828180;--pine-color-grey-700:#6c6a69;--pine-color-grey-800:#4d4d4c;--pine-color-grey-900:#343332;--pine-color-grey-950:#1a1a19;--pine-color-grey-050:#fcfcfc;--pine-color-blue-100:#eff6ff;--pine-color-blue-150:#dbeafe;--pine-color-blue-200:#bfdbfe;--pine-color-blue-300:#93c5fd;--pine-color-blue-400:#60a5fa;--pine-color-blue-500:#3b82f6;--pine-color-blue-600:#2563eb;--pine-color-blue-700:#1d4ed8;--pine-color-blue-800:#1e40af;--pine-color-blue-900:#1e3a8a;--pine-color-blue-950:#172554;--pine-color-blue-050:#fafcff;--pine-color-green-100:#edfcf2;--pine-color-green-150:#d3f8df;--pine-color-green-200:#aaf0c4;--pine-color-green-300:#73e2a3;--pine-color-green-400:#3ccb7f;--pine-color-green-500:#16b364;--pine-color-green-600:#099250;--pine-color-green-700:#087443;--pine-color-green-800:#095c37;--pine-color-green-900:#084c2e;--pine-color-green-950:#052e1c;--pine-color-green-050:#fbfefc;--pine-color-red-100:#fef2f2;--pine-color-red-150:#fee2e2;--pine-color-red-200:#fecaca;--pine-color-red-300:#fca5a5;--pine-color-red-400:#f87171;--pine-color-red-500:#ef4444;--pine-color-red-600:#dc2626;--pine-color-red-700:#b91c1c;--pine-color-red-800:#991b1b;--pine-color-red-900:#7f1d1d;--pine-color-red-950:#450a0a;--pine-color-red-050:#fffafa;--pine-color-yellow-100:#fffbeb;--pine-color-yellow-150:#fff2c6;--pine-color-yellow-200:#fee589;--pine-color-yellow-300:#fed04b;--pine-color-yellow-400:#fdbb21;--pine-color-yellow-500:#f79a09;--pine-color-yellow-600:#db7204;--pine-color-yellow-700:#b64f07;--pine-color-yellow-800:#933d0d;--pine-color-yellow-900:#79330e;--pine-color-yellow-950:#461902;--pine-color-yellow-050:#fffefa;--pine-color-mercury-100:#fff4f1;--pine-color-mercury-150:#ffeae5;--pine-color-mercury-200:#fed4cd;--pine-color-mercury-300:#fdb1a4;--pine-color-mercury-400:#fb8271;--pine-color-mercury-500:#ff3e14;--pine-color-mercury-600:#f02006;--pine-color-mercury-700:#c71307;--pine-color-mercury-800:#9e110e;--pine-color-mercury-900:#7f120f;--pine-color-mercury-950:#450506;--pine-color-mercury-050:#fffbfa;--pine-color-purple-100:#eef1ff;--pine-color-purple-150:#e0e4ff;--pine-color-purple-200:#c7cdfe;--pine-color-purple-300:#a4acfd;--pine-color-purple-400:#8081f9;--pine-color-purple-500:#6b62f2;--pine-color-purple-600:#533be5;--pine-color-purple-700:#4f37cb;--pine-color-purple-800:#402fa4;--pine-color-purple-900:#372d82;--pine-color-purple-950:#221b4b;--pine-color-purple-050:#fafbff;--pine-color-forest-100:#effaf6;--pine-color-forest-150:#d9f2e7;--pine-color-forest-200:#b5e5d2;--pine-color-forest-300:#85d0b7;--pine-color-forest-400:#52b597;--pine-color-forest-500:#30997d;--pine-color-forest-600:#23856d;--pine-color-forest-700:#1a6253;--pine-color-forest-800:#174e43;--pine-color-forest-900:#144038;--pine-color-forest-950:#0a2420;--pine-color-forest-050:#fbfefd;--pine-color-lime-100:#f7fee7;--pine-color-lime-150:#ecfccb;--pine-color-lime-200:#d9f99d;--pine-color-lime-300:#bef264;--pine-color-lime-400:#a3e635;--pine-color-lime-500:#84cc16;--pine-color-lime-600:#65a30d;--pine-color-lime-700:#4d7c0f;--pine-color-lime-800:#3f6212;--pine-color-lime-900:#365314;--pine-color-lime-950:#1b290a;--pine-color-lime-050:#fdfffa;--pine-color-magenta-100:#fdf4ff;--pine-color-magenta-150:#fae8ff;--pine-color-magenta-200:#f5d0fe;--pine-color-magenta-300:#f0abfc;--pine-color-magenta-400:#e879f9;--pine-color-magenta-500:#d946ef;--pine-color-magenta-600:#c026d3;--pine-color-magenta-700:#a21caf;--pine-color-magenta-800:#86198f;--pine-color-magenta-900:#701a75;--pine-color-magenta-950:#4a044e;--pine-color-magenta-050:#fefaff;--pine-color-pink-100:#fdf2f8;--pine-color-pink-150:#fce7f3;--pine-color-pink-200:#fbcfe8;--pine-color-pink-300:#f9a8d4;--pine-color-pink-400:#f472b6;--pine-color-pink-500:#ec4899;--pine-color-pink-600:#db2777;--pine-color-pink-700:#be185d;--pine-color-pink-800:#9d174d;--pine-color-pink-900:#831843;--pine-color-pink-950:#500724;--pine-color-pink-050:#fffafa;--pine-color-salmon-100:#fff1f2;--pine-color-salmon-150:#ffe4e6;--pine-color-salmon-200:#fecdd3;--pine-color-salmon-300:#fda4af;--pine-color-salmon-400:#fb7185;--pine-color-salmon-500:#f43f5e;--pine-color-salmon-600:#e11d48;--pine-color-salmon-700:#be123c;--pine-color-salmon-800:#9f1239;--pine-color-salmon-900:#881337;--pine-color-salmon-950:#4c0519;--pine-color-salmon-050:#fffafa;--pine-color-sky-100:#f0f9ff;--pine-color-sky-150:#e0f2fe;--pine-color-sky-200:#bae6fd;--pine-color-sky-300:#7dd3fc;--pine-color-sky-400:#38bdf8;--pine-color-sky-500:#0ea5e9;--pine-color-sky-600:#0284c7;--pine-color-sky-700:#0369a1;--pine-color-sky-800:#075985;--pine-color-sky-900:#0c4a6e;--pine-color-sky-950:#082f49;--pine-color-sky-050:#fafdff;--pine-color-teal-100:#f0fdfa;--pine-color-teal-150:#ccfbf1;--pine-color-teal-200:#99f6e4;--pine-color-teal-300:#5eead4;--pine-color-teal-400:#2dd4bf;--pine-color-teal-500:#14b8a6;--pine-color-teal-600:#0d9488;--pine-color-teal-700:#0f766e;--pine-color-teal-800:#115e59;--pine-color-teal-900:#134e4a;--pine-color-teal-950:#042f2e;--pine-color-teal-050:#fbfefe;--pine-color-accent:var(--pine-color-purple-500);--pine-color-accent-disabled:var(--pine-color-purple-100);--pine-color-accent-hover:var(--pine-color-purple-600);--pine-color-background-app:var(--pine-color-grey-100);--pine-color-background-subtle:var(--pine-color-grey-100);--pine-color-background-muted:var(--pine-color-grey-150);--pine-color-background-inverse-app:var(--pine-color-grey-900);--pine-color-background-inverse-subtle:var(--pine-color-grey-800);--pine-color-background-inverse-muted:var(--pine-color-grey-700);--pine-color-background-inverse-container:var(--pine-color-black);--pine-color-background-inverse-inset:var(--pine-color-grey-950);--pine-color-background-container:var(--pine-color-white);--pine-color-background-container-disabled:var(--pine-color-grey-150);--pine-color-background-container-hover:var(--pine-color-grey-050);--pine-color-background-inset:var(--pine-color-grey-200);--pine-color-background-inset-emphasized:var(--pine-color-grey-300);--pine-color-border:var(--pine-color-grey-300);--pine-color-border-hover:var(--pine-color-grey-400);--pine-color-border-disabled:var(--pine-color-grey-200);--pine-color-border-active:var(--pine-color-grey-400);--pine-color-border-danger:var(--pine-color-red-600);--pine-color-border-danger-hover:var(--pine-color-red-700);--pine-color-border-subtle:var(--pine-color-grey-200);--pine-color-danger:var(--pine-color-red-600);--pine-color-danger-disabled:var(--pine-color-red-100);--pine-color-danger-hover:var(--pine-color-red-700);--pine-color-focus-ring:var(--pine-color-purple-300);--pine-color-focus-ring-danger:var(--pine-color-red-300);--pine-color-info:var(--pine-color-blue-500);--pine-color-info-disabled:var(--pine-color-blue-100);--pine-color-info-hover:var(--pine-color-blue-600);--pine-color-neutral:var(--pine-color-grey-500);--pine-color-neutral-disabled:var(--pine-color-grey-100);--pine-color-neutral-hover:var(--pine-color-grey-600);--pine-color-primary:var(--pine-color-grey-900);--pine-color-primary-disabled:var(--pine-color-grey-150);--pine-color-primary-hover:var(--pine-color-grey-950);--pine-color-secondary:var(--pine-color-white);--pine-color-secondary-disabled:var(--pine-color-white);--pine-color-secondary-hover:var(--pine-color-grey-050);--pine-color-success:var(--pine-color-green-500);--pine-color-success-disabled:var(--pine-color-green-100);--pine-color-success-hover:var(--pine-color-green-600);--pine-color-text:var(--pine-color-grey-900);--pine-color-text-hover:var(--pine-color-grey-950);--pine-color-text-disabled:var(--pine-color-grey-500);--pine-color-text-readonly:var(--pine-color-grey-700);--pine-color-text-active:var(--pine-color-grey-950);--pine-color-text-accent:var(--pine-color-purple-900);--pine-color-text-accent-disabled:var(--pine-color-purple-300);--pine-color-text-accent-hover:var(--pine-color-purple-950);--pine-color-text-danger:var(--pine-color-red-900);--pine-color-text-danger-disabled:var(--pine-color-red-300);--pine-color-text-danger-hover:var(--pine-color-red-950);--pine-color-text-info:var(--pine-color-blue-900);--pine-color-text-info-disabled:var(--pine-color-blue-300);--pine-color-text-info-hover:var(--pine-color-blue-950);--pine-color-text-label:var(--pine-color-grey-950);--pine-color-text-label-disabled:var(--pine-color-grey-500);--pine-color-text-label-readonly:var(--pine-color-grey-700);--pine-color-text-message:var(--pine-color-grey-800);--pine-color-text-message-danger:var(--pine-color-red-600);--pine-color-text-message-disabled:var(--pine-color-grey-600);--pine-color-text-neutral:var(--pine-color-grey-900);--pine-color-text-neutral-disabled:var(--pine-color-grey-600);--pine-color-text-neutral-hover:var(--pine-color-grey-950);--pine-color-text-placeholder:var(--pine-color-grey-600);--pine-color-text-placeholder-disabled:var(--pine-color-grey-400);--pine-color-text-primary:var(--pine-color-white);--pine-color-text-primary-disabled:var(--pine-color-grey-400);--pine-color-text-secondary:var(--pine-color-grey-800);--pine-color-text-secondary-disabled:var(--pine-color-grey-400);--pine-color-text-secondary-hover:var(--pine-color-grey-900);--pine-color-text-tertiary:var(--pine-color-grey-600);--pine-color-text-tertiary-disabled:var(--pine-color-grey-400);--pine-color-text-subtle:var(--pine-color-grey-500);--pine-color-text-subtle-disabled:var(--pine-color-grey-300);--pine-color-text-muted:var(--pine-color-grey-700);--pine-color-text-muted-disabled:var(--pine-color-grey-500);--pine-color-text-strong:var(--pine-color-grey-950);--pine-color-text-strong-disabled:var(--pine-color-grey-600);--pine-color-text-emphasis:var(--pine-color-black);--pine-color-text-inverse:var(--pine-color-grey-100);--pine-color-text-inverse-secondary:var(--pine-color-grey-150);--pine-color-text-inverse-tertiary:var(--pine-color-grey-300);--pine-color-text-inverse-emphasis:var(--pine-color-white);--pine-color-text-success:var(--pine-color-green-900);--pine-color-text-success-disabled:var(--pine-color-green-300);--pine-color-text-success-hover:var(--pine-color-green-950);--pine-color-text-warning:var(--pine-color-yellow-900);--pine-color-text-warning-disabled:var(--pine-color-yellow-300);--pine-color-text-warning-hover:var(--pine-color-yellow-950);--pine-color-warning:var(--pine-color-yellow-500);--pine-color-warning-disabled:var(--pine-color-yellow-100);--pine-color-warning-hover:var(--pine-color-yellow-600);--pine-color-icon:var(--pine-color-grey-700);--pine-color-icon-subtle:var(--pine-color-grey-500);--pine-color-icon-disabled:var(--pine-color-grey-400);--pine-color-icon-inverse:var(--pine-color-white);--pine-color-brand:var(--pine-color-black);--pine-font-family-inter:"Inter", system-ui, "Segoe UI", "Roboto", "Ubuntu", sans-serif;--pine-font-family-faire-sprig:"FAIRE Sprig";--pine-font-family-heading:var(--pine-font-family-inter);--pine-font-family-body:var(--pine-font-family-inter);--pine-font-size-100:14px;--pine-font-size-116:16px;--pine-font-size-128:18px;--pine-font-size-142:20px;--pine-font-size-157:22px;--pine-font-size-171:24px;--pine-font-size-185:26px;--pine-font-size-200:28px;--pine-font-size-214:30px;--pine-font-size-228:32px;--pine-font-size-242:34px;--pine-font-size-257:36px;--pine-font-size-271:38px;--pine-font-size-285:40px;--pine-font-size-057:8px;--pine-font-size-071:10px;--pine-font-size-085:12px;--pine-font-size:var(--pine-font-size-100);--pine-font-size-body-2xs:var(--pine-font-size-057);--pine-font-size-body-xs:var(--pine-font-size-071);--pine-font-size-body-sm:var(--pine-font-size-085);--pine-font-size-body-md:var(--pine-font-size-100);--pine-font-size-body-lg:var(--pine-font-size-116);--pine-font-size-body-xl:var(--pine-font-size-128);--pine-font-size-body-2xl:var(--pine-font-size-142);--pine-font-size-heading-1:var(--pine-font-size-200);--pine-font-size-heading-2:var(--pine-font-size-185);--pine-font-size-heading-3:var(--pine-font-size-157);--pine-font-size-heading-4:var(--pine-font-size-142);--pine-font-size-heading-5:var(--pine-font-size-128);--pine-font-size-heading-6:var(--pine-font-size-116);--pine-font-size-heading-caption:var(--pine-font-size-085);--pine-font-weight-100:100;--pine-font-weight-200:200;--pine-font-weight-300:300;--pine-font-weight-400:400;--pine-font-weight-500:500;--pine-font-weight-600:600;--pine-font-weight-700:700;--pine-font-weight-800:800;--pine-font-weight-900:900;--pine-font-weight-thin:var(--pine-font-weight-100);--pine-font-weight-extra-light:var(--pine-font-weight-200);--pine-font-weight-light:var(--pine-font-weight-300);--pine-font-weight-regular:var(--pine-font-weight-400);--pine-font-weight-medium:var(--pine-font-weight-500);--pine-font-weight-semi-bold:var(--pine-font-weight-600);--pine-font-weight-bold:var(--pine-font-weight-700);--pine-font-weight-extra-bold:var(--pine-font-weight-800);--pine-font-weight-heavy:var(--pine-font-weight-900);--pine-font-weight-text-message:var(--pine-font-weight-400);--pine-line-height-100:1;--pine-line-height-125:1.25;--pine-line-height-150:1.5;--pine-line-height-175:1.75;--pine-line-height-200:2;--pine-line-height-225:2.25;--pine-line-height-250:2.5;--pine-line-height-275:2.75;--pine-line-height-300:3;--pine-line-height-025:.625;--pine-line-height-050:.78125;--pine-line-height-075:.9375;--pine-line-height-text-message:var(--pine-line-height-125);--pine-line-height-heading:var(--pine-line-height-125);--pine-line-height-body:1.425;--pine-dimension-0:0px;--pine-dimension-100:8px;--pine-dimension-125:10px;--pine-dimension-150:12px;--pine-dimension-200:16px;--pine-dimension-250:20px;--pine-dimension-300:24px;--pine-dimension-350:28px;--pine-dimension-400:32px;--pine-dimension-450:36px;--pine-dimension-500:40px;--pine-dimension-550:44px;--pine-dimension-600:48px;--pine-dimension-650:52px;--pine-dimension-700:56px;--pine-dimension-750:60px;--pine-dimension-800:64px;--pine-dimension-050:4px;--pine-dimension-025:2px;--pine-dimension-none:var(--pine-dimension-0);--pine-dimension-2xs:var(--pine-dimension-050);--pine-dimension-xs:var(--pine-dimension-100);--pine-dimension-sm:var(--pine-dimension-200);--pine-dimension-md:var(--pine-dimension-300);--pine-dimension-lg:var(--pine-dimension-400);--pine-dimension-xl:var(--pine-dimension-500);--pine-dimension-2xl:var(--pine-dimension-600);--pine-letter-spacing-0:0px;--pine-letter-spacing-100:.14px;--pine-letter-spacing-114:.16px;--pine-letter-spacing-128:.18px;--pine-letter-spacing-142:.2px;--pine-letter-spacing-157:.22px;--pine-letter-spacing-171:.24px;--pine-letter-spacing-185:.26px;--pine-letter-spacing-078:.11px;--pine-letter-spacing-085:.12px;--pine-letter-spacing:var(--pine-letter-spacing-114) * -1;--pine-letter-spacing-heading-1:var(--pine-letter-spacing-185);--pine-letter-spacing-heading-2:var(--pine-letter-spacing-171);--pine-letter-spacing-heading-3:var(--pine-letter-spacing-157);--pine-letter-spacing-heading-4:var(--pine-letter-spacing-142);--pine-letter-spacing-heading-5:var(--pine-letter-spacing-128);--pine-letter-spacing-heading-6:var(--pine-letter-spacing-114);--pine-z-index-0:0;--pine-z-index-1:1000;--pine-z-index-2:2000;--pine-z-index-3:3000;--pine-z-index-4:4000;--pine-z-index-5:5000;--pine-z-index-6:6000;--pine-z-index-8:8000;--pine-z-index-9:9000;--pine-z-index-n1:-1;--pine-z-index:var(--pine-z-index-0);--pine-z-index-hide:var(--pine-z-index-n1);--pine-z-index-raised:var(--pine-z-index-1);--pine-z-index-alert:var(--pine-z-index-2);--pine-z-index-underlay:var(--pine-z-index-3);--pine-z-index-navigation:var(--pine-z-index-4);--pine-z-index-overlay:var(--pine-z-index-5);--pine-z-index-modal:var(--pine-z-index-6);--pine-z-index-priority:var(--pine-z-index-8);--pine-z-index-nuclear:var(--pine-z-index-9);--pine-border:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--pine-border-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none:var(--pine-border-width-none) solid var(--pine-color-grey-300);--pine-border-radius-sm:var(--pine-dimension-050);--pine-border-radius-md:var(--pine-dimension-125);--pine-border-radius-lg:var(--pine-dimension-200);--pine-border-radius-full:9999px;--pine-typography-heading-1:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-1)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-2:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-2)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-3:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-3)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-4:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-4)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-5:var(--pine-font-weight-medium) var(--pine-font-size-heading-5)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-6:var(--pine-font-weight-medium) var(--pine-font-size-heading-6)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-caption:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-caption)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-body:var(--pine-font-weight-regular) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-medium:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-mono:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-semi-bold:var(--pine-font-weight-semi-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-bold:var(--pine-font-weight-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-brand-label:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-brand-text:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-typography-body-sm:var(--pine-font-weight-regular) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-medium:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-mono:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-sm-bold:var(--pine-font-weight-bold) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-brand-label:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-brand-text:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-outline-focus:var(--pine-border-width-thick) solid var(--pine-color-focus-ring);--pine-outline-focus-danger:var(--pine-border-width-thick) solid var(--pine-color-focus-ring-danger)}[data-theme=dark]{--pine-color-accent:var(--pine-color-purple-500);--pine-color-accent-disabled:var(--pine-color-purple-100);--pine-color-accent-hover:var(--pine-color-purple-600);--pine-color-background-app:var(--pine-color-grey-900);--pine-color-background-subtle:var(--pine-color-grey-900);--pine-color-background-muted:var(--pine-color-grey-800);--pine-color-background-inverse-app:var(--pine-color-grey-100);--pine-color-background-inverse-subtle:var(--pine-color-grey-150);--pine-color-background-inverse-muted:var(--pine-color-grey-200);--pine-color-background-inverse-container:var(--pine-color-white);--pine-color-background-inverse-inset:var(--pine-color-grey-050);--pine-color-background-container:var(--pine-color-black);--pine-color-background-container-disabled:var(--pine-color-grey-800);--pine-color-background-container-hover:var(--pine-color-grey-950);--pine-color-background-inset:var(--pine-color-grey-700);--pine-color-background-inset-emphasized:var(--pine-color-grey-600);--pine-color-border:var(--pine-color-grey-600);--pine-color-border-hover:var(--pine-color-grey-500);--pine-color-border-disabled:var(--pine-color-grey-700);--pine-color-border-active:var(--pine-color-grey-500);--pine-color-border-danger:var(--pine-color-red-600);--pine-color-border-danger-hover:var(--pine-color-red-700);--pine-color-border-subtle:var(--pine-color-grey-700);--pine-color-danger:var(--pine-color-red-600);--pine-color-danger-disabled:var(--pine-color-red-100);--pine-color-danger-hover:var(--pine-color-red-700);--pine-color-focus-ring:var(--pine-color-purple-300);--pine-color-focus-ring-danger:var(--pine-color-red-300);--pine-color-info:var(--pine-color-blue-500);--pine-color-info-disabled:var(--pine-color-blue-100);--pine-color-info-hover:var(--pine-color-blue-600);--pine-color-neutral:var(--pine-color-grey-400);--pine-color-neutral-disabled:var(--pine-color-grey-900);--pine-color-neutral-hover:var(--pine-color-grey-300);--pine-color-primary:var(--pine-color-grey-100);--pine-color-primary-disabled:var(--pine-color-grey-800);--pine-color-primary-hover:var(--pine-color-white);--pine-color-secondary:var(--pine-color-black);--pine-color-secondary-disabled:var(--pine-color-black);--pine-color-secondary-hover:var(--pine-color-grey-950);--pine-color-success:var(--pine-color-green-500);--pine-color-success-disabled:var(--pine-color-green-100);--pine-color-success-hover:var(--pine-color-green-600);--pine-color-text:var(--pine-color-grey-100);--pine-color-text-hover:var(--pine-color-grey-050);--pine-color-text-disabled:var(--pine-color-grey-400);--pine-color-text-readonly:var(--pine-color-grey-200);--pine-color-text-active:var(--pine-color-grey-050);--pine-color-text-accent:var(--pine-color-purple-900);--pine-color-text-accent-disabled:var(--pine-color-purple-300);--pine-color-text-accent-hover:var(--pine-color-purple-950);--pine-color-text-danger:var(--pine-color-red-900);--pine-color-text-danger-disabled:var(--pine-color-red-300);--pine-color-text-danger-hover:var(--pine-color-red-950);--pine-color-text-info:var(--pine-color-blue-900);--pine-color-text-info-disabled:var(--pine-color-blue-300);--pine-color-text-info-hover:var(--pine-color-blue-950);--pine-color-text-label:var(--pine-color-grey-050);--pine-color-text-label-disabled:var(--pine-color-grey-400);--pine-color-text-label-readonly:var(--pine-color-grey-200);--pine-color-text-message:var(--pine-color-grey-150);--pine-color-text-message-danger:var(--pine-color-red-500);--pine-color-text-message-disabled:var(--pine-color-grey-300);--pine-color-text-neutral:var(--pine-color-grey-100);--pine-color-text-neutral-disabled:var(--pine-color-grey-300);--pine-color-text-neutral-hover:var(--pine-color-grey-050);--pine-color-text-placeholder:var(--pine-color-grey-300);--pine-color-text-placeholder-disabled:var(--pine-color-grey-500);--pine-color-text-primary:var(--pine-color-black);--pine-color-text-primary-disabled:var(--pine-color-grey-500);--pine-color-text-secondary:var(--pine-color-grey-150);--pine-color-text-secondary-disabled:var(--pine-color-grey-500);--pine-color-text-secondary-hover:var(--pine-color-grey-100);--pine-color-text-tertiary:var(--pine-color-grey-300);--pine-color-text-tertiary-disabled:var(--pine-color-grey-500);--pine-color-text-subtle:var(--pine-color-grey-400);--pine-color-text-subtle-disabled:var(--pine-color-grey-600);--pine-color-text-muted:var(--pine-color-grey-200);--pine-color-text-muted-disabled:var(--pine-color-grey-400);--pine-color-text-strong:var(--pine-color-grey-050);--pine-color-text-strong-disabled:var(--pine-color-grey-300);--pine-color-text-emphasis:var(--pine-color-white);--pine-color-text-inverse:var(--pine-color-grey-900);--pine-color-text-inverse-secondary:var(--pine-color-grey-800);--pine-color-text-inverse-tertiary:var(--pine-color-grey-600);--pine-color-text-inverse-emphasis:var(--pine-color-black);--pine-color-text-success:var(--pine-color-green-900);--pine-color-text-success-disabled:var(--pine-color-green-300);--pine-color-text-success-hover:var(--pine-color-green-950);--pine-color-text-warning:var(--pine-color-yellow-900);--pine-color-text-warning-disabled:var(--pine-color-yellow-300);--pine-color-text-warning-hover:var(--pine-color-yellow-950);--pine-color-warning:var(--pine-color-yellow-500);--pine-color-warning-disabled:var(--pine-color-yellow-100);--pine-color-warning-hover:var(--pine-color-yellow-600);--pine-color-icon:var(--pine-color-grey-200);--pine-color-icon-subtle:var(--pine-color-grey-400);--pine-color-icon-disabled:var(--pine-color-grey-500);--pine-color-icon-inverse:var(--pine-color-grey-900);--pine-color-brand:var(--pine-color-grey-050);--pine-border:var(--pine-border-width-thin) solid var(--pine-color-grey-600);--pine-border-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none:var(--pine-border-width-none) solid var(--pine-color-grey-600)}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:100;src:local("Inter-Thin"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Thin.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:100;src:local("Inter-ThinItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ThinItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:200;src:local("Inter-ExtraLight"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraLight.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:200;src:local("Inter-ExtraLightItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraLightItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:300;src:local("Inter-Light"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Light.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:300;src:local("Inter-LightItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-LightItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400;src:local("Inter-Regular"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Regular.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:400;src:local("Inter-Italic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Italic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:500;src:local("Inter-Medium"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Medium.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:500;src:local("Inter-MediumItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-MediumItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:600;src:local("Inter-SemiBold"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-SemiBold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:600;src:local("Inter-SemiBoldItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-SemiBoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:700;src:local("Inter-Bold"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Bold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:700;src:local("Inter-BoldItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-BoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:800;src:local("Inter-ExtraBold"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraBold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:800;src:local("Inter-ExtraBoldItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraBoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:900;src:local("Inter-Black"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Black.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:900;src:local("Inter-BlackItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-BlackItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:200;src:local("FAIRE-Sprig-Thin"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Thin.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:200;src:local("FAIRE-Sprig-ThinItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-ThinItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:300;src:local("FAIRE-Sprig-Light"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Light.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:300;src:local("FAIRE-Sprig-LightItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-LightItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:400;src:local("FAIRE-Sprig-Regular"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Regular.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:400;src:local("FAIRE-Sprig-RegularItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-RegularItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:500;src:local("FAIRE-Sprig-Medium"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Medium.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:500;src:local("FAIRE-Sprig-MediumItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-MediumItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:700;src:local("FAIRE-Sprig-Bold"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Bold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:700;src:local("FAIRE-Sprig-BoldItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-BoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:900;src:local("FAIRE-Sprig-Super"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Super.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:900;src:local("FAIRE-Sprig-SuperItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-SuperItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans Arabic";font-style:normal;font-weight:normal;src:local("Noto-Sans-Arabic"), url("https://sage.kajabi-cdn.com/fonts/noto/Noto-Sans-Arabic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans Hebrew";font-style:normal;font-weight:normal;src:local("Noto-Sans-Hebrew"), url("https://sage.kajabi-cdn.com/fonts/noto/Noto-Sans-Hebrew.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans Devanagari";font-style:normal;font-weight:normal;src:local("Noto-Sans-Devanagari"), url("https://sage.kajabi-cdn.com/fonts/noto/Noto-Sans-Devanagari.woff2?v=1") format("woff2")}[hidden]{display:none !important}';var r=Object.defineProperty;var t=(e,o)=>{for(var n in o)r(e,n,{get:o[n],enumerable:true})};var l="http://www.w3.org/2000/svg";var a="http://www.w3.org/1999/xhtml";var c=(e=>{e["Undefined"]="undefined";e["Null"]="null";e["String"]="string";e["Number"]="number";e["SpecialNumber"]="number";e["Boolean"]="boolean";e["BigInt"]="bigint";return e})(c||{});var p=(e=>{e["Array"]="array";e["Date"]="date";e["Map"]="map";e["Object"]="object";e["RegularExpression"]="regexp";e["Set"]="set";e["Channel"]="channel";e["Symbol"]="symbol";return e})(p||{});var f="type";var s="value";var d="serialized:";var v=(e,o)=>{var n;const i=o.o;const r=Object.entries((n=i.i)!=null?n:{});r.map((([n,[i]])=>{if(i&31||i&32){const i=e[n];const r=u(Object.getPrototypeOf(e),n)||Object.getOwnPropertyDescriptor(e,n);if(r){Object.defineProperty(e,n,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:true,enumerable:true})}e[n]=o.t.has(n)?o.t.get(n):i}}))};function u(e,o){while(e){const n=Object.getOwnPropertyDescriptor(e,o);if(n==null?void 0:n.get)return n;e=Object.getPrototypeOf(e)}return void 0}var g=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var y=(e,n)=>{if(!n)return;e.__stencil__getHostRef=()=>n;n.l=e;if(n.o.p&512&&o.state){v(e,n)}};var h=(e,o)=>{const n={p:0,$hostElement$:e,o,t:new Map,v:new Map};{n.u=new Promise((e=>n.h=e))}{n.m=new Promise((e=>n.I=e));e["s-p"]=[];e["s-rc"]=[]}{n.k=[]}const i=n;e.__stencil__getHostRef=()=>i;return i};var b=(e,o)=>o in e;var m=(e,o)=>(0,console.error)(e,o);var w=new Map;var x=(e,o,n)=>{const i=e.$.replace(/-/g,"_");const r=e.S;if(!r){return void 0}const t=w.get(r);if(t){return t[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{w.set(r,e)}return e[i]}),(e=>{m(e,o.$hostElement$)}))};var I=new Map;var k="r";var $="o";var z="s";var S="t";var j="c";var E="s-id";var R="sty-id";var A="c-id";var F="{visibility:hidden}.hydrated{visibility:inherit}";var O="slot-fb{display:contents}slot-fb[hidden]{display:none}";var N="http://www.w3.org/1999/xlink";var B=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var C=typeof window!=="undefined"?window:{};var L={p:0,j:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,o,n,i)=>e.addEventListener(o,n,i),rel:(e,o,n,i)=>e.removeEventListener(o,n,i),ce:(e,o)=>new CustomEvent(e,o)};var M=(()=>{var e;let o=false;try{(e=C.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){o=true}}))}catch(e){}return o})();var T=e=>Promise.resolve(e);var D=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var U=D?(()=>!!C.document&&Object.getOwnPropertyDescriptor(C.document.adoptedStyleSheets,"length").writable)():false;var P=false;var H=[];var V=[];var W=(e,o)=>n=>{e.push(n);if(!P){P=true;if(o&&L.p&4){Y(q)}else{L.raf(q)}}};var _=e=>{for(let o=0;o<e.length;o++){try{e[o](performance.now())}catch(e){m(e)}}e.length=0};var q=()=>{_(H);{_(V);if(P=H.length>0){L.raf(q)}}};var Y=e=>T().then(e);var G=W(V,true);var J=e=>e!=null&&e!==void 0;var K=e=>{e=typeof e;return e==="object"||e==="function"};function Q(e){var o,n,i;return(i=(n=(o=e.head)==null?void 0:o.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?i:void 0}var X=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var Z=class e{static fromLocalValue(o){const n=o[f];const i=s in o?o[s]:void 0;switch(n){case"string":return i;case"boolean":return i;case"bigint":return BigInt(i);case"undefined":return void 0;case"null":return null;case"number":if(i==="NaN")return NaN;if(i==="-0")return-0;if(i==="Infinity")return Infinity;if(i==="-Infinity")return-Infinity;return i;case"array":return i.map((o=>e.fromLocalValue(o)));case"date":return new Date(i);case"map":const o=new Map;for(const[n,r]of i){const i=typeof n==="object"&&n!==null?e.fromLocalValue(n):n;const t=e.fromLocalValue(r);o.set(i,t)}return o;case"object":const r={};for(const[o,n]of i){r[o]=e.fromLocalValue(n)}return r;case"regexp":const{pattern:t,flags:l}=i;return new RegExp(t,l);case"set":const a=new Set;for(const o of i){a.add(e.fromLocalValue(o))}return a;case"symbol":return Symbol(i);default:throw new Error(`Unsupported type: ${n}`)}}static fromLocalValueArray(o){return o.map((o=>e.fromLocalValue(o)))}static isLocalValueObject(e){if(typeof e!=="object"||e===null){return false}if(!e.hasOwnProperty(f)){return false}const o=e[f];const n=Object.values({...c,...p}).includes(o);if(!n){return false}if(o!=="null"&&o!=="undefined"){return e.hasOwnProperty(s)}return true}};var ee={};t(ee,{err:()=>ne,map:()=>ie,ok:()=>oe,unwrap:()=>re,unwrapErr:()=>te});var oe=e=>({isOk:true,isErr:false,value:e});var ne=e=>({isOk:false,isErr:true,value:e});function ie(e,o){if(e.isOk){const n=o(e.value);if(n instanceof Promise){return n.then((e=>oe(e)))}else{return oe(n)}}if(e.isErr){const o=e.value;return ne(o)}throw"should never get here"}var re=e=>{if(e.isOk){return e.value}else{throw e.value}};var te=e=>{if(e.isErr){return e.value}else{throw e.value}};function le(e){if(typeof e!=="string"||!e.startsWith(d)){return e}return Z.fromLocalValue(JSON.parse(atob(e.slice(d.length))))}function ae(e){if(!D)return void 0;const o=new CSSStyleSheet;o.replaceSync(e);return o}var ce;function pe(e){var o;const n=this.attachShadow({mode:"open"});if(ce===void 0)ce=(o=ae(i))!=null?o:null;if(ce){if(U){n.adoptedStyleSheets.push(ce)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,ce]}}}var fe=e=>{const o=be(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){de(o,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(ve(e,ye(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<o.length;n++){const e=o[n];if(e.nodeType===1&&be(e,"childNodes").length){fe(e)}}};var se=e=>{const o=[];for(let n=0;n<e.length;n++){const i=e[n]["s-nr"]||void 0;if(i&&i.isConnected){o.push(i)}}return o};function de(e,o,n){let i=0;let r=[];let t;for(;i<e.length;i++){t=e[i];if(t["s-sr"]&&(!o||t["s-hn"]===o)&&n===void 0){r.push(t)}r=[...r,...de(t.childNodes,o,n)]}return r}var ve=(e,o,n=true)=>{const i=[];if(n&&e["s-sr"]||!e["s-sr"])i.push(e);let r=e;while(r=r.nextSibling){if(ye(r)===o&&(n||!r["s-sr"]))i.push(r)}return i};var ue=(e,o)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&o===""){return true}if(e.getAttribute("slot")===o){return true}return false}if(e["s-sn"]===o){return true}return o===""};var ge=(e,o,n,i)=>{if(e["s-ol"]&&e["s-ol"].isConnected){return}const r=document.createTextNode("");r["s-nr"]=e;if(!o["s-cr"]||!o["s-cr"].parentNode)return;const t=o["s-cr"].parentNode;const l=be(t,"appendChild");if(typeof i!=="undefined"){r["s-oo"]=i;const e=be(t,"childNodes");const o=[r];e.forEach((e=>{if(e["s-nr"])o.push(e)}));o.sort(((e,o)=>{if(!e["s-oo"]||e["s-oo"]<(o["s-oo"]||0))return-1;else if(!o["s-oo"]||o["s-oo"]<e["s-oo"])return 1;return 0}));o.forEach((e=>l.call(t,e)))}else{l.call(t,r)}e["s-ol"]=r;e["s-sh"]=o["s-hn"]};var ye=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function he(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const o=o=>function(e){const n=[];const i=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const r=this["s-cr"].parentElement;const t=r.__childNodes?r.childNodes:se(r.childNodes);t.forEach((e=>{if(i===ye(e)){n.push(e)}}));if(o){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=o(true);e.assignedNodes=o(false)}function be(e,o){if("__"+o in e){const n=e["__"+o];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[o]!=="function")return e[o];return e[o].bind(e)}}var me=(e,o="")=>{{return()=>{}}};var we=(e,o)=>{{return()=>{}}};var xe=new WeakMap;var Ie=(e,o,n)=>{let i=I.get(e);if(D&&n){i=i||new CSSStyleSheet;if(typeof i==="string"){i=o}else{i.replaceSync(o)}}else{i=o}I.set(e,i)};var ke=(e,o,n)=>{var i;const r=ze(o);const t=I.get(r);if(!C.document){return r}e=e.nodeType===11?e:C.document;if(t){if(typeof t==="string"){e=e.head||e;let n=xe.get(e);let l;if(!n){xe.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(l=e.querySelector(`[${R}="${r}"]`))){l.innerHTML=t}else{l=C.document.createElement("style");l.innerHTML=t;const n=(i=L.R)!=null?i:Q(C.document);if(n!=null){l.setAttribute("nonce",n)}if(!(o.p&1)){if(e.nodeName==="HEAD"){const o=e.querySelectorAll("link[rel=preconnect]");const n=o.length>0?o[o.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(D){const o=new CSSStyleSheet;o.replaceSync(t);if(U){e.adoptedStyleSheets.unshift(o)}else{e.adoptedStyleSheets=[o,...e.adoptedStyleSheets]}}else{const o=e.querySelector("style");if(o){o.innerHTML=t+o.innerHTML}else{e.prepend(l)}}}else{e.append(l)}}if(o.p&1){e.insertBefore(l,null)}}if(o.p&4){l.innerHTML+=O}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(t)){if(U){e.adoptedStyleSheets.push(t)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,t]}}}return r};var $e=e=>{const o=e.o;const n=e.$hostElement$;const i=o.p;const r=me("attachStyles",o.$);const t=ke(n.shadowRoot?n.shadowRoot:n.getRootNode(),o);if(i&10){n["s-sc"]=t;n.classList.add(t+"-h")}r()};var ze=(e,o)=>"sc-"+e.$;var Se=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var je=()=>{if(!C.document){return}const e=C.document.querySelectorAll(`[${R}]`);let o=0;for(;o<e.length;o++){Ie(e[o].getAttribute(R),Se(e[o].innerHTML),true)}};var Ee=(e,o,...n)=>{let i=null;let r=null;let t=null;let l=false;let a=false;const c=[];const p=o=>{for(let n=0;n<o.length;n++){i=o[n];if(Array.isArray(i)){p(i)}else if(i!=null&&typeof i!=="boolean"){if(l=typeof e!=="function"&&!K(i)){i=String(i)}if(l&&a){c[c.length-1].A+=i}else{c.push(l?Re(null,i):i)}a=l}}};p(n);if(o){if(o.key){r=o.key}if(o.name){t=o.name}{const e=o.className||o.class;if(e){o.class=typeof e!=="object"?e:Object.keys(e).filter((o=>e[o])).join(" ")}}}if(typeof e==="function"){return e(o===null?{}:o,c,Oe)}const f=Re(e,null);f.F=o;if(c.length>0){f.O=c}{f.N=r}{f.B=t}return f};var Re=(e,o)=>{const n={p:0,C:e,A:o,L:null,O:null};{n.F=null}{n.N=null}{n.B=null}return n};var Ae={};var Fe=e=>e&&e.C===Ae;var Oe={forEach:(e,o)=>e.map(Ne).forEach(o),map:(e,o)=>e.map(Ne).map(o).map(Be)};var Ne=e=>({vattrs:e.F,vchildren:e.O,vkey:e.N,vname:e.B,vtag:e.C,vtext:e.A});var Be=e=>{if(typeof e.vtag==="function"){const o={...e.vattrs};if(e.vkey){o.key=e.vkey}if(e.vname){o.name=e.vname}return Ee(e.vtag,o,...e.vchildren||[])}const o=Re(e.vtag,e.vtext);o.F=e.vattrs;o.O=e.vchildren;o.N=e.vkey;o.B=e.vname;return o};var Ce=(e,o,n,i)=>{var r,t;const l=me("hydrateClient",o);const a=e.shadowRoot;const c=[];const p=[];const f=[];const s=a?[]:null;const d=Re(o,null);d.L=e;let v;{const o=i.o;if(o&&o.p&10&&e["s-sc"]){v=e["s-sc"];e.classList.add(v+"-h")}else if(e["s-sc"]){delete e["s-sc"]}}if(C.document&&(!L.M||!L.M.size)){Me(C.document.body,L.M=new Map)}e[E]=n;e.removeAttribute(E);i.T=Le(d,c,p,s,e,e,n,f);let u=0;const y=c.length;let h;for(u;u<y;u++){h=c[u];const n=h.D+"."+h.U;const i=L.M.get(n);const t=h.L;if(!a){t["s-hn"]=o.toUpperCase();if(h.C==="slot"){t["s-cr"]=e["s-cr"]}}else if(((r=h.C)==null?void 0:r.toString().includes("-"))&&h.C!=="slot-fb"&&!h.L.shadowRoot){const o=g(h.L);if(o){const n=ze(o.o);const i=C.document.querySelector(`style[sty-id="${n}"]`);if(i){e.shadowRoot.append(i.cloneNode(true))}}}if(h.C==="slot"){h.B=h.L["s-sn"]||h.L["name"]||null;if(h.O){h.p|=2;if(!h.L.childNodes.length){h.O.forEach((e=>{h.L.appendChild(e.L)}))}}else{h.p|=1}}if(i&&i.isConnected){if(i.parentElement.shadowRoot&&i["s-en"]===""){i.parentNode.insertBefore(t,i.nextSibling)}i.parentNode.removeChild(i);if(!a){t["s-oo"]=parseInt(h.U)}}if(i&&!i["s-id"]){L.M.delete(n)}}const b=[];const m=f.length;let w=0;let x;let I;let k;let $;for(w;w<m;w++){x=f[w];if(!x||!x.length)continue;k=x.length;I=0;for(I;I<k;I++){$=x[I];if(!b[$.hostId]){b[$.hostId]=L.M.get($.hostId)}if(!b[$.hostId])continue;const e=b[$.hostId];if(e.shadowRoot&&$.node.parentElement!==e){e.appendChild($.node)}if(!e.shadowRoot||!a){if(!$.slot["s-cr"]){$.slot["s-cr"]=e["s-cr"];if(!$.slot["s-cr"]&&e.shadowRoot){$.slot["s-cr"]=e}else{$.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}}ge($.node,$.slot,false,$.node["s-oo"]);if(((t=$.node.parentElement)==null?void 0:t.shadowRoot)&&$.node["getAttribute"]&&$.node.getAttribute("slot")){$.node.removeAttribute("slot")}}}}if(v&&p.length){p.forEach((e=>{e.L.parentElement.classList.add(v+"-s")}))}if(a){let o=0;const n=s.length;if(n){for(o;o<n;o++){const e=s[o];if(e){a.appendChild(e)}}Array.from(e.childNodes).forEach((e=>{if(typeof e["s-en"]!=="string"&&typeof e["s-sn"]!=="string"){if(e.nodeType===1&&e.slot&&e.hidden){e.removeAttribute("hidden")}else if(e.nodeType===8&&!e.nodeValue||e.nodeType===3&&!e.wholeText.trim()){e.parentNode.removeChild(e)}}}))}}i.$hostElement$=e;l()};var Le=(e,o,n,i,r,t,l,a=[])=>{let c;let p;let f;let s;const d=r["s-sc"];if(t.nodeType===1){c=t.getAttribute(A);if(c){p=c.split(".");if(p[0]===l||p[0]==="0"){f=Te({p:0,D:p[0],U:p[1],P:p[2],H:p[3],C:t.tagName.toLowerCase(),L:t,F:{class:t.className||""}});o.push(f);t.removeAttribute(A);if(!e.O){e.O=[]}if(d&&p[0]===l){t["s-si"]=d;f.F.class+=" "+d}const r=f.L.getAttribute("s-sn");if(typeof r==="string"){if(f.C==="slot-fb"){De(r,p[2],f,t,e,o,n,i,a);if(d){t.classList.add(d)}}f.L["s-sn"]=r;f.L.removeAttribute("s-sn")}if(f.H!==void 0){e.O[f.H]=f}e=f;if(i&&f.P==="0"){i[f.H]=f.L}}}if(t.shadowRoot){for(s=t.shadowRoot.childNodes.length-1;s>=0;s--){Le(e,o,n,i,r,t.shadowRoot.childNodes[s],l,a)}}const v=t.__childNodes||t.childNodes;for(s=v.length-1;s>=0;s--){Le(e,o,n,i,r,v[s],l,a)}}else if(t.nodeType===8){p=t.nodeValue.split(".");if(p[1]===l||p[1]==="0"){c=p[0];f=Te({D:p[1],U:p[2],P:p[3],H:p[4]||"0",L:t,F:null,O:null,N:null,B:null,C:null,A:null});if(c===S){f.L=Pe(t,3);if(f.L&&f.L.nodeType===3){f.A=f.L.textContent;o.push(f);t.remove();if(l===f.D){if(!e.O){e.O=[]}e.O[f.H]=f}if(i&&f.P==="0"){i[f.H]=f.L}}}else if(c===j){f.L=Pe(t,8);if(f.L&&f.L.nodeType===8){o.push(f);t.remove()}}else if(f.D===l){if(c===z){const r=t["s-sn"]=p[5]||"";De(r,p[2],f,t,e,o,n,i,a)}else if(c===k){if(i){t.remove()}else{r["s-cr"]=t;t["s-cn"]=true}}}}}else if(e&&e.C==="style"){const o=Re(null,t.textContent);o.L=t;o.H="0";e.O=[o]}else{if(t.nodeType===3&&!t.wholeText.trim()&&!t["s-nr"]){t.remove()}}return e};var Me=(e,o)=>{if(e.nodeType===1){const n=e[E]||e.getAttribute(E);if(n){o.set(n,e)}let i=0;if(e.shadowRoot){for(;i<e.shadowRoot.childNodes.length;i++){Me(e.shadowRoot.childNodes[i],o)}}const r=e.__childNodes||e.childNodes;for(i=0;i<r.length;i++){Me(r[i],o)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===$){o.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var Te=e=>{const o={p:0,D:null,U:null,P:null,H:"0",L:null,F:null,O:null,N:null,B:null,C:null,A:null};return{...o,...e}};function De(e,o,n,i,r,t,l,a,c){i["s-sr"]=true;n.B=e||null;n.C="slot";const p=(r==null?void 0:r.L)?r.L["s-id"]||r.L.getAttribute("s-id"):"";if(a&&C.document){const t=n.L=C.document.createElement(n.C);if(n.B){n.L.setAttribute("name",e)}if(r.L.shadowRoot&&p&&p!==n.D){be(r.L,"insertBefore")(t,be(r.L,"children")[0])}else{be(be(i,"parentNode"),"insertBefore")(t,i)}Ue(c,o,e,i,n.D);i.remove();if(n.P==="0"){a[n.H]=n.L}}else{const t=n.L;const l=p&&p!==n.D&&r.L.shadowRoot;Ue(c,o,e,i,l?p:n.D);he(i);if(l){r.L.insertBefore(t,r.L.children[0])}}t.push(n);l.push(n);if(!r.O){r.O=[]}r.O[n.H]=n}var Ue=(e,o,n,i,r)=>{var t,l;let a=i.nextSibling;e[o]=e[o]||[];if(!a||((t=a.nodeValue)==null?void 0:t.startsWith(z+".")))return;do{if(a&&((a["getAttribute"]&&a.getAttribute("slot")||a["s-sn"])===n||n===""&&!a["s-sn"]&&(!a["getAttribute"]||!a.getAttribute("slot"))&&(a.nodeType===8||a.nodeType===3))){a["s-sn"]=n;e[o].push({slot:i,node:a,hostId:r})}a=a==null?void 0:a.nextSibling}while(a&&!((l=a.nodeValue)==null?void 0:l.startsWith(z+".")))};var Pe=(e,o)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==o||!n.nodeValue));return n};var He=e=>{const o=X(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${o}))(${o}\\b)`,"g")};He("::slotted");He(":host");He(":host-context");var Ve=(e,o,n)=>{if(typeof e==="string"&&e.startsWith(d)){e=le(e);return e}if(e!=null&&!K(e)){if(o&4){if(n&&typeof e==="string"){return e===""||!!e}else{return e==="false"?false:e===""||!!e}}if(o&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(o&1){return String(e)}return e}return e};var We=e=>{var o;return(o=g(e))==null?void 0:o.$hostElement$};var _e=(e,o,n)=>{const i=We(e);return{emit:e=>qe(i,o,{bubbles:true,composed:true,cancelable:true,detail:e})}};var qe=(e,o,n)=>{const i=L.ce(o,n);e.dispatchEvent(i);return i};var Ye=(e,o,n,i,r,t,l)=>{if(n===i){return}let a=b(e,o);let c=o.toLowerCase();if(o==="class"){const o=e.classList;const r=Je(n);let t=Je(i);if((e["s-si"]||e["s-sc"])&&l){const n=e["s-sc"]||e["s-si"];t.push(n);r.forEach((e=>{if(e.startsWith(n))t.push(e)}));t=[...new Set(t)].filter((e=>e));o.add(...t)}else{o.remove(...r.filter((e=>e&&!t.includes(e))));o.add(...t.filter((e=>e&&!r.includes(e))))}}else if(o==="style"){{for(const o in n){if(!i||i[o]==null){if(o.includes("-")){e.style.removeProperty(o)}else{e.style[o]=""}}}}for(const o in i){if(!n||i[o]!==n[o]){if(o.includes("-")){e.style.setProperty(o,i[o])}else{e.style[o]=i[o]}}}}else if(o==="key");else if(o==="ref"){if(i){i(e)}}else if(!a&&o[0]==="o"&&o[1]==="n"){if(o[2]==="-"){o=o.slice(3)}else if(b(C,c)){o=c.slice(2)}else{o=c[2]+o.slice(3)}if(n||i){const r=o.endsWith(Ke);o=o.replace(Qe,"");if(n){L.rel(e,o,n,r)}if(i){L.ael(e,o,i,r)}}}else{const l=K(i);if((a||l&&i!==null)&&!r){try{if(!e.tagName.includes("-")){const r=i==null?"":i;if(o==="list"){a=false}else if(n==null||e[o]!=r){if(typeof e.__lookupSetter__(o)==="function"){e[o]=r}else{e.setAttribute(o,r)}}}else if(e[o]!==i){e[o]=i}}catch(e){}}let p=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){o=c;p=true}}if(i==null||i===false){if(i!==false||e.getAttribute(o)===""){if(p){e.removeAttributeNS(N,o)}else{e.removeAttribute(o)}}}else if((!a||t&4||r)&&!l&&e.nodeType===1){i=i===true?"":i;if(p){e.setAttributeNS(N,o,i)}else{e.setAttribute(o,i)}}}};var Ge=/\s/;var Je=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Ge)};var Ke="Capture";var Qe=new RegExp(Ke+"$");var Xe=(e,o,n,i)=>{const r=o.L.nodeType===11&&o.L.host?o.L.host:o.L;const t=e&&e.F||{};const l=o.F||{};{for(const e of Ze(Object.keys(t))){if(!(e in l)){Ye(r,e,t[e],void 0,n,o.p,i)}}}for(const e of Ze(Object.keys(l))){Ye(r,e,t[e],l[e],n,o.p,i)}};function Ze(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var eo;var oo;var no;var io=false;var ro=false;var to=false;var lo=false;var ao=(e,n,i)=>{var r;const t=n.O[i];let c=0;let p;let f;let s;if(!io){to=true;if(t.C==="slot"){t.p|=t.O?2:1}}if(t.A!==null){p=t.L=C.document.createTextNode(t.A)}else if(t.p&1){p=t.L=C.document.createTextNode("");{Xe(null,t,lo)}}else{if(!lo){lo=t.C==="svg"}if(!C.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}p=t.L=C.document.createElementNS(lo?l:a,!io&&o.slotRelocation&&t.p&2?"slot-fb":t.C);if(lo&&t.C==="foreignObject"){lo=false}{Xe(null,t,lo)}if(J(eo)&&p["s-si"]!==eo){p.classList.add(p["s-si"]=eo)}if(t.O){for(c=0;c<t.O.length;++c){f=ao(e,t,c);if(f){p.appendChild(f)}}}{if(t.C==="svg"){lo=false}else if(p.tagName==="foreignObject"){lo=true}}}p["s-hn"]=no;{if(t.p&(2|1)){p["s-sr"]=true;p["s-cr"]=oo;p["s-sn"]=t.B||"";p["s-rf"]=(r=t.F)==null?void 0:r.ref;he(p);s=e&&e.O&&e.O[i];if(s&&s.C===t.C&&e.L){{co(e.L,false)}}{wo(oo,p,n.L,e==null?void 0:e.L)}}}return p};var co=(e,o)=>{L.p|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const i=n[e];if(i["s-hn"]!==no&&i["s-ol"]){mo(uo(i).parentNode,i,uo(i));i["s-ol"].remove();i["s-ol"]=void 0;i["s-sh"]=void 0;to=true}if(o){co(i,o)}}L.p&=-2};var po=(e,o,n,i,r,t)=>{let l=e["s-cr"]&&e["s-cr"].parentNode||e;let a;if(l.shadowRoot&&l.tagName===no){l=l.shadowRoot}for(;r<=t;++r){if(i[r]){a=ao(null,n,r);if(a){i[r].L=a;mo(l,a,uo(o))}}}};var fo=(e,o,n)=>{for(let i=o;i<=n;++i){const o=e[i];if(o){const e=o.L;bo(o);if(e){{ro=true;if(e["s-ol"]){e["s-ol"].remove()}else{co(e,true)}}e.remove()}}}};var so=(e,o,n,i,r=false)=>{let t=0;let l=0;let a=0;let c=0;let p=o.length-1;let f=o[0];let s=o[p];let d=i.length-1;let v=i[0];let u=i[d];let g;let y;while(t<=p&&l<=d){if(f==null){f=o[++t]}else if(s==null){s=o[--p]}else if(v==null){v=i[++l]}else if(u==null){u=i[--d]}else if(vo(f,v,r)){go(f,v,r);f=o[++t];v=i[++l]}else if(vo(s,u,r)){go(s,u,r);s=o[--p];u=i[--d]}else if(vo(f,u,r)){if(f.C==="slot"||u.C==="slot"){co(f.L.parentNode,false)}go(f,u,r);mo(e,f.L,s.L.nextSibling);f=o[++t];u=i[--d]}else if(vo(s,v,r)){if(f.C==="slot"||u.C==="slot"){co(s.L.parentNode,false)}go(s,v,r);mo(e,s.L,f.L);s=o[--p];v=i[++l]}else{a=-1;{for(c=t;c<=p;++c){if(o[c]&&o[c].N!==null&&o[c].N===v.N){a=c;break}}}if(a>=0){y=o[a];if(y.C!==v.C){g=ao(o&&o[l],n,a)}else{go(y,v,r);o[a]=void 0;g=y.L}v=i[++l]}else{g=ao(o&&o[l],n,l);v=i[++l]}if(g){{mo(uo(f.L).parentNode,g,uo(f.L))}}}}if(t>p){po(e,i[d+1]==null?null:i[d+1].L,n,i,l,d)}else if(l>d){fo(o,t,p)}};var vo=(e,o,n=false)=>{if(e.C===o.C){if(e.C==="slot"){return e.B===o.B}if(!n){return e.N===o.N}if(n&&!e.N&&o.N){e.N=o.N}return true}return false};var uo=e=>e&&e["s-ol"]||e;var go=(e,n,i=false)=>{const r=n.L=e.L;const t=e.O;const l=n.O;const a=n.C;const c=n.A;let p;if(c===null){{lo=a==="svg"?true:a==="foreignObject"?false:lo}{Xe(e,n,lo,i)}if(t!==null&&l!==null){so(r,t,n,l,i)}else if(l!==null){if(e.A!==null){r.textContent=""}po(r,null,n,l,0,l.length-1)}else if(!i&&o.updatable&&t!==null){fo(t,0,t.length-1)}else if(i&&o.updatable&&t!==null&&l===null){n.O=t}if(lo&&a==="svg"){lo=false}}else if(p=r["s-cr"]){p.parentNode.textContent=c}else if(e.A!==c){r.data=c}};var yo=[];var ho=e=>{let o;let n;let i;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(o=e["s-cr"])&&o.parentNode){n=o.parentNode.__childNodes||o.parentNode.childNodes;const r=e["s-sn"];for(i=n.length-1;i>=0;i--){o=n[i];if(!o["s-cn"]&&!o["s-nr"]&&o["s-hn"]!==e["s-hn"]&&true){if(ue(o,r)){let n=yo.find((e=>e.V===o));ro=true;o["s-sn"]=o["s-sn"]||r;if(n){n.V["s-sh"]=e["s-hn"];n.W=e}else{o["s-sh"]=e["s-hn"];yo.push({W:e,V:o})}if(o["s-sr"]){yo.map((e=>{if(ue(e.V,o["s-sn"])){n=yo.find((e=>e.V===o));if(n&&!e.W){e.W=n.W}}}))}}else if(!yo.some((e=>e.V===o))){yo.push({V:o})}}}}if(e.nodeType===1){ho(e)}}};var bo=e=>{{e.F&&e.F.ref&&e.F.ref(null);e.O&&e.O.map(bo)}};var mo=(e,o,n)=>{if(typeof o["s-sn"]==="string"&&!!o["s-sr"]&&!!o["s-cr"]){wo(o["s-cr"],o,e,o.parentElement)}{return e==null?void 0:e.insertBefore(o,n)}};function wo(e,o,n,i){var r,t;let l;if(e&&typeof o["s-sn"]==="string"&&!!o["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(l=o["s-si"]||e.parentNode["s-sc"])){const e=o["s-sn"];const a=o["s-hn"];(r=n.classList)==null?void 0:r.add(l+"-s");if(i&&((t=i.classList)==null?void 0:t.contains(l+"-s"))){let o=(i.__childNodes||i.childNodes)[0];let n=false;while(o){if(o["s-sn"]!==e&&o["s-hn"]===a&&!!o["s-sr"]){n=true;break}o=o.nextSibling}if(!n)i.classList.remove(l+"-s")}}}var xo=(e,o,n=false)=>{var i,r,t,l;const a=e.$hostElement$;const c=e.o;const p=e.T||Re(null,null);const f=Fe(o);const s=f?o:Ee(null,null,o);no=a.tagName;if(c._){s.F=s.F||{};c._.forEach((([e,o])=>{{s.F[o]=a[e]}}))}if(n&&s.F){for(const e of Object.keys(s.F)){if(a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){s.F[e]=a[e]}}}s.C=null;s.p|=4;e.T=s;s.L=p.L=a.shadowRoot||a;{eo=a["s-sc"]}io=!!(c.p&1)&&!(c.p&128);{oo=a["s-cr"];ro=false}go(p,s,n);{L.p|=1;if(to){ho(s.L);for(const e of yo){const o=e.V;if(!o["s-ol"]&&C.document){const e=C.document.createTextNode("");e["s-nr"]=o;mo(o.parentNode,o["s-ol"]=e,o)}}for(const e of yo){const o=e.V;const a=e.W;if(a){const e=a.parentNode;let n=a.nextSibling;{let t=(i=o["s-ol"])==null?void 0:i.previousSibling;while(t){let i=(r=t["s-nr"])!=null?r:null;if(i&&i["s-sn"]===o["s-sn"]&&e===(i.__parentNode||i.parentNode)){i=i.nextSibling;while(i===o||(i==null?void 0:i["s-sr"])){i=i==null?void 0:i.nextSibling}if(!i||!i["s-nr"]){n=i;break}}t=t.previousSibling}}const l=o.__parentNode||o.parentNode;const c=o.__nextSibling||o.nextSibling;if(!n&&e!==l||c!==n){if(o!==n){if(!o["s-hn"]&&o["s-ol"]){o["s-hn"]=o["s-ol"].parentNode.nodeName}mo(e,o,n);if(o.nodeType===1&&o.tagName!=="SLOT-FB"){o.hidden=(t=o["s-ih"])!=null?t:false}}}o&&typeof a["s-rf"]==="function"&&a["s-rf"](a)}else{if(o.nodeType===1){if(n){o["s-ih"]=(l=o.hidden)!=null?l:false}o.hidden=true}}}}if(ro){fe(s.L)}L.p&=-2;yo.length=0}oo=void 0};var Io=(e,o)=>{if(o&&!e.q&&o["s-p"]){const n=o["s-p"].push(new Promise((i=>e.q=()=>{o["s-p"].splice(n-1,1);i()})))}};var ko=(e,o)=>{{e.p|=16}if(e.p&4){e.p|=512;return}Io(e,e.Y);const n=()=>$o(e,o);if(o){queueMicrotask((()=>{n()}));return}return G(n)};var $o=(e,o)=>{const n=e.$hostElement$;const i=me("scheduleUpdate",e.o.$);const r=e.l;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let t;if(o){{{e.p|=256;if(e.G){e.G.map((([e,o])=>Fo(r,e,o,n)));e.G=void 0}}if(e.k.length){e.k.forEach((e=>e(n)))}}t=Fo(r,"componentWillLoad",void 0,n)}else{t=Fo(r,"componentWillUpdate",void 0,n)}t=zo(t,(()=>Fo(r,"componentWillRender",void 0,n)));i();return zo(t,(()=>jo(e,r,o)))};var zo=(e,o)=>So(e)?e.then(o).catch((e=>{console.error(e);o()})):o();var So=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var jo=async(e,o,n)=>{var i;const r=e.$hostElement$;const t=me("update",e.o.$);const l=r["s-rc"];if(n){$e(e)}const a=me("render",e.o.$);{Eo(e,o,r,n)}if(l){l.map((e=>e()));r["s-rc"]=void 0}a();t();{const o=(i=r["s-p"])!=null?i:[];const n=()=>Ro(e);if(o.length===0){n()}else{Promise.all(o).then(n);e.p|=4;o.length=0}}};var Eo=(e,o,n,i)=>{try{o=o.render();{e.p&=-17}{e.p|=2}{{{xo(e,o,i)}}}}catch(o){m(o,e.$hostElement$)}return null};var Ro=e=>{const o=e.o.$;const n=e.$hostElement$;const i=me("postUpdate",o);const r=e.l;const t=e.Y;Fo(r,"componentDidRender",void 0,n);if(!(e.p&64)){e.p|=64;{Oo(n)}Fo(r,"componentDidLoad",void 0,n);i();{e.I(n);if(!t){Ao()}}}else{Fo(r,"componentDidUpdate",void 0,n);i()}{e.h(n)}{if(e.q){e.q();e.q=void 0}if(e.p&512){Y((()=>ko(e,false)))}e.p&=-517}};var Ao=o=>{var n;Y((()=>qe(C,"appload",{detail:{namespace:e}})));{if((n=L.M)==null?void 0:n.size){L.M.clear()}}};var Fo=(e,o,n,i)=>{if(e&&e[o]){try{return e[o](n)}catch(e){m(e,i)}}return void 0};var Oo=e=>{var n;return e.classList.add((n=o.hydratedSelectorName)!=null?n:"hydrated")};var No=(e,o)=>g(e).t.get(o);var Bo=(e,o,n,i)=>{const r=g(e);if(!r){return}if(!r){throw new Error(`Couldn't find host element for "${i.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const t=r.$hostElement$;const l=r.t.get(o);const a=r.p;const c=r.l;n=Ve(n,i.i[o][0],!!(i.p&64));const p=Number.isNaN(l)&&Number.isNaN(n);const f=n!==l&&!p;if((!(a&8)||l===void 0)&&f){r.t.set(o,n);if(c){if(i.J&&a&128){const e=i.J[o];if(e){e.map((e=>{try{c[e](n,l,o)}catch(e){m(e,t)}}))}}if((a&(2|16))===2){if(c.componentShouldUpdate){if(c.componentShouldUpdate(n,l,o)===false){return}}ko(r,false)}}}};var Co=(e,n,i)=>{var r,t;const l=e.prototype;if(n.p&64&&i&1){B.forEach((e=>{Object.defineProperty(l,e,{value(...o){var n;const i=g(this);const r=i==null?void 0:i.l;if(!r){(n=i==null?void 0:i.m)==null?void 0:n.then((n=>{const i=n[e];typeof i==="function"&&i.call(n,...o)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...o)}}})}))}if(n.i||o.propChangeCallback){{if(e.watchers&&!n.J){n.J=e.watchers}if(e.deserializers&&!n.K){n.K=e.deserializers}if(e.serializers&&!n.X){n.X=e.serializers}}const a=Object.entries((r=n.i)!=null?r:{});a.map((([e,[o]])=>{if(o&31||i&2&&o&32){const{get:r,set:t}=Object.getOwnPropertyDescriptor(l,e)||{};if(r)n.i[e][0]|=2048;if(t)n.i[e][0]|=4096;if(i&1||!r){Object.defineProperty(l,e,{get(){{if((n.i[e][0]&2048)===0){return No(this,e)}const o=g(this);const i=o?o.l:l;if(!i)return;return i[e]}},configurable:true,enumerable:true})}Object.defineProperty(l,e,{set(r){const l=g(this);if(!l){return}if(t){const i=o&32?this[e]:l.$hostElement$[e];if(typeof i==="undefined"&&l.t.get(e)){r=l.t.get(e)}t.apply(this,[Ve(r,o,!!(n.p&64))]);r=o&32?this[e]:l.$hostElement$[e];Bo(this,e,r,n);return}{if((i&1)===0||(n.i[e][0]&4096)===0){Bo(this,e,r,n);if(i&1&&!l.l){l.k.push((()=>{if(n.i[e][0]&4096&&l.l[e]!==l.t.get(e)){l.l[e]=r}}))}return}const t=()=>{const i=l.l[e];if(!l.t.get(e)&&i){l.t.set(e,i)}l.l[e]=Ve(r,o,!!(n.p&64));Bo(this,e,l.l[e],n)};if(l.l){t()}else{l.k.push((()=>{t()}))}}}})}else if(i&1&&o&64){Object.defineProperty(l,e,{value(...o){var n;const i=g(this);return(n=i==null?void 0:i.u)==null?void 0:n.then((()=>{var n;return(n=i.l)==null?void 0:n[e](...o)}))}})}}));if(i&1){const i=new Map;l.attributeChangedCallback=function(e,r,t){L.jmp((()=>{var c;const p=i.get(e);const f=g(this);if(this.hasOwnProperty(p)&&o.lazyLoad){t=this[p];delete this[p]}if(l.hasOwnProperty(p)&&typeof this[p]==="number"&&this[p]==t){return}else if(p==null){const o=f==null?void 0:f.p;if(f&&o&&!(o&8)&&o&128&&t!==r){const o=f.l;const i=(c=n.J)==null?void 0:c[e];i==null?void 0:i.forEach((n=>{if(o[n]!=null){o[n].call(o,t,r,e)}}))}return}const s=a.find((([e])=>e===p));if(s&&s[1][0]&4){t=t===null||t==="false"?false:true}const d=Object.getOwnPropertyDescriptor(l,p);if(t!=this[p]&&(!d.get||!!d.set)){this[p]=t}}))};e.observedAttributes=Array.from(new Set([...Object.keys((t=n.J)!=null?t:{}),...a.filter((([e,o])=>o[0]&31)).map((([e,o])=>{var r;const t=o[1]||e;i.set(t,e);if(o[0]&512){(r=n._)==null?void 0:r.push([e,t])}return t}))]))}}return e};var Lo=async(e,o,n,i)=>{let r;if((o.p&32)===0){o.p|=32;const i=n.S;if(i){const i=x(n,o);if(i&&"then"in i){const e=we();r=await i;e()}else{r=i}if(!r){throw new Error(`Constructor for "${n.$}#${o.Z}" was not found`)}if(!r.isProxied){{n.J=r.watchers;n.X=r.serializers;n.K=r.deserializers}Co(r,n,2);r.isProxied=true}const t=me("createInstance",n.$);{o.p|=8}try{new r(o)}catch(o){m(o,e)}{o.p&=-9}{o.p|=128}t();Mo(o.l,e)}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>o.p|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const o=ze(n);if(!I.has(o)){const i=me("registerStyles",n.$);Ie(o,e,!!(n.p&1));i()}}}const t=o.Y;const l=()=>ko(o,true);if(t&&t["s-rc"]){t["s-rc"].push(l)}else{l()}};var Mo=(e,o)=>{{Fo(e,"connectedCallback",void 0,o)}};var To=e=>{if((L.p&1)===0){const o=g(e);if(!o){return}const n=o.o;const i=me("connectedCallback",n.$);if(!(o.p&1)){o.p|=1;let i;{i=e.getAttribute(E);if(i){if(n.p&1){const o=ke(e.shadowRoot,n);e.classList.remove(o+"-h",o+"-s")}else if(n.p&2){const o=ze(n);e["s-sc"]=o}Ce(e,n.$,i,o)}}if(!i){if(n.p&(4|8)){Do(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Io(o,o.Y=n);break}}}if(n.i){Object.entries(n.i).map((([o,[n]])=>{if(n&31&&o in e&&e[o]!==Object.prototype[o]){const n=e[o];delete e[o];e[o]=n}}))}{Lo(e,o,n)}}else{Vo(e,o,n.ee);if(o==null?void 0:o.l){Mo(o.l,e)}else if(o==null?void 0:o.m){o.m.then((()=>Mo(o.l,e)))}}i()}};var Do=e=>{if(!C.document){return}const o=e["s-cr"]=C.document.createComment("");o["s-cn"]=true;mo(e,o,e.firstChild)};var Uo=(e,o)=>{{Fo(e,"disconnectedCallback",void 0,o||e)}};var Po=async e=>{if((L.p&1)===0){const o=g(e);{if(o==null?void 0:o.oe){o.oe.map((e=>e()));o.oe=void 0}}if(o==null?void 0:o.l){Uo(o.l,e)}else if(o==null?void 0:o.m){o.m.then((()=>Uo(o.l,e)))}}if(xe.has(e)){xe.delete(e)}if(e.shadowRoot&&xe.has(e.shadowRoot)){xe.delete(e.shadowRoot)}};var Ho=(e,o={})=>{var n;if(!C.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=me();const r=[];const t=o.exclude||[];const l=C.customElements;const a=C.document.head;const c=a.querySelector("meta[charset]");const p=C.document.createElement("style");const f=[];let s;let d=true;Object.assign(L,o);L.j=new URL(o.resourcesUrl||"./",C.document.baseURI).href;{L.p|=2}{je()}let v=false;e.map((e=>{e[1].map((o=>{var n,i,a;const c={p:o[0],$:o[1],i:o[2],ee:o[3]};if(c.p&4){v=true}{c.i=o[2]}{c.ee=o[3]}{c._=[]}{c.J=(n=o[4])!=null?n:{};c.X=(i=o[5])!=null?i:{};c.K=(a=o[6])!=null?a:{}}const p=c.$;const u=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;h(e,c);if(c.p&1){{if(!e.shadowRoot){pe.call(e,c)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${c.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=g(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Vo(this,e,c.ee)}if(s){clearTimeout(s);s=null}if(d){f.push(this)}else{L.jmp((()=>To(this)))}}disconnectedCallback(){L.jmp((()=>Po(this)));L.raf((()=>{var e;const o=g(this);if(!o){return}const n=f.findIndex((e=>e===this));if(n>-1){f.splice(n,1)}if(((e=o==null?void 0:o.T)==null?void 0:e.L)instanceof Node&&!o.T.L.isConnected){delete o.T.L}}))}componentOnReady(){var e;return(e=g(this))==null?void 0:e.m}};if(c.p&64){u.formAssociated=true}c.S=e[0];if(!t.includes(p)&&!l.get(p)){r.push(p);l.define(p,Co(u,c,1))}}))}));if(r.length>0){if(v){p.textContent+=O}{p.textContent+=r.sort()+F}if(p.innerHTML.length){p.setAttribute("data-styles","");const e=(n=L.R)!=null?n:Q(C.document);if(e!=null){p.setAttribute("nonce",e)}a.insertBefore(p,c?c.nextSibling:a.firstChild)}}d=false;if(f.length){f.map((e=>e.connectedCallback()))}else{{L.jmp((()=>s=setTimeout(Ao,30)))}}i()};var Vo=(e,o,n,i)=>{if(n&&C.document){n.map((([n,i,r])=>{const t=_o(C.document,e,n);const l=Wo(o,r);const a=qo(n);L.ael(t,i,l,a);(o.oe=o.oe||[]).push((()=>L.rel(t,i,l,a)))}))}};var Wo=(e,o)=>n=>{var i;try{{if(e.p&256){(i=e.l)==null?void 0:i[o](n)}else{(e.G=e.G||[]).push([o,n])}}}catch(o){m(o,e.$hostElement$)}};var _o=(e,o,n)=>{if(n&4){return e}if(n&8){return C}if(n&16){return e.body}return o};var qo=e=>M?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Yo=e=>L.R=e;export{Ae as H,We as a,Ho as b,_e as c,n as g,Ee as h,T as p,y as r,Yo as s};
+//# sourceMappingURL=p-C_yp7uLt.js.map