@infineon/infineon-design-system-stencil 37.13.1--canary.1992.0eb8390d6cfd0c060d046f7e91d06e160e2dc360.0 → 37.13.1--canary.2001.c3b06ba3cc438de9e271efa72087b305440874f3.0

package/dist/infineon-design-system-stencil/p-0debad84.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,a as o}from"./p-DS8meZSd.js";import{d as r,t as i}from"./p-DcmcuUOA.js";import{i as c}from"./p-Bw2fh5LT.js";const n=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex}.container{display:inline-flex;align-items:center;padding:4px 16px;border:1px solid #BFBBBB;border-radius:9999px;background-color:#FFFFFF;gap:8px;font-family:var(--ifx-font-family)}.container:hover{cursor:pointer;border-color:#8D8786}.container:active,.container.active{border-color:#1D1D1D}.container:focus:not(:active,.active){outline:none;border-color:#1D1D1D}.container .label-wrapper{text-decoration:none}.container .label-wrapper .label{margin:0;font-weight:400;font-size:1rem;line-height:20px;color:#1D1D1D}';const t=class{constructor(e){a(this,e)}async componentDidLoad(){if(!c(this.el)){const a=r();i("ifx-tag",await a)}}render(){return e("div",{key:"54860515082dafc6cf6af5d5d2c7314218a4a9fa","aria-label":"a tag",class:"container"},this.icon&&e("ifx-icon",{key:"c6423bb9430162278c60f1099830f197c90cc734",icon:this.icon}),e("a",{key:"606425f798b31c72f8d3e9b75aabbaa379d9ed46",href:"javascript:void(null);",class:"label-wrapper"},e("p",{key:"1f477544ff7f6710e960baccc83dc51a5c50ed3e",class:"label"},e("slot",{key:"ecdf86e97e59525a33c0b3ff106440eb60036d33"}))))}get el(){return o(this)}};t.style=n;export{t as ifx_tag};
-//# sourceMappingURL=p-0debad84.entry.js.map

package/dist/infineon-design-system-stencil/p-15e72662.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["checkboxCss","Checkbox","constructor","hostRef","this","disabled","checked","error","size","indeterminate","handleCheckbox","inputElement","internalChecked","internalIndeterminate","value","undefined","internals","setFormValue","ifxChange","emit","isChecked","toggleCheckedState","newVal","valueChanged","newValue","oldValue","errorChanged","ifxError","indeterminateChanged","handleKeydown","event","keyCode","preventDefault","componentWillLoad","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","componentDidRender","formResetCallback","getCheckedClassName","render","slot","innerHTML","hasSlot","h","key","class","type","hidden","ref","onChange","bind","id","tabindex","onClick","onKeyDown","role","toString","icon"],"sources":["src/components/checkbox/checkbox.scss?tag=ifx-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n    display: inline-flex;\n    vertical-align: top;\n}\n\n.checkbox__container {\n    box-sizing: border-box;\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    padding: 0px;\n    gap: tokens.$ifxSpace100;\n    font-family: tokens.$ifxFontFamilyBody;\n    vertical-align: bottom;\n\n    & .checkbox__wrapper {\n        box-sizing: border-box;\n        display: flex;\n        position: relative; //needs to be added for the indeterminate state of the checkbox\n        justify-content: center;\n        align-items: center;\n        width: tokens.$ifxSize250;\n        height: tokens.$ifxSize250;\n        background-color: tokens.$ifxColorBaseWhite;\n        border: 1px solid #575352;\n        border-radius: tokens.$ifxBorderRadius12;\n        flex: none;\n        order: 0;\n        flex-grow: 0;\n        align-self: flex-start;\n\n        &.checkbox-m {\n            height: tokens.$ifxSize300;\n            width: tokens.$ifxSize300;\n        }\n\n        &.error {\n            border-color: #CD002F;\n        }\n\n        &:focus-visible {\n            border: 1px solid #575352;\n            outline: 2px solid #0A8276;\n            outline-offset: 2px;\n        }\n\n        &:hover {\n            background-color: #EEEDED;\n            border: 1px solid #575352;\n            border-radius: tokens.$ifxBorderRadius12;\n            flex: none;\n            order: 0;\n            flex-grow: 0;\n        }\n\n        &.disabled {\n            background-color: #BFBBBB;\n            border-color: #BFBBBB;\n            border-radius: tokens.$ifxBorderRadius12;\n            flex: none;\n            order: 0;\n            flex-grow: 0;\n        }\n\n        &.checked:not(.indeterminate) {\n            background-color: #0A8276;\n            border-radius: tokens.$ifxBorderRadius12;\n            border-color: tokens.$ifxColorBaseTransparent;\n            flex: none;\n            order: 0;\n            flex-grow: 0;\n            color: tokens.$ifxColorBaseWhite;\n\n            &.error {\n                background-color: #CD002F;\n            }\n\n            &:focus-visible {\n                border: 1px solid transparent;\n                outline: 2px solid #0A8276;\n                outline-offset: 2px;\n            }\n\n            &:hover {\n                background-color: #08665C;\n                border-radius: tokens.$ifxBorderRadius12;\n                flex: none;\n                order: 0;\n                flex-grow: 0;\n            }\n\n            &.disabled {\n                background: #BFBBBB;\n                border-radius: tokens.$ifxBorderRadius12;\n                flex: none;\n                order: 0;\n                flex-grow: 0;\n            }\n        }\n\n        &.indeterminate {\n            &:before {\n                content: \"\";\n                display: block;\n                width: 70%; // Adjust as needed for the width of the minus sign\n                height: 2px; // Adjust for thickness of the minus sign\n                background-color: #08665C; // Color of the minus sign\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n            }\n        }\n\n    }\n\n    & .label {\n        font-style: normal;\n        font-weight: 400;\n        font-size: tokens.$ifxFontSizeS;\n        line-height: tokens.$ifxLineHeightS;\n        color: tokens.$ifxColorBaseBlack;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        word-break: break-all;\n        max-width: 100%;\n\n        &.label-m {\n            font-size: tokens.$ifxFontSizeM;\n            line-height: tokens.$ifxLineHeightM;\n        }\n\n        &.disabled {\n            color: #BFBBBB;\n        }\n    }\n\n    & .checkbox__wrapper,\n    & .label {\n        &:hover {\n            cursor: pointer;\n        }\n    }\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n  formAssociated: true\n})\n\nexport class Checkbox {\n  private inputElement: HTMLInputElement;\n\n  @Element() el;\n  @Prop() disabled: boolean = false;\n  @Prop() checked: boolean = false;\n  @Prop() error: boolean = false;\n  @Prop() size: string = 'm';\n  @Prop() indeterminate: boolean = false;\n  @Prop() value: string;\n  @State() internalChecked: boolean;\n  @State() internalIndeterminate: boolean;\n\n  @AttachInternals() internals: ElementInternals;\n\n  @Event({ bubbles: true, composed: true }) ifxChange: EventEmitter;\n  @Event({ bubbles: true, composed: true }) ifxError: EventEmitter;\n\n  handleCheckbox() {\n    if (!this.disabled) {\n      if (!this.inputElement.indeterminate) {\n        this.internalChecked = !this.internalChecked;\n      } \n      if (this.internalChecked && !this.internalIndeterminate) {\n        if (this.value !== undefined) {\n          this.internals.setFormValue(this.value);\n        } else {\n          this.internals.setFormValue(\"on\")\n        }\n      } else {\n        this.internals.setFormValue(null)\n      }\n      this.ifxChange.emit(this.internalChecked);\n    }\n  }\n\n  @Method()\n  async isChecked(): Promise<boolean> {\n    return this.internalChecked;\n  }\n\n  @Method()\n  async toggleCheckedState(newVal: boolean) {\n    this.internalChecked = newVal;\n  }\n\n  @Watch('checked')\n  valueChanged(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      this.internalChecked = newValue;\n      this.inputElement.checked = this.internalChecked; // update the checkbox's checked property\n    }\n  }\n\n  @Watch('error')\n  errorChanged(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      this.ifxError.emit(newValue);\n    }\n  }\n\n  @Watch('indeterminate')\n  indeterminateChanged(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      this.internalIndeterminate = newValue;\n      this.inputElement.indeterminate = this.internalIndeterminate; // update the checkbox's indeterminate property\n    }\n  }\n\n  handleKeydown(event) {\n    // Keycode 32 corresponds to the Space key, 13 corresponds to the Enter key\n    if (event.keyCode === 32 || event.keyCode === 13) {\n      this.handleCheckbox();\n      event.preventDefault();  // prevent the default action when space or enter is pressed\n    }\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n    this.internalIndeterminate = this.indeterminate;\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-checkbox', await framework)\n    }\n  }\n\n  componentDidRender() {\n    this.inputElement.indeterminate = this.internalIndeterminate;\n  }\n\n  /**\n   * Callback for form association.\n   * Called whenever the form is reset.\n   */\n  formResetCallback() {\n    this.internals.setFormValue(null);\n  }\n\n  getCheckedClassName() {\n    if (this.error) {\n      if (this.internalChecked) {\n        return \"checked error\"\n      } else {\n        return \"error\"\n      }\n    } else if (this.internalChecked) {\n      return \"checked\";\n    } else return \"\"\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    let hasSlot = false;\n    if (slot) {\n      hasSlot = true;\n    }\n    return (\n      <div class=\"checkbox__container\">\n        <input\n          type=\"checkbox\"\n          hidden\n          ref={(el) => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)} // Listen for changes here\n          id='checkbox'\n          value={`${this.value}`}\n          disabled={this.disabled ? true : undefined}\n        />\n        <div\n          tabindex=\"0\"\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.indeterminate ? 'mixed' : this.internalChecked.toString()}\n          aria-disabled={this.disabled}\n          aria-labelledby=\"label\"\n          class={`checkbox__wrapper \n          ${this.getCheckedClassName()}\n        ${this.size === \"m\" ? \"checkbox-m\" : \"\"}\n        ${this.indeterminate ? 'indeterminate' : \"\"}\n        ${this.disabled ? 'disabled' : \"\"}`}\n        >\n          {this.internalChecked && !this.internalIndeterminate && <ifx-icon icon=\"check-16\" aria-hidden=\"true\"></ifx-icon>}\n        </div>\n        {hasSlot &&\n          <div id=\"label\" class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : \"\"} `} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </div>}\n      </div>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-202d262d.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as r}from"./p-DS8meZSd.js";const s=":host{display:inline-block;cursor:pointer}";const o=class{constructor(r){e(this,r);this.isOpen=false}render(){return r("slot",{key:"ef3ea59efc3e4cd4779f4e8dc50fae826c760015"})}};o.style=s;export{o as ifx_dropdown_trigger};
-//# sourceMappingURL=p-202d262d.entry.js.map

package/dist/infineon-design-system-stencil/p-52cf847f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["radioButtonGroupCss","RadioButtonGroup","constructor","hostRef","this","errorStates","Map","alignment","groupLabelText","hasErrors","handleSlotChange","initializeState","handleRadioButtonError","event","radioButton","target","tagName","set","detail","updateHasErrors","setGroupError","error","radioButtons","Array","from","el","querySelectorAll","forEach","componentWillLoad","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","clear","has","values","some","render","h","key","class","showGroupLabel","size","onSlotchange","showCaption","showCaptionIcon","icon","captionText"],"sources":["src/components/radio-button-group/radio-button-group.scss?tag=ifx-radio-button-group&encapsulation=shadow","src/components/radio-button-group/radio-button-group.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.radio-button-group-container {\n    display: flex;\n    flex-direction: column;\n}\n\n.radio-button-group {\n    display: flex;\n    font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n    gap: tokens.$ifxSpace100;\n\n    &.horizontal {\n        flex-direction: row;\n        column-gap: tokens.$ifxSpace150;\n    }\n\n    &.vertical {\n        flex-direction: column;\n        row-gap: tokens.$ifxSpace150;\n    }\n}\n\n.group-label {\n    font: tokens.$ifxBodyBody05;\n    margin-bottom: tokens.$ifxSpace100;\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.caption {\n    margin-top: tokens.$ifxSpace100;\n    align-self: flex-start;\n    display: flex;\n    width: 100%;\n    column-gap: tokens.$ifxSpace100;\n    justify-content: space-between;\n    align-items: center;\n\n    &.default {\n        color: tokens.$ifxColorBaseBlack;\n    }\n\n    &.error {\n        color: tokens.$ifxColorRed500;\n    }\n}\n\n.caption-text {\n    font: tokens.$ifxBodyBody05;\n    flex: 1;\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.caption-icon {\n    flex:0;\n    display: flex;\n}","import { Component, State, Prop, h, Element, Listen, Method } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n    tag: 'ifx-radio-button-group',\n    styleUrl: 'radio-button-group.scss',\n    shadow: true,\n    formAssociated: true\n})\n\nexport class RadioButtonGroup {\n    private errorStates: Map<HTMLElement, boolean> = new Map();\n\n    @Element() el: HTMLElement;\n    @Prop() alignment: 'horizontal' | 'vertical' = 'vertical';\n    @Prop() size: string;\n    @Prop() showGroupLabel: boolean;\n    @Prop() groupLabelText: string = 'Group Label Text';\n    @Prop() showCaption: boolean;\n    @Prop() captionText: string;\n    @Prop() showCaptionIcon: boolean;\n    @State() hasErrors: boolean = false;\n    \n    @Listen('ifxError')\n    handleRadioButtonError(event: CustomEvent) {\n        const radioButton = event.target as HTMLElement;\n        if (radioButton.tagName === 'ifx-radio-button') {\n            this.errorStates.set(radioButton, event.detail);\n            this.updateHasErrors();\n        }\n    }\n\n     // Method to set the error state of all radio-butttons in the group\n      @Method()\n      async setGroupError(error: boolean) {\n        const radioButtons = Array.from(this.el.querySelectorAll('ifx-radio-button'));\n        radioButtons.forEach((radioButton) => {\n          (radioButton as any).error = error;\n        });\n      }\n\n    componentWillLoad() {\n        this.initializeState();\n    }\n\n    async componentDidLoad() { \n        if(!isNestedInIfxComponent(this.el)) { \n            const framework = detectFramework();\n            trackComponent('ifx-radio-button-group', await framework)\n        }\n    }\n\n    handleSlotChange = () => {\n        this.initializeState();\n    };\n\n    private initializeState() {\n        this.errorStates.clear();\n        const radioButtons = Array.from(this.el.querySelectorAll('ifx-radio-button'));\n        radioButtons.forEach((radioButton) => {\n            if (!this.errorStates.has(radioButton)) {\n                this.errorStates.set(radioButton, (radioButton as any).error || false);\n            }\n        });\n        this.updateHasErrors();\n    }\n\n    private updateHasErrors() {\n        this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);\n    }\n\n    render() {\n        return (\n            <div class='radio-button-group-container'>\n                {this.showGroupLabel ? <div class='group-label'>{this.groupLabelText} *</div> : ''}\n                <div class={`radio-button-group ${this.alignment} ${this.size}`}>\n                    <slot onSlotchange={this.handleSlotChange} ></slot>\n                </div>\n                {this.showCaption ? (\n                    <div class={`caption ${this.hasErrors ? 'error' : 'default'}`}>\n                        {this.showCaptionIcon ? <div class='caption-icon'><ifx-icon icon=\"c-info-16\">\n                        </ifx-icon></div> : ''}\n                        <div class='caption-text'>{this.captionText}</div>\n                    </div>) : ''}\n            </div>\n        );\n    }\n}"],"mappings":"iIAAA,MAAMA,EAAsB,m1B,MCYfC,EAAgB,MAP7B,WAAAC,CAAAC,G,UAQYC,KAAAC,YAAyC,IAAIC,IAG7CF,KAASG,UAA8B,WAGvCH,KAAcI,eAAW,mBAIxBJ,KAASK,UAAY,MA+B9BL,KAAgBM,iBAAG,KACfN,KAAKO,iBAAiB,CAkC7B,CA/DG,sBAAAC,CAAuBC,GACnB,MAAMC,EAAcD,EAAME,OAC1B,GAAID,EAAYE,UAAY,mBAAoB,CAC5CZ,KAAKC,YAAYY,IAAIH,EAAaD,EAAMK,QACxCd,KAAKe,iB,EAMX,mBAAMC,CAAcC,GAClB,MAAMC,EAAeC,MAAMC,KAAKpB,KAAKqB,GAAGC,iBAAiB,qBACzDJ,EAAaK,SAASb,IACnBA,EAAoBO,MAAQA,CAAK,G,CAIxC,iBAAAO,GACIxB,KAAKO,iB,CAGT,sBAAMkB,GACF,IAAIC,EAAuB1B,KAAKqB,IAAK,CACjC,MAAMM,EAAYC,IAClBC,EAAe,+BAAgCF,E,EAQ/C,eAAApB,GACJP,KAAKC,YAAY6B,QACjB,MAAMZ,EAAeC,MAAMC,KAAKpB,KAAKqB,GAAGC,iBAAiB,qBACzDJ,EAAaK,SAASb,IAClB,IAAKV,KAAKC,YAAY8B,IAAIrB,GAAc,CACpCV,KAAKC,YAAYY,IAAIH,EAAcA,EAAoBO,OAAS,M,KAGxEjB,KAAKe,iB,CAGD,eAAAA,GACJf,KAAKK,UAAYc,MAAMC,KAAKpB,KAAKC,YAAY+B,UAAUC,MAAMhB,GAAUA,G,CAG3E,MAAAiB,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gCACNrC,KAAKsC,eAAiBH,EAAK,OAAAE,MAAM,eAAerC,KAAKI,eAAc,MAAY,GAChF+B,EAAK,OAAAC,IAAA,2CAAAC,MAAO,sBAAsBrC,KAAKG,aAAaH,KAAKuC,QACrDJ,EAAA,QAAAC,IAAA,2CAAMI,aAAcxC,KAAKM,oBAE5BN,KAAKyC,YACFN,EAAA,OAAKE,MAAO,WAAWrC,KAAKK,UAAY,QAAU,aAC7CL,KAAK0C,gBAAkBP,EAAK,OAAAE,MAAM,gBAAeF,EAAU,YAAAQ,KAAK,eAC7C,GACpBR,EAAA,OAAKE,MAAM,gBAAgBrC,KAAK4C,cAC1B,G","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-6a51e524.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["datePickerCss","DatePicker","constructor","hostRef","this","inputId","datePickerId","size","error","success","disabled","type","required","autocomplete","getDate","e","inputValue","target","value","selectedDate","Date","day","month","getMonth","year","getFullYear","internals","setFormValue","hours","getHours","minutes","getMinutes","ifxDate","emit","input","el","shadowRoot","querySelector","classList","add","toISOString","substring","handleInputFocusOnIconClick","focus","getBrowser","navigator","userAgent","indexOf","setFireFoxClasses","browser","contains","remove","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","componentWillUpdate","formResetCallback","render","h","key","class","htmlFor","_a","label","trim","undefined","ariaLabel","max","min","onChange","role","onClick","icon","_b","caption"],"sources":["src/components/date-picker/date-picker.scss?tag=ifx-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx"],"sourcesContent":["@use '~@infineon/design-system-tokens/dist/tokens';\n\n.date__picker-container {\n  display: flex;\n  flex-direction: column;\n\n  & .label__wrapper {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n\n    & .asterisk { \n      display: none;\n      &.required {\n        display: inline;\n        margin-left: 4px;\n        \n        &.error {\n          color: #CD002F;\n        }\n      }\n    }\n\n  }\n\n  &.disabled {\n    .label__wrapper {\n      color: tokens.$ifxColorEngineering500;\n    }\n  }\n\n  &.error {\n    .caption__wrapper {\n      color: tokens.$ifxColorRed500;\n    }\n  }\n\n  &.disabled {\n    .caption__wrapper {\n      color: tokens.$ifxColorEngineering500;\n    }\n  }\n\n  & .caption__wrapper {\n    margin-top: tokens.$ifxSpace50;\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody05;\n  }\n}\n\n.date__picker-input {\n  font-family: 'Source Sans 3';\n  outline: none;\n  width: 100%;\n  cursor: pointer;\n  border-radius: 1px;\n  border: 1px solid tokens.$ifxColorEngineering400;\n  height: 100%;\n\n  &.firefox__classes {\n    padding: 8px 16px;\n    color: tokens.$ifxColorEngineering400;\n    font-size: 16px;\n    text-transform: uppercase;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n    cursor: pointer;\n  }\n\n  &:focus:not(.error, .success) {\n    border-color: tokens.$ifxColorOcean500;\n  }\n\n  &:hover:not(:disabled, :focus, .error, .success) {\n    border-color: tokens.$ifxColorEngineering500;\n  }\n\n  &:disabled {\n    border-color: tokens.$ifxColorEngineering500;\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &.error {\n    border-color: tokens.$ifxColorRed500;\n  }\n\n  &.success:not(.error) {\n    border-color: tokens.$ifxColorGreen500;\n  }\n\n  &::-webkit-datetime-edit-text {\n    color: tokens.$ifxColorEngineering400;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n  }\n\n  &.has-value::-webkit-datetime-edit-text {\n    color: tokens.$ifxColorBaseBlack;\n  }\n\n  &.has-value::-webkit-datetime-edit {\n    color: tokens.$ifxColorBaseBlack;\n  }\n}\n\n::-webkit-datetime-edit {\n  color: tokens.$ifxColorEngineering400;\n  font-size: 16px;\n  text-transform: uppercase;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n  padding: 8px 16px;\n  padding-bottom: 9px;\n  transform: translateY(1px);\n}\n\n::-webkit-inner-spin-button {\n  display: none;\n}\n\n::-webkit-calendar-picker-indicator {\n  position: absolute;\n  right: 15px;\n  font-size: 19px;\n  cursor: pointer;\n  border-radius: 1px;\n  &:focus-within {\n    outline: 2px solid tokens.$ifxColorOcean500;\n    outline-offset: 2px;\n  }\n}\n\n.input__wrapper {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  background: tokens.$ifxColorBaseWhite;\n  position: relative;\n  &.large {\n    height: 40px;\n  }\n\n  &.small {\n    height: 36px;\n  }\n\n  &.disabled {\n    & .icon__wrapper {\n      background-color: tokens.$ifxColorEngineering200;\n    }\n  }\n}\n\n.icon__wrapper {\n  position: absolute;\n  right: 17px;\n  padding: 2px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  z-index: 100;\n  background-color: tokens.$ifxColorBaseWhite;\n  line-height: 16px;\n\n  & ifx-icon {\n    vertical-align: middle;\n  }\n}\n","import { AttachInternals } from '@stencil/core';\nimport { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n \n@Component({\n  tag: 'ifx-date-picker',\n  styleUrl: 'date-picker.scss',\n  shadow: true,\n  formAssociated: true,\n})\n\nexport class DatePicker {\n  private inputId: string = `ifx-date-picker-${++datePickerId}`;\n\n  @Element() el: HTMLElement;\n  @Prop() size: string = 's';\n  @Prop() error: boolean = false;\n  @Prop() success: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() ariaLabel: string | null;\n  @Prop() value: string;\n  @Prop() type: string = 'date'\n  @Prop() max: string;\n  @Prop() min: string;\n  @Prop() required: boolean = false;\n  @Prop() label: string;\n  @Prop() caption: string;\n  @Prop() autocomplete: string = 'on';\n\n  @AttachInternals() internals: ElementInternals;\n\n  @Event() ifxDate: EventEmitter;\n\n  getDate(e) { \n    const inputValue = e.target.value;\n    const selectedDate = new Date(inputValue);\n    const day = selectedDate.getDate();\n    const month = selectedDate.getMonth() + 1; \n    const year = selectedDate.getFullYear();\n\n \n      \n    if (!inputValue) {\n      this.internals.setFormValue(null);\n\n      if(this.type === 'datetime-local') { \n        const hours = selectedDate.getHours();\n        const minutes = selectedDate.getMinutes();\n        this.ifxDate.emit({day, month, year, hours, minutes});\n      } else { \n        this.ifxDate.emit({day, month, year});\n      }\n      return;\n    }\n\n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n    input.classList.add('has-value');\n\n    this.internals.setFormValue(selectedDate.toISOString().substring(0,10))\n    if(this.type === 'datetime-local') { \n      const hours = selectedDate.getHours();\n      const minutes = selectedDate.getMinutes();\n      this.ifxDate.emit({day, month, year, hours, minutes});\n    } else { \n      this.ifxDate.emit({day, month, year})\n    }\n  }\n\n  handleInputFocusOnIconClick() { \n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n    if(input) { \n      input.focus()\n    }\n  }\n\n getBrowser() {\n    if( navigator.userAgent.indexOf(\"Chrome\") != -1 ) {\n      return \"Chrome\";\n    } else if( navigator.userAgent.indexOf(\"Opera\") != -1 ) {\n      return \"Opera\";\n    } else if( navigator.userAgent.indexOf(\"MSIE\") != -1 ) {\n      return \"IE\";\n    } else if( navigator.userAgent.indexOf(\"Firefox\") != -1 ) {\n      return \"Firefox\";\n    } else {\n      return \"unknown\";\n    }\n  }\n\n  setFireFoxClasses() { \n    const browser = this.getBrowser()\n    const input = this.el.shadowRoot.querySelector('.date__picker-input');\n\n    if(browser === 'Firefox') { \n      input.classList.add('firefox__classes')\n    } else if(input.classList.contains('firefox__classes')) { \n      input.classList.remove('firefox__classes')\n    }\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-date-picker', await framework)\n    }\n    this.setFireFoxClasses()\n  }\n\n  componentWillUpdate() { \n    if (this.value) {\n      this.getDate({ target: { value: this.value } });\n    }\n  }\n\n  formResetCallback() {\n    this.internals.setFormValue(null);\n  }\n\n  render() {\n    return (\n      <div class={`date__picker-container ${this.error ? 'error' : ''} ${this.disabled ? 'disabled': ''}`}>\n\n        <label class='label__wrapper' htmlFor={ this.inputId }>\n          { this.label?.trim() }\n          <span class={`asterisk ${this.required ? 'required' : \"\"} ${this.error ? 'error' : \"\"}`}>*</span>\n        </label>\n\n        <div class={`input__wrapper ${this.size === 'l' ? 'large' : 'small'} ${this.disabled ? 'disabled' : ''}`}>\n          <input\n          type={this.type}\n          autocomplete={this.autocomplete}\n          class={`date__picker-input ${this.error ? 'error' : \"\"} ${this.success ? \"success\" : \"\"}`}\n          disabled={this.disabled ? true : undefined}\n          aria-invalid={this.error ? true : undefined}\n          aria-label={this.ariaLabel}\n          max={this.max}\n          min={this.min}\n          value={this.value}\n          required={this.required}\n          onChange={(e) => this.getDate(e)} />\n          <div class=\"icon__wrapper\" role=\"button\" onClick={() => this.handleInputFocusOnIconClick()}>\n            <ifx-icon icon='calendar16' aria-hidden=\"true\"></ifx-icon>\n          </div>\n        </div>\n\n        { this.caption?.trim() && (\n            <div class='caption__wrapper'>\n              { this.caption.trim() }\n            </div> \n          )}\n      </div>\n    )\n  }\n}\n\nlet datePickerId = 0;"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-6d5a43ee.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as s,a as i}from"./p-DS8meZSd.js";import{d as a,t as o}from"./p-DcmcuUOA.js";import{i as c}from"./p-Bw2fh5LT.js";const n=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.group{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.group__label{font:400 0.75rem/1rem "Source Sans 3"}.group__label:empty{display:none}.group__controls{display:flex;flex-wrap:wrap}.group__controls ::slotted(*){margin-left:-1px;margin-top:-1px}.group__caption{display:flex;align-items:center;gap:8px;font:400 0.75rem/1rem "Source Sans 3"}';const r=class{constructor(s){e(this,s);this.ifxChange=t(this,"ifxChange",7);this.caption="";this.label="";this.size="regular";this.selectedValue=""}onSegmentSelect(e){const{previousValue:t,selectedValue:s}=this.unselectPreviousSegment(e.detail);this.selectedValue=s;this.ifxChange.emit({previousValue:t,selectedValue:s})}unselectPreviousSegment(e){let t;let s;const i=this.getSegments();i.forEach((i=>{if(i.selected){if(i.segmentIndex!==e){i.selected=false;t=i.value}else{s=i.value}}}));return{previousValue:t,selectedValue:s}}getSegments(){return this.SegmentedControl.querySelectorAll("ifx-segment")}setActiveSegment(){const e=this.getSegments();let t=false;e.forEach(((e,s)=>{e.segmentIndex=s;if(t){if(e.selected)e.selected=false}else{if(e.selected){t=true;this.selectedValue=e.value}}}))}setSegmentSize(){const e=this.getSegments();e.forEach((e=>{e.shadowRoot.querySelector(".segment").classList.add(`segment--${this.size}`)}))}async componentDidLoad(){if(!c(this.SegmentedControl)){const e=a();o("ifx-segmented-control",await e)}this.setActiveSegment()}render(){return s("div",{key:"736ba9f070e0e476d6818b4803b870ca932273c3","aria-value":this.selectedValue,"aria-label":"segmented control",class:"group"},s("div",{key:"c1615f5fd6b1569cef19cd627955f9e0180e6e59",class:"group__label"},this.label.trim()),s("div",{key:"0c9ffc3a3c1fcb515cc9d5731ea7e1d61af03cbe",class:"group__controls"},s("slot",{key:"6abcc914da42eb8b400aa3bde6b6d7bbd8cfe6c0"})),this.caption.trim()&&s("div",{key:"e7a38c546402e9403d9692d700fffc425a453bcc",class:"group__caption"},s("ifx-icon",{key:"e64b062c4a53e402c58cadf77462fc606e737eb3",icon:"c-info-16"})," ",this.caption.trim()))}componentDidRender(){this.setSegmentSize()}get SegmentedControl(){return i(this)}};r.style=n;export{r as ifx_segmented_control};
-//# sourceMappingURL=p-6d5a43ee.entry.js.map

package/dist/infineon-design-system-stencil/p-71c6b92c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c,h as i,a as s}from"./p-DS8meZSd.js";import{d as t,t as o}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";const r=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-block;user-select:none}.container{display:flex;flex-direction:row;align-items:center}.container.gap{gap:16px}.switch__checkbox-container{padding:4px;display:flex;align-items:center;position:relative;width:32px;height:16px;background-color:#FFFFFF;border:1px solid #575352;border-radius:20px;cursor:pointer;transition:background-color 0.3s ease;outline:none}.switch__checkbox-container:focus{outline:4px solid #0A8276;outline-offset:2px}.switch__checkbox-container:focus:not(:focus-visible){outline:none}.switch__checkbox-container:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.switch__checkbox-container.disabled{cursor:default;border-color:#BFBBBB}.switch__label-wrapper label:hover{cursor:pointer}.switch__label-wrapper.disabled{color:#BFBBBB}.switch__checkbox-wrapper .switch{width:16px;height:16px;background-color:#575352;border-radius:50%;transition:transform 0.3s ease, background-color 0.3s ease}.switch__checkbox-wrapper .switch.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}.switch__checkbox-wrapper .switch.checked{transform:translateX(16px);background-color:#FFFFFF}.switch__checkbox-wrapper .switch.checked.disabled{cursor:default}.switch__checkbox-container:hover .toggle-switch{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.switch__checkbox-container.checked{background-color:#0A8276;border-color:#0A8276}.switch__checkbox-container.checked.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}';const h=class{constructor(i){e(this,i);this.ifxChange=c(this,"ifxChange",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.checked=false;this.name="";this.disabled=false;this.internalChecked=false}async isChecked(){return this.internalChecked}componentWillLoad(){this.internalChecked=this.checked}toggleLabelGap(){const e=this.el.shadowRoot.querySelector("slot");const c=this.el.shadowRoot.querySelector(".container");if(e.assignedNodes().length){c.classList.add("gap")}else{c.classList.remove("gap")}}async componentDidLoad(){if(!a(this.el)){const e=t();o("ifx-switch",await e)}this.toggleLabelGap()}valueChanged(e,c){if(e!==c){this.internalChecked=e}}toggleSwitch(){if(this.disabled)return;this.internalChecked=!this.internalChecked;if(this.internalChecked){if(this.value!==undefined){this.internals.setFormValue(this.value)}else{this.internals.setFormValue("on")}}else{this.internals.setFormValue(null)}this.ifxChange.emit(this.internalChecked)}handleKeyDown(e){if(this.disabled)return;if(e.key==="Enter"||e.key===" "){this.toggleSwitch()}}formResetCallback(){this.internals.setFormValue(null)}render(){return i("div",{key:"d2ff9dc8d7cf6fc3d497993f95e6576bb9d6a135",class:"container",role:"switch","aria-checked":this.internalChecked?"true":"false","aria-label":this.name,onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},i("div",{key:"9859ed7c79c5f5a0b7a99e26a30335e42e305f2c",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},i("div",{key:"aa7752a3d19454fa05f20c2b4cf0027e54b82cc1",class:"switch__checkbox-wrapper"},i("input",{key:"628c3d5134af182568a2de37e52edf3bee9cbb36",type:"checkbox",hidden:true,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),i("div",{key:"91aebaa44415c2c94d42e6df2dce2ef05620609f",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),i("div",{key:"57e4151d43ba4fee3b09cdcf93ec26dc884612b3",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},i("label",{key:"30de77889ff4c205ad3b680e65394f8024857750",htmlFor:"switch"},i("slot",{key:"1cb1f77f64f56d43bbc6b59e72f84b0ff564076d",onSlotchange:()=>this.toggleLabelGap()}))))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{checked:["valueChanged"]}}};h.style=r;export{h as ifx_switch};
-//# sourceMappingURL=p-71c6b92c.entry.js.map

package/dist/infineon-design-system-stencil/p-71c6b92c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["switchCss","Switch","constructor","hostRef","this","checked","name","disabled","internalChecked","isChecked","componentWillLoad","toggleLabelGap","slot","el","shadowRoot","querySelector","container","assignedNodes","length","classList","add","remove","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","valueChanged","newValue","oldValue","toggleSwitch","value","undefined","internals","setFormValue","ifxChange","emit","handleKeyDown","event","key","formResetCallback","render","h","class","role","onClick","onKeyDown","tabindex","type","hidden","htmlFor","onSlotchange"],"sources":["src/components/switch/switch.scss?tag=ifx-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n/* switch.css */\n:host {\n  display: inline-block;\n  user-select: none;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  &.gap {\n    gap: tokens.$ifxSpace200;\n  }\n}\n\n\n.switch__checkbox-container {\n  padding: tokens.$ifxSpace50;\n  display: flex;\n  align-items: center;\n  position: relative;\n  // Subtracting padding size from both height and width\n  width: (tokens.$ifxSpace500)-8px;\n  height: 16px;\n  background-color: tokens.$ifxColorBaseWhite;\n  border: 1px solid tokens.$ifxColorEngineering500;\n  border-radius: 20px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  outline: none;\n\n  &:focus {\n    outline: 4px solid tokens.$ifxColorOcean500;\n    outline-offset: 2px;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid tokens.$ifxColorOcean500;\n    outline-offset: 2px;\n  }\n\n  &.disabled {\n    cursor: default;\n    border-color: tokens.$ifxColorEngineering300;\n  }\n\n\n}\n\n\n.switch__label-wrapper {\n\n  & label { \n    &:hover { \n      cursor: pointer;\n    }\n  }\n\n  &.disabled {\n    color: tokens.$ifxColorEngineering300;\n  }\n}\n\n\n.switch__checkbox-wrapper {\n\n  .switch {\n    // position: absolute;\n    width: tokens.$ifxSpace200;\n    height: tokens.$ifxSpace200;\n    background-color: tokens.$ifxColorEngineering500;\n    border-radius: 50%;\n    transition: transform 0.3s ease, background-color 0.3s ease;\n\n    &.disabled {\n      background-color: tokens.$ifxColorEngineering300;\n      border-color: tokens.$ifxColorEngineering300;\n      cursor: default;\n    }\n  }\n\n  .switch.checked {\n    transform: translateX(16px);\n    background-color: tokens.$ifxColorBaseWhite;\n\n    &.disabled {\n      cursor: default;\n    }\n\n  }\n\n}\n\n.switch__checkbox-container:hover .toggle-switch {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n}\n\n\n\n.switch__checkbox-container.checked {\n  background-color: tokens.$ifxColorOcean500;\n  border-color: tokens.$ifxColorOcean500;\n\n  &.disabled {\n    background-color: tokens.$ifxColorEngineering300;\n    border-color: tokens.$ifxColorEngineering300;\n    cursor: default;\n  }\n}","import { AttachInternals, Method } from '@stencil/core';\nimport { Component, Prop, State, Watch, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-switch',\n  styleUrl: 'switch.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class Switch {\n  @Prop() checked: boolean = false;\n  @Prop() name: string = '';\n  @Prop() disabled: boolean = false;\n  @Prop() value: string;\n  @State() internalChecked: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  @Element() el: HTMLIfxSwitchElement;\n\n  @Event({ eventName: 'ifxChange' }) ifxChange: EventEmitter<boolean>;\n\n  @Method()\n  async isChecked(): Promise<boolean> {\n    return this.internalChecked;\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n  }\n  \n\n  toggleLabelGap() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    const container = this.el.shadowRoot.querySelector('.container');\n    if (slot.assignedNodes().length) {\n      container.classList.add('gap')\n    } else { \n      container.classList.remove('gap')\n    }\n  }\n  \n  async componentDidLoad() {\n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-switch', await framework)\n    }\n    this.toggleLabelGap();\n  }\n    \n  @Watch('checked')\n  valueChanged(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      this.internalChecked = newValue;\n    }\n  }\n\n  toggleSwitch() {\n    if (this.disabled) return;\n    this.internalChecked = !this.internalChecked;\n\n    if (this.internalChecked) {\n      if (this.value !== undefined) {\n        this.internals.setFormValue(this.value);\n      } else {\n        this.internals.setFormValue(\"on\")\n      }\n    } else {\n      this.internals.setFormValue(null)\n    }\n\n    this.ifxChange.emit(this.internalChecked);\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (this.disabled) return;\n    // If the pressed key is either 'Enter' or 'Space' \n    if (event.key === 'Enter' || event.key === ' ') {\n      this.toggleSwitch();\n    }\n  }\n\n  /**\n   * Callback for form association.\n   * Called whenever the form is reset.\n   */\n  formResetCallback() {\n    this.internals.setFormValue(null);\n  }\n\n  render() {\n    return (\n      <div\n        class=\"container\"\n        role=\"switch\"\n        aria-checked={this.internalChecked ? 'true' : 'false'}\n        aria-label={this.name}\n        onClick={() => this.toggleSwitch()}\n        onKeyDown={(event) => this.handleKeyDown(event)}\n        >\n        {/* Checkbox */}\n        <div \n          class={`switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`}\n          tabindex=\"0\"\n        >\n          <div class=\"switch__checkbox-wrapper\">\n            <input type=\"checkbox\" hidden\n              name={this.name}\n              disabled={this.disabled}\n              checked={this.internalChecked}\n              value={`${this.value}`} />\n            <div class={`switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`} />\n          </div>\n        </div >\n\n        {/* Label */}\n        <div class={`switch__label-wrapper ${this.disabled ? 'disabled' : ''}`} >\n          <label htmlFor=\"switch\">\n            <slot onSlotchange={() => this.toggleLabelGap()} />\n          </label>\n        </div>\n      </div>\n    )\n\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAY,sgD,MCYLC,EAAM,MANnB,WAAAC,CAAAC,G,+MAOUC,KAAOC,QAAY,MACnBD,KAAIE,KAAW,GACfF,KAAQG,SAAY,MAEnBH,KAAeI,gBAAY,KA+GrC,CAtGC,eAAMC,GACJ,OAAOL,KAAKI,e,CAGd,iBAAAE,GACEN,KAAKI,gBAAkBJ,KAAKC,O,CAI9B,cAAAM,GACE,MAAMC,EAAOR,KAAKS,GAAGC,WAAWC,cAAc,QAC9C,MAAMC,EAAYZ,KAAKS,GAAGC,WAAWC,cAAc,cACnD,GAAIH,EAAKK,gBAAgBC,OAAQ,CAC/BF,EAAUG,UAAUC,IAAI,M,KACnB,CACLJ,EAAUG,UAAUE,OAAO,M,EAI/B,sBAAMC,GACJ,IAAIC,EAAuBnB,KAAKS,IAAK,CACnC,MAAMW,EAAYC,IAClBC,EAAe,mBAAoBF,E,CAErCpB,KAAKO,gB,CAIP,YAAAgB,CAAaC,EAAmBC,GAC9B,GAAID,IAAaC,EAAU,CACzBzB,KAAKI,gBAAkBoB,C,EAI3B,YAAAE,GACE,GAAI1B,KAAKG,SAAU,OACnBH,KAAKI,iBAAmBJ,KAAKI,gBAE7B,GAAIJ,KAAKI,gBAAiB,CACxB,GAAIJ,KAAK2B,QAAUC,UAAW,CAC5B5B,KAAK6B,UAAUC,aAAa9B,KAAK2B,M,KAC5B,CACL3B,KAAK6B,UAAUC,aAAa,K,MAEzB,CACL9B,KAAK6B,UAAUC,aAAa,K,CAG9B9B,KAAK+B,UAAUC,KAAKhC,KAAKI,gB,CAG3B,aAAA6B,CAAcC,GACZ,GAAIlC,KAAKG,SAAU,OAEnB,GAAI+B,EAAMC,MAAQ,SAAWD,EAAMC,MAAQ,IAAK,CAC9CnC,KAAK0B,c,EAQT,iBAAAU,GACEpC,KAAK6B,UAAUC,aAAa,K,CAG9B,MAAAO,GACE,OACEC,EAAA,OAAAH,IAAA,2CACEI,MAAM,YACNC,KAAK,SACS,eAAAxC,KAAKI,gBAAkB,OAAS,QAAO,aACzCJ,KAAKE,KACjBuC,QAAS,IAAMzC,KAAK0B,eACpBgB,UAAYR,GAAUlC,KAAKiC,cAAcC,IAGzCI,EAAA,OAAAH,IAAA,2CACEI,MAAO,8BAA8BvC,KAAKI,gBAAkB,UAAY,MAAMJ,KAAKG,SAAW,WAAa,KAC3GwC,SAAS,KAETL,EAAK,OAAAH,IAAA,2CAAAI,MAAM,4BACTD,EAAA,SAAAH,IAAA,2CAAOS,KAAK,WAAWC,OAAM,KAC3B3C,KAAMF,KAAKE,KACXC,SAAUH,KAAKG,SACfF,QAASD,KAAKI,gBACduB,MAAO,GAAG3B,KAAK2B,UACjBW,EAAA,OAAAH,IAAA,2CAAKI,MAAO,UAAUvC,KAAKI,gBAAkB,UAAY,MAAMJ,KAAKG,SAAW,WAAa,SAKhGmC,EAAA,OAAAH,IAAA,2CAAKI,MAAO,yBAAyBvC,KAAKG,SAAW,WAAa,MAChEmC,EAAO,SAAAH,IAAA,2CAAAW,QAAQ,UACbR,EAAA,QAAAH,IAAA,2CAAMY,aAAc,IAAM/C,KAAKO,qB","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-8a526f6e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["textareaCss","TextArea","constructor","hostRef","this","inputId","textareaId","disabled","error","required","readOnly","resize","wrap","fullWidth","reset","resetTextarea","handleComponentWidth","textareaWrapper","el","shadowRoot","querySelector","isFullWidth","toLowerCase","classList","add","contains","remove","componentDidRender","formResetCallback","internals","setFormValue","handleOnInput","e","value","target","ifxInput","emit","setValidity","componentWillLoad","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","render","h","Host","key","class","htmlFor","_a","label","trim","id","style","name","cols","rows","maxlength","readonly","placeholder","onInput","_b","caption"],"sources":["src/components/textarea/textarea.scss?tag=ifx-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.wrapper__label {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n    & .required {\n        margin-left: 4px;\n        \n        &.error {\n          color: #CD002F;\n        }\n      }\n}\n:host(.wrapper--disabled) .wrapper__label {\n    color: tokens.$ifxColorEngineering500;\n}\n\n.wrapper__textarea {\n    width: 100%;\n    &.fullWidth { \n        width: 100%;\n        & textarea { \n            width: 100%;\n            box-sizing: border-box; \n        }\n    }\n}\n\n.wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorEngineering400;\n    border-radius: tokens.$ifxSpace12;\n    padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n    \n    background-color: tokens.$ifxColorBaseWhite;\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n    \n    transition: all 100ms ease;\n    transition-property: border-color;\n\n    &:hover {\n        border: 1px solid tokens.$ifxColorEngineering500;\n    }\n    \n    &:focus-within {\n        outline: none;\n        border: 1px solid tokens.$ifxColorOcean500;\n    }\n}\n\n:host(.wrapper--error) .wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorRed500;\n}\n:host(.wrapper--disabled) .wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorEngineering500;\n\n    background-color: tokens.$ifxColorEngineering200;\n}\n\n.wrapper__caption {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody05;\n}\n:host(.wrapper--error) .wrapper__caption {\n    color: tokens.$ifxColorRed500;\n}\n:host(.wrapper--disabled) .wrapper__caption {\n    color: tokens.$ifxColorEngineering500;\n}","import { h, AttachInternals, Component, Event, EventEmitter, Host, Method, Prop, Element } from \"@stencil/core\"\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n\tformAssociated: true,\n\tshadow: true,\n\tstyleUrl: 'textarea.scss',\n\ttag: 'ifx-textarea'\n})\n\nexport class TextArea {\n\n\tprivate inputId: string = `ifx-textarea-${++textareaId}`;\n\n\t@AttachInternals() internals: ElementInternals;\n\n\t@Event() ifxInput: EventEmitter<String>;\n\t@Element() el;\n\t@Prop() caption: string;\n\t@Prop() cols: number;\n\t@Prop() disabled: boolean = false;\n\t@Prop() error: boolean = false;\n\t@Prop() label: string;\n\t@Prop() maxlength: number;\n\t@Prop() name: string;\n\t@Prop() placeholder: string;\n\t@Prop() required: boolean = false;\n\t@Prop() readOnly: boolean = false;\n\t@Prop() resize: 'both' | 'horizontal' | 'vertical' | 'none' = 'both';\n\t@Prop() rows: number;\n\t@Prop({ mutable: true }) value: string;\n\t@Prop() wrap: 'hard' | 'soft' | 'off' = 'soft';\n\t@Prop({ reflect: true }) fullWidth: string = \"false\";\n\n\t@Method()\n\tasync reset() {\n\t\tthis.resetTextarea();\n\t}\n\n\thandleComponentWidth() {\n\t\tconst textareaWrapper = this.el.shadowRoot.querySelector('.wrapper__textarea')\n\t\tconst isFullWidth = this.fullWidth.toLowerCase() === \"true\";\n\n\t\tif (isFullWidth) {\n\t\t\ttextareaWrapper.classList.add('fullWidth')\n\t\t} else if (textareaWrapper.classList.contains('fullWidth')) {\n\t\t\ttextareaWrapper.classList.remove('fullWidth');\n\t\t}\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.handleComponentWidth()\n\t}\n\n\tformResetCallback(): void {\n\t\tthis.resetTextarea();\n\t\tthis.internals.setFormValue(\"\");\n\t}\n\n\thandleOnInput(e: InputEvent): void {\n\t\tthis.value = (e.target as HTMLTextAreaElement).value;\n\t\tthis.internals.setFormValue(this.value);\n\t\tthis.ifxInput.emit(this.value);\n\t}\n\n\tresetTextarea() {\n\t\tthis.value = '';\n\t\tthis.internals.setValidity({});\n\t\tthis.internals.setFormValue('');\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.internals.setFormValue(this.value);\n\t}\n\n\t\tasync componentDidLoad() { \n\t\tif(!isNestedInIfxComponent(this.el)) { \n\t\t\tconst framework = detectFramework();\n\t\t\ttrackComponent('ifx-textarea', await framework)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}`}>\n\t\t\t\t<label class='wrapper__label' htmlFor={this.inputId}>\n\t\t\t\t\t{this.label?.trim()}\n\t\t\t\t\t{this.required && (\n\t\t\t\t\t\t<span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\n\t\t\t\t\t)}\n\t\t\t\t</label>\n\n\t\t\t\t<div class='wrapper__textarea'>\n\t\t\t\t\t<textarea\n\t\t\t\t\t\taria-label='a textarea'\n\t\t\t\t\t\taria-value={this.value}\n\t\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\t\tid={this.inputId}\n\t\t\t\t\t\tstyle={{ resize: this.resize }}\n\t\t\t\t\t\tname={this.name ? this.name : this.inputId}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\twrap={this.wrap}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadonly={this.readOnly}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonInput={(e) => this.handleOnInput(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{this.caption?.trim() && (\n\t\t\t\t\t<div class='wrapper__caption'>\n\t\t\t\t\t\t{this.caption.trim()}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n\nlet textareaId = 0;"],"mappings":"+IAAA,MAAMA,EAAc,wqC,MCYPC,EAAQ,MAPrB,WAAAC,CAAAC,G,6MASSC,KAAAC,QAAkB,kBAAkBC,IAQpCF,KAAQG,SAAY,MACpBH,KAAKI,MAAY,MAKjBJ,KAAQK,SAAY,MACpBL,KAAQM,SAAY,MACpBN,KAAMO,OAAgD,OAGtDP,KAAIQ,KAA4B,OACfR,KAASS,UAAW,OAwF7C,CArFA,WAAMC,GACLV,KAAKW,e,CAGN,oBAAAC,GACC,MAAMC,EAAkBb,KAAKc,GAAGC,WAAWC,cAAc,sBACzD,MAAMC,EAAcjB,KAAKS,UAAUS,gBAAkB,OAErD,GAAID,EAAa,CAChBJ,EAAgBM,UAAUC,IAAI,Y,MACxB,GAAIP,EAAgBM,UAAUE,SAAS,aAAc,CAC3DR,EAAgBM,UAAUG,OAAO,Y,EAInC,kBAAAC,GACCvB,KAAKY,sB,CAGN,iBAAAY,GACCxB,KAAKW,gBACLX,KAAKyB,UAAUC,aAAa,G,CAG7B,aAAAC,CAAcC,GACb5B,KAAK6B,MAASD,EAAEE,OAA+BD,MAC/C7B,KAAKyB,UAAUC,aAAa1B,KAAK6B,OACjC7B,KAAK+B,SAASC,KAAKhC,KAAK6B,M,CAGzB,aAAAlB,GACCX,KAAK6B,MAAQ,GACb7B,KAAKyB,UAAUQ,YAAY,IAC3BjC,KAAKyB,UAAUC,aAAa,G,CAG7B,iBAAAQ,GACClC,KAAKyB,UAAUC,aAAa1B,KAAK6B,M,CAGjC,sBAAMM,GACN,IAAIC,EAAuBpC,KAAKc,IAAK,CACpC,MAAMuB,EAAYC,IAClBC,EAAe,qBAAsBF,E,EAIvC,MAAAG,G,QACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,YAAY5C,KAAKI,MAAQ,QAAU,eAAeJ,KAAKG,SAAW,WAAa,MAC3FsC,EAAA,SAAAE,IAAA,2CAAOC,MAAM,iBAAiBC,QAAS7C,KAAKC,UAC1C6C,EAAA9C,KAAK+C,SAAK,MAAAD,SAAA,SAAEA,EAAAE,OACZhD,KAAKK,UACLoC,EAAA,QAAAE,IAAA,2CAAMC,MAAO,YAAY5C,KAAKI,MAAQ,QAAU,MAAc,MAIhEqC,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qBACVH,EACY,YAAAE,IAAA,qEAAY,aACX3C,KAAK6B,MACF,gBAAA7B,KAAKG,SACpB8C,GAAIjD,KAAKC,QACTiD,MAAO,CAAE3C,OAAQP,KAAKO,QACtB4C,KAAMnD,KAAKmD,KAAOnD,KAAKmD,KAAOnD,KAAKC,QACnCmD,KAAMpD,KAAKoD,KACXC,KAAMrD,KAAKqD,KACXC,UAAWtD,KAAKsD,UAChB9C,KAAMR,KAAKQ,KACXL,SAAUH,KAAKG,SACfoD,SAAUvD,KAAKM,SACfkD,YAAaxD,KAAKwD,YAClB3B,MAAO7B,KAAK6B,MACZ4B,QAAU7B,GAAM5B,KAAK2B,cAAcC,QAIpC8B,EAAA1D,KAAK2D,WAAO,MAAAD,SAAA,SAAAA,EAAEV,SACdP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACT5C,KAAK2D,QAAQX,Q,mEAQpB,IAAI9C,EAAa,E","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-DS8meZSd.js

@@ -1,3 +0,0 @@
-const e="infineon-design-system-stencil";const t={hydratedSelectorName:"hydrated",lazyLoad:true,shadowDom:true,slotRelocation:true,updatable:true};const n=()=>{};const s='@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-Regular.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-Regular.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-Semibold.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-Semibold.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-It.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-It.ttf.woff") format("woff")}:root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}ifx-icon:empty{display:none}';var r=Object.defineProperty;var o=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var i="http://www.w3.org/2000/svg";var l="http://www.w3.org/1999/xhtml";var f=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var a=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var c=(e,t)=>{const n={o:0,$hostElement$:e,i:t,l: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 s=n;e.__stencil__getHostRef=()=>s;return s};var u=(e,t)=>t in e;var v=(e,t)=>(0,console.error)(e,t);var d=new Map;var h=(e,t,n)=>{const s=e.m.replace(/-/g,"_");const r=e.S;if(!r){return void 0}const o=d.get(r);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{d.set(r,e)}return e[s]}),(e=>{v(e,t.$hostElement$)}))};var p=new Map;var m="{visibility:hidden}.hydrated{visibility:inherit}";var y="slot-fb{display:contents}slot-fb[hidden]{display:none}";var w="http://www.w3.org/1999/xlink";var b=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var S=typeof window!=="undefined"?window:{};var g=S.HTMLElement||class{};var $={o:0,$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};var j=t.shadowDom;var k=(()=>{var e;let t=false;try{(e=S.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var O=e=>Promise.resolve(e);var C=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var E=C?(()=>!!S.document&&Object.getOwnPropertyDescriptor(S.document.adoptedStyleSheets,"length").writable)():false;var R=false;var x=[];var N=[];var M=(e,t)=>n=>{e.push(n);if(!R){R=true;if(t&&$.o&4){P(L)}else{$.raf(L)}}};var F=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){v(e)}}e.length=0};var L=()=>{F(x);{F(N);if(R=x.length>0){$.raf(L)}}};var P=e=>O().then(e);var T=M(N,true);var U=e=>{const t=new URL(e,$.$);return t.origin!==S.location.origin?t.href:t.pathname};var A=e=>{e=typeof e;return e==="object"||e==="function"};function D(e){var t,n,s;return(s=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?s:void 0}var W=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var I={};o(I,{err:()=>z,map:()=>B,ok:()=>_,unwrap:()=>H,unwrapErr:()=>q});var _=e=>({isOk:true,isErr:false,value:e});var z=e=>({isOk:false,isErr:true,value:e});function B(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>_(e)))}else{return _(n)}}if(e.isErr){const t=e.value;return z(t)}throw"should never get here"}var H=e=>{if(e.isOk){return e.value}else{throw e.value}};var q=e=>{if(e.isErr){return e.value}else{throw e.value}};function V(e){if(!C)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var Y;function G(e){var t;const n=this.attachShadow({mode:"open",delegatesFocus:!!(e.o&16)});if(Y===void 0)Y=(t=V(s))!=null?t:null;if(Y){if(E){n.adoptedStyleSheets.push(Y)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,Y]}}}var J=e=>{const t=se(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){Q(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&&se(e,"childNodes").length){J(e)}}};var K=e=>{const t=[];for(let n=0;n<e.length;n++){const s=e[n]["s-nr"]||void 0;if(s&&s.isConnected){t.push(s)}}return t};function Q(e,t,n){let s=0;let r=[];let o;for(;s<e.length;s++){o=e[s];if(o["s-sr"]&&(!t||o["s-hn"]===t)&&n===void 0){r.push(o)}r=[...r,...Q(o.childNodes,t,n)]}return r}var X=(e,t,n=true)=>{const s=[];if(n&&e["s-sr"]||!e["s-sr"])s.push(e);let r=e;while(r=r.nextSibling){if(ee(r)===t&&(n||!r["s-sr"]))s.push(r)}return s};var Z=(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 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 s=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const r=this["s-cr"].parentElement;const o=r.__childNodes?r.childNodes:K(r.childNodes);o.forEach((e=>{if(s===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)}var ne=e=>{const t=e.cloneNode;e.cloneNode=function(e){const n=this;const s=n.shadowRoot&&j;const r=t.call(n,s?e:false);if(!s&&e){let e=0;let t,n;const s=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];const o=this.__childNodes||this.childNodes;for(;e<o.length;e++){t=o[e]["s-nr"];n=s.every((t=>!o[e][t]));if(t){{r.appendChild(t.cloneNode(true))}}if(n){r.appendChild(o[e].cloneNode(true))}}}return r}};function se(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 oe=(e,t)=>{{return()=>{}}};var ie=new WeakMap;var le=(e,t,n)=>{let s=p.get(e);if(C&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}p.set(e,s)};var fe=(e,t,n)=>{var s;const r=ce(t);const o=p.get(r);if(!S.document){return r}e=e.nodeType===11?e:S.document;if(o){if(typeof o==="string"){e=e.head||e;let n=ie.get(e);let i;if(!n){ie.set(e,n=new Set)}if(!n.has(r)){{i=S.document.createElement("style");i.innerHTML=o;const n=(s=$.j)!=null?s:D(S.document);if(n!=null){i.setAttribute("nonce",n)}if(!(t.o&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(C){const t=new CSSStyleSheet;t.replaceSync(o);if(E){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=o+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.o&1){e.insertBefore(i,null)}}if(t.o&4){i.innerHTML+=y}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(o)){if(E){e.adoptedStyleSheets.push(o)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}}return r};var ae=e=>{const t=e.i;const n=e.$hostElement$;const s=t.o;const r=re("attachStyles",t.m);const o=fe(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}r()};var ce=(e,t)=>"sc-"+e.m;var ue=(e,t,...n)=>{let s=null;let r=null;let o=null;let i=false;let l=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){a(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof e!=="function"&&!A(s)){s=String(s)}if(i&&l){f[f.length-1].k+=s}else{f.push(i?ve(null,s):s)}l=i}}};a(n);if(t){if(t.key){r=t.key}if(t.name){o=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,pe)}const c=ve(e,null);c.O=t;if(f.length>0){c.C=f}{c.R=r}{c.N=o}return c};var ve=(e,t)=>{const n={o:0,M:e,k:t,F:null,C:null};{n.O=null}{n.R=null}{n.N=null}return n};var de={};var he=e=>e&&e.M===de;var pe={forEach:(e,t)=>e.map(me).forEach(t),map:(e,t)=>e.map(me).map(t).map(ye)};var me=e=>({vattrs:e.O,vchildren:e.C,vkey:e.R,vname:e.N,vtag:e.M,vtext:e.k});var ye=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 ue(e.vtag,t,...e.vchildren||[])}const t=ve(e.vtag,e.vtext);t.O=e.vattrs;t.C=e.vchildren;t.R=e.vkey;t.N=e.vname;return t};var we=e=>{const t=W(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};we("::slotted");we(":host");we(":host-context");var be=(e,t,n)=>{if(typeof e==="string"&&(t&16||t&8)&&(e.startsWith("{")&&e.endsWith("}")||e.startsWith("[")&&e.endsWith("]"))){try{return JSON.parse(e)}catch(e){}}if(e!=null&&!A(e)){if(t&4){if(n&&typeof e==="string"){return e===""||!!e}else{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var Se=e=>{var t;return(t=f(e))==null?void 0:t.$hostElement$};var ge=(e,t,n)=>{const s=Se(e);return{emit:e=>$e(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var $e=(e,t,n)=>{const s=$.ce(t,n);e.dispatchEvent(s);return s};var je=(e,t,n,s,r,o,i)=>{if(n===s){return}let l=u(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const r=Oe(n);let o=Oe(s);{t.remove(...r.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!r.includes(e))))}}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!l&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(u(S,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||s){const r=t.endsWith(Ce);t=t.replace(Ee,"");if(n){$.rel(e,t,n,r)}if(s){$.ael(e,t,s,r)}}}else{const i=A(s);if((l||i&&s!==null)&&!r){try{if(!e.tagName.includes("-")){const r=s==null?"":s;if(t==="list"){l=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else if(e[t]!==s){e[t]=s}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(w,t)}else{e.removeAttribute(t)}}}else if((!l||o&4||r)&&!i&&e.nodeType===1){s=s===true?"":s;if(a){e.setAttributeNS(w,t,s)}else{e.setAttribute(t,s)}}}};var ke=/\s/;var Oe=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(ke)};var Ce="Capture";var Ee=new RegExp(Ce+"$");var Re=(e,t,n,s)=>{const r=t.F.nodeType===11&&t.F.host?t.F.host:t.F;const o=e&&e.O||{};const i=t.O||{};{for(const e of xe(Object.keys(o))){if(!(e in i)){je(r,e,o[e],void 0,n,t.o)}}}for(const e of xe(Object.keys(i))){je(r,e,o[e],i[e],n,t.o)}};function xe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Ne;var Me;var Fe=false;var Le=false;var Pe=false;var Te=false;var Ue=(e,n,s)=>{var r;const o=n.C[s];let f=0;let a;let c;let u;if(!Fe){Pe=true;if(o.M==="slot"){o.o|=o.C?2:1}}if(o.k!==null){a=o.F=S.document.createTextNode(o.k)}else if(o.o&1){a=o.F=S.document.createTextNode("");{Re(null,o,Te)}}else{if(!Te){Te=o.M==="svg"}if(!S.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.F=S.document.createElementNS(Te?i:l,!Fe&&t.slotRelocation&&o.o&2?"slot-fb":o.M);if(Te&&o.M==="foreignObject"){Te=false}{Re(null,o,Te)}if(o.C){for(f=0;f<o.C.length;++f){c=Ue(e,o,f);if(c){a.appendChild(c)}}}{if(o.M==="svg"){Te=false}else if(a.tagName==="foreignObject"){Te=true}}}a["s-hn"]=Me;{if(o.o&(2|1)){a["s-sr"]=true;a["s-cr"]=Ne;a["s-sn"]=o.N||"";a["s-rf"]=(r=o.O)==null?void 0:r.ref;te(a);u=e&&e.C&&e.C[s];if(u&&u.M===o.M&&e.F){{Ae(e.F,false)}}}}return a};var Ae=(e,t)=>{$.o|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const s=n[e];if(s["s-hn"]!==Me&&s["s-ol"]){Ye(ze(s).parentNode,s,ze(s));s["s-ol"].remove();s["s-ol"]=void 0;s["s-sh"]=void 0;Pe=true}if(t){Ae(s,t)}}$.o&=-2};var De=(e,t,n,s,r,o)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let l;if(i.shadowRoot&&i.tagName===Me){i=i.shadowRoot}for(;r<=o;++r){if(s[r]){l=Ue(null,n,r);if(l){s[r].F=l;Ye(i,l,ze(t))}}}};var We=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.F;Ve(t);if(e){{Le=true;if(e["s-ol"]){e["s-ol"].remove()}else{Ae(e,true)}}e.remove()}}}};var Ie=(e,t,n,s,r=false)=>{let o=0;let i=0;let l=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=s.length-1;let d=s[0];let h=s[v];let p;let m;while(o<=a&&i<=v){if(c==null){c=t[++o]}else if(u==null){u=t[--a]}else if(d==null){d=s[++i]}else if(h==null){h=s[--v]}else if(_e(c,d,r)){Be(c,d,r);c=t[++o];d=s[++i]}else if(_e(u,h,r)){Be(u,h,r);u=t[--a];h=s[--v]}else if(_e(c,h,r)){if(c.M==="slot"||h.M==="slot"){Ae(c.F.parentNode,false)}Be(c,h,r);Ye(e,c.F,u.F.nextSibling);c=t[++o];h=s[--v]}else if(_e(u,d,r)){if(c.M==="slot"||h.M==="slot"){Ae(u.F.parentNode,false)}Be(u,d,r);Ye(e,u.F,c.F);u=t[--a];d=s[++i]}else{l=-1;{for(f=o;f<=a;++f){if(t[f]&&t[f].R!==null&&t[f].R===d.R){l=f;break}}}if(l>=0){m=t[l];if(m.M!==d.M){p=Ue(t&&t[i],n,l)}else{Be(m,d,r);t[l]=void 0;p=m.F}d=s[++i]}else{p=Ue(t&&t[i],n,i);d=s[++i]}if(p){{Ye(ze(c.F).parentNode,p,ze(c.F))}}}}if(o>a){De(e,s[v+1]==null?null:s[v+1].F,n,s,i,v)}else if(i>v){We(t,o,a)}};var _e=(e,t,n=false)=>{if(e.M===t.M){if(e.M==="slot"){return e.N===t.N}if(!n){return e.R===t.R}if(n&&!e.R&&t.R){e.R=t.R}return true}return false};var ze=e=>e&&e["s-ol"]||e;var Be=(e,n,s=false)=>{const r=n.F=e.F;const o=e.C;const i=n.C;const l=n.M;const f=n.k;let a;if(f===null){{Te=l==="svg"?true:l==="foreignObject"?false:Te}{Re(e,n,Te)}if(o!==null&&i!==null){Ie(r,o,n,i,s)}else if(i!==null){if(e.k!==null){r.textContent=""}De(r,null,n,i,0,i.length-1)}else if(!s&&t.updatable&&o!==null){We(o,0,o.length-1)}else;if(Te&&l==="svg"){Te=false}}else if(a=r["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){r.data=f}};var He=[];var qe=e=>{let t;let n;let s;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const r=e["s-sn"];for(s=n.length-1;s>=0;s--){t=n[s];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(Z(t,r)){let n=He.find((e=>e.L===t));Le=true;t["s-sn"]=t["s-sn"]||r;if(n){n.L["s-sh"]=e["s-hn"];n.P=e}else{t["s-sh"]=e["s-hn"];He.push({P:e,L:t})}if(t["s-sr"]){He.map((e=>{if(Z(e.L,t["s-sn"])){n=He.find((e=>e.L===t));if(n&&!e.P){e.P=n.P}}}))}}else if(!He.some((e=>e.L===t))){He.push({L:t})}}}}if(e.nodeType===1){qe(e)}}};var Ve=e=>{{e.O&&e.O.ref&&e.O.ref(null);e.C&&e.C.map(Ve)}};var Ye=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Ge=(e,t,n=false)=>{var s,r,o,i;const l=e.$hostElement$;const f=e.i;const a=e.T||ve(null,null);const c=he(t);const u=c?t:ue(null,null,t);Me=l.tagName;if(f.U){u.O=u.O||{};f.U.map((([e,t])=>u.O[t]=l[e]))}if(n&&u.O){for(const e of Object.keys(u.O)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){u.O[e]=l[e]}}}u.M=null;u.o|=4;e.T=u;u.F=a.F=l.shadowRoot||l;Fe=!!(f.o&1)&&!(f.o&128);{Ne=l["s-cr"];Le=false}Be(a,u,n);{$.o|=1;if(Pe){qe(u.F);for(const e of He){const t=e.L;if(!t["s-ol"]&&S.document){const e=S.document.createTextNode("");e["s-nr"]=t;Ye(t.parentNode,t["s-ol"]=e,t)}}for(const e of He){const t=e.L;const l=e.P;if(l){const e=l.parentNode;let n=l.nextSibling;{let o=(s=t["s-ol"])==null?void 0:s.previousSibling;while(o){let s=(r=o["s-nr"])!=null?r:null;if(s&&s["s-sn"]===t["s-sn"]&&e===(s.__parentNode||s.parentNode)){s=s.nextSibling;while(s===t||(s==null?void 0:s["s-sr"])){s=s==null?void 0:s.nextSibling}if(!s||!s["s-nr"]){n=s;break}}o=o.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}Ye(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(o=t["s-ih"])!=null?o:false}}}t&&typeof l["s-rf"]==="function"&&l["s-rf"](l)}else{if(t.nodeType===1){if(n){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(Le){J(u.F)}$.o&=-2;He.length=0}Ne=void 0};var Je=(e,t)=>{if(t&&!e.A&&t["s-p"]){const n=t["s-p"].push(new Promise((s=>e.A=()=>{t["s-p"].splice(n-1,1);s()})))}};var Ke=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}Je(e,e.D);const n=()=>Qe(e,t);if(t){queueMicrotask((()=>{n()}));return}return T(n)};var Qe=(e,t)=>{const n=e.$hostElement$;const s=re("scheduleUpdate",e.i.m);const r=e.t;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let o;if(t){{e.o|=256;if(e.W){e.W.map((([e,t])=>rt(r,e,t,n)));e.W=void 0}}o=rt(r,"componentWillLoad",void 0,n)}else{o=rt(r,"componentWillUpdate",void 0,n)}o=Xe(o,(()=>rt(r,"componentWillRender",void 0,n)));s();return Xe(o,(()=>et(e,r,t)))};var Xe=(e,t)=>Ze(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ze=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var et=async(e,t,n)=>{var s;const r=e.$hostElement$;const o=re("update",e.i.m);const i=r["s-rc"];if(n){ae(e)}const l=re("render",e.i.m);{tt(e,t,r,n)}if(i){i.map((e=>e()));r["s-rc"]=void 0}l();o();{const t=(s=r["s-p"])!=null?s:[];const n=()=>nt(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var tt=(e,t,n,s)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{Ge(e,t,s)}}}}catch(t){v(t,e.$hostElement$)}return null};var nt=e=>{const t=e.i.m;const n=e.$hostElement$;const s=re("postUpdate",t);const r=e.t;const o=e.D;rt(r,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{ot(n)}rt(r,"componentDidLoad",void 0,n);s();{e.p(n);if(!o){st()}}}else{rt(r,"componentDidUpdate",void 0,n);s()}{e.v(n)}{if(e.A){e.A();e.A=void 0}if(e.o&512){P((()=>Ke(e,false)))}e.o&=-517}};var st=t=>{P((()=>$e(S,"appload",{detail:{namespace:e}})))};var rt=(e,t,n,s)=>{if(e&&e[t]){try{return e[t](n)}catch(e){v(e,s)}}return void 0};var ot=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var it=(e,t)=>f(e).l.get(t);var lt=(e,t,n,s)=>{const r=f(e);if(!r){return}if(!r){throw new Error(`Couldn't find host element for "${s.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/stenciljs/core/issues/5457).`)}const o=r.$hostElement$;const i=r.l.get(t);const l=r.o;const a=r.t;n=be(n,s.I[t][0],!!(s.o&64));const c=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!c;if((!(l&8)||i===void 0)&&u){r.l.set(t,n);if(a){if(s._&&l&128){const e=s._[t];if(e){e.map((e=>{try{a[e](n,i,t)}catch(e){v(e,o)}}))}}if((l&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,i,t)===false){return}}Ke(r,false)}}}};var ft=(e,n,s)=>{var r,o;const i=e.prototype;if(n.o&64&&s&1){b.forEach((e=>{Object.defineProperty(i,e,{value(...t){var n;const s=f(this);const r=s==null?void 0:s.t;if(!r){(n=s==null?void 0:s.h)==null?void 0:n.then((n=>{const s=n[e];typeof s==="function"&&s.call(n,...t)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...t)}}})}))}if(n.I||(n._||e.watchers)){if(e.watchers&&!n._){n._=e.watchers}const l=Object.entries((r=n.I)!=null?r:{});l.map((([e,[t]])=>{if(t&31||s&2&&t&32){const{get:r,set:o}=Object.getOwnPropertyDescriptor(i,e)||{};if(r)n.I[e][0]|=2048;if(o)n.I[e][0]|=4096;if(s&1||!r){Object.defineProperty(i,e,{get(){{if((n.I[e][0]&2048)===0){return it(this,e)}const t=f(this);const s=t?t.t:i;if(!s)return;return s[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(r){const i=f(this);if(!i){return}if(o){const s=t&32?this[e]:i.$hostElement$[e];if(typeof s==="undefined"&&i.l.get(e)){r=i.l.get(e)}else if(!i.l.get(e)&&s){i.l.set(e,s)}o.apply(this,[be(r,t,!!(n.o&64))]);r=t&32?this[e]:i.$hostElement$[e];lt(this,e,r,n);return}{if((s&1)===0||(n.I[e][0]&4096)===0){lt(this,e,r,n);if(s&1&&!i.t){i.h.then((()=>{if(n.I[e][0]&4096&&i.t[e]!==i.l.get(e)){i.t[e]=r}}))}return}const o=()=>{const s=i.t[e];if(!i.l.get(e)&&s){i.l.set(e,s)}i.t[e]=be(r,t,!!(n.o&64));lt(this,e,i.t[e],n)};if(i.t){o()}else{i.h.then((()=>o()))}}}})}else if(s&1&&t&64){Object.defineProperty(i,e,{value(...t){var n;const s=f(this);return(n=s==null?void 0:s.u)==null?void 0:n.then((()=>{var n;return(n=s.t)==null?void 0:n[e](...t)}))}})}}));if(s&1){const s=new Map;i.attributeChangedCallback=function(e,r,o){$.jmp((()=>{var l;const a=s.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){o=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==o){return}else if(a==null){const t=f(this);const s=t==null?void 0:t.o;if(t&&s&&!(s&8)&&s&128&&o!==r){const s=t.t;const i=(l=n._)==null?void 0:l[e];i==null?void 0:i.forEach((t=>{if(s[t]!=null){s[t].call(s,o,r,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,a);o=o===null&&typeof this[a]==="boolean"?false:o;if(o!==this[a]&&(!c.get||!!c.set)){this[a]=o}}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=n._)!=null?o:{}),...l.filter((([e,t])=>t[0]&31)).map((([e,t])=>{var r;const o=t[1]||e;s.set(o,e);if(t[0]&512){(r=n.U)==null?void 0:r.push([e,o])}return o}))]))}}return e};var at=async(e,t,n,s)=>{let r;if((t.o&32)===0){t.o|=32;const s=n.S;if(s){const s=h(n,t);if(s&&"then"in s){const e=oe();r=await s;e()}else{r=s}if(!r){throw new Error(`Constructor for "${n.m}#${t.B}" was not found`)}if(!r.isProxied){{n._=r.watchers}ft(r,n,2);r.isProxied=true}const o=re("createInstance",n.m);{t.o|=8}try{new r(t)}catch(t){v(t,e)}{t.o&=-9}{t.o|=128}o();ct(t.t,e)}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=ce(n);if(!p.has(t)){const s=re("registerStyles",n.m);le(t,e,!!(n.o&1));s()}}}const o=t.D;const i=()=>Ke(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};var ct=(e,t)=>{{rt(e,"connectedCallback",void 0,t)}};var ut=e=>{if(($.o&1)===0){const t=f(e);if(!t){return}const n=t.i;const s=re("connectedCallback",n.m);if(!(t.o&1)){t.o|=1;{if(n.o&(4|8)){vt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){Je(t,t.D=n);break}}}if(n.I){Object.entries(n.I).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{at(e,t,n)}}else{yt(e,t,n.H);if(t==null?void 0:t.t){ct(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>ct(t.t,e)))}}s()}};var vt=e=>{if(!S.document){return}const t=e["s-cr"]=S.document.createComment("");t["s-cn"]=true;Ye(e,t,e.firstChild)};var dt=(e,t)=>{{rt(e,"disconnectedCallback",void 0,t||e)}};var ht=async e=>{if(($.o&1)===0){const t=f(e);{if(t==null?void 0:t.q){t.q.map((e=>e()));t.q=void 0}}if(t==null?void 0:t.t){dt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>dt(t.t,e)))}}if(ie.has(e)){ie.delete(e)}if(e.shadowRoot&&ie.has(e.shadowRoot)){ie.delete(e.shadowRoot)}};var pt=(e,t={})=>{var n;if(!S.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const s=re();const r=[];const o=t.exclude||[];const i=S.customElements;const l=S.document.head;const a=l.querySelector("meta[charset]");const u=S.document.createElement("style");const v=[];let d;let h=true;Object.assign($,t);$.$=new URL(t.resourcesUrl||"./",S.document.baseURI).href;let p=false;e.map((e=>{e[1].map((t=>{var n;const s={o:t[0],m:t[1],I:t[2],H:t[3]};if(s.o&4){p=true}{s.I=t[2]}{s.H=t[3]}{s.U=[]}{s._=(n=t[4])!=null?n:{}}const l=s.m;const a=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;c(e,s);if(s.o&1){{if(!e.shadowRoot){G.call(e,s)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${s.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=f(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;yt(this,e,s.H)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{$.jmp((()=>ut(this)))}}disconnectedCallback(){$.jmp((()=>ht(this)));$.raf((()=>{var e;const t=f(this);if(!t){return}const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.T)==null?void 0:e.F)instanceof Node&&!t.T.F.isConnected){delete t.T.F}}))}componentOnReady(){var e;return(e=f(this))==null?void 0:e.h}};if(!(s.o&1)&&s.o&256){{{ne(a.prototype)}}}if(s.o&64){a.formAssociated=true}s.S=e[0];if(!o.includes(l)&&!i.get(l)){r.push(l);i.define(l,ft(a,s,1))}}))}));if(r.length>0){if(p){u.textContent+=y}{u.textContent+=r.sort()+m}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=$.j)!=null?n:D(S.document);if(e!=null){u.setAttribute("nonce",e)}l.insertBefore(u,a?a.nextSibling:l.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{$.jmp((()=>d=setTimeout(st,30)))}}s()};var mt=(e,t)=>t;var yt=(e,t,n,s)=>{if(n&&S.document){n.map((([n,s,r])=>{const o=bt(S.document,e,n);const i=wt(t,r);const l=St(n);$.ael(o,s,i,l);(t.q=t.q||[]).push((()=>$.rel(o,s,i,l)))}))}};var wt=(e,t)=>n=>{var s;try{{if(e.o&256){(s=e.t)==null?void 0:s[t](n)}else{(e.W=e.W||[]).push([t,n])}}}catch(t){v(t,e.$hostElement$)}};var bt=(e,t,n)=>{if(n&4){return e}if(n&8){return S}if(n&16){return e.body}return t};var St=e=>k?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var gt=e=>$.j=e;export{mt as F,g as H,Se as a,pt as b,ge as c,de as d,U as e,n as g,ue as h,O as p,a as r,gt as s};
-//# sourceMappingURL=p-DS8meZSd.js.map