@nova-design-system/nova-webcomponents 3.15.0 → 3.17.0

package/dist/native/p-2dfd786f.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as i,h as t,H as a,g as n}from"./p-3060df80.js";import{F as e,N as c}from"./p-51602221.js";import{u as s}from"./p-3cd7a66f.js";import{u as r}from"./p-a271e3be.js";import"./p-42ea6b74.js";import{u as d}from"./p-c7401a7d.js";import{p as f}from"./p-a52cd849.js";import{v as l}from"./p-f5ff676c.js";const p="nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container] [data-scope=icon]{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container] [data-scope=icon]{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container] [data-scope=icon]{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container] [data-scope=icon]{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container] [data-scope=icon]{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container] [data-scope=icon]{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}";const u=p;const v=class{constructor(t){o(this,t);this.hiddenChanged=i(this,"hiddenChanged",7);this.uid=l();this.feedback="information";this.emphasis="medium";this.dismissible=false;this.hidden=false;this.initiallyHidden=false;this.iconByFeedback={[e.Warning]:"alert-circle",[e.Information]:"info-circle",[e.Success]:"circle-check",[e.Error]:"alert-triangle",[e.Neutral]:"help"};this.roleByFeedback={[e.Error]:"alert",[e.Warning]:"alert",[e.Information]:"status",[e.Success]:"status",[e.Neutral]:"status"}}async dismiss(){await this.dismissAnimation()}async show(){await this.showAnimation()}getDefaultIcon(){var o;return(o=this.iconByFeedback[this.feedback])!==null&&o!==void 0?o:"info-circle"}getAriaRole(){var o;return(o=this.roleByFeedback[this.feedback])!==null&&o!==void 0?o:"status"}getAriaLive(){return this.getAriaRole()==="alert"?"assertive":"polite"}getHeadingId(){return this.heading?`nv-notification-${this.uid}-heading`:null}getMessageId(){return this.message?`nv-notification-${this.uid}-message`:null}async showAnimation(){this.hidden=false;const{setFadeIn:o}=r(this.container);const{expand:i}=s(this.el,{duration:300,overflow:"visible"});const{slideY:t,setSlideY:a}=d(this.container,{duration:300});a(-100);o();await f(t({from:-100,to:0}),i).start();this.hiddenChanged.emit(false)}getSlideDestination(o){switch(o){case c.TopRight:case c.BottomRight:return{axis:"x",to:100};case c.TopLeft:case c.BottomLeft:return{axis:"x",to:-100};case c.TopCenter:return{axis:"y",to:-100};case c.BottomCenter:return{axis:"y",to:100};default:return{axis:"x",to:100}}}async dismissAnimation(){var o;const i=(o=this.el.closest("nv-notificationcontainer"))===null||o===void 0?void 0:o.getAttribute("position");const t=this.getSlideDestination(i);const{fadeOut:a}=r(this.container,{duration:300});const{slideX:n,slideY:e,setSlideReset:c}=d(this.container,{duration:500});const{collapse:l}=s(this.el,{duration:500,overflow:"visible"});const p=t.axis==="x"?n({from:0,to:t.to}):e({from:0,to:t.to});c();await f(a,p,l).start();this.hidden=true;this.hiddenChanged.emit(true)}componentWillLoad(){this.headingSlot=this.el.querySelector('[slot="heading"]');this.messageSlot=this.el.querySelector('[slot="content"]');this.actionsSlot=this.el.querySelector('[slot="actions"]');if(this.initiallyHidden)this.hidden=true}render(){var o,i,n;return t(a,{key:"6e0b8abd9cbcb62b0b133db77520aa5aaa4173c9",role:this.getAriaRole(),"aria-live":this.getAriaLive(),"aria-atomic":true,"aria-labelledby":(o=this.getHeadingId())!==null&&o!==void 0?o:null,"aria-describedby":(i=this.getMessageId())!==null&&i!==void 0?i:null,tabindex:"-1"},t("div",{key:"41b2ad35bf5220333e132d61f8843d1136cb1f40","data-scope":"container",ref:o=>this.container=o},this.dismissible&&t("button",{key:"63116f239f7108ae945845c247c712827d8ae8a6","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},t("nv-icon",{key:"dc19bf166c6d2eccd3d40384d43206457f0d03f0",name:"x",size:"sm"})),t("nv-icon",{key:"e673ac1cc78300bc3425018a0cdfc4b90c679796",name:(n=this.icon)!==null&&n!==void 0?n:this.getDefaultIcon(),size:"md","data-scope":"icon"}),t("div",{key:"95cb6ec06d89cda8e5170f9ff0f863b6b0b7e32d","data-scope":"content"},(this.heading||this.headingSlot)&&t("p",{key:"ed654c0271d2ff8538295d8f7bf58a9754abb4c9",id:this.getHeadingId(),"data-scope":"heading"},t("slot",{key:"00cc14a709059b9caf2117174ef7fcc310f5965f",name:"heading"},this.heading)),(this.message||this.messageSlot)&&t("p",{key:"c7c0bcbc2b54fdfdf8280af6a377929bf17fd688",id:this.getMessageId(),"data-scope":"message"},t("slot",{key:"946db5aeb667b67f52f51adbb1b8f600325f937e",name:"content"},this.message)),this.actionsSlot&&t("div",{key:"d94560b658507a515a1360057121e933b95e6fe6","data-scope":"actions"},t("slot",{key:"db185d3924c7d1fbeb30578992f2375e92a0d4bc",name:"actions"})))))}get el(){return n(this)}};v.style=u;export{v as nv_notification};
+//# sourceMappingURL=p-2dfd786f.entry.js.map

package/dist/native/{p-29df974e.entry.js.map → p-2dfd786f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvNotificationCss","NvNotificationStyle0","NvNotification","constructor","hostRef","this","uid","uuidv4","feedback","emphasis","dismissible","hidden","initiallyHidden","iconByFeedback","FeedbackColors","Warning","Information","Success","Error","Neutral","roleByFeedback","dismiss","dismissAnimation","show","showAnimation","getDefaultIcon","_a","getAriaRole","getAriaLive","getHeadingId","heading","getMessageId","message","setFadeIn","useFade","container","expand","useCollapse","el","duration","overflow","slideY","setSlideY","useSlide","parallel","from","to","start","hiddenChanged","emit","getSlideDestination","pos","NotificationPosition","TopRight","BottomRight","axis","TopLeft","BottomLeft","TopCenter","BottomCenter","position","closest","getAttribute","destination","fadeOut","slideX","setSlideReset","collapse","slide","componentWillLoad","headingSlot","querySelector","messageSlot","actionsSlot","render","h","Host","key","role","_b","tabindex","ref","type","onClick","bind","name","size","_c","icon","id"],"sources":["src/components/nv-notification/styles/nv-notification.scss?tag=nv-notification","src/components/nv-notification/nv-notification.tsx"],"sourcesContent":["@use \"sass:map\";\n@use \"./mixins\" as *;\n@import \"../../../styles/focus-ring\";\n\nnv-notification {\n  @include root-styles();\n\n  [data-scope=\"container\"] {\n    @include container-styles();\n\n    [data-scope=\"icon\"] {\n      @include icon-styles();\n    }\n\n    [data-scope=\"dismiss\"] {\n      @include dismiss-btn-styles();\n    }\n\n    [data-scope=\"content\"] {\n      @include content-styles();\n\n      [data-scope=\"heading\"] {\n        @include header-styles();\n      }\n\n      [data-scope=\"message\"] {\n        @include message-styles();\n      }\n\n      [data-scope=\"actions\"] {\n        @include actions-styles();\n      }\n    }\n  }\n\n  @each $feedback in $feedback-variants {\n    &[feedback=\"#{$feedback}\"] {\n      [data-scope=\"container\"] {\n        @include feedback-color($feedback);\n\n        [data-scope=\"icon\"] {\n          @include icon-color($feedback);\n        }\n      }\n\n      & > [data-scope=\"close\"] {\n        @include focus-ring(map.get($border-color-map, $feedback));\n      }\n    }\n  }\n\n  @each $emphasis in $emphasis-variants {\n    &[emphasis=\"#{$emphasis}\"] {\n      [data-scope=\"container\"] {\n        @include emphasis-styles($emphasis);\n      }\n    }\n  }\n}","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Method,\n  Element,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  FeedbackColors,\n  NotificationEmphasis,\n  NotificationPosition,\n} from '../../utils/constants';\nimport { type IconName } from '../nv-icon/nv-icons';\nimport { useCollapse, useFade, useSlide, parallel } from '../../animations';\n\ntype AriaRole = 'status' | 'alert';\ntype AriaLive = 'polite' | 'assertive';\n\n/**\n * @slot heading - Use this slot to insert HTML as the notification title.\n * @slot content - Use this slot to insert HTML as the notification message.\n * @slot actions - Use this slot for custom actions.\n */\n@Component({\n  tag: 'nv-notification',\n  styleUrl: 'styles/nv-notification.scss',\n  shadow: false,\n})\nexport class NvNotification {\n  @Element() el: HTMLNvNotificationElement;\n  private container: HTMLElement;\n  private headingSlot: HTMLElement;\n  private messageSlot: HTMLElement;\n  private actionsSlot: HTMLElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Set a unique ID for the notification. Used for aria attributes and managing\n   * multiple notifications.\n   */\n  @Prop({ reflect: true })\n  readonly uid: string = uuidv4();\n\n  /**\n   * Specifies the notification type which determines the color and default icon.\n   */\n  @Prop({ reflect: true })\n  readonly feedback: `${FeedbackColors}` = 'information';\n\n  /**\n   * Adjusts the emphasis to make the notification more or less visually\n   * prominent to users. Use this to draw attention to important actions or\n   * reduce focus on less critical ones\n   */\n  @Prop({ reflect: true })\n  readonly emphasis: `${NotificationEmphasis}` = 'medium';\n\n  /**\n   * Short and concise text for the notification title.\n   */\n  @Prop({ reflect: true })\n  readonly heading: string;\n\n  /**\n   * Main content for the notification. For more complex content, use the\n   * content slot instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Icon associated with the notification, defaults vary based on the feedback\n   * type.\n   */\n  @Prop({ reflect: true })\n  readonly icon: string;\n\n  /**\n   * Allows the notification to be dismissed via a close button (x). The\n   * notification is not dismissible unless explicitly enabled.\n   */\n  @Prop({ reflect: true })\n  readonly dismissible: boolean = false;\n\n  /**\n   * Controls the visibility of the notification.\n   */\n  @Prop({ reflect: true, mutable: true })\n  hidden: boolean = false; // eslint-disable-line @stencil-community/reserved-member-names\n\n  /**\n   * When true, the notification will be hidden initially, but internal changes\n   * will not be in a controlled state. Good for animating the notification in.\n   */\n  @Prop({ reflect: true })\n  readonly initiallyHidden: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Dismisses the notification with an animation, after the animation is\n   * complete, the hiddenChanged event will be emitted with the value of true,\n   * and the hidden prop will be set to true.\n   */\n  @Method()\n  async dismiss() {\n    await this.dismissAnimation();\n  }\n\n  /**\n   * Sets the hidden prop to false, and shows the notification with an\n   * animation, after the animation is complete, the hiddenChanged event will be\n   * emitted with the value of false.\n   */\n  @Method()\n  async show() {\n    await this.showAnimation();\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the 'hidden' prop changes, reflecting a change in visibility.\n   * Passes hidden value to the detail.\n   * @bind hidden\n   */\n  @Event()\n  hiddenChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region INTERNAL\n\n  private iconByFeedback: Record<FeedbackColors, IconName> = {\n    [FeedbackColors.Warning]: 'alert-circle',\n    [FeedbackColors.Information]: 'info-circle',\n    [FeedbackColors.Success]: 'circle-check',\n    [FeedbackColors.Error]: 'alert-triangle',\n    [FeedbackColors.Neutral]: 'help',\n  };\n\n  private roleByFeedback: Record<FeedbackColors, AriaRole> = {\n    [FeedbackColors.Error]: 'alert',\n    [FeedbackColors.Warning]: 'alert',\n    [FeedbackColors.Information]: 'status',\n    [FeedbackColors.Success]: 'status',\n    [FeedbackColors.Neutral]: 'status',\n  };\n\n  private getDefaultIcon(): IconName {\n    return this.iconByFeedback[this.feedback] ?? 'info-circle';\n  }\n\n  private getAriaRole(): AriaRole {\n    return this.roleByFeedback[this.feedback] ?? 'status';\n  }\n\n  private getAriaLive(): AriaLive {\n    return this.getAriaRole() === 'alert' ? 'assertive' : 'polite';\n  }\n\n  private getHeadingId(): string | null {\n    return this.heading ? `nv-notification-${this.uid}-heading` : null;\n  }\n\n  private getMessageId(): string | null {\n    return this.message ? `nv-notification-${this.uid}-message` : null;\n  }\n\n  private async showAnimation() {\n    this.hidden = false;\n\n    const { setFadeIn } = useFade(this.container);\n    const { expand } = useCollapse(this.el, {\n      duration: 300,\n      overflow: 'visible',\n    });\n    const { slideY, setSlideY } = useSlide(this.container, {\n      duration: 300,\n    });\n\n    setSlideY(-100);\n    setFadeIn();\n    await parallel(slideY({ from: -100, to: 0 }), expand).start();\n\n    this.hiddenChanged.emit(false);\n  }\n\n  private getSlideDestination(pos?: NotificationPosition): {\n    /** The axis to slide. */\n    axis: 'x' | 'y';\n    /** The destination value. */\n    to: number;\n  } {\n    switch (pos) {\n      case NotificationPosition.TopRight:\n      case NotificationPosition.BottomRight:\n        return { axis: 'x', to: 100 }; // right\n      case NotificationPosition.TopLeft:\n      case NotificationPosition.BottomLeft:\n        return { axis: 'x', to: -100 }; // left\n      case NotificationPosition.TopCenter:\n        return { axis: 'y', to: -100 }; // up\n      case NotificationPosition.BottomCenter:\n        return { axis: 'y', to: 100 }; // down\n      default:\n        return { axis: 'x', to: 100 }; // fallback\n    }\n  }\n\n  private async dismissAnimation() {\n    const position = this.el\n      .closest('nv-notificationcontainer')\n      ?.getAttribute('position') as NotificationPosition | undefined;\n\n    const destination = this.getSlideDestination(position);\n\n    const { fadeOut } = useFade(this.container, { duration: 300 });\n    const { slideX, slideY, setSlideReset } = useSlide(this.container, {\n      duration: 500,\n    });\n    const { collapse } = useCollapse(this.el, {\n      duration: 500,\n      overflow: 'visible',\n    });\n    const slide =\n      destination.axis === 'x'\n        ? slideX({ from: 0, to: destination.to })\n        : slideY({ from: 0, to: destination.to });\n\n    setSlideReset();\n    await parallel(fadeOut, slide, collapse).start();\n\n    this.hidden = true;\n    this.hiddenChanged.emit(true);\n  }\n\n  //#endregion INTERNAL\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.headingSlot = this.el.querySelector('[slot=\"heading\"]');\n    this.messageSlot = this.el.querySelector('[slot=\"content\"]');\n    this.actionsSlot = this.el.querySelector('[slot=\"actions\"]');\n\n    if (this.initiallyHidden) this.hidden = true;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role={this.getAriaRole()}\n        aria-live={this.getAriaLive()}\n        aria-atomic\n        aria-labelledby={this.getHeadingId() ?? null}\n        aria-describedby={this.getMessageId() ?? null}\n        tabindex=\"-1\"\n      >\n        <div data-scope=\"container\" ref={el => (this.container = el)}>\n          {this.dismissible && (\n            <button\n              data-scope=\"dismiss\"\n              type=\"button\"\n              onClick={this.dismiss.bind(this)}\n            >\n              <nv-icon name=\"x\" size=\"sm\" />\n            </button>\n          )}\n\n          <nv-icon\n            name={this.icon ?? this.getDefaultIcon()}\n            size=\"md\"\n            data-scope=\"icon\"\n          ></nv-icon>\n\n          <div data-scope=\"content\">\n            {(this.heading || this.headingSlot) && (\n              <p id={this.getHeadingId()} data-scope=\"heading\">\n                <slot name=\"heading\">{this.heading}</slot>\n              </p>\n            )}\n            {(this.message || this.messageSlot) && (\n              <p id={this.getMessageId()} data-scope=\"message\">\n                <slot name=\"content\">{this.message}</slot>\n              </p>\n            )}\n\n            {this.actionsSlot && (\n              <div data-scope=\"actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["nvNotificationCss","NvNotificationStyle0","NvNotification","constructor","hostRef","this","uid","uuidv4","feedback","emphasis","dismissible","hidden","initiallyHidden","iconByFeedback","FeedbackColors","Warning","Information","Success","Error","Neutral","roleByFeedback","dismiss","dismissAnimation","show","showAnimation","getDefaultIcon","_a","getAriaRole","getAriaLive","getHeadingId","heading","getMessageId","message","setFadeIn","useFade","container","expand","useCollapse","el","duration","overflow","slideY","setSlideY","useSlide","parallel","from","to","start","hiddenChanged","emit","getSlideDestination","pos","NotificationPosition","TopRight","BottomRight","axis","TopLeft","BottomLeft","TopCenter","BottomCenter","position","closest","getAttribute","destination","fadeOut","slideX","setSlideReset","collapse","slide","componentWillLoad","headingSlot","querySelector","messageSlot","actionsSlot","render","h","Host","key","role","_b","tabindex","ref","type","onClick","bind","name","size","_c","icon","id"],"sources":["src/components/nv-notification/styles/nv-notification.scss?tag=nv-notification","src/components/nv-notification/nv-notification.tsx"],"sourcesContent":["@use \"sass:map\";\n@use \"./mixins\" as *;\n@import \"../../../styles/focus-ring\";\n\nnv-notification {\n  @include root-styles();\n\n  [data-scope=\"container\"] {\n    @include container-styles();\n\n    [data-scope=\"icon\"] {\n      @include icon-styles();\n    }\n\n    [data-scope=\"dismiss\"] {\n      @include dismiss-btn-styles();\n    }\n\n    [data-scope=\"content\"] {\n      @include content-styles();\n\n      [data-scope=\"heading\"] {\n        @include header-styles();\n      }\n\n      [data-scope=\"message\"] {\n        @include message-styles();\n      }\n\n      [data-scope=\"actions\"] {\n        @include actions-styles();\n      }\n    }\n  }\n\n  @each $feedback in $feedback-variants {\n    &[feedback=\"#{$feedback}\"] {\n      [data-scope=\"container\"] {\n        @include feedback-color($feedback);\n\n        [data-scope=\"icon\"] {\n          @include icon-color($feedback);\n        }\n      }\n\n      & > [data-scope=\"close\"] {\n        @include focus-ring(map.get($border-color-map, $feedback));\n      }\n    }\n  }\n\n  @each $emphasis in $emphasis-variants {\n    &[emphasis=\"#{$emphasis}\"] {\n      [data-scope=\"container\"] {\n        @include emphasis-styles($emphasis);\n      }\n    }\n  }\n}","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Method,\n  Element,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  FeedbackColors,\n  NotificationEmphasis,\n  NotificationPosition,\n} from '../../utils/constants';\nimport { type IconName } from '../nv-icon/nv-icons';\nimport { useCollapse, useFade, useSlide, parallel } from '../../animations';\n\ntype AriaRole = 'status' | 'alert';\ntype AriaLive = 'polite' | 'assertive';\n\n/**\n * @slot heading - Use this slot to insert HTML as the notification title.\n * @slot content - Use this slot to insert HTML as the notification message.\n * @slot actions - Use this slot for custom actions.\n */\n@Component({\n  tag: 'nv-notification',\n  styleUrl: 'styles/nv-notification.scss',\n  shadow: false,\n})\nexport class NvNotification {\n  @Element() el: HTMLNvNotificationElement;\n  private container: HTMLElement;\n  private headingSlot: HTMLElement;\n  private messageSlot: HTMLElement;\n  private actionsSlot: HTMLElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Set a unique ID for the notification. Used for aria attributes and managing\n   * multiple notifications.\n   */\n  @Prop({ reflect: true })\n  readonly uid: string = uuidv4();\n\n  /**\n   * Specifies the notification type which determines the color and default icon.\n   */\n  @Prop({ reflect: true })\n  readonly feedback: `${FeedbackColors}` = 'information';\n\n  /**\n   * Adjusts the emphasis to make the notification more or less visually\n   * prominent to users. Use this to draw attention to important actions or\n   * reduce focus on less critical ones\n   */\n  @Prop({ reflect: true })\n  readonly emphasis: `${NotificationEmphasis}` = 'medium';\n\n  /**\n   * Short and concise text for the notification title.\n   */\n  @Prop({ reflect: true })\n  readonly heading: string;\n\n  /**\n   * Main content for the notification. For more complex content, use the\n   * content slot instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Icon associated with the notification, defaults vary based on the feedback\n   * type.\n   */\n  @Prop({ reflect: true })\n  readonly icon: string;\n\n  /**\n   * Allows the notification to be dismissed via a close button (x). The\n   * notification is not dismissible unless explicitly enabled.\n   */\n  @Prop({ reflect: true })\n  readonly dismissible: boolean = false;\n\n  /**\n   * Controls the visibility of the notification.\n   */\n  @Prop({ reflect: true, mutable: true })\n  hidden: boolean = false; // eslint-disable-line @stencil-community/reserved-member-names\n\n  /**\n   * When true, the notification will be hidden initially, but internal changes\n   * will not be in a controlled state. Good for animating the notification in.\n   */\n  @Prop({ reflect: true })\n  readonly initiallyHidden: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Dismisses the notification with an animation, after the animation is\n   * complete, the hiddenChanged event will be emitted with the value of true,\n   * and the hidden prop will be set to true.\n   */\n  @Method()\n  async dismiss() {\n    await this.dismissAnimation();\n  }\n\n  /**\n   * Sets the hidden prop to false, and shows the notification with an\n   * animation, after the animation is complete, the hiddenChanged event will be\n   * emitted with the value of false.\n   */\n  @Method()\n  async show() {\n    await this.showAnimation();\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the 'hidden' prop changes, reflecting a change in visibility.\n   * Passes hidden value to the detail.\n   * @bind hidden\n   */\n  @Event()\n  hiddenChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region INTERNAL\n\n  private iconByFeedback: Record<FeedbackColors, IconName> = {\n    [FeedbackColors.Warning]: 'alert-circle',\n    [FeedbackColors.Information]: 'info-circle',\n    [FeedbackColors.Success]: 'circle-check',\n    [FeedbackColors.Error]: 'alert-triangle',\n    [FeedbackColors.Neutral]: 'help',\n  };\n\n  private roleByFeedback: Record<FeedbackColors, AriaRole> = {\n    [FeedbackColors.Error]: 'alert',\n    [FeedbackColors.Warning]: 'alert',\n    [FeedbackColors.Information]: 'status',\n    [FeedbackColors.Success]: 'status',\n    [FeedbackColors.Neutral]: 'status',\n  };\n\n  private getDefaultIcon(): IconName {\n    return this.iconByFeedback[this.feedback] ?? 'info-circle';\n  }\n\n  private getAriaRole(): AriaRole {\n    return this.roleByFeedback[this.feedback] ?? 'status';\n  }\n\n  private getAriaLive(): AriaLive {\n    return this.getAriaRole() === 'alert' ? 'assertive' : 'polite';\n  }\n\n  private getHeadingId(): string | null {\n    return this.heading ? `nv-notification-${this.uid}-heading` : null;\n  }\n\n  private getMessageId(): string | null {\n    return this.message ? `nv-notification-${this.uid}-message` : null;\n  }\n\n  private async showAnimation() {\n    this.hidden = false;\n\n    const { setFadeIn } = useFade(this.container);\n    const { expand } = useCollapse(this.el, {\n      duration: 300,\n      overflow: 'visible',\n    });\n    const { slideY, setSlideY } = useSlide(this.container, {\n      duration: 300,\n    });\n\n    setSlideY(-100);\n    setFadeIn();\n    await parallel(slideY({ from: -100, to: 0 }), expand).start();\n\n    this.hiddenChanged.emit(false);\n  }\n\n  private getSlideDestination(pos?: NotificationPosition): {\n    /** The axis to slide. */\n    axis: 'x' | 'y';\n    /** The destination value. */\n    to: number;\n  } {\n    switch (pos) {\n      case NotificationPosition.TopRight:\n      case NotificationPosition.BottomRight:\n        return { axis: 'x', to: 100 }; // right\n      case NotificationPosition.TopLeft:\n      case NotificationPosition.BottomLeft:\n        return { axis: 'x', to: -100 }; // left\n      case NotificationPosition.TopCenter:\n        return { axis: 'y', to: -100 }; // up\n      case NotificationPosition.BottomCenter:\n        return { axis: 'y', to: 100 }; // down\n      default:\n        return { axis: 'x', to: 100 }; // fallback\n    }\n  }\n\n  private async dismissAnimation() {\n    const position = this.el\n      .closest('nv-notificationcontainer')\n      ?.getAttribute('position') as NotificationPosition | undefined;\n\n    const destination = this.getSlideDestination(position);\n\n    const { fadeOut } = useFade(this.container, { duration: 300 });\n    const { slideX, slideY, setSlideReset } = useSlide(this.container, {\n      duration: 500,\n    });\n    const { collapse } = useCollapse(this.el, {\n      duration: 500,\n      overflow: 'visible',\n    });\n    const slide =\n      destination.axis === 'x'\n        ? slideX({ from: 0, to: destination.to })\n        : slideY({ from: 0, to: destination.to });\n\n    setSlideReset();\n    await parallel(fadeOut, slide, collapse).start();\n\n    this.hidden = true;\n    this.hiddenChanged.emit(true);\n  }\n\n  //#endregion INTERNAL\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.headingSlot = this.el.querySelector('[slot=\"heading\"]');\n    this.messageSlot = this.el.querySelector('[slot=\"content\"]');\n    this.actionsSlot = this.el.querySelector('[slot=\"actions\"]');\n\n    if (this.initiallyHidden) this.hidden = true;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role={this.getAriaRole()}\n        aria-live={this.getAriaLive()}\n        aria-atomic\n        aria-labelledby={this.getHeadingId() ?? null}\n        aria-describedby={this.getMessageId() ?? null}\n        tabindex=\"-1\"\n      >\n        <div data-scope=\"container\" ref={el => (this.container = el)}>\n          {this.dismissible && (\n            <button\n              data-scope=\"dismiss\"\n              type=\"button\"\n              onClick={this.dismiss.bind(this)}\n            >\n              <nv-icon name=\"x\" size=\"sm\" />\n            </button>\n          )}\n\n          <nv-icon\n            name={this.icon ?? this.getDefaultIcon()}\n            size=\"md\"\n            data-scope=\"icon\"\n          ></nv-icon>\n\n          <div data-scope=\"content\">\n            {(this.heading || this.headingSlot) && (\n              <p id={this.getHeadingId()} data-scope=\"heading\">\n                <slot name=\"heading\">{this.heading}</slot>\n              </p>\n            )}\n            {(this.message || this.messageSlot) && (\n              <p id={this.getMessageId()} data-scope=\"message\">\n                <slot name=\"content\">{this.message}</slot>\n              </p>\n            )}\n\n            {this.actionsSlot && (\n              <div data-scope=\"actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"],"mappings":"uTAAA,MAAMA,EAAoB,iyMAC1B,MAAAC,EAAeD,E,MCgCFE,EAAc,MAL3B,WAAAC,CAAAC,G,uDAoBWC,KAAAC,IAAcC,IAMdF,KAAAG,SAAgC,cAQhCH,KAAAI,SAAsC,SA2BtCJ,KAAAK,YAAuB,MAMhCL,KAAAM,OAAkB,MAOTN,KAAAO,gBAA2B,MA0C5BP,KAAAQ,eAAmD,CACzD,CAACC,EAAeC,SAAU,eAC1B,CAACD,EAAeE,aAAc,cAC9B,CAACF,EAAeG,SAAU,eAC1B,CAACH,EAAeI,OAAQ,iBACxB,CAACJ,EAAeK,SAAU,QAGpBd,KAAAe,eAAmD,CACzD,CAACN,EAAeI,OAAQ,QACxB,CAACJ,EAAeC,SAAU,QAC1B,CAACD,EAAeE,aAAc,SAC9B,CAACF,EAAeG,SAAU,SAC1B,CAACH,EAAeK,SAAU,S,CA3C5B,aAAME,SACEhB,KAAKiB,kB,CASb,UAAMC,SACElB,KAAKmB,e,CAmCL,cAAAC,G,MACN,OAAOC,EAAArB,KAAKQ,eAAeR,KAAKG,aAAS,MAAAkB,SAAA,EAAAA,EAAI,a,CAGvC,WAAAC,G,MACN,OAAOD,EAAArB,KAAKe,eAAef,KAAKG,aAAS,MAAAkB,SAAA,EAAAA,EAAI,Q,CAGvC,WAAAE,GACN,OAAOvB,KAAKsB,gBAAkB,QAAU,YAAc,Q,CAGhD,YAAAE,GACN,OAAOxB,KAAKyB,QAAU,mBAAmBzB,KAAKC,cAAgB,I,CAGxD,YAAAyB,GACN,OAAO1B,KAAK2B,QAAU,mBAAmB3B,KAAKC,cAAgB,I,CAGxD,mBAAMkB,GACZnB,KAAKM,OAAS,MAEd,MAAMsB,UAAEA,GAAcC,EAAQ7B,KAAK8B,WACnC,MAAMC,OAAEA,GAAWC,EAAYhC,KAAKiC,GAAI,CACtCC,SAAU,IACVC,SAAU,YAEZ,MAAMC,OAAEA,EAAMC,UAAEA,GAAcC,EAAStC,KAAK8B,UAAW,CACrDI,SAAU,MAGZG,GAAW,KACXT,UACMW,EAASH,EAAO,CAAEI,MAAO,IAAKC,GAAI,IAAMV,GAAQW,QAEtD1C,KAAK2C,cAAcC,KAAK,M,CAGlB,mBAAAC,CAAoBC,GAM1B,OAAQA,GACN,KAAKC,EAAqBC,SAC1B,KAAKD,EAAqBE,YACxB,MAAO,CAAEC,KAAM,IAAKT,GAAI,KAC1B,KAAKM,EAAqBI,QAC1B,KAAKJ,EAAqBK,WACxB,MAAO,CAAEF,KAAM,IAAKT,IAAK,KAC3B,KAAKM,EAAqBM,UACxB,MAAO,CAAEH,KAAM,IAAKT,IAAK,KAC3B,KAAKM,EAAqBO,aACxB,MAAO,CAAEJ,KAAM,IAAKT,GAAI,KAC1B,QACE,MAAO,CAAES,KAAM,IAAKT,GAAI,K,CAItB,sBAAMxB,G,MACZ,MAAMsC,GAAWlC,EAAArB,KAAKiC,GACnBuB,QAAQ,+BAA2B,MAAAnC,SAAA,SAAAA,EAClCoC,aAAa,YAEjB,MAAMC,EAAc1D,KAAK6C,oBAAoBU,GAE7C,MAAMI,QAAEA,GAAY9B,EAAQ7B,KAAK8B,UAAW,CAAEI,SAAU,MACxD,MAAM0B,OAAEA,EAAMxB,OAAEA,EAAMyB,cAAEA,GAAkBvB,EAAStC,KAAK8B,UAAW,CACjEI,SAAU,MAEZ,MAAM4B,SAAEA,GAAa9B,EAAYhC,KAAKiC,GAAI,CACxCC,SAAU,IACVC,SAAU,YAEZ,MAAM4B,EACJL,EAAYR,OAAS,IACjBU,EAAO,CAAEpB,KAAM,EAAGC,GAAIiB,EAAYjB,KAClCL,EAAO,CAAEI,KAAM,EAAGC,GAAIiB,EAAYjB,KAExCoB,UACMtB,EAASoB,EAASI,EAAOD,GAAUpB,QAEzC1C,KAAKM,OAAS,KACdN,KAAK2C,cAAcC,KAAK,K,CAO1B,iBAAAoB,GACEhE,KAAKiE,YAAcjE,KAAKiC,GAAGiC,cAAc,oBACzClE,KAAKmE,YAAcnE,KAAKiC,GAAGiC,cAAc,oBACzClE,KAAKoE,YAAcpE,KAAKiC,GAAGiC,cAAc,oBAEzC,GAAIlE,KAAKO,gBAAiBP,KAAKM,OAAS,I,CAO1C,MAAA+D,G,UACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAMzE,KAAKsB,cAAa,YACbtB,KAAKuB,cAAa,sCAEZF,EAAArB,KAAKwB,kBAAc,MAAAH,SAAA,EAAAA,EAAI,KAAI,oBAC1BqD,EAAA1E,KAAK0B,kBAAc,MAAAgD,SAAA,EAAAA,EAAI,KACzCC,SAAS,MAETL,EAAA,OAAAE,IAAA,wDAAgB,YAAYI,IAAK3C,GAAOjC,KAAK8B,UAAYG,GACtDjC,KAAKK,aACJiE,EAAA,UAAAE,IAAA,wDACa,UACXK,KAAK,SACLC,QAAS9E,KAAKgB,QAAQ+D,KAAK/E,OAE3BsE,EAAA,WAAAE,IAAA,2CAASQ,KAAK,IAAIC,KAAK,QAI3BX,EAAA,WAAAE,IAAA,2CACEQ,MAAME,EAAAlF,KAAKmF,QAAI,MAAAD,SAAA,EAAAA,EAAIlF,KAAKoB,iBACxB6D,KAAK,KAAI,aACE,SAGbX,EAAA,OAAAE,IAAA,wDAAgB,YACZxE,KAAKyB,SAAWzB,KAAKiE,cACrBK,EAAA,KAAAE,IAAA,2CAAGY,GAAIpF,KAAKwB,eAAc,aAAa,WACrC8C,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,WAAWhF,KAAKyB,WAG7BzB,KAAK2B,SAAW3B,KAAKmE,cACrBG,EAAA,KAAAE,IAAA,2CAAGY,GAAIpF,KAAK0B,eAAc,aAAa,WACrC4C,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,WAAWhF,KAAK2B,UAI9B3B,KAAKoE,aACJE,EAAA,OAAAE,IAAA,wDAAgB,WACdF,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,e","ignoreList":[]}

package/dist/native/{p-d0a33e64.js → p-3060df80.js}

@@ -1,3 +1,3 @@
-const e="native";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,constructableCSS:true,cssAnnotations:true,devTools:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:false,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var l="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var i=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var o=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var a=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const l=e.$;if(!l){return void 0}const s=u.get(l);if(s){return s[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{u.set(l,e)}return e[r]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="r";var p="o";var m="s";var $="t";var y="c";var b="s-id";var w="sty-id";var g="c-id";var S="{visibility:hidden}.hydrated{visibility:inherit}";var k="slot-fb{display:contents}slot-fb[hidden]{display:none}";var C="http://www.w3.org/1999/xlink";var O=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var j=typeof window!=="undefined"?window:{};var x={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var T=t.shadowDom;var F=(()=>{var e;let t=false;try{(e=j.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var R=e=>Promise.resolve(e);var L=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var N=false;var D=[];var E=[];var M=(e,t)=>n=>{e.push(n);if(!N){N=true;if(t&&x.l&4){I(P)}else{x.raf(P)}}};var A=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var P=()=>{A(D);{A(E);if(N=D.length>0){x.raf(P)}}};var I=e=>R().then(e);var U=M(E,true);var W=e=>{e=typeof e;return e==="object"||e==="function"};function B(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var _={};r(_,{err:()=>H,map:()=>Q,ok:()=>z,unwrap:()=>V,unwrapErr:()=>Y});var z=e=>({isOk:true,isErr:false,value:e});var H=e=>({isOk:false,isErr:true,value:e});function Q(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>z(e)))}else{return z(n)}}if(e.isErr){const t=e.value;return H(t)}throw"should never get here"}var V=e=>{if(e.isOk){return e.value}else{throw e.value}};var Y=e=>{if(e.isErr){return e.value}else{throw e.value}};var q=e=>{const t=ne(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){K(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(X(e,ee(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&ne(e,"childNodes").length){q(e)}}};var G=e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"]||void 0;if(r&&r.isConnected){t.push(r)}}return t};function K(e,t,n){let r=0;let l=[];let s;for(;r<e.length;r++){s=e[r];if(s["s-sr"]&&(!t||s["s-hn"]===t)&&(n===void 0||ee(s)===n)){l.push(s);if(typeof n!=="undefined")return l}l=[...l,...K(s.childNodes,t,n)]}return l}var X=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let l=e;while(l=l.nextSibling){if(ee(l)===t&&(n||!l["s-sr"]))r.push(l)}return r};var J=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Z=(e,t,n,r)=>{if(e["s-ol"]&&e["s-ol"].isConnected){return}const l=document.createTextNode("");l["s-nr"]=e;if(!t["s-cr"]||!t["s-cr"].parentNode)return;const s=t["s-cr"].parentNode;const i=n?ne(s,"prepend"):ne(s,"appendChild");if(typeof r!=="undefined"){l["s-oo"]=r;const e=ne(s,"childNodes");const t=[l];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0))return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>i.call(s,e)))}else{i.call(s,l)}e["s-ol"]=l;e["s-sh"]=t["s-hn"]};var ee=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function te(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const r=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 l=this["s-cr"].parentElement;const s=l.__childNodes?l.childNodes:G(l.childNodes);s.forEach((e=>{if(r===ee(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function ne(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var re=(e,t="")=>{{return()=>{}}};var le=(e,t)=>{{return()=>{}}};var se=(e,t,...n)=>{let r=null;let l=null;let s=null;let i=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(i=typeof e!=="function"&&!W(r)){r=String(r)}if(i&&o){f[f.length-1].k+=r}else{f.push(i?ie(null,r):r)}o=i}}};a(n);if(t){if(t.key){l=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,ae)}const c=ie(e,null);c.C=t;if(f.length>0){c.O=f}{c.j=l}{c.T=s}return c};var ie=(e,t)=>{const n={l:0,F:e,k:t,R:null,O:null};{n.C=null}{n.j=null}{n.T=null}return n};var oe={};var fe=e=>e&&e.F===oe;var ae={forEach:(e,t)=>e.map(ce).forEach(t),map:(e,t)=>e.map(ce).map(t).map(ue)};var ce=e=>({vattrs:e.C,vchildren:e.O,vkey:e.j,vname:e.T,vtag:e.F,vtext:e.k});var ue=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return se(e.vtag,t,...e.vchildren||[])}const t=ie(e.vtag,e.vtext);t.C=e.vattrs;t.O=e.vchildren;t.j=e.vkey;t.T=e.vname;return t};var ve=(e,t,n,r)=>{const l=re("hydrateClient",t);const s=e.shadowRoot;const i=[];const o=[];const f=[];const a=null;const c=ie(t,null);c.R=e;if(j.document&&(!x.L||!x.L.size)){he(j.document.body,x.L=new Map)}e[b]=n;e.removeAttribute(b);r.N=de(c,i,o,a,e,e,n,f);let u=0;const v=i.length;let d;for(u;u<v;u++){d=i[u];const n=d.D+"."+d.M;const r=x.L.get(n);const l=d.R;if(!s){l["s-hn"]=t.toUpperCase();if(d.F==="slot"){l["s-cr"]=e["s-cr"]}}if(d.F==="slot"){d.T=d.R["s-sn"]||d.R["name"]||null;if(d.O){d.l|=2;if(!d.R.childNodes.length){d.O.forEach((e=>{d.R.appendChild(e.R)}))}}else{d.l|=1}}if(r&&r.isConnected){if(s&&r["s-en"]===""){r.parentNode.insertBefore(l,r.nextSibling)}r.parentNode.removeChild(r);if(!s){l["s-oo"]=parseInt(d.M)}}x.L.delete(n)}const h=[];const p=f.length;let m=0;let $;let y;let w;let g;for(m;m<p;m++){$=f[m];if(!$||!$.length)continue;w=$.length;y=0;for(y;y<w;y++){g=$[y];if(!h[g.hostId]){h[g.hostId]=x.L.get(g.hostId)}if(!h[g.hostId])continue;const e=h[g.hostId];if(!e.shadowRoot||!s){g.slot["s-cr"]=e["s-cr"];if(!g.slot["s-cr"]&&e.shadowRoot){g.slot["s-cr"]=e}else{g.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}Z(g.node,g.slot,false,g.node["s-oo"])}if(e.shadowRoot&&g.node.parentElement!==e){e.appendChild(g.node)}}}x.L.delete(e["s-id"]);r.$hostElement$=e;l()};var de=(e,t,n,r,l,s,i,o=[])=>{let f;let a;let c;let u;if(s.nodeType===1){f=s.getAttribute(g);if(f){a=f.split(".");if(a[0]===i||a[0]==="0"){c=pe({l:0,D:a[0],M:a[1],A:a[2],P:a[3],F:s.tagName.toLowerCase(),R:s,C:{class:s.className||""}});t.push(c);s.removeAttribute(g);if(!e.O){e.O=[]}const l=c.R.getAttribute("s-sn");if(typeof l==="string"){if(c.F==="slot-fb"){me(l,a[2],c,s,e,t,n,r,o)}c.R["s-sn"]=l;c.R.removeAttribute("s-sn")}if(c.P!==void 0){e.O[c.P]=c}e=c;if(r&&c.A==="0"){r[c.P]=c.R}}}if(s.shadowRoot){for(u=s.shadowRoot.childNodes.length-1;u>=0;u--){de(e,t,n,r,l,s.shadowRoot.childNodes[u],i,o)}}const v=s.__childNodes||s.childNodes;for(u=v.length-1;u>=0;u--){de(e,t,n,r,l,v[u],i,o)}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){f=a[0];c=pe({D:a[1],M:a[2],A:a[3],P:a[4]||"0",R:s,C:null,O:null,j:null,T:null,F:null,k:null});if(f===$){c.R=ye(s,3);if(c.R&&c.R.nodeType===3){c.k=c.R.textContent;t.push(c);s.remove();if(i===c.D){if(!e.O){e.O=[]}e.O[c.P]=c}if(r&&c.A==="0"){r[c.P]=c.R}}}else if(f===y){c.R=ye(s,8);if(c.R&&c.R.nodeType===8){t.push(c);s.remove()}}else if(c.D===i){if(f===m){const l=s["s-sn"]=a[5]||"";me(l,a[2],c,s,e,t,n,r,o)}else if(f===h){{l["s-cr"]=s;s["s-cn"]=true}}}}}else if(e&&e.F==="style"){const t=ie(null,s.textContent);t.R=s;t.P="0";e.O=[t]}else{if(s.nodeType===3&&!s.wholeText.trim()){s.remove()}}return e};var he=(e,t)=>{if(e.nodeType===1){const n=e[b]||e.getAttribute(b);if(n){t.set(n,e)}let r=0;if(e.shadowRoot){for(;r<e.shadowRoot.childNodes.length;r++){he(e.shadowRoot.childNodes[r],t)}}const l=e.__childNodes||e.childNodes;for(r=0;r<l.length;r++){he(l[r],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var pe=e=>{const t={l:0,D:null,M:null,A:null,P:"0",R:null,C:null,O:null,j:null,T:null,F:null,k:null};return{...t,...e}};function me(e,t,n,r,l,s,i,o,f){r["s-sr"]=true;n.T=e||null;n.F="slot";const a=(l==null?void 0:l.R)?l.R["s-id"]||l.R.getAttribute("s-id"):"";{const i=n.R;const o=a&&a!==n.D&&l.R.shadowRoot;$e(f,t,e,r,o?a:n.D);te(r);if(o){l.R.insertBefore(i,l.R.children[0])}s.push(n)}i.push(n);if(!l.O){l.O=[]}l.O[n.P]=n}var $e=(e,t,n,r,l)=>{let s=r.nextSibling;e[t]=e[t]||[];while(s&&((s["getAttribute"]&&s.getAttribute("slot")||s["s-sn"])===n||n===""&&!s["s-sn"]&&(s.nodeType===8&&s.nodeValue.indexOf(".")!==1||s.nodeType===3))){s["s-sn"]=n;e[t].push({slot:r,node:s,hostId:l});s=s.nextSibling}};var ye=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n};var be=(e,t)=>{if(e!=null&&!W(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var we=e=>i(e).$hostElement$;var ge=(e,t,n)=>{const r=we(e);return{emit:e=>Se(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var Se=(e,t,n)=>{const r=x.ce(t,n);e.dispatchEvent(r);return r};var ke=new WeakMap;var Ce=(e,t,n)=>{let r=d.get(e);if(L&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var Oe=(e,t,n)=>{var r;const l=xe(t);const s=d.get(l);if(!j.document){return l}e=e.nodeType===11?e:j.document;if(s){if(typeof s==="string"){e=e.head||e;let n=ke.get(e);let i;if(!n){ke.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${w}="${l}"]`))){i.innerHTML=s}else{i=document.querySelector(`[${w}="${l}"]`)||j.document.createElement("style");i.innerHTML=s;const n=(r=x.I)!=null?r:B(j.document);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(L){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=k}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var je=e=>{const t=e.i;const n=e.$hostElement$;const r=re("attachStyles",t.m);Oe(n.getRootNode(),t);r()};var xe=(e,t)=>"sc-"+e.m;var Te=(e,t,n,r,l,s,i)=>{if(n===r){return}let o=a(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=Re(n);let s=Re(r);if(e["s-si"]&&i){s.push(e["s-si"]);l.forEach((t=>{if(t.startsWith(e["s-si"]))s.push(t)}));s=[...new Set(s)];t.add(...s)}else{t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(j,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||r){const l=t.endsWith(Le);t=t.replace(Ne,"");if(n){x.rel(e,t,n,l)}if(r){x.ael(e,t,r,l)}}}else{const i=W(r);if((o||i&&r!==null)&&!l){try{if(!e.tagName.includes("-")){const l=r==null?"":r;if(t==="list"){o=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(C,t)}else{e.removeAttribute(t)}}}else if((!o||s&4||l)&&!i&&e.nodeType===1){r=r===true?"":r;if(a){e.setAttributeNS(C,t,r)}else{e.setAttribute(t,r)}}}};var Fe=/\s/;var Re=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Fe)};var Le="Capture";var Ne=new RegExp(Le+"$");var De=(e,t,n,r)=>{const l=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const s=e&&e.C||{};const i=t.C||{};{for(const e of Ee(Object.keys(s))){if(!(e in i)){Te(l,e,s[e],void 0,n,t.l,r)}}}for(const e of Ee(Object.keys(i))){Te(l,e,s[e],i[e],n,t.l,r)}};function Ee(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Me;var Ae;var Pe=false;var Ie=false;var Ue=false;var We=false;var Be=(e,n,r)=>{var i;const o=n.O[r];let f=0;let a;let c;let u;if(!Pe){Ue=true;if(o.F==="slot"){o.l|=o.O?2:1}}if(o.k!==null){a=o.R=j.document.createTextNode(o.k)}else if(o.l&1){a=o.R=j.document.createTextNode("");{De(null,o,We)}}else{if(!We){We=o.F==="svg"}if(!j.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.")}a=o.R=j.document.createElementNS(We?l:s,!Pe&&t.slotRelocation&&o.l&2?"slot-fb":o.F);if(We&&o.F==="foreignObject"){We=false}{De(null,o,We)}if(o.O){for(f=0;f<o.O.length;++f){c=Be(e,o,f);if(c){a.appendChild(c)}}}{if(o.F==="svg"){We=false}else if(a.tagName==="foreignObject"){We=true}}}a["s-hn"]=Ae;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=Me;a["s-sn"]=o.T||"";a["s-rf"]=(i=o.C)==null?void 0:i.ref;te(a);u=e&&e.O&&e.O[r];if(u&&u.F===o.F&&e.R){{_e(e.R,false)}}}}return a};var _e=(e,n)=>{x.l|=1;const r=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Ae){r.push(t)}}}for(let e=r.length-1;e>=0;e--){const t=r[e];if(t["s-hn"]!==Ae&&t["s-ol"]){Je(Ye(t).parentNode,t,Ye(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;Ue=true}if(n){_e(t,n)}}x.l&=~1};var ze=(e,t,n,r,l,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;for(;l<=s;++l){if(r[l]){o=Be(null,n,l);if(o){r[l].R=o;Je(i,o,Ye(t))}}}};var He=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.R;Xe(t);if(e){{Ie=true;if(e["s-ol"]){e["s-ol"].remove()}else{_e(e,true)}}e.remove()}}}};var Qe=(e,t,n,r,l=false)=>{let s=0;let i=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=r[++i]}else if(h==null){h=r[--v]}else if(Ve(c,d,l)){qe(c,d,l);c=t[++s];d=r[++i]}else if(Ve(u,h,l)){qe(u,h,l);u=t[--a];h=r[--v]}else if(Ve(c,h,l)){if(c.F==="slot"||h.F==="slot"){_e(c.R.parentNode,false)}qe(c,h,l);Je(e,c.R,u.R.nextSibling);c=t[++s];h=r[--v]}else if(Ve(u,d,l)){if(c.F==="slot"||h.F==="slot"){_e(u.R.parentNode,false)}qe(u,d,l);Je(e,u.R,c.R);u=t[--a];d=r[++i]}else{o=-1;{for(f=s;f<=a;++f){if(t[f]&&t[f].j!==null&&t[f].j===d.j){o=f;break}}}if(o>=0){m=t[o];if(m.F!==d.F){p=Be(t&&t[i],n,o)}else{qe(m,d,l);t[o]=void 0;p=m.R}d=r[++i]}else{p=Be(t&&t[i],n,i);d=r[++i]}if(p){{Je(Ye(c.R).parentNode,p,Ye(c.R))}}}}if(s>a){ze(e,r[v+1]==null?null:r[v+1].R,n,r,i,v)}else if(i>v){He(t,s,a)}};var Ve=(e,t,n=false)=>{if(e.F===t.F){if(e.F==="slot"){return e.T===t.T}if(!n){return e.j===t.j}if(n&&!e.j&&t.j){e.j=t.j}return true}return false};var Ye=e=>e&&e["s-ol"]||e;var qe=(e,n,r=false)=>{const l=n.R=e.R;const s=e.O;const i=n.O;const o=n.F;const f=n.k;let a;if(f===null){{We=o==="svg"?true:o==="foreignObject"?false:We}{De(e,n,We,r)}if(s!==null&&i!==null){Qe(l,s,n,i,r)}else if(i!==null){if(e.k!==null){l.textContent=""}ze(l,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&s!==null){He(s,0,s.length-1)}if(We&&o==="svg"){We=false}}else if(a=l["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){l.data=f}};var Ge=[];var Ke=e=>{let n;let r;let l;const s=e.__childNodes||e.childNodes;for(const e of s){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){r=n.parentNode.__childNodes||n.parentNode.childNodes;const s=e["s-sn"];for(l=r.length-1;l>=0;l--){n=r[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]&&!t.experimentalSlotFixes){if(J(n,s)){let t=Ge.find((e=>e.U===n));Ie=true;n["s-sn"]=n["s-sn"]||s;if(t){t.U["s-sh"]=e["s-hn"];t.W=e}else{n["s-sh"]=e["s-hn"];Ge.push({W:e,U:n})}if(n["s-sr"]){Ge.map((e=>{if(J(e.U,n["s-sn"])){t=Ge.find((e=>e.U===n));if(t&&!e.W){e.W=t.W}}}))}}else if(!Ge.some((e=>e.U===n))){Ge.push({U:n})}}}}if(e.nodeType===1){Ke(e)}}};var Xe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.O&&e.O.map(Xe)}};var Je=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Ze=(e,t,n=false)=>{var r,l,s,i;const o=e.$hostElement$;const f=e.i;const a=e.N||ie(null,null);const c=fe(t)?t:se(null,null,t);Ae=o.tagName;if(f.B){c.C=c.C||{};f.B.map((([e,t])=>c.C[t]=o[e]))}if(n&&c.C){for(const e of Object.keys(c.C)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=o[e]}}}c.F=null;c.l|=4;e.N=c;c.R=a.R=o;Pe=T;{Me=o["s-cr"];Ie=false}qe(a,c,n);{x.l|=1;if(Ue){Ke(c.R);for(const e of Ge){const t=e.U;if(!t["s-ol"]&&j.document){const e=j.document.createTextNode("");e["s-nr"]=t;Je(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ge){const t=e.U;const o=e.W;if(o){const e=o.parentNode;let n=o.nextSibling;{let s=(r=t["s-ol"])==null?void 0:r.previousSibling;while(s){let r=(l=s["s-nr"])!=null?l:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===t||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){n=r;break}}s=s.previousSibling}}const i=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==i||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Je(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](o)}else{if(t.nodeType===1){if(n){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(Ie){q(c.R)}x.l&=~1;Ge.length=0}Me=void 0};var et=(e,t)=>{if(t&&!e._&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e._=()=>{t["s-p"].splice(n-1,1);r()})))}};var tt=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}et(e,e.H);const n=()=>nt(e,t);return U(n)};var nt=(e,t)=>{const n=e.$hostElement$;const r=re("scheduleUpdate",e.i.m);const l=e.t;if(!l){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 s;if(t){{e.l|=256;if(e.V){e.V.map((([e,t])=>vt(l,e,t,n)));e.V=void 0}}s=vt(l,"componentWillLoad",void 0,n)}else{s=vt(l,"componentWillUpdate",void 0,n)}s=rt(s,(()=>vt(l,"componentWillRender",void 0,n)));r();return rt(s,(()=>st(e,l,t)))};var rt=(e,t)=>lt(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var lt=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var st=async(e,t,n)=>{var r;const l=e.$hostElement$;const s=re("update",e.i.m);const i=l["s-rc"];if(n){je(e)}const o=re("render",e.i.m);{ot(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=void 0}o();s();{const t=(r=l["s-p"])!=null?r:[];const n=()=>at(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var it=null;var ot=(e,t,n,r)=>{try{it=t;t=t.render();{e.l&=~16}{e.l|=2}{{{Ze(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}it=null;return null};var ft=()=>it;var at=e=>{const t=e.i.m;const n=e.$hostElement$;const r=re("postUpdate",t);const l=e.t;const s=e.H;vt(l,"componentDidRender",void 0,n);if(!(e.l&64)){e.l|=64;{dt(n)}vt(l,"componentDidLoad",void 0,n);r();{e.p(n);if(!s){ut()}}}else{vt(l,"componentDidUpdate",void 0,n);r()}{e.v(n)}{if(e._){e._();e._=void 0}if(e.l&512){I((()=>tt(e,false)))}e.l&=~(4|512)}};var ct=e=>{{const t=i(e);const n=t.$hostElement$.isConnected;if(n&&(t.l&(2|16))===2){tt(t,false)}return n}};var ut=t=>{I((()=>Se(j,"appload",{detail:{namespace:e}})))};var vt=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var dt=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var ht=(e,t)=>i(e).o.get(t);var pt=(e,t,n,r)=>{const l=i(e);if(!l){throw new Error(`Couldn't find host element for "${r.m}" 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/ionic-team/stencil/issues/5457).`)}const s=l.$hostElement$;const o=l.o.get(t);const f=l.l;const a=l.t;n=be(n,r.Y[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(f&8)||o===void 0)&&v){l.o.set(t,n);if(a){if(r.q&&f&128){const e=r.q[t];if(e){e.map((e=>{try{a[e](n,o,t)}catch(e){c(e,s)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,o,t)===false){return}}tt(l,false)}}}};var mt=(e,n,r)=>{var l,s;const o=e.prototype;if(n.l&64&&r&1){O.forEach((e=>{Object.defineProperty(o,e,{value(...t){const n=i(this);const r=n.t;if(!r){n.h.then((n=>{const r=n[e];typeof r==="function"&&r.call(n,...t)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...t)}}})}))}if(n.Y||(n.q||e.watchers)){if(e.watchers&&!n.q){n.q=e.watchers}const f=Object.entries((l=n.Y)!=null?l:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:l,set:s}=Object.getOwnPropertyDescriptor(o,e)||{};if(l)n.Y[e][0]|=2048;if(s)n.Y[e][0]|=4096;if(r&1||!l){Object.defineProperty(o,e,{get(){{if((n.Y[e][0]&2048)===0){return ht(this,e)}const t=i(this);const r=t?t.t:o;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(o,e,{set(l){const o=i(this);if(s){const r=t&32?this[e]:o.$hostElement$[e];if(typeof r==="undefined"&&o.o.get(e)){l=o.o.get(e)}else if(!o.o.get(e)&&r){o.o.set(e,r)}s.apply(this,[be(l,t)]);l=t&32?this[e]:o.$hostElement$[e];pt(this,e,l,n);return}{if((r&1)===0||(n.Y[e][0]&4096)===0){pt(this,e,l,n);if(r&1&&!o.t){o.h.then((()=>{if(n.Y[e][0]&4096&&o.t[e]!==o.o.get(e)){o.t[e]=l}}))}return}const s=()=>{const r=o.t[e];if(!o.o.get(e)&&r){o.o.set(e,r)}o.t[e]=be(l,t);pt(this,e,o.t[e],n)};if(o.t){s()}else{o.h.then((()=>s()))}}}})}else if(r&1&&t&64){Object.defineProperty(o,e,{value(...t){var n;const r=i(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(e,l,s){x.jmp((()=>{var f;const a=r.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){s=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==s){return}else if(a==null){const t=i(this);const r=t==null?void 0:t.l;if(r&&!(r&8)&&r&128&&s!==l){const r=t.t;const i=(f=n.q)==null?void 0:f[e];i==null?void 0:i.forEach((t=>{if(r[t]!=null){r[t].call(r,s,l,e)}}))}return}const c=Object.getOwnPropertyDescriptor(o,a);s=s===null&&typeof this[a]==="boolean"?false:s;if(s!==this[a]&&(!c.get||!!c.set)){this[a]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=n.q)!=null?s:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var l;const s=t[1]||e;r.set(s,e);if(t[0]&512){(l=n.B)==null?void 0:l.push([e,s])}return s}))]))}}return e};var $t=async(e,t,n,r)=>{let l;if((t.l&32)===0){t.l|=32;const r=n.$;if(r){const r=v(n,t);if(r&&"then"in r){const e=le();l=await r;e()}else{l=r}if(!l){throw new Error(`Constructor for "${n.m}#${t.G}" was not found`)}if(!l.isProxied){{n.q=l.watchers}mt(l,n,2);l.isProxied=true}const s=re("createInstance",n.m);{t.l|=8}try{new l(t)}catch(t){c(t,e)}{t.l&=~8}{t.l|=128}s();yt(t.t,e)}else{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=xe(n);if(!d.has(t)){const r=re("registerStyles",n.m);Ce(t,e,!!(n.l&1));r()}}}const s=t.H;const i=()=>tt(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var yt=(e,t)=>{{vt(e,"connectedCallback",void 0,t)}};var bt=e=>{if((x.l&1)===0){const t=i(e);const n=t.i;const r=re("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let r;{r=e.getAttribute(b);if(r){ve(e,n.m,r,t)}}if(!r){if(n.l&(4|8)){wt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){et(t,t.H=n);break}}}if(n.Y){Object.entries(n.Y).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{$t(e,t,n)}}else{Ot(e,t,n.K);if(t==null?void 0:t.t){yt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>yt(t.t,e)))}}r()}};var wt=e=>{if(!j.document){return}const t=e["s-cr"]=j.document.createComment("");t["s-cn"]=true;Je(e,t,e.firstChild)};var gt=(e,t)=>{{vt(e,"disconnectedCallback",void 0,t||e)}};var St=async e=>{if((x.l&1)===0){const t=i(e);{if(t.X){t.X.map((e=>e()));t.X=void 0}}if(t==null?void 0:t.t){gt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>gt(t.t,e)))}}if(ke.has(e)){ke.delete(e)}if(e.shadowRoot&&ke.has(e.shadowRoot)){ke.delete(e.shadowRoot)}};var kt=(e,t={})=>{var n;if(!j.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=re();const l=[];const s=t.exclude||[];const o=j.customElements;const a=j.document.head;const c=a.querySelector("meta[charset]");const u=j.document.createElement("style");const v=[];let d;let h=true;Object.assign(x,t);x.S=new URL(t.resourcesUrl||"./",j.document.baseURI).href;{x.l|=2}let p=false;e.map((e=>{e[1].map((t=>{var n;const r={l:t[0],m:t[1],Y:t[2],K:t[3]};if(r.l&4){p=true}{r.Y=t[2]}{r.K=t[3]}{r.B=[]}{r.q=(n=t[4])!=null?n:{}}const a=r.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,r)}connectedCallback(){const e=i(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ot(this,e,r.K)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{x.jmp((()=>bt(this)))}}disconnectedCallback(){x.jmp((()=>St(this)));x.raf((()=>{var e;const t=i(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.N)==null?void 0:e.R)instanceof Node&&!t.N.R.isConnected){delete t.N.R}}))}componentOnReady(){return i(this).h}};if(r.l&64){c.formAssociated=true}r.$=e[0];if(!s.includes(a)&&!o.get(a)){l.push(a);o.define(a,mt(c,r,1))}}))}));if(l.length>0){if(p){u.textContent+=k}{u.textContent+=l.sort()+S}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=x.I)!=null?n:B(j.document);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{x.jmp((()=>d=setTimeout(ut,30)))}}r()};var Ct=(e,t)=>t;var Ot=(e,t,n,r)=>{if(n&&j.document){n.map((([n,r,l])=>{const s=xt(j.document,e,n);const i=jt(t,l);const o=Tt(n);x.ael(s,r,i,o);(t.X=t.X||[]).push((()=>x.rel(s,r,i,o)))}))}};var jt=(e,t)=>n=>{var r;try{{if(e.l&256){(r=e.t)==null?void 0:r[t](n)}else{(e.V=e.V||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var xt=(e,t,n)=>{if(n&4){return e}return t};var Tt=e=>F?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Ft=e=>x.I=e;export{Ct as F,oe as H,ft as a,kt as b,ge as c,ct as f,we as g,se as h,R as p,o as r,Ft as s};
-//# sourceMappingURL=p-d0a33e64.js.map
+const e="native";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,constructableCSS:true,cssAnnotations:true,devTools:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:false,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var l="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var i=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var o=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var a=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const l=e.$;if(!l){return void 0}const s=u.get(l);if(s){return s[r]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{u.set(l,e)}return e[r]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="r";var p="o";var m="s";var $="t";var y="c";var b="s-id";var w="sty-id";var g="c-id";var S="{visibility:hidden}.hydrated{visibility:inherit}";var k="slot-fb{display:contents}slot-fb[hidden]{display:none}";var C="http://www.w3.org/1999/xlink";var O=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var j=typeof window!=="undefined"?window:{};var x={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var T=t.shadowDom;var F=(()=>{var e;let t=false;try{(e=j.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var R=e=>Promise.resolve(e);var L=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var N=false;var D=[];var E=[];var M=(e,t)=>n=>{e.push(n);if(!N){N=true;if(t&&x.l&4){I(P)}else{x.raf(P)}}};var A=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var P=()=>{A(D);{A(E);if(N=D.length>0){x.raf(P)}}};var I=e=>R().then(e);var U=M(E,true);var W=e=>{e=typeof e;return e==="object"||e==="function"};function B(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var _={};r(_,{err:()=>H,map:()=>Q,ok:()=>z,unwrap:()=>V,unwrapErr:()=>Y});var z=e=>({isOk:true,isErr:false,value:e});var H=e=>({isOk:false,isErr:true,value:e});function Q(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>z(e)))}else{return z(n)}}if(e.isErr){const t=e.value;return H(t)}throw"should never get here"}var V=e=>{if(e.isOk){return e.value}else{throw e.value}};var Y=e=>{if(e.isErr){return e.value}else{throw e.value}};var q=e=>{const t=ne(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){K(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(X(e,ee(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&ne(e,"childNodes").length){q(e)}}};var G=e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"]||void 0;if(r&&r.isConnected){t.push(r)}}return t};function K(e,t,n){let r=0;let l=[];let s;for(;r<e.length;r++){s=e[r];if(s["s-sr"]&&(!t||s["s-hn"]===t)&&(n===void 0||ee(s)===n)){l.push(s);if(typeof n!=="undefined")return l}l=[...l,...K(s.childNodes,t,n)]}return l}var X=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let l=e;while(l=l.nextSibling){if(ee(l)===t&&(n||!l["s-sr"]))r.push(l)}return r};var J=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Z=(e,t,n,r)=>{if(e["s-ol"]&&e["s-ol"].isConnected){return}const l=document.createTextNode("");l["s-nr"]=e;if(!t["s-cr"]||!t["s-cr"].parentNode)return;const s=t["s-cr"].parentNode;const i=n?ne(s,"prepend"):ne(s,"appendChild");if(typeof r!=="undefined"){l["s-oo"]=r;const e=ne(s,"childNodes");const t=[l];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0))return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>i.call(s,e)))}else{i.call(s,l)}e["s-ol"]=l;e["s-sh"]=t["s-hn"]};var ee=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function te(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const r=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 l=this["s-cr"].parentElement;const s=l.__childNodes?l.childNodes:G(l.childNodes);s.forEach((e=>{if(r===ee(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function ne(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var re=(e,t="")=>{{return()=>{}}};var le=(e,t)=>{{return()=>{}}};var se=(e,t,...n)=>{let r=null;let l=null;let s=null;let i=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(i=typeof e!=="function"&&!W(r)){r=String(r)}if(i&&o){f[f.length-1].k+=r}else{f.push(i?ie(null,r):r)}o=i}}};a(n);if(t){if(t.key){l=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,ae)}const c=ie(e,null);c.C=t;if(f.length>0){c.O=f}{c.j=l}{c.T=s}return c};var ie=(e,t)=>{const n={l:0,F:e,k:t,R:null,O:null};{n.C=null}{n.j=null}{n.T=null}return n};var oe={};var fe=e=>e&&e.F===oe;var ae={forEach:(e,t)=>e.map(ce).forEach(t),map:(e,t)=>e.map(ce).map(t).map(ue)};var ce=e=>({vattrs:e.C,vchildren:e.O,vkey:e.j,vname:e.T,vtag:e.F,vtext:e.k});var ue=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return se(e.vtag,t,...e.vchildren||[])}const t=ie(e.vtag,e.vtext);t.C=e.vattrs;t.O=e.vchildren;t.j=e.vkey;t.T=e.vname;return t};var ve=(e,t,n,r)=>{const l=re("hydrateClient",t);const s=e.shadowRoot;const i=[];const o=[];const f=[];const a=null;const c=ie(t,null);c.R=e;if(j.document&&(!x.L||!x.L.size)){he(j.document.body,x.L=new Map)}e[b]=n;e.removeAttribute(b);r.N=de(c,i,o,a,e,e,n,f);let u=0;const v=i.length;let d;for(u;u<v;u++){d=i[u];const n=d.D+"."+d.M;const r=x.L.get(n);const l=d.R;if(!s){l["s-hn"]=t.toUpperCase();if(d.F==="slot"){l["s-cr"]=e["s-cr"]}}if(d.F==="slot"){d.T=d.R["s-sn"]||d.R["name"]||null;if(d.O){d.l|=2;if(!d.R.childNodes.length){d.O.forEach((e=>{d.R.appendChild(e.R)}))}}else{d.l|=1}}if(r&&r.isConnected){if(s&&r["s-en"]===""){r.parentNode.insertBefore(l,r.nextSibling)}r.parentNode.removeChild(r);if(!s){l["s-oo"]=parseInt(d.M)}}x.L.delete(n)}const h=[];const p=f.length;let m=0;let $;let y;let w;let g;for(m;m<p;m++){$=f[m];if(!$||!$.length)continue;w=$.length;y=0;for(y;y<w;y++){g=$[y];if(!h[g.hostId]){h[g.hostId]=x.L.get(g.hostId)}if(!h[g.hostId])continue;const e=h[g.hostId];if(!e.shadowRoot||!s){g.slot["s-cr"]=e["s-cr"];if(!g.slot["s-cr"]&&e.shadowRoot){g.slot["s-cr"]=e}else{g.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}Z(g.node,g.slot,false,g.node["s-oo"])}if(e.shadowRoot&&g.node.parentElement!==e){e.appendChild(g.node)}}}x.L.delete(e["s-id"]);r.$hostElement$=e;l()};var de=(e,t,n,r,l,s,i,o=[])=>{let f;let a;let c;let u;if(s.nodeType===1){f=s.getAttribute(g);if(f){a=f.split(".");if(a[0]===i||a[0]==="0"){c=pe({l:0,D:a[0],M:a[1],A:a[2],P:a[3],F:s.tagName.toLowerCase(),R:s,C:{class:s.className||""}});t.push(c);s.removeAttribute(g);if(!e.O){e.O=[]}const l=c.R.getAttribute("s-sn");if(typeof l==="string"){if(c.F==="slot-fb"){me(l,a[2],c,s,e,t,n,r,o)}c.R["s-sn"]=l;c.R.removeAttribute("s-sn")}if(c.P!==void 0){e.O[c.P]=c}e=c;if(r&&c.A==="0"){r[c.P]=c.R}}}if(s.shadowRoot){for(u=s.shadowRoot.childNodes.length-1;u>=0;u--){de(e,t,n,r,l,s.shadowRoot.childNodes[u],i,o)}}const v=s.__childNodes||s.childNodes;for(u=v.length-1;u>=0;u--){de(e,t,n,r,l,v[u],i,o)}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){f=a[0];c=pe({D:a[1],M:a[2],A:a[3],P:a[4]||"0",R:s,C:null,O:null,j:null,T:null,F:null,k:null});if(f===$){c.R=ye(s,3);if(c.R&&c.R.nodeType===3){c.k=c.R.textContent;t.push(c);s.remove();if(i===c.D){if(!e.O){e.O=[]}e.O[c.P]=c}if(r&&c.A==="0"){r[c.P]=c.R}}}else if(f===y){c.R=ye(s,8);if(c.R&&c.R.nodeType===8){t.push(c);s.remove()}}else if(c.D===i){if(f===m){const l=s["s-sn"]=a[5]||"";me(l,a[2],c,s,e,t,n,r,o)}else if(f===h){{l["s-cr"]=s;s["s-cn"]=true}}}}}else if(e&&e.F==="style"){const t=ie(null,s.textContent);t.R=s;t.P="0";e.O=[t]}else{if(s.nodeType===3&&!s.wholeText.trim()){s.remove()}}return e};var he=(e,t)=>{if(e.nodeType===1){const n=e[b]||e.getAttribute(b);if(n){t.set(n,e)}let r=0;if(e.shadowRoot){for(;r<e.shadowRoot.childNodes.length;r++){he(e.shadowRoot.childNodes[r],t)}}const l=e.__childNodes||e.childNodes;for(r=0;r<l.length;r++){he(l[r],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var pe=e=>{const t={l:0,D:null,M:null,A:null,P:"0",R:null,C:null,O:null,j:null,T:null,F:null,k:null};return{...t,...e}};function me(e,t,n,r,l,s,i,o,f){r["s-sr"]=true;n.T=e||null;n.F="slot";const a=(l==null?void 0:l.R)?l.R["s-id"]||l.R.getAttribute("s-id"):"";{const i=n.R;const o=a&&a!==n.D&&l.R.shadowRoot;$e(f,t,e,r,o?a:n.D);te(r);if(o){l.R.insertBefore(i,l.R.children[0])}s.push(n)}i.push(n);if(!l.O){l.O=[]}l.O[n.P]=n}var $e=(e,t,n,r,l)=>{let s=r.nextSibling;e[t]=e[t]||[];while(s&&((s["getAttribute"]&&s.getAttribute("slot")||s["s-sn"])===n||n===""&&!s["s-sn"]&&(s.nodeType===8&&s.nodeValue.indexOf(".")!==1||s.nodeType===3))){s["s-sn"]=n;e[t].push({slot:r,node:s,hostId:l});s=s.nextSibling}};var ye=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n};var be=(e,t)=>{if(e!=null&&!W(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var we=e=>i(e).$hostElement$;var ge=(e,t,n)=>{const r=we(e);return{emit:e=>Se(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var Se=(e,t,n)=>{const r=x.ce(t,n);e.dispatchEvent(r);return r};var ke=new WeakMap;var Ce=(e,t,n)=>{let r=d.get(e);if(L&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var Oe=(e,t,n)=>{var r;const l=xe(t);const s=d.get(l);if(!j.document){return l}e=e.nodeType===11?e:j.document;if(s){if(typeof s==="string"){e=e.head||e;let n=ke.get(e);let i;if(!n){ke.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${w}="${l}"]`))){i.innerHTML=s}else{i=document.querySelector(`[${w}="${l}"]`)||j.document.createElement("style");i.innerHTML=s;const n=(r=x.I)!=null?r:B(j.document);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(L){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=k}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var je=e=>{const t=e.i;const n=e.$hostElement$;const r=re("attachStyles",t.m);Oe(n.getRootNode(),t);r()};var xe=(e,t)=>"sc-"+e.m;var Te=(e,t,n,r,l,s,i)=>{if(n===r){return}let o=a(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=Re(n);let s=Re(r);if(e["s-si"]&&i){s.push(e["s-si"]);l.forEach((t=>{if(t.startsWith(e["s-si"]))s.push(t)}));s=[...new Set(s)];t.add(...s)}else{t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(j,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||r){const l=t.endsWith(Le);t=t.replace(Ne,"");if(n){x.rel(e,t,n,l)}if(r){x.ael(e,t,r,l)}}}else{const i=W(r);if((o||i&&r!==null)&&!l){try{if(!e.tagName.includes("-")){const l=r==null?"":r;if(t==="list"){o=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(C,t)}else{e.removeAttribute(t)}}}else if((!o||s&4||l)&&!i&&e.nodeType===1){r=r===true?"":r;if(a){e.setAttributeNS(C,t,r)}else{e.setAttribute(t,r)}}}};var Fe=/\s/;var Re=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Fe)};var Le="Capture";var Ne=new RegExp(Le+"$");var De=(e,t,n,r)=>{const l=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const s=e&&e.C||{};const i=t.C||{};{for(const e of Ee(Object.keys(s))){if(!(e in i)){Te(l,e,s[e],void 0,n,t.l,r)}}}for(const e of Ee(Object.keys(i))){Te(l,e,s[e],i[e],n,t.l,r)}};function Ee(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Me;var Ae;var Pe=false;var Ie=false;var Ue=false;var We=false;var Be=(e,n,r)=>{var i;const o=n.O[r];let f=0;let a;let c;let u;if(!Pe){Ue=true;if(o.F==="slot"){o.l|=o.O?2:1}}if(o.k!==null){a=o.R=j.document.createTextNode(o.k)}else if(o.l&1){a=o.R=j.document.createTextNode("");{De(null,o,We)}}else{if(!We){We=o.F==="svg"}if(!j.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.")}a=o.R=j.document.createElementNS(We?l:s,!Pe&&t.slotRelocation&&o.l&2?"slot-fb":o.F);if(We&&o.F==="foreignObject"){We=false}{De(null,o,We)}if(o.O){for(f=0;f<o.O.length;++f){c=Be(e,o,f);if(c){a.appendChild(c)}}}{if(o.F==="svg"){We=false}else if(a.tagName==="foreignObject"){We=true}}}a["s-hn"]=Ae;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=Me;a["s-sn"]=o.T||"";a["s-rf"]=(i=o.C)==null?void 0:i.ref;te(a);u=e&&e.O&&e.O[r];if(u&&u.F===o.F&&e.R){{_e(e.R,false)}}}}return a};var _e=(e,n)=>{x.l|=1;const r=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Ae){r.push(t)}}}for(let e=r.length-1;e>=0;e--){const t=r[e];if(t["s-hn"]!==Ae&&t["s-ol"]){Je(Ye(t).parentNode,t,Ye(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;Ue=true}if(n){_e(t,n)}}x.l&=~1};var ze=(e,t,n,r,l,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;for(;l<=s;++l){if(r[l]){o=Be(null,n,l);if(o){r[l].R=o;Je(i,o,Ye(t))}}}};var He=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.R;Xe(t);if(e){{Ie=true;if(e["s-ol"]){e["s-ol"].remove()}else{_e(e,true)}}e.remove()}}}};var Qe=(e,t,n,r,l=false)=>{let s=0;let i=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=r[++i]}else if(h==null){h=r[--v]}else if(Ve(c,d,l)){qe(c,d,l);c=t[++s];d=r[++i]}else if(Ve(u,h,l)){qe(u,h,l);u=t[--a];h=r[--v]}else if(Ve(c,h,l)){if(c.F==="slot"||h.F==="slot"){_e(c.R.parentNode,false)}qe(c,h,l);Je(e,c.R,u.R.nextSibling);c=t[++s];h=r[--v]}else if(Ve(u,d,l)){if(c.F==="slot"||h.F==="slot"){_e(u.R.parentNode,false)}qe(u,d,l);Je(e,u.R,c.R);u=t[--a];d=r[++i]}else{o=-1;{for(f=s;f<=a;++f){if(t[f]&&t[f].j!==null&&t[f].j===d.j){o=f;break}}}if(o>=0){m=t[o];if(m.F!==d.F){p=Be(t&&t[i],n,o)}else{qe(m,d,l);t[o]=void 0;p=m.R}d=r[++i]}else{p=Be(t&&t[i],n,i);d=r[++i]}if(p){{Je(Ye(c.R).parentNode,p,Ye(c.R))}}}}if(s>a){ze(e,r[v+1]==null?null:r[v+1].R,n,r,i,v)}else if(i>v){He(t,s,a)}};var Ve=(e,t,n=false)=>{if(e.F===t.F){if(e.F==="slot"){return e.T===t.T}if(!n){return e.j===t.j}if(n&&!e.j&&t.j){e.j=t.j}return true}return false};var Ye=e=>e&&e["s-ol"]||e;var qe=(e,n,r=false)=>{const l=n.R=e.R;const s=e.O;const i=n.O;const o=n.F;const f=n.k;let a;if(f===null){{We=o==="svg"?true:o==="foreignObject"?false:We}{De(e,n,We,r)}if(s!==null&&i!==null){Qe(l,s,n,i,r)}else if(i!==null){if(e.k!==null){l.textContent=""}ze(l,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&s!==null){He(s,0,s.length-1)}if(We&&o==="svg"){We=false}}else if(a=l["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){l.data=f}};var Ge=[];var Ke=e=>{let n;let r;let l;const s=e.__childNodes||e.childNodes;for(const e of s){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){r=n.parentNode.__childNodes||n.parentNode.childNodes;const s=e["s-sn"];for(l=r.length-1;l>=0;l--){n=r[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]&&!t.experimentalSlotFixes){if(J(n,s)){let t=Ge.find((e=>e.U===n));Ie=true;n["s-sn"]=n["s-sn"]||s;if(t){t.U["s-sh"]=e["s-hn"];t.W=e}else{n["s-sh"]=e["s-hn"];Ge.push({W:e,U:n})}if(n["s-sr"]){Ge.map((e=>{if(J(e.U,n["s-sn"])){t=Ge.find((e=>e.U===n));if(t&&!e.W){e.W=t.W}}}))}}else if(!Ge.some((e=>e.U===n))){Ge.push({U:n})}}}}if(e.nodeType===1){Ke(e)}}};var Xe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.O&&e.O.map(Xe)}};var Je=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Ze=(e,t,n=false)=>{var r,l,s,i;const o=e.$hostElement$;const f=e.i;const a=e.N||ie(null,null);const c=fe(t)?t:se(null,null,t);Ae=o.tagName;if(f.B){c.C=c.C||{};f.B.map((([e,t])=>c.C[t]=o[e]))}if(n&&c.C){for(const e of Object.keys(c.C)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=o[e]}}}c.F=null;c.l|=4;e.N=c;c.R=a.R=o;Pe=T;{Me=o["s-cr"];Ie=false}qe(a,c,n);{x.l|=1;if(Ue){Ke(c.R);for(const e of Ge){const t=e.U;if(!t["s-ol"]&&j.document){const e=j.document.createTextNode("");e["s-nr"]=t;Je(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ge){const t=e.U;const o=e.W;if(o){const e=o.parentNode;let n=o.nextSibling;{let s=(r=t["s-ol"])==null?void 0:r.previousSibling;while(s){let r=(l=s["s-nr"])!=null?l:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===t||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){n=r;break}}s=s.previousSibling}}const i=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==i||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Je(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](o)}else{if(t.nodeType===1){if(n){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(Ie){q(c.R)}x.l&=~1;Ge.length=0}Me=void 0};var et=(e,t)=>{if(t&&!e._&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e._=()=>{t["s-p"].splice(n-1,1);r()})))}};var tt=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}et(e,e.H);const n=()=>nt(e,t);return U(n)};var nt=(e,t)=>{const n=e.$hostElement$;const r=re("scheduleUpdate",e.i.m);const l=e.t;if(!l){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 s;if(t){{e.l|=256;if(e.V){e.V.map((([e,t])=>vt(l,e,t,n)));e.V=void 0}}s=vt(l,"componentWillLoad",void 0,n)}else{s=vt(l,"componentWillUpdate",void 0,n)}s=rt(s,(()=>vt(l,"componentWillRender",void 0,n)));r();return rt(s,(()=>st(e,l,t)))};var rt=(e,t)=>lt(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var lt=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var st=async(e,t,n)=>{var r;const l=e.$hostElement$;const s=re("update",e.i.m);const i=l["s-rc"];if(n){je(e)}const o=re("render",e.i.m);{ot(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=void 0}o();s();{const t=(r=l["s-p"])!=null?r:[];const n=()=>at(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var it=null;var ot=(e,t,n,r)=>{try{it=t;t=t.render();{e.l&=~16}{e.l|=2}{{{Ze(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}it=null;return null};var ft=()=>it;var at=e=>{const t=e.i.m;const n=e.$hostElement$;const r=re("postUpdate",t);const l=e.t;const s=e.H;vt(l,"componentDidRender",void 0,n);if(!(e.l&64)){e.l|=64;{dt(n)}vt(l,"componentDidLoad",void 0,n);r();{e.p(n);if(!s){ut()}}}else{vt(l,"componentDidUpdate",void 0,n);r()}{e.v(n)}{if(e._){e._();e._=void 0}if(e.l&512){I((()=>tt(e,false)))}e.l&=~(4|512)}};var ct=e=>{{const t=i(e);const n=t.$hostElement$.isConnected;if(n&&(t.l&(2|16))===2){tt(t,false)}return n}};var ut=t=>{I((()=>Se(j,"appload",{detail:{namespace:e}})))};var vt=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var dt=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var ht=(e,t)=>i(e).o.get(t);var pt=(e,t,n,r)=>{const l=i(e);if(!l){throw new Error(`Couldn't find host element for "${r.m}" 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/ionic-team/stencil/issues/5457).`)}const s=l.$hostElement$;const o=l.o.get(t);const f=l.l;const a=l.t;n=be(n,r.Y[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(f&8)||o===void 0)&&v){l.o.set(t,n);if(a){if(r.q&&f&128){const e=r.q[t];if(e){e.map((e=>{try{a[e](n,o,t)}catch(e){c(e,s)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,o,t)===false){return}}tt(l,false)}}}};var mt=(e,n,r)=>{var l,s;const o=e.prototype;if(n.l&64&&r&1){O.forEach((e=>{Object.defineProperty(o,e,{value(...t){const n=i(this);const r=n.t;if(!r){n.h.then((n=>{const r=n[e];typeof r==="function"&&r.call(n,...t)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...t)}}})}))}if(n.Y||(n.q||e.watchers)){if(e.watchers&&!n.q){n.q=e.watchers}const f=Object.entries((l=n.Y)!=null?l:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:l,set:s}=Object.getOwnPropertyDescriptor(o,e)||{};if(l)n.Y[e][0]|=2048;if(s)n.Y[e][0]|=4096;if(r&1||!l){Object.defineProperty(o,e,{get(){{if((n.Y[e][0]&2048)===0){return ht(this,e)}const t=i(this);const r=t?t.t:o;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(o,e,{set(l){const o=i(this);if(s){const r=t&32?this[e]:o.$hostElement$[e];if(typeof r==="undefined"&&o.o.get(e)){l=o.o.get(e)}else if(!o.o.get(e)&&r){o.o.set(e,r)}s.apply(this,[be(l,t)]);l=t&32?this[e]:o.$hostElement$[e];pt(this,e,l,n);return}{if((r&1)===0||(n.Y[e][0]&4096)===0){pt(this,e,l,n);if(r&1&&!o.t){o.h.then((()=>{if(n.Y[e][0]&4096&&o.t[e]!==o.o.get(e)){o.t[e]=l}}))}return}const s=()=>{const r=o.t[e];if(!o.o.get(e)&&r){o.o.set(e,r)}o.t[e]=be(l,t);pt(this,e,o.t[e],n)};if(o.t){s()}else{o.h.then((()=>s()))}}}})}else if(r&1&&t&64){Object.defineProperty(o,e,{value(...t){var n;const r=i(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(e,l,s){x.jmp((()=>{var f;const a=r.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){s=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==s){return}else if(a==null){const t=i(this);const r=t==null?void 0:t.l;if(r&&!(r&8)&&r&128&&s!==l){const r=t.t;const i=(f=n.q)==null?void 0:f[e];i==null?void 0:i.forEach((t=>{if(r[t]!=null){r[t].call(r,s,l,e)}}))}return}const c=Object.getOwnPropertyDescriptor(o,a);s=s===null&&typeof this[a]==="boolean"?false:s;if(s!==this[a]&&(!c.get||!!c.set)){this[a]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=n.q)!=null?s:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var l;const s=t[1]||e;r.set(s,e);if(t[0]&512){(l=n.B)==null?void 0:l.push([e,s])}return s}))]))}}return e};var $t=async(e,t,n,r)=>{let l;if((t.l&32)===0){t.l|=32;const r=n.$;if(r){const r=v(n,t);if(r&&"then"in r){const e=le();l=await r;e()}else{l=r}if(!l){throw new Error(`Constructor for "${n.m}#${t.G}" was not found`)}if(!l.isProxied){{n.q=l.watchers}mt(l,n,2);l.isProxied=true}const s=re("createInstance",n.m);{t.l|=8}try{new l(t)}catch(t){c(t,e)}{t.l&=~8}{t.l|=128}s();yt(t.t,e)}else{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=xe(n);if(!d.has(t)){const r=re("registerStyles",n.m);Ce(t,e,!!(n.l&1));r()}}}const s=t.H;const i=()=>tt(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var yt=(e,t)=>{{vt(e,"connectedCallback",void 0,t)}};var bt=e=>{if((x.l&1)===0){const t=i(e);const n=t.i;const r=re("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let r;{r=e.getAttribute(b);if(r){ve(e,n.m,r,t)}}if(!r){if(n.l&(4|8)){wt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){et(t,t.H=n);break}}}if(n.Y){Object.entries(n.Y).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{$t(e,t,n)}}else{Ot(e,t,n.K);if(t==null?void 0:t.t){yt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>yt(t.t,e)))}}r()}};var wt=e=>{if(!j.document){return}const t=e["s-cr"]=j.document.createComment("");t["s-cn"]=true;Je(e,t,e.firstChild)};var gt=(e,t)=>{{vt(e,"disconnectedCallback",void 0,t||e)}};var St=async e=>{if((x.l&1)===0){const t=i(e);{if(t.X){t.X.map((e=>e()));t.X=void 0}}if(t==null?void 0:t.t){gt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>gt(t.t,e)))}}if(ke.has(e)){ke.delete(e)}if(e.shadowRoot&&ke.has(e.shadowRoot)){ke.delete(e.shadowRoot)}};var kt=(e,t={})=>{var n;if(!j.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=re();const l=[];const s=t.exclude||[];const o=j.customElements;const a=j.document.head;const c=a.querySelector("meta[charset]");const u=j.document.createElement("style");const v=[];let d;let h=true;Object.assign(x,t);x.S=new URL(t.resourcesUrl||"./",j.document.baseURI).href;{x.l|=2}let p=false;e.map((e=>{e[1].map((t=>{var n;const r={l:t[0],m:t[1],Y:t[2],K:t[3]};if(r.l&4){p=true}{r.Y=t[2]}{r.K=t[3]}{r.B=[]}{r.q=(n=t[4])!=null?n:{}}const a=r.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,r)}connectedCallback(){const e=i(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ot(this,e,r.K)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{x.jmp((()=>bt(this)))}}disconnectedCallback(){x.jmp((()=>St(this)));x.raf((()=>{var e;const t=i(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.N)==null?void 0:e.R)instanceof Node&&!t.N.R.isConnected){delete t.N.R}}))}componentOnReady(){return i(this).h}};if(r.l&64){c.formAssociated=true}r.$=e[0];if(!s.includes(a)&&!o.get(a)){l.push(a);o.define(a,mt(c,r,1))}}))}));if(l.length>0){if(p){u.textContent+=k}{u.textContent+=l.sort()+S}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=x.I)!=null?n:B(j.document);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{x.jmp((()=>d=setTimeout(ut,30)))}}r()};var Ct=(e,t)=>t;var Ot=(e,t,n,r)=>{if(n&&j.document){n.map((([n,r,l])=>{const s=xt(j.document,e,n);const i=jt(t,l);const o=Tt(n);x.ael(s,r,i,o);(t.X=t.X||[]).push((()=>x.rel(s,r,i,o)))}))}};var jt=(e,t)=>n=>{var r;try{{if(e.l&256){(r=e.t)==null?void 0:r[t](n)}else{(e.V=e.V||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var xt=(e,t,n)=>{if(n&4){return e}if(n&8){return j}return t};var Tt=e=>F?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Ft=e=>x.I=e;export{Ct as F,oe as H,ft as a,kt as b,ge as c,ct as f,we as g,se as h,R as p,o as r,Ft as s};
+//# sourceMappingURL=p-3060df80.js.map