@infineon/infineon-design-system-stencil 33.5.1--canary.1869.6f9372deb45bf9862ab3a91adf63bd3b39003283.0 → 33.5.1--canary.1875.d3d25fe63b68c99560dda7f7ca51951957aaf092.0

package/dist/infineon-design-system-stencil/p-19f2f7d6.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,F as n,g as s}from"./p-b7a462e5.js";const r='.tree-item{position:relative;cursor:pointer;list-style:none}.tree-item.tree-item--expanded{position:relative}.tree-item.tree-item--has-children{position:relative}.tree-item.tree-item--has-children .tree-item__header>.tree-item__chevron-container{display:flex}.tree-item.tree-item--has-children.tree-item--expanded .tree-item__header>.tree-item__chevron-container::after{display:block}.tree-item--disabled{cursor:not-allowed;pointer-events:none;color:#BFBBBB}.tree-item__content{display:flex;flex-direction:row}.tree-item__content:hover .tree-item__checkbox-container,.tree-item__content:hover .tree-item__header{background-color:#F7F7F7}.tree-item__checkbox-container{position:sticky;left:0;z-index:10;padding:4px;background-color:#FFFFFF}.tree-item__header{flex-grow:1;display:flex;align-items:center;white-space:nowrap;height:20px;padding-top:4px;padding-right:16px;padding-bottom:4px;padding-left:8px}.tree-item__chevron-container{display:none;align-items:center;margin-right:8px;height:20px}.tree-item__chevron-container::after{--height-line-start:28px;display:none;content:"";position:absolute;z-index:1;top:var(--height-line-start);left:auto;margin-left:8px;width:1px;height:calc(100% - var(--height-line-start));background-color:#EEEDED}.tree-item--disabled .tree-item__chevron-container::after{color:#EEEDED}.tree-item__chevron.chevron-down{transform:rotate(90deg)}.tree-item__chevron.chevron-right{transform:rotate(0)}.tree-item__label-icon-container{display:flex;align-items:center}.tree-item__label-icon-container:focus{outline:none}.tree-item__label-icon-container:focus-visible{outline:2px solid #0A8276;outline-offset:2px;border-radius:1px}.tree-item__icon-container{position:relative;width:16px;height:16px}.tree-item__icon-container ifx-icon{position:absolute;left:0;top:0;opacity:1;transition:opacity 0.2s ease-in-out}.tree-item__icon-container ifx-icon.icon--hidden{opacity:0}.tree-item__label{padding-left:8px}.tree-item__children{display:none}.tree-item[aria-expanded=true]>.tree-item__children{display:block}';const a=r;const o=class{constructor(i){e(this,i);this.ifxTreeViewItemExpandChange=t(this,"ifxTreeViewItemExpandChange",7);this.ifxTreeViewItemCheckChange=t(this,"ifxTreeViewItemCheckChange",7);this.ifxTreeViewItemDisableChange=t(this,"ifxTreeViewItemDisableChange",7);this.expanded=false;this.initiallyExpanded=false;this.disableItem=false;this.ariaLabel="Tree Item";this.hasChildren=false;this.isChecked=false;this.partialChecked=false;this.level=0;this.disableAllItems=false;this.expandAllItems=false;this.findChildren=()=>Array.from(this.host.children).filter((e=>e instanceof HTMLElement&&e.tagName==="IFX-TREE-VIEW-ITEM"));this.calculateNodeLevel=()=>{let e=0,t=this.host.parentElement;while(t){if(t.tagName==="IFX-TREE-VIEW-ITEM")e++;t=t.parentElement}return e};this.handleStateChange=e=>{if(this.disabled)return;e.stopPropagation();this.updateCheckState(e.detail.checked)};this.handleCheckboxChange=e=>{var t,i;if(this.disabled)return;this.updateCheckState((i=(t=e.detail)===null||t===void 0?void 0:t.checked)!==null&&i!==void 0?i:!this.isChecked)};this.handleHeaderClick=({target:e})=>{if(this.disabled)return;if(!e.closest(".tree-item__checkbox-container, .tree-item__chevron-container")){this.updateCheckState(!this.isChecked)}};this.toggleExpand=()=>{if(this.disabled)return;this.hasChildren&&(this.expanded=!this.expanded)};this.handleKeyDown=e=>{var t,i,n,s,r,a;const o=Array.from(((t=this.host.closest("ifx-tree-view"))===null||t===void 0?void 0:t.querySelectorAll("ifx-tree-view-item"))||[]);const h=o.filter((e=>{var t,i;let n=(t=e.parentElement)===null||t===void 0?void 0:t.closest("ifx-tree-view-item");while(n){const e=n;if(!(e.expandAllItems||e.expanded)){return false}n=(i=n.parentElement)===null||i===void 0?void 0:i.closest("ifx-tree-view-item")}return true}));const l=h.findIndex((e=>e===this.host));function c(e){e===null||e===void 0?void 0:e.focus()}switch(e.key){case"ArrowDown":{e.preventDefault();let t=l+1;while(t<h.length){const e=h[t];if(!e.disabled){c((i=e.shadowRoot)===null||i===void 0?void 0:i.querySelector(".tree-item__label-icon-container"));break}t++}break}case"ArrowUp":{e.preventDefault();let t=l-1;while(t>=0){const e=h[t];if(!e.disabled){c((n=e.shadowRoot)===null||n===void 0?void 0:n.querySelector(".tree-item__label-icon-container"));break}t--}break}case"ArrowRight":{e.preventDefault();if(!this.isExpanded&&this.hasChildren){this.expanded=true}else if(this.isExpanded&&this.hasChildren){const e=this.host.querySelector("ifx-tree-view-item");if(e&&!e.disabled){c((s=e.shadowRoot)===null||s===void 0?void 0:s.querySelector(".tree-item__label-icon-container"))}}break}case"ArrowLeft":{e.preventDefault();if(this.isExpanded&&this.hasChildren){this.expanded=false}else{const e=(r=this.host.parentElement)===null||r===void 0?void 0:r.closest("ifx-tree-view-item");if(e&&!e.disabled){c((a=e.shadowRoot)===null||a===void 0?void 0:a.querySelector(".tree-item__label-icon-container"))}}break}case" ":case"Enter":{e.preventDefault();this.updateCheckState(!this.isChecked);break}}}}get disabled(){return this.disableAllItems||this.disableItem}get isExpanded(){return this.expandAllItems||this.expanded}componentWillLoad(){this.initializeNode();this.setupEventListeners()}componentDidLoad(){this.observeDisableAllItems();this.observeExpandAllItems();if(this.shouldExpandFromParent()){this.expandAllDescendants()}}shouldExpandFromParent(){let e=this.host.parentElement;while(e){if(e.tagName==="IFX-TREE-VIEW"&&(e.hasAttribute("expand-all-items")||e.hasAttribute("data-expand-all-items"))){return true}e=e.parentElement}return false}expandAllDescendants(){this.expanded=true;const e=this.findChildren();for(const t of e){if(typeof t.expanded!=="undefined"){t.expanded=true}if(typeof t.expandAllDescendants==="function"){t.expandAllDescendants()}}}observeDisableAllItems(){let e=this.host.parentElement;while(e){if(e.tagName==="IFX-TREE-VIEW"){const t=new MutationObserver((t=>{for(const i of t){if(i.type==="attributes"&&i.attributeName==="disable-all-items"){const t=e.disableAllItems;this.disableAllItems=!!t||e.hasAttribute("disable-all-items")}}}));t.observe(e,{attributes:true});const i=e.disableAllItems;this.disableAllItems=!!i||e.hasAttribute("disable-all-items");break}e=e.parentElement}}observeExpandAllItems(){let e=this.host.parentElement;while(e){if(e.tagName==="IFX-TREE-VIEW"||e.hasAttribute("data-expand-all-items")){const t=new MutationObserver((t=>{for(const i of t){if(i.type==="attributes"&&i.attributeName==="data-expand-all-items"){this.expandAllItems=e.hasAttribute("data-expand-all-items")}}}));t.observe(e,{attributes:true});this.expandAllItems=e.hasAttribute("data-expand-all-items");break}e=e.parentElement}}initializeNode(){this.expanded=this.initiallyExpanded;this.hasChildren=this.findChildren().length>0;this.level=this.calculateNodeLevel();this.host.setAttribute("data-level",this.level.toString())}setupEventListeners(){this.host.addEventListener("internal-check-state-change",this.handleStateChange)}async updateCheckState(e){if(this.disabled)return;this.setNodeState({isChecked:e,partialChecked:false});await this.updateChildrenState(e);this.updateParentState()}handleExpandedChange(e){this.ifxTreeViewItemExpandChange.emit(e)}handleDisableItemChange(e){this.ifxTreeViewItemDisableChange.emit(e)}setNodeState(e){this.isChecked=e.isChecked;this.partialChecked=e.partialChecked;this.ifxTreeViewItemCheckChange.emit({checked:this.isChecked,indeterminate:this.partialChecked})}async updateChildrenState(e){const t=this.findChildren();for(const i of t){await i.componentOnReady();i.dispatchEvent(new CustomEvent("internal-check-state-change",{detail:{checked:e},bubbles:false,composed:true}))}}findSiblingNodes(e){const t=e.parentElement;if(!t)return[];return Array.from(t.querySelectorAll("ifx-tree-view-item")).map((e=>e))}updateParentState(){var e;const t=(e=this.host.parentElement)===null||e===void 0?void 0:e.closest("ifx-tree-view-item");if(!t)return;t.componentOnReady().then((e=>{const i=e;if(!(i===null||i===void 0?void 0:i.updateParentState))return;const n=this.findSiblingNodes(t);const s=this.calculateSiblingStates(n);i.setNodeState({isChecked:s.allChecked,partialChecked:!s.allChecked&&s.someChecked});i.updateParentState()}))}calculateSiblingStates(e){return{allChecked:e.every((e=>e.isChecked)),someChecked:e.some((e=>{const t=e;return t.isChecked||t.partialChecked}))}}render(){return i("div",{key:"65ba2eeeaa7ff90c1d3d5ee625baa1f0c0e544fa",class:{"tree-item":true,"tree-item--expanded":this.isExpanded,"tree-item--has-children":this.hasChildren,"tree-item--disabled":this.disabled},role:"treeitem","aria-expanded":this.isExpanded?"true":"false","data-level":this.level,"aria-disabled":this.disabled?"true":undefined,"aria-label":this.ariaLabel},i("div",{key:"0b0f15544f9a9895882e60c712ddec3c4bf64c06",class:"tree-item__content"},this.renderCheckbox(),this.renderHeader()),this.isExpanded&&i("div",{key:"9473f80a1c8b29035e49a6ab2c89e27896bf6725",class:"tree-item__children"},i("slot",{key:"b822aa9540bc6b1aac6344809ad39b3c1efeaf07"})))}renderHeader(){return i("div",{class:"tree-item__header",style:{paddingLeft:`${this.level*24+10}px`},onClick:this.handleHeaderClick,tabIndex:-1,"aria-disabled":this.disabled?"true":undefined},this.renderControls())}renderCheckbox(){return i("div",{class:"tree-item__checkbox-container",onClick:e=>e.stopPropagation()},i("ifx-checkbox",{size:"s",checked:this.isChecked,indeterminate:this.partialChecked,onIfxChange:this.handleCheckboxChange,disabled:this.disabled}))}renderControls(){return[this.hasChildren&&i("div",{class:"tree-item__chevron-container",onClick:this.toggleExpand},i("ifx-icon",{class:`tree-item__chevron ${this.isExpanded?"chevron-down":"chevron-right"}`,icon:"chevron-right-16"}),i("div",{class:"tree-item__line"})),i("div",{class:"tree-item__label-icon-container",tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown},i("div",{class:"tree-item__icon-container"},this.hasChildren?i(n,null,i("ifx-icon",{class:{"icon--hidden":this.isExpanded},icon:"folder-16"}),i("ifx-icon",{class:{"icon--hidden":!this.isExpanded},icon:"folder-open-16"})):i("ifx-icon",{icon:"file-16"})),i("span",{class:"tree-item__label"},this.label))]}get host(){return s(this)}static get watchers(){return{expanded:["handleExpandedChange"],disableItem:["handleDisableItemChange"]}}};o.style=a;export{o as ifx_tree_view_item};
-//# sourceMappingURL=p-19f2f7d6.entry.js.map

package/dist/infineon-design-system-stencil/p-19f2f7d6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["treeViewItemCss","IfxTreeViewItemStyle0","TreeViewItem","constructor","hostRef","this","expanded","initiallyExpanded","disableItem","ariaLabel","hasChildren","isChecked","partialChecked","level","disableAllItems","expandAllItems","findChildren","Array","from","host","children","filter","child","HTMLElement","tagName","calculateNodeLevel","parent","parentElement","handleStateChange","event","disabled","stopPropagation","updateCheckState","detail","checked","handleCheckboxChange","_b","_a","handleHeaderClick","target","closest","toggleExpand","handleKeyDown","allItems","querySelectorAll","visibleItems","item","parentCmp","currentIndex","findIndex","el","focusLabelIcon","focus","key","preventDefault","nextIndex","length","next","shadowRoot","querySelector","prevIndex","prev","_c","isExpanded","firstChild","_d","_e","_f","componentWillLoad","initializeNode","setupEventListeners","componentDidLoad","observeDisableAllItems","observeExpandAllItems","shouldExpandFromParent","expandAllDescendants","hasAttribute","observer","MutationObserver","mutations","mutation","type","attributeName","disableAll","observe","attributes","setAttribute","toString","addEventListener","setNodeState","updateChildrenState","updateParentState","handleExpandedChange","newValue","ifxTreeViewItemExpandChange","emit","handleDisableItemChange","ifxTreeViewItemDisableChange","state","ifxTreeViewItemCheckChange","indeterminate","componentOnReady","dispatchEvent","CustomEvent","bubbles","composed","findSiblingNodes","parentEl","map","then","resolved","parentNode","siblings","states","calculateSiblingStates","allChecked","someChecked","every","sib","some","node","render","h","class","role","undefined","renderCheckbox","renderHeader","style","paddingLeft","onClick","tabIndex","renderControls","e","size","onIfxChange","icon","onKeyDown","Fragment","label"],"sources":["src/components/tree-view/tree-view-item.scss?tag=ifx-tree-view-item&encapsulation=shadow","src/components/tree-view/tree-view-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.tree-item {\n  position: relative;\n  cursor: pointer;\n  list-style: none;\n\n  &.tree-item--expanded {\n    position: relative;\n  }\n\n  &.tree-item--has-children {\n    position: relative;\n\n    .tree-item__header > .tree-item__chevron-container {\n      display: flex;\n    }\n\n    &.tree-item--expanded {\n      .tree-item__header > .tree-item__chevron-container::after {\n        display: block;\n      }\n    }\n  }\n\n  &--disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n    color: tokens.$ifxColorEngineering300;\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: row;\n\n    &:hover {\n      .tree-item__checkbox-container,\n      .tree-item__header {\n        background-color: tokens.$ifxColorEngineering100;\n      }\n    }\n  }\n\n  &__checkbox-container {\n    position: sticky;\n    left: 0;\n    z-index: 10;\n    padding: tokens.$ifxSpace50;\n    background-color: tokens.$ifxColorBaseWhite;\n  }\n\n  &__header {\n    flex-grow: 1;\n    display: flex;\n    align-items: center;\n    white-space: nowrap;\n    height: tokens.$ifxSize250;\n    padding-top: tokens.$ifxSpace50;\n    padding-right: tokens.$ifxSpace200;\n    padding-bottom: tokens.$ifxSpace50;\n    padding-left: tokens.$ifxSpace100;\n  }\n\n  &__chevron-container {\n    display: none;\n    align-items: center;\n    margin-right: tokens.$ifxSpace100;\n    height: tokens.$ifxSize250;\n\n    &::after {\n      --height-line-start: 28px;\n\n      display: none;\n      content: '';\n      position: absolute;\n      z-index: 1;\n      top: var(--height-line-start);\n      left: auto;\n      margin-left: tokens.$ifxSpace100;\n      width: tokens.$ifxSize12;\n      height: calc(100% - var(--height-line-start));\n      background-color: tokens.$ifxColorEngineering200;\n\n      .tree-item--disabled & {\n        color: tokens.$ifxColorEngineering200;\n      }\n    }\n  }\n\n  &__chevron {\n    &.chevron-down {\n      transform: rotate(90deg);\n    }\n\n    &.chevron-right {\n      transform: rotate(0);\n    }\n  }\n\n  &__label-icon-container {\n    display: flex;\n    align-items: center;\n\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      outline: 2px solid tokens.$ifxColorOcean500;\n      outline-offset: 2px;\n      border-radius: tokens.$ifxBorderRadius12;\n    }\n  }\n\n  &__icon-container {\n    position: relative;\n    width: tokens.$ifxSize200;\n    height: tokens.$ifxSize200;\n\n    ifx-icon {\n      position: absolute;\n      left: 0;\n      top: 0;\n      opacity: 1;\n      transition: opacity 0.2s ease-in-out;\n\n      &.icon--hidden {\n        opacity: 0;\n      }\n    }\n  }\n\n  &__label {\n    padding-left: tokens.$ifxSpace100;\n  }\n\n  &__children {\n    display: none;\n\n    .tree-item[aria-expanded=\"true\"] > & {\n      display: block;\n    }\n  }\n}\n\n","import { Component, h, Prop, State, Element, Fragment, Event, EventEmitter, Watch } from '@stencil/core';\n\ninterface TreeState {\n  isChecked: boolean;\n  partialChecked: boolean;\n}\n\ntype HTMLIfxTreeViewItemElement = HTMLElement & { componentOnReady: () => Promise<unknown> };\n\n@Component({\n  tag: 'ifx-tree-view-item',\n  styleUrl: 'tree-view-item.scss',\n  shadow: true,\n})\nexport class TreeViewItem {\n  @Element() host: HTMLElement;\n  @Prop() label: string;\n  @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n  @Prop() initiallyExpanded: boolean = false;\n  @Prop() disableItem: boolean = false;\n  @Prop() ariaLabel: string = 'Tree Item';\n\n  @Event() ifxTreeViewItemExpandChange: EventEmitter<boolean>;\n  @Event() ifxTreeViewItemCheckChange: EventEmitter<{ checked: boolean; indeterminate: boolean }>;\n  @Event() ifxTreeViewItemDisableChange: EventEmitter<boolean>;\n\n  @State() private hasChildren: boolean = false;\n  @State() private isChecked: boolean = false;\n  @State() private partialChecked: boolean = false;\n  @State() private level: number = 0;\n  @State() private disableAllItems: boolean = false;\n  @State() private expandAllItems: boolean = false;\n\n  private get disabled() {\n    return this.disableAllItems || this.disableItem;\n  }\n\n  private get isExpanded() {\n    return this.expandAllItems || this.expanded;\n  }\n\n  private findChildren = () => Array.from(this.host.children)\n    .filter((child): child is HTMLElement =>\n      child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM'\n    );\n\n  private calculateNodeLevel = (): number => {\n    let level = 0, parent = this.host.parentElement;\n    while (parent) {\n      if (parent.tagName === 'IFX-TREE-VIEW-ITEM') level++;\n      parent = parent.parentElement;\n    }\n    return level;\n  };\n\n  componentWillLoad() {\n    this.initializeNode();\n    this.setupEventListeners();\n  }\n\n  componentDidLoad() {\n    this.observeDisableAllItems();\n    this.observeExpandAllItems();\n    if (this.shouldExpandFromParent()) {\n      this.expandAllDescendants();\n    }\n  }\n\n  private shouldExpandFromParent(): boolean {\n    let parent = this.host.parentElement;\n    while (parent) {\n      if (\n        parent.tagName === 'IFX-TREE-VIEW' &&\n        (parent.hasAttribute('expand-all-items') || parent.hasAttribute('data-expand-all-items'))\n      ) {\n        return true;\n      }\n      parent = parent.parentElement;\n    }\n    return false;\n  }\n\n  private expandAllDescendants() {\n    this.expanded = true;\n    const children = this.findChildren();\n    for (const child of children) {\n      if (typeof (child as any).expanded !== 'undefined') {\n        (child as any).expanded = true;\n      }\n      if (typeof (child as any).expandAllDescendants === 'function') {\n        (child as any).expandAllDescendants();\n      }\n    }\n  }\n\n  private observeDisableAllItems() {\n    let parent = this.host.parentElement;\n    while (parent) {\n      if (parent.tagName === 'IFX-TREE-VIEW') {\n        const observer = new MutationObserver(mutations => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'disable-all-items'\n            ) {\n              const disableAll = (parent as any).disableAllItems;\n              this.disableAllItems = !!disableAll || parent.hasAttribute('disable-all-items');\n            }\n          }\n        });\n        observer.observe(parent, { attributes: true });\n        const disableAll = (parent as any).disableAllItems;\n        this.disableAllItems = !!disableAll || parent.hasAttribute('disable-all-items');\n        break;\n      }\n      parent = parent.parentElement;\n    }\n  }\n\n  private observeExpandAllItems() {\n    let parent = this.host.parentElement;\n    while (parent) {\n      if (parent.tagName === 'IFX-TREE-VIEW' || parent.hasAttribute('data-expand-all-items')) {\n        const observer = new MutationObserver(mutations => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'data-expand-all-items'\n            ) {\n              this.expandAllItems = parent.hasAttribute('data-expand-all-items');\n            }\n          }\n        });\n        observer.observe(parent, { attributes: true });\n        this.expandAllItems = parent.hasAttribute('data-expand-all-items');\n        break;\n      }\n      parent = parent.parentElement;\n    }\n  }\n\n  private initializeNode() {\n    this.expanded = this.initiallyExpanded;\n    this.hasChildren = this.findChildren().length > 0;\n    this.level = this.calculateNodeLevel();\n    this.host.setAttribute('data-level', this.level.toString());\n  }\n\n  private setupEventListeners() {\n    this.host.addEventListener('internal-check-state-change', this.handleStateChange);\n  }\n\n  private handleStateChange = (event: CustomEvent) => {\n    if (this.disabled) return;\n    event.stopPropagation();\n    this.updateCheckState(event.detail.checked);\n  };\n\n  private handleCheckboxChange = (event: CustomEvent) => {\n    if (this.disabled) return;\n    this.updateCheckState(event.detail?.checked ?? !this.isChecked);\n  };\n\n  private handleHeaderClick = ({ target }: MouseEvent) => {\n    if (this.disabled) return;\n    if (!(target as HTMLElement).closest('.tree-item__checkbox-container, .tree-item__chevron-container')) {\n      this.updateCheckState(!this.isChecked);\n    }\n  };\n\n  private async updateCheckState(checked: boolean) {\n    if (this.disabled) return;\n    this.setNodeState({ isChecked: checked, partialChecked: false });\n    await this.updateChildrenState(checked);\n    this.updateParentState();\n  }\n\n  @Watch('expanded')\n  handleExpandedChange(newValue: boolean) {\n    this.ifxTreeViewItemExpandChange.emit(newValue);\n  }\n\n  @Watch('disableItem')\n  handleDisableItemChange(newValue: boolean) {\n    this.ifxTreeViewItemDisableChange.emit(newValue);\n  }\n\n  private setNodeState(state: TreeState) {\n    this.isChecked = state.isChecked;\n    this.partialChecked = state.partialChecked;\n    this.ifxTreeViewItemCheckChange.emit({\n      checked: this.isChecked,\n      indeterminate: this.partialChecked,\n    });\n  }\n\n  private async updateChildrenState(checked: boolean) {\n    const children = this.findChildren();\n    for (const child of children) {\n      await (child as HTMLIfxTreeViewItemElement).componentOnReady();\n      child.dispatchEvent(new CustomEvent('internal-check-state-change', {\n        detail: { checked },\n        bubbles: false,\n        composed: true\n      }));\n    }\n  }\n\n  private findSiblingNodes(parent: HTMLElement): HTMLIfxTreeViewItemElement[] {\n    const parentEl = parent.parentElement;\n    if (!parentEl) return [];\n    return Array.from(\n      parentEl.querySelectorAll('ifx-tree-view-item')\n    ).map(el => el as HTMLIfxTreeViewItemElement);\n  }\n\n  private updateParentState() {\n    const parent = this.host.parentElement?.closest('ifx-tree-view-item') as HTMLIfxTreeViewItemElement;\n    if (!parent) return;\n    parent.componentOnReady().then(resolved => {\n      const parentNode = resolved as unknown as TreeViewItem;\n      if (!parentNode?.updateParentState) return;\n      const siblings = this.findSiblingNodes(parent);\n      const states = this.calculateSiblingStates(siblings);\n      parentNode.setNodeState({\n        isChecked: states.allChecked,\n        partialChecked: !states.allChecked && states.someChecked\n      });\n      parentNode.updateParentState();\n    });\n  }\n\n  private calculateSiblingStates(siblings: HTMLIfxTreeViewItemElement[]) {\n    return {\n      allChecked: siblings.every(sib => (sib as unknown as TreeViewItem).isChecked),\n      someChecked: siblings.some(sib => {\n        const node = sib as unknown as TreeViewItem;\n        return node.isChecked || node.partialChecked;\n      })\n    };\n  }\n\n  private toggleExpand = () => {\n    if (this.disabled) return;\n    this.hasChildren && (this.expanded = !this.expanded);\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n\n    const allItems = Array.from(\n      this.host\n        .closest('ifx-tree-view')\n        ?.querySelectorAll('ifx-tree-view-item') || []\n    );\n\n    const visibleItems = allItems.filter(item => {\n      let parent = item.parentElement?.closest('ifx-tree-view-item');\n      while (parent) {\n        const parentCmp = parent as any;\n        if (!(parentCmp.expandAllItems || parentCmp.expanded)) {\n          return false;\n        }\n        parent = parent.parentElement?.closest('ifx-tree-view-item');\n      }\n      return true;\n    });\n\n    const currentIndex = visibleItems.findIndex(el => el === this.host);\n\n    function focusLabelIcon(el: Element | null) {\n      (el as HTMLElement | null)?.focus();\n    }\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        let nextIndex = currentIndex + 1;\n        while (nextIndex < visibleItems.length) {\n          const next = visibleItems[nextIndex] as any;\n          if (!next.disabled) {\n            focusLabelIcon(next.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n            break;\n          }\n          nextIndex++;\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        event.preventDefault();\n        let prevIndex = currentIndex - 1;\n        while (prevIndex >= 0) {\n          const prev = visibleItems[prevIndex] as any;\n          if (!prev.disabled) {\n            focusLabelIcon(prev.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n            break;\n          }\n          prevIndex--;\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        event.preventDefault();\n        if (!this.isExpanded && this.hasChildren) {\n          this.expanded = true;\n        } else if (this.isExpanded && this.hasChildren) {\n          const firstChild = this.host.querySelector('ifx-tree-view-item');\n          if (firstChild && !(firstChild as any).disabled) {\n            focusLabelIcon((firstChild as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n          }\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        event.preventDefault();\n        if (this.isExpanded && this.hasChildren) {\n          this.expanded = false;\n        } else {\n          const parent = this.host.parentElement?.closest('ifx-tree-view-item');\n          if (parent && !(parent as any).disabled) {\n            focusLabelIcon((parent as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n          }\n        }\n        break;\n      }\n      case ' ':\n      case 'Enter': {\n        event.preventDefault();\n        this.updateCheckState(!this.isChecked);\n        break;\n      }\n    }\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'tree-item': true,\n          'tree-item--expanded': this.isExpanded,\n          'tree-item--has-children': this.hasChildren,\n          'tree-item--disabled': this.disabled,\n        }}\n        role=\"treeitem\"\n        aria-expanded={this.isExpanded ? 'true' : 'false'}\n        data-level={this.level}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        aria-label={this.ariaLabel}\n      >\n        <div class=\"tree-item__content\">\n          {this.renderCheckbox()}\n          {this.renderHeader()}\n        </div>\n        {this.isExpanded && <div class=\"tree-item__children\"><slot/></div>}\n      </div>\n    );\n  }\n\n  private renderHeader() {\n    return (\n      <div\n        class=\"tree-item__header\"\n        style={{ paddingLeft: `${this.level * 24 + 10}px` }}\n        onClick={this.handleHeaderClick}\n        tabIndex={-1}\n        aria-disabled={this.disabled ? 'true' : undefined}\n      >\n        {this.renderControls()}\n      </div>\n    );\n  }\n\n  private renderCheckbox() {\n    return (\n      <div class=\"tree-item__checkbox-container\" onClick={e => e.stopPropagation()}>\n        <ifx-checkbox\n          size='s'\n          checked={this.isChecked}\n          indeterminate={this.partialChecked}\n          onIfxChange={this.handleCheckboxChange}\n          disabled={this.disabled}\n        />\n      </div>\n    );\n  }\n\n  private renderControls() {\n    return [\n      this.hasChildren && (\n        <div class=\"tree-item__chevron-container\" onClick={this.toggleExpand}>\n          <ifx-icon class={`tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`}\n                    icon=\"chevron-right-16\"/>\n          <div class=\"tree-item__line\"/>\n        </div>\n      ),\n      <div\n        class=\"tree-item__label-icon-container\"\n        tabIndex={this.disabled ? -1 : 0}\n        onKeyDown={this.handleKeyDown}\n      >\n        <div class=\"tree-item__icon-container\">\n          {\n            this.hasChildren ? (\n              <Fragment>\n                <ifx-icon class={{'icon--hidden': this.isExpanded}} icon=\"folder-16\"/>\n                <ifx-icon class={{'icon--hidden': !this.isExpanded}} icon=\"folder-open-16\"/>\n              </Fragment>\n            ) : (\n              <ifx-icon icon=\"file-16\"/>\n            )\n          }\n        </div>\n        <span class=\"tree-item__label\">{this.label}</span>\n      </div>\n    ];\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-34930b99.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,g as i}from"./p-b7a462e5.js";const a=".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";const r=a;const h=class{constructor(e){t(this,e);this.ifxListEntryChange=s(this,"ifxListEntryChange",7)}valueChanged(t){if(t){this.host.setAttribute("value","true")}else{this.host.removeAttribute("value")}}handleFilterEntryChange(t){this.value=t.detail;this.ifxListEntryChange.emit({label:this.label,value:this.value,type:this.type})}render(){return e("div",{key:"d3e8cf091f71dc4e2fb56230a807712bc6012dc3",class:"wrapper"},this.type==="checkbox"?e("div",{class:"list-entry"},e("ifx-checkbox",{size:"s",checked:this.value},this.label)):e("div",{class:"list-entry"},e("ifx-radio-button",{size:"s",checked:this.value},this.label)))}get host(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};h.style=r;export{h as ifx_list_entry};
-//# sourceMappingURL=p-34930b99.entry.js.map

package/dist/infineon-design-system-stencil/p-4304900a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as t}from"./p-b7a462e5.js";const l=':host{display:block}.tree-view{font-family:var(--ifx-font-family, sans-serif);font-size:14px;color:var(--ifx-color-text, #1a1a1a);display:flex;flex-wrap:wrap;flex-direction:column;overflow-x:auto;overflow-y:hidden}.tree-view__label{font:600 1.125rem/1.625rem "Source Sans 3";margin-bottom:8px}';const s=l;const i=class{constructor(t){e(this,t);this.ifxTreeViewExpandAllChange=a(this,"ifxTreeViewExpandAllChange",7);this.ifxTreeViewDisableAllChange=a(this,"ifxTreeViewDisableAllChange",7);this.disableAllItems=false;this.expandAllItems=false;this.ariaLabel="Tree View"}handleExpandAllItemsChange(e){this.ifxTreeViewExpandAllChange.emit(e)}handleDisableAllItemsChange(e){this.ifxTreeViewDisableAllChange.emit(e)}render(){return t("div",{key:"80685b84144c9e87bb01449f28b512e331884cf3",class:{"tree-view":true,"tree-view--disabled":this.disableAllItems},role:"tree","aria-label":this.ariaLabel},this.label&&this.label.trim()!==""&&t("div",{key:"8f4cf624d49def348e24c569436d3665f6777404",class:"tree-view__label"},this.label),t("slot",{key:"b36f590b814b3e7e1d46f91c046c1af37c469e1b",ref:e=>{if(e){if(this.disableAllItems){e.setAttribute("data-disable-all-items","true")}else{e.removeAttribute("data-disable-all-items")}if(this.expandAllItems){e.setAttribute("data-expand-all-items","true")}else{e.removeAttribute("data-expand-all-items")}}}}))}static get watchers(){return{expandAllItems:["handleExpandAllItemsChange"],disableAllItems:["handleDisableAllItemsChange"]}}};i.style=s;export{i as ifx_tree_view};
-//# sourceMappingURL=p-4304900a.entry.js.map

package/dist/infineon-design-system-stencil/p-4304900a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["treeViewCss","IfxTreeViewStyle0","TreeView","constructor","hostRef","this","disableAllItems","expandAllItems","ariaLabel","handleExpandAllItemsChange","newValue","ifxTreeViewExpandAllChange","emit","handleDisableAllItemsChange","ifxTreeViewDisableAllChange","render","h","key","class","role","label","trim","ref","el","setAttribute","removeAttribute"],"sources":["src/components/tree-view/tree-view.scss?tag=ifx-tree-view&encapsulation=shadow","src/components/tree-view/tree-view.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: block;\n}\n\n.tree-view {\n  font-family: var(--ifx-font-family, sans-serif);\n  font-size: 14px;\n  color: var(--ifx-color-text, #1a1a1a);\n\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  &__label {\n    font: tokens.$ifxHeadingHeading06;\n    margin-bottom: tokens.$ifxSpace100;\n  }\n}\n","import { Component, h, Prop, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-tree-view',\n  styleUrl: 'tree-view.scss',\n  shadow: true,\n})\nexport class TreeView {\n  @Prop() label?: string;\n  @Prop() disableAllItems: boolean = false;\n  @Prop() expandAllItems: boolean = false;\n  @Prop() ariaLabel: string = 'Tree View';\n\n  @Event() ifxTreeViewExpandAllChange: EventEmitter<boolean>;\n  @Event() ifxTreeViewDisableAllChange: EventEmitter<boolean>;\n\n  @Watch('expandAllItems')\n  handleExpandAllItemsChange(newValue: boolean) {\n    this.ifxTreeViewExpandAllChange.emit(newValue);\n  }\n\n  @Watch('disableAllItems')\n  handleDisableAllItemsChange(newValue: boolean) {\n    this.ifxTreeViewDisableAllChange.emit(newValue);\n  }\n\n  render() {\n    return (\n      <div\n        class={{\n          'tree-view': true,\n          'tree-view--disabled': this.disableAllItems,\n        }}\n        role=\"tree\"\n        aria-label={this.ariaLabel}\n      >\n        {this.label && this.label.trim() !== '' && <div class=\"tree-view__label\">{this.label}</div>}\n        <slot ref={el => {\n          if (el) {\n            if (this.disableAllItems) {\n              el.setAttribute('data-disable-all-items', 'true');\n            } else {\n              el.removeAttribute('data-disable-all-items');\n            }\n            if (this.expandAllItems) {\n              el.setAttribute('data-expand-all-items', 'true');\n            } else {\n              el.removeAttribute('data-expand-all-items');\n            }\n          }\n        }}></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,wSACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,MALrB,WAAAC,CAAAC,G,0JAOUC,KAAAC,gBAA2B,MAC3BD,KAAAE,eAA0B,MAC1BF,KAAAG,UAAoB,W,CAM5B,0BAAAC,CAA2BC,GACzBL,KAAKM,2BAA2BC,KAAKF,E,CAIvC,2BAAAG,CAA4BH,GAC1BL,KAAKS,4BAA4BF,KAAKF,E,CAGxC,MAAAK,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,YAAa,KACb,sBAAuBb,KAAKC,iBAE9Ba,KAAK,OAAM,aACCd,KAAKG,WAEhBH,KAAKe,OAASf,KAAKe,MAAMC,SAAW,IAAML,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBb,KAAKe,OAC/EJ,EAAA,QAAAC,IAAA,2CAAMK,IAAKC,IACT,GAAIA,EAAI,CACN,GAAIlB,KAAKC,gBAAiB,CACxBiB,EAAGC,aAAa,yBAA0B,O,KACrC,CACLD,EAAGE,gBAAgB,yB,CAErB,GAAIpB,KAAKE,eAAgB,CACvBgB,EAAGC,aAAa,wBAAyB,O,KACpC,CACLD,EAAGE,gBAAgB,wB","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-488408d3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,g as a}from"./p-b7a462e5.js";const o=":host{display:block}";const r=o;const i=class{constructor(e){t(this,e);this.tabHeaderChange=s(this,"tabHeaderChange",7);this.icon="";this.iconPosition="left"}componentWillUpdate(){this.tabHeaderChange.emit(this.header)}render(){return e("slot",{key:"e5fd073419a55c43e5fd2b845ed721fc5d7e16f2"})}get el(){return a(this)}};i.style=r;export{i as ifx_tab};
-//# sourceMappingURL=p-488408d3.entry.js.map

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

@@ -1,3 +0,0 @@
-const e="infineon-design-system-stencil";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,constructableCSS:true,cssAnnotations:true,devTools:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,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:true,shadowDom:true,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 s="http://www.w3.org/2000/svg";var o="http://www.w3.org/1999/xhtml";var i=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var l=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var f=(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 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 s=e.S;if(!s){return void 0}const o=u.get(s);if(o){return o[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{u.set(s,e)}return e[r]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="sty-id";var p="{visibility:hidden}.hydrated{visibility:inherit}";var m="slot-fb{display:contents}slot-fb[hidden]{display:none}";var y="http://www.w3.org/1999/xlink";var b=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var w=typeof window!=="undefined"?window:{};var g=w.HTMLElement||class{};var S={o:0,$:"",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.shadowDom;var k=(()=>{var e;let t=false;try{(e=w.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 j=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var C=false;var x=[];var T=[];var F=(e,t)=>n=>{e.push(n);if(!C){C=true;if(t&&S.o&4){E(L)}else{S.raf(L)}}};var R=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var L=()=>{R(x);{R(T);if(C=x.length>0){S.raf(L)}}};var E=e=>O().then(e);var D=F(T,true);var N=e=>{const t=new URL(e,S.$);return t.origin!==w.location.origin?t.href:t.pathname};var M=e=>{e=typeof e;return e==="object"||e==="function"};function A(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 P={};r(P,{err:()=>W,map:()=>B,ok:()=>U,unwrap:()=>_,unwrapErr:()=>z});var U=e=>({isOk:true,isErr:false,value:e});var W=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=>U(e)))}else{return U(n)}}if(e.isErr){const t=e.value;return W(t)}throw"should never get here"}var _=e=>{if(e.isOk){return e.value}else{throw e.value}};var z=e=>{if(e.isErr){return e.value}else{throw e.value}};var H=e=>{const t=X(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(V(e,q(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&&X(e,"childNodes").length){H(e)}}};var I=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 Q(e,t,n){let r=0;let s=[];let o;for(;r<e.length;r++){o=e[r];if(o["s-sr"]&&(!t||o["s-hn"]===t)&&(n===void 0||q(o)===n)){s.push(o);if(typeof n!=="undefined")return s}s=[...s,...Q(o.childNodes,t,n)]}return s}var V=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let s=e;while(s=s.nextSibling){if(q(s)===t&&(n||!s["s-sr"]))r.push(s)}return r};var Y=(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 q=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function G(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 s=this["s-cr"].parentElement;const o=s.__childNodes?s.childNodes:I(s.childNodes);o.forEach((e=>{if(r===q(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 K=e=>{const t=e.cloneNode;e.cloneNode=function(e){const n=this;const r=n.shadowRoot&&$;const s=t.call(n,r?e:false);if(!r&&e){let e=0;let t,n;const r=["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=r.every((t=>!o[e][t]));if(t){{s.appendChild(t.cloneNode(true))}}if(n){s.appendChild(o[e].cloneNode(true))}}}return s}};function X(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 J=(e,t="")=>{{return()=>{}}};var Z=(e,t)=>{{return()=>{}}};var ee=(e,t,...n)=>{let r=null;let s=null;let o=null;let i=false;let l=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"&&!M(r)){r=String(r)}if(i&&l){f[f.length-1].k+=r}else{f.push(i?te(null,r):r)}l=i}}};a(n);if(t){if(t.key){s=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,se)}const c=te(e,null);c.O=t;if(f.length>0){c.j=f}{c.C=s}{c.T=o}return c};var te=(e,t)=>{const n={o:0,F:e,k:t,R:null,j:null};{n.O=null}{n.C=null}{n.T=null}return n};var ne={};var re=e=>e&&e.F===ne;var se={forEach:(e,t)=>e.map(oe).forEach(t),map:(e,t)=>e.map(oe).map(t).map(ie)};var oe=e=>({vattrs:e.O,vchildren:e.j,vkey:e.C,vname:e.T,vtag:e.F,vtext:e.k});var ie=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 ee(e.vtag,t,...e.vchildren||[])}const t=te(e.vtag,e.vtext);t.O=e.vattrs;t.j=e.vchildren;t.C=e.vkey;t.T=e.vname;return t};var le=(e,t)=>{if(e!=null&&!M(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 fe=e=>i(e).$hostElement$;var ae=(e,t,n)=>{const r=fe(e);return{emit:e=>ce(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var ce=(e,t,n)=>{const r=S.ce(t,n);e.dispatchEvent(r);return r};var ue=new WeakMap;var ve=(e,t,n)=>{let r=d.get(e);if(j&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var de=(e,t,n)=>{var r;const s=pe(t);const o=d.get(s);if(!w.document){return s}e=e.nodeType===11?e:w.document;if(o){if(typeof o==="string"){e=e.head||e;let n=ue.get(e);let i;if(!n){ue.set(e,n=new Set)}if(!n.has(s)){{i=document.querySelector(`[${h}="${s}"]`)||w.document.createElement("style");i.innerHTML=o;const n=(r=S.L)!=null?r:A(w.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(j){const t=new CSSStyleSheet;t.replaceSync(o);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+=m}if(n){n.add(s)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return s};var he=e=>{const t=e.i;const n=e.$hostElement$;const r=t.o;const s=J("attachStyles",t.m);const o=de(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2||r&128){n["s-sc"]=o;n.classList.add(o+"-h")}s()};var pe=(e,t)=>"sc-"+e.m;var me=(e,t,n,r,s,o,i)=>{if(n===r){return}let l=a(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const s=be(n);let o=be(r);{t.remove(...s.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!s.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(!l&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(w,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||r){const s=t.endsWith(we);t=t.replace(ge,"");if(n){S.rel(e,t,n,s)}if(r){S.ael(e,t,r,s)}}}else{const i=M(r);if((l||i&&r!==null)&&!s){try{if(!e.tagName.includes("-")){const s=r==null?"":r;if(t==="list"){l=false}else if(n==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}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(y,t)}else{e.removeAttribute(t)}}}else if((!l||o&4||s)&&!i&&e.nodeType===1){r=r===true?"":r;if(a){e.setAttributeNS(y,t,r)}else{e.setAttribute(t,r)}}}};var ye=/\s/;var be=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(ye)};var we="Capture";var ge=new RegExp(we+"$");var Se=(e,t,n,r)=>{const s=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const o=e&&e.O||{};const i=t.O||{};{for(const e of $e(Object.keys(o))){if(!(e in i)){me(s,e,o[e],void 0,n,t.o)}}}for(const e of $e(Object.keys(i))){me(s,e,o[e],i[e],n,t.o)}};function $e(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ke;var Oe;var je=false;var Ce=false;var xe=false;var Te=false;var Fe=(e,n,r)=>{var i;const l=n.j[r];let f=0;let a;let c;let u;if(!je){xe=true;if(l.F==="slot"){l.o|=l.j?2:1}}if(l.k!==null){a=l.R=w.document.createTextNode(l.k)}else if(l.o&1){a=l.R=w.document.createTextNode("");{Se(null,l,Te)}}else{if(!Te){Te=l.F==="svg"}if(!w.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=l.R=w.document.createElementNS(Te?s:o,!je&&t.slotRelocation&&l.o&2?"slot-fb":l.F);if(Te&&l.F==="foreignObject"){Te=false}{Se(null,l,Te)}if(l.j){for(f=0;f<l.j.length;++f){c=Fe(e,l,f);if(c){a.appendChild(c)}}}{if(l.F==="svg"){Te=false}else if(a.tagName==="foreignObject"){Te=true}}}a["s-hn"]=Oe;{if(l.o&(2|1)){a["s-sr"]=true;a["s-cr"]=ke;a["s-sn"]=l.T||"";a["s-rf"]=(i=l.O)==null?void 0:i.ref;G(a);u=e&&e.j&&e.j[r];if(u&&u.F===l.F&&e.R){{Re(e.R,false)}}}}return a};var Re=(e,n)=>{S.o|=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"]===Oe){r.push(t)}}}for(let e=r.length-1;e>=0;e--){const t=r[e];if(t["s-hn"]!==Oe&&t["s-ol"]){Be(Me(t).parentNode,t,Me(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;xe=true}if(n){Re(t,n)}}S.o&=~1};var Le=(e,t,n,r,s,o)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let l;if(i.shadowRoot&&i.tagName===Oe){i=i.shadowRoot}for(;s<=o;++s){if(r[s]){l=Fe(null,n,s);if(l){r[s].R=l;Be(i,l,Me(t))}}}};var Ee=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.R;We(t);if(e){{Ce=true;if(e["s-ol"]){e["s-ol"].remove()}else{Re(e,true)}}e.remove()}}}};var De=(e,t,n,r,s=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=r.length-1;let d=r[0];let h=r[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=r[++i]}else if(h==null){h=r[--v]}else if(Ne(c,d,s)){Ae(c,d,s);c=t[++o];d=r[++i]}else if(Ne(u,h,s)){Ae(u,h,s);u=t[--a];h=r[--v]}else if(Ne(c,h,s)){if(c.F==="slot"||h.F==="slot"){Re(c.R.parentNode,false)}Ae(c,h,s);Be(e,c.R,u.R.nextSibling);c=t[++o];h=r[--v]}else if(Ne(u,d,s)){if(c.F==="slot"||h.F==="slot"){Re(u.R.parentNode,false)}Ae(u,d,s);Be(e,u.R,c.R);u=t[--a];d=r[++i]}else{l=-1;{for(f=o;f<=a;++f){if(t[f]&&t[f].C!==null&&t[f].C===d.C){l=f;break}}}if(l>=0){m=t[l];if(m.F!==d.F){p=Fe(t&&t[i],n,l)}else{Ae(m,d,s);t[l]=void 0;p=m.R}d=r[++i]}else{p=Fe(t&&t[i],n,i);d=r[++i]}if(p){{Be(Me(c.R).parentNode,p,Me(c.R))}}}}if(o>a){Le(e,r[v+1]==null?null:r[v+1].R,n,r,i,v)}else if(i>v){Ee(t,o,a)}};var Ne=(e,t,n=false)=>{if(e.F===t.F){if(e.F==="slot"){return e.T===t.T}if(!n){return e.C===t.C}if(n&&!e.C&&t.C){e.C=t.C}return true}return false};var Me=e=>e&&e["s-ol"]||e;var Ae=(e,n,r=false)=>{const s=n.R=e.R;const o=e.j;const i=n.j;const l=n.F;const f=n.k;let a;if(f===null){{Te=l==="svg"?true:l==="foreignObject"?false:Te}{Se(e,n,Te)}if(o!==null&&i!==null){De(s,o,n,i,r)}else if(i!==null){if(e.k!==null){s.textContent=""}Le(s,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&o!==null){Ee(o,0,o.length-1)}if(Te&&l==="svg"){Te=false}}else if(a=s["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){s.data=f}};var Pe=[];var Ue=e=>{let n;let r;let s;const o=e.__childNodes||e.childNodes;for(const e of o){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){r=n.parentNode.__childNodes||n.parentNode.childNodes;const o=e["s-sn"];for(s=r.length-1;s>=0;s--){n=r[s];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]&&!t.experimentalSlotFixes){if(Y(n,o)){let t=Pe.find((e=>e.D===n));Ce=true;n["s-sn"]=n["s-sn"]||o;if(t){t.D["s-sh"]=e["s-hn"];t.N=e}else{n["s-sh"]=e["s-hn"];Pe.push({N:e,D:n})}if(n["s-sr"]){Pe.map((e=>{if(Y(e.D,n["s-sn"])){t=Pe.find((e=>e.D===n));if(t&&!e.N){e.N=t.N}}}))}}else if(!Pe.some((e=>e.D===n))){Pe.push({D:n})}}}}if(e.nodeType===1){Ue(e)}}};var We=e=>{{e.O&&e.O.ref&&e.O.ref(null);e.j&&e.j.map(We)}};var Be=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var _e=(e,t,n=false)=>{var r,s,o,i;const l=e.$hostElement$;const f=e.i;const a=e.M||te(null,null);const c=re(t)?t:ee(null,null,t);Oe=l.tagName;if(f.A){c.O=c.O||{};f.A.map((([e,t])=>c.O[t]=l[e]))}if(n&&c.O){for(const e of Object.keys(c.O)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.O[e]=l[e]}}}c.F=null;c.o|=4;e.M=c;c.R=a.R=l.shadowRoot||l;je=!!(f.o&1)&&!(f.o&128);{ke=l["s-cr"];Ce=false}Ae(a,c,n);{S.o|=1;if(xe){Ue(c.R);for(const e of Pe){const t=e.D;if(!t["s-ol"]&&w.document){const e=w.document.createTextNode("");e["s-nr"]=t;Be(t.parentNode,t["s-ol"]=e,t)}}for(const e of Pe){const t=e.D;const l=e.N;if(l){const e=l.parentNode;let n=l.nextSibling;{let o=(r=t["s-ol"])==null?void 0:r.previousSibling;while(o){let r=(s=o["s-nr"])!=null?s: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}}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}Be(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(Ce){H(c.R)}S.o&=~1;Pe.length=0}ke=void 0};var ze=(e,t)=>{if(t&&!e.P&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.P=()=>{t["s-p"].splice(n-1,1);r()})))}};var He=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}ze(e,e.U);const n=()=>Ie(e,t);return D(n)};var Ie=(e,t)=>{const n=e.$hostElement$;const r=J("scheduleUpdate",e.i.m);const s=e.t;if(!s){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])=>Xe(s,e,t,n)));e.W=void 0}}o=Xe(s,"componentWillLoad",void 0,n)}else{o=Xe(s,"componentWillUpdate",void 0,n)}o=Qe(o,(()=>Xe(s,"componentWillRender",void 0,n)));r();return Qe(o,(()=>Ye(e,s,t)))};var Qe=(e,t)=>Ve(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ve=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ye=async(e,t,n)=>{var r;const s=e.$hostElement$;const o=J("update",e.i.m);const i=s["s-rc"];if(n){he(e)}const l=J("render",e.i.m);{qe(e,t,s,n)}if(i){i.map((e=>e()));s["s-rc"]=void 0}l();o();{const t=(r=s["s-p"])!=null?r:[];const n=()=>Ge(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var qe=(e,t,n,r)=>{try{t=t.render();{e.o&=~16}{e.o|=2}{{{_e(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}return null};var Ge=e=>{const t=e.i.m;const n=e.$hostElement$;const r=J("postUpdate",t);const s=e.t;const o=e.U;Xe(s,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Je(n)}Xe(s,"componentDidLoad",void 0,n);r();{e.p(n);if(!o){Ke()}}}else{Xe(s,"componentDidUpdate",void 0,n);r()}{e.v(n)}{if(e.P){e.P();e.P=void 0}if(e.o&512){E((()=>He(e,false)))}e.o&=~(4|512)}};var Ke=t=>{E((()=>ce(w,"appload",{detail:{namespace:e}})))};var Xe=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var Je=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ze=(e,t)=>i(e).l.get(t);var et=(e,t,n,r)=>{const s=i(e);if(!s){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/stenciljs/core/issues/5457).`)}const o=s.$hostElement$;const l=s.l.get(t);const f=s.o;const a=s.t;n=le(n,r.B[t][0]);const u=Number.isNaN(l)&&Number.isNaN(n);const v=n!==l&&!u;if((!(f&8)||l===void 0)&&v){s.l.set(t,n);if(a){if(r._&&f&128){const e=r._[t];if(e){e.map((e=>{try{a[e](n,l,t)}catch(e){c(e,o)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,l,t)===false){return}}He(s,false)}}}};var tt=(e,n,r)=>{var s,o;const l=e.prototype;if(n.o&64&&r&1){b.forEach((e=>{Object.defineProperty(l,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.B||(n._||e.watchers)){if(e.watchers&&!n._){n._=e.watchers}const f=Object.entries((s=n.B)!=null?s:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:s,set:o}=Object.getOwnPropertyDescriptor(l,e)||{};if(s)n.B[e][0]|=2048;if(o)n.B[e][0]|=4096;if(r&1||!s){Object.defineProperty(l,e,{get(){{if((n.B[e][0]&2048)===0){return Ze(this,e)}const t=i(this);const r=t?t.t:l;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(l,e,{set(s){const l=i(this);if(o){const r=t&32?this[e]:l.$hostElement$[e];if(typeof r==="undefined"&&l.l.get(e)){s=l.l.get(e)}else if(!l.l.get(e)&&r){l.l.set(e,r)}o.apply(this,[le(s,t)]);s=t&32?this[e]:l.$hostElement$[e];et(this,e,s,n);return}{if((r&1)===0||(n.B[e][0]&4096)===0){et(this,e,s,n);if(r&1&&!l.t){l.h.then((()=>{if(n.B[e][0]&4096&&l.t[e]!==l.l.get(e)){l.t[e]=s}}))}return}const o=()=>{const r=l.t[e];if(!l.l.get(e)&&r){l.l.set(e,r)}l.t[e]=le(s,t);et(this,e,l.t[e],n)};if(l.t){o()}else{l.h.then((()=>o()))}}}})}else if(r&1&&t&64){Object.defineProperty(l,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;l.attributeChangedCallback=function(e,s,o){S.jmp((()=>{var f;const a=r.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){o=this[a];delete this[a]}else if(l.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==o){return}else if(a==null){const t=i(this);const r=t==null?void 0:t.o;if(r&&!(r&8)&&r&128&&o!==s){const r=t.t;const i=(f=n._)==null?void 0:f[e];i==null?void 0:i.forEach((t=>{if(r[t]!=null){r[t].call(r,o,s,e)}}))}return}const c=Object.getOwnPropertyDescriptor(l,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:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var s;const o=t[1]||e;r.set(o,e);if(t[0]&512){(s=n.A)==null?void 0:s.push([e,o])}return o}))]))}}return e};var nt=async(e,t,n,r)=>{let s;if((t.o&32)===0){t.o|=32;const r=n.S;if(r){const r=v(n,t);if(r&&"then"in r){const e=Z();s=await r;e()}else{s=r}if(!s){throw new Error(`Constructor for "${n.m}#${t.H}" was not found`)}if(!s.isProxied){{n._=s.watchers}tt(s,n,2);s.isProxied=true}const o=J("createInstance",n.m);{t.o|=8}try{new s(t)}catch(t){c(t,e)}{t.o&=~8}{t.o|=128}o();rt(t.t,e)}else{s=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=pe(n);if(!d.has(t)){const r=J("registerStyles",n.m);ve(t,e,!!(n.o&1));r()}}}const o=t.U;const i=()=>He(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};var rt=(e,t)=>{{Xe(e,"connectedCallback",void 0,t)}};var st=e=>{if((S.o&1)===0){const t=i(e);const n=t.i;const r=J("connectedCallback",n.m);if(!(t.o&1)){t.o|=1;{if(n.o&(4|8)){ot(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ze(t,t.U=n);break}}}if(n.B){Object.entries(n.B).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{nt(e,t,n)}}else{ct(e,t,n.I);if(t==null?void 0:t.t){rt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>rt(t.t,e)))}}r()}};var ot=e=>{if(!w.document){return}const t=e["s-cr"]=w.document.createComment("");t["s-cn"]=true;Be(e,t,e.firstChild)};var it=(e,t)=>{{Xe(e,"disconnectedCallback",void 0,t||e)}};var lt=async e=>{if((S.o&1)===0){const t=i(e);{if(t.V){t.V.map((e=>e()));t.V=void 0}}if(t==null?void 0:t.t){it(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>it(t.t,e)))}}if(ue.has(e)){ue.delete(e)}if(e.shadowRoot&&ue.has(e.shadowRoot)){ue.delete(e.shadowRoot)}};var ft=(e,t={})=>{var n;if(!w.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=J();const s=[];const o=t.exclude||[];const l=w.customElements;const a=w.document.head;const c=a.querySelector("meta[charset]");const u=w.document.createElement("style");const v=[];let d;let h=true;Object.assign(S,t);S.$=new URL(t.resourcesUrl||"./",w.document.baseURI).href;let y=false;e.map((e=>{e[1].map((t=>{var n;const r={o:t[0],m:t[1],B:t[2],I:t[3]};if(r.o&4){y=true}{r.B=t[2]}{r.I=t[3]}{r.A=[]}{r._=(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);if(r.o&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open",delegatesFocus:!!(r.o&16)})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=i(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ct(this,e,r.I)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{S.jmp((()=>st(this)))}}disconnectedCallback(){S.jmp((()=>lt(this)));S.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.M)==null?void 0:e.R)instanceof Node&&!t.M.R.isConnected){delete t.M.R}}))}componentOnReady(){return i(this).h}};{{K(c.prototype)}}if(r.o&64){c.formAssociated=true}r.S=e[0];if(!o.includes(a)&&!l.get(a)){s.push(a);l.define(a,tt(c,r,1))}}))}));if(s.length>0){if(y){u.textContent+=m}{u.textContent+=s.sort()+p}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=S.L)!=null?n:A(w.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{{S.jmp((()=>d=setTimeout(Ke,30)))}}r()};var at=(e,t)=>t;var ct=(e,t,n,r)=>{if(n&&w.document){n.map((([n,r,s])=>{const o=vt(w.document,e,n);const i=ut(t,s);const l=dt(n);S.ael(o,r,i,l);(t.V=t.V||[]).push((()=>S.rel(o,r,i,l)))}))}};var ut=(e,t)=>n=>{var r;try{{if(e.o&256){(r=e.t)==null?void 0:r[t](n)}else{(e.W=e.W||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var vt=(e,t,n)=>{if(n&4){return e}if(n&8){return w}if(n&16){return e.body}return t};var dt=e=>k?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var ht=e=>S.L=e;export{at as F,g as H,ne as a,ft as b,ae as c,N as d,fe as g,ee as h,O as p,l as r,ht as s};
-//# sourceMappingURL=p-b7a462e5.js.map