@infineon/infineon-design-system-stencil 33.6.0--canary.1869.e95c44b8ec1518dec18f74c0487b310bdd3c5eb3.0 → 33.6.0

package/dist/infineon-design-system-stencil/p-09b12ecd.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,F as s,g as n}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.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,s,n,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 l=o.filter((e=>{var t,i;let s=(t=e.parentElement)===null||t===void 0?void 0:t.closest("ifx-tree-view-item");while(s){const e=s;if(!(e.expandAllItems||e.expanded)){return false}s=(i=s.parentElement)===null||i===void 0?void 0:i.closest("ifx-tree-view-item")}return true}));const h=l.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=h+1;while(t<l.length){const e=l[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=h-1;while(t>=0){const e=l[t];if(!e.disabled){c((s=e.shadowRoot)===null||s===void 0?void 0:s.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((n=e.shadowRoot)===null||n===void 0?void 0:n.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()}this.host["__stencil_instance"]=this}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,t=false){if(this.disabled)return;if(!t&&this.hasChildren){const t=this.collectDescendantStates(e);this.setNodeState({isChecked:e,partialChecked:false},false);await this.updateChildrenSilently(e);this.ifxTreeViewItemCheckChange.emit({checked:e,indeterminate:false,affectedChildItems:t});this.updateParentState()}else if(t){this.setNodeState({isChecked:e,partialChecked:false},false)}else{this.setNodeState({isChecked:e,partialChecked:false});await this.updateChildrenState(e);this.updateParentState()}}async updateChildrenSilently(e){const t=this.findChildren();for(const i of t){const t=i["__stencil_instance"];if(t){t.setNodeState({isChecked:e,partialChecked:false},false);await t.updateChildrenSilently(e)}}}handleExpandedChange(e){this.ifxTreeViewItemExpandChange.emit(e)}handleDisableItemChange(e){this.ifxTreeViewItemDisableChange.emit(e)}setNodeState(e,t=true){this.isChecked=e.isChecked;this.partialChecked=e.partialChecked;if(t){this.ifxTreeViewItemCheckChange.emit({checked:this.isChecked,indeterminate:this.partialChecked})}}collectDescendantStates(e){const t=[];const i=s=>{var n,r;let a=null;if(s===this.host){a=this}else if(s["__stencil_instance"]){a=s["__stencil_instance"]}const o=(r=(n=a===null||a===void 0?void 0:a.label)!==null&&n!==void 0?n:s.label)!==null&&r!==void 0?r:"";t.push({label:o,checked:e,indeterminate:false});Array.from(s.children).forEach((e=>{if(e.tagName==="IFX-TREE-VIEW-ITEM"){i(e)}}))};i(this.host);return t}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 s=this.findSiblingNodes(t);const n=this.calculateSiblingStates(s);i.setNodeState({isChecked:n.allChecked,partialChecked:!n.allChecked&&n.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:"a626535eaa7807016da9b015daecc1c4ecba4283",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:"e6e9bf260e0c1f5584826189ae44de0abbeed4e0",class:"tree-item__content"},this.renderCheckbox(),this.renderHeader()),this.isExpanded&&i("div",{key:"e24cad37fc29633023d9e2b7216c2281056fc76e",class:"tree-item__children"},i("slot",{key:"65d7afa55a28667bed348cafd784636256cd23d5"})))}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(s,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 n(this)}static get watchers(){return{expanded:["handleExpandedChange"],disableItem:["handleDisableItemChange"]}}};o.style=a;export{o as ifx_tree_view_item};
-//# sourceMappingURL=p-09b12ecd.entry.js.map

package/dist/infineon-design-system-stencil/p-09b12ecd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["treeViewItemCss","IfxTreeViewItemStyle0","TreeViewItem","constructor","hostRef","this","expanded","initiallyExpanded","disableItem","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","fromParent","affected","collectDescendantStates","setNodeState","updateChildrenSilently","ifxTreeViewItemCheckChange","emit","indeterminate","affectedChildItems","updateParentState","updateChildrenState","childInstance","handleExpandedChange","newValue","ifxTreeViewItemExpandChange","handleDisableItemChange","ifxTreeViewItemDisableChange","state","emitEvent","descendants","collect","instance","label","push","forEach","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","ariaLabel","renderCheckbox","renderHeader","style","paddingLeft","onClick","tabIndex","renderControls","e","size","onIfxChange","icon","onKeyDown","Fragment"],"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\nexport interface TreeViewCheckChangeEvent {\n  checked: boolean;\n  indeterminate: boolean;\n  affectedChildItems?: Array<{ label: string; checked: boolean; indeterminate: boolean }>;\n}\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 | null;\n\n  @Event() ifxTreeViewItemExpandChange: EventEmitter<boolean>;\n  @Event() ifxTreeViewItemCheckChange: EventEmitter<TreeViewCheckChangeEvent>;\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    (this.host as any)['__stencil_instance'] = this;\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, fromParent = false) {\n    if (this.disabled) return;\n\n    if (!fromParent && this.hasChildren) {\n      const affected = this.collectDescendantStates(checked);\n      this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n      await this.updateChildrenSilently(checked);\n      this.ifxTreeViewItemCheckChange.emit({\n        checked,\n        indeterminate: false,\n        affectedChildItems: affected,\n      });\n      this.updateParentState();\n    } else if (fromParent) {\n      this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n    } else {\n      this.setNodeState({ isChecked: checked, partialChecked: false });\n      await this.updateChildrenState(checked);\n      this.updateParentState();\n    }\n  }\n\n  private async updateChildrenSilently(checked: boolean) {\n    const children = this.findChildren();\n    for (const child of children) {\n      const childInstance = (child as any)['__stencil_instance'];\n      if (childInstance) {\n        childInstance.setNodeState({ isChecked: checked, partialChecked: false }, false);\n        await childInstance.updateChildrenSilently(checked);\n      }\n    }\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, emitEvent = true) {\n    this.isChecked = state.isChecked;\n    this.partialChecked = state.partialChecked;\n    if (emitEvent) {\n      this.ifxTreeViewItemCheckChange.emit({\n        checked: this.isChecked,\n        indeterminate: this.partialChecked,\n      });\n    }\n  }\n\n  private collectDescendantStates(checked: boolean) {\n    const descendants: Array<{ label: string; checked: boolean; indeterminate: boolean }> = [];\n    const collect = (el: Element) => {\n      let instance: any = null;\n      if (el === this.host) {\n        instance = this;\n      } else if ((el as any)['__stencil_instance']) {\n        instance = (el as any)['__stencil_instance'];\n      }\n      const label = instance?.label ?? (el as any).label ?? '';\n      descendants.push({\n        label,\n        checked,\n        indeterminate: false,\n      });\n      Array.from(el.children)\n        .forEach(child => {\n          if (child.tagName === 'IFX-TREE-VIEW-ITEM') {\n            collect(child);\n          }\n        });\n    };\n    collect(this.host);\n    return descendants;\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-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-60ee12c3.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,a as n,g as i}from"./p-b7a462e5.js";function a(e,t,o,n=20,i=0){const s=[];if(i>=n){return s}const d=e=>{const s=e.assignedNodes().filter((e=>e.nodeType===1));if(s.length>0){const e=s[0].parentElement;return a(e,t,o,n,i+1)}return[]};const r=Array.from(e.children||[]);for(const e of r){if(t(e)){continue}if(o(e)){s.push(e)}if(e.shadowRoot!=null){s.push(...a(e.shadowRoot,t,o,n,i+1))}else if(e.tagName==="SLOT"){s.push(...d(e))}else{s.push(...a(e,t,o,n,i+1))}}return s}function s(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")!=="false"||e.style.display===`none`||e.style.opacity===`0`||e.style.visibility===`hidden`||e.style.visibility===`collapse`}function d(e){return e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"}function r(e){if(e.getAttribute("tabindex")==="-1"||s(e)||d(e)){return false}return e.hasAttribute("tabindex")||(e instanceof HTMLAnchorElement||e instanceof HTMLAreaElement)&&e.hasAttribute("href")||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLIFrameElement}function c(e,t,o){const n=e.animate(t,Object.assign(Object.assign({},o),{fill:"both"}));n.addEventListener("finish",(()=>{n.commitStyles();n.cancel()}));return n}const l={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const h={fadeIn:[Object.assign(Object.assign({offset:0},l),{opacity:0}),Object.assign(Object.assign({offset:1},l),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},l),{opacity:1}),Object.assign(Object.assign({offset:1},l),{opacity:0})]};const b=':root{font-family:"Source Sans 3", sans-serif}:host{display:block}.modal-container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto;font-family:"Source Sans 3"}.modal-container.open{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1D1D1D;opacity:0.5;z-index:0}.modal-content-container{position:absolute;display:flex;justify-content:center;width:90%;min-height:218px;background-color:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);overflow:hidden;box-sizing:border-box;align-items:stretch}@media screen and (min-width: 768px){.modal-content-container{width:540px;min-height:132px}.modal-content-container.m,.modal-content-container.l,.modal-content-container.s{width:90%}}@media screen and (min-width: 1024px){.modal-content-container.s{width:47vw}.modal-content-container.m{width:63vw}.modal-content-container.l{width:80%}}.modal-content{display:flex;flex-direction:column;width:100%;max-height:90vh}.modal-icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#0A8276;align-self:stretch}.modal-icon-container.danger{background-color:#CD002F}.modal-icon-container ifx-icon{color:#FFFFFF}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;min-height:76px;max-height:105px;box-sizing:border-box;border-radius:1px 1px 0px 0px;border-bottom:1px solid #EEEDED}.modal-caption{max-height:56px;display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-header h2{margin:0;font-weight:600;font-size:1.25rem;line-height:28px}.modal-header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.modal-close-button{align-self:flex-start;margin-right:-8px}.modal-body{padding:16px 24px;min-height:56px;box-sizing:border-box;flex:1;overflow-y:auto}.modal-footer.buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:16px;padding:16px 24px 32px 16px}.modal-border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}.modal-border.primary{background-color:#0A8276}.modal-border.secondary{background-color:#575352}.modal-border.danger{background-color:#CD002F}.modal-border.success{background-color:#4CA460}.modal-border.warning{background-color:#E16B25}.modal-border.orange{background-color:#E16B25}.modal-border.ocean{background-color:#0A8276}.modal-border.grey{background-color:#575352}.modal-border.grey-200{background-color:#EEEDED}.modal-border.red{background-color:#CD002F}.modal-border.green{background-color:#4CA460}.modal-border.berry{background-color:#9C216E}';const f=b;const u=class{constructor(o){e(this,o);this.ifxOpen=t(this,"ifxOpen",7);this.ifxClose=t(this,"ifxClose",7);this.opened=false;this.showModal=this.opened||false;this.caption="Modal Title";this.closeOnOverlayClick=true;this.variant="default";this.size="s";this.alertIcon="";this.okButtonLabel="OK";this.cancelButtonLabel="Cancel";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=e=>{if(!this.showModal){return}if(e.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}componentDidLoad(){this.focusableElements=a(this.hostElement.shadowRoot,(e=>s(e)||e.matches("[data-focus-trap-edge]")),r)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(e){if(e==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{e.focus()}),0)}open(){this.showModal=true;try{const e=c(this.modalContainer,h.fadeIn,{duration:200});e.addEventListener("finish",(()=>{setTimeout((()=>{var e,t;(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.focus();(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.blur()}),0);this.ifxOpen.emit()}));this.hostElement.addEventListener("keydown",this.handleKeypress)}catch(e){this.ifxOpen.emit()}}close(){try{const e=c(this.modalContainer,h.fadeOut,{duration:200});e.addEventListener("finish",(()=>{this.showModal=false;this.ifxClose.emit()}));this.hostElement.removeEventListener("keydown",this.handleKeypress)}catch(e){this.showModal=false;this.ifxClose.emit()}}doBeforeClose(e){const t=[];t.push(e);const o=t.some((e=>e.defaultPrevented));if(!o){this.opened=false}}openedChanged(e){if(e===true){this.open()}else{this.close()}}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}handleButtonsSlotChange(e){var t;if(((t=e.currentTarget.assignedElements()[0])===null||t===void 0?void 0:t.childElementCount)>0){this.slotButtonsPresent=true}else{this.slotButtonsPresent=false}}render(){const e=this.variant!=="default";return o(n,{key:"2e30a56c24e83da9626e533bd7d94e94654f7db0"},o("div",{key:"c25fdaeb3c889459511e07ad28e234e12c922f0e",ref:e=>this.modalContainer=e,class:`modal-container ${this.showModal?"open":""}`},o("div",{key:"e848e5b455bbb0b1de3a3c9872fbeebdc2c3564c",class:"modal-overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"b6b29e07448bcb89743a99500ddf39575be6c613","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"d2b93f5a595b31b836152e7a4543614fde364687",class:`modal-content-container ${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},e?o("div",{class:`modal-icon-container ${this.variant==="alert-brand"?"":"danger"}`},this.alertIcon?o("ifx-icon",{icon:this.alertIcon}):null):null,o("div",{key:"6a805dc0065c60a17bda86bd7e0bb0d11b7dd805",class:"modal-content"},o("div",{key:"ce0104689fd85d0d22b05d41317b01ac99300350",class:"modal-header"},o("h2",{key:"0b6881c6349e492354f724a3c38a08fb9fd0e1e8",class:"modal-caption"},this.caption),this.showCloseButton&&o("ifx-icon-button",{key:"901a48d3f331e6e26bf9c7176c9fdcd961feaf58",class:"modal-close-button",ref:e=>this.closeButton=e,icon:"cross-24",variant:"tertiary",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"1082237bf2919a02b278453f8e821b6329dc5155",class:"modal-body"},o("slot",{key:"df2b5d4046eb89bf431ca0c28f07a679c910eaf4",name:"content"})),o("div",{key:"0d584811292b33472f9a903d44033914f61a571d",class:`modal-footer ${this.slotButtonsPresent?"buttons-present":""}`},o("slot",{key:"6bda292bba71baefbe77b282b0c0b04e9a05ac61",name:"buttons",onSlotchange:e=>this.handleButtonsSlotChange(e)})))),o("div",{key:"1c78c02a817aeb4a777ca1a35dfe95e77b285d26","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return i(this)}static get watchers(){return{opened:["openedChanged"]}}};u.style=f;export{u as ifx_modal};
-//# sourceMappingURL=p-60ee12c3.entry.js.map

package/dist/infineon-design-system-stencil/p-60ee12c3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["queryShadowRoot","root","skipNode","isMatch","maxDepth","depth","matches","traverseSlot","$slot","assignedNodes","filter","node","nodeType","length","$slotParent","parentElement","children","Array","from","$child","push","shadowRoot","tagName","isHidden","$elem","hasAttribute","getAttribute","style","display","opacity","visibility","isDisabled","isFocusable","HTMLAnchorElement","HTMLAreaElement","HTMLButtonElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","HTMLIFrameElement","animationTo","element","keyframes","options","animated","animate","Object","assign","fill","addEventListener","commitStyles","cancel","keyframeDefaults","easing","KEYFRAMES","fadeIn","offset","fadeOut","modalCss","IfxModalStyle0","IfxModal","constructor","hostRef","this","opened","showModal","caption","closeOnOverlayClick","variant","size","alertIcon","okButtonLabel","cancelButtonLabel","slotButtonsPresent","showCloseButton","focusableElements","handleTopFocus","attemptFocus","getLastFocusableElement","handleBottomFocus","getFirstFocusableElement","handleKeypress","event","key","doBeforeClose","componentDidLoad","hostElement","el","setTimeout","closeButton","focus","open","anim","modalContainer","duration","_a","_b","blur","ifxOpen","emit","err","close","ifxClose","removeEventListener","trigger","triggers","prevented","some","defaultPrevented","openedChanged","newValue","handleOverlayClick","handleButtonsSlotChange","e","currentTarget","assignedElements","childElementCount","render","isAlertVariant","h","Host","ref","class","onClick","onFocus","tabindex","role","icon","name","onSlotchange"],"sources":["src/global/utils/focus-trap.ts","src/global/utils/animation.ts","src/components/modal/modal.scss?tag=ifx-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["/**\n * Copy/pasted from https://github.com/andreasbm/focus-trap\n */\n\n/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\n * the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(\n  root: ShadowRoot | HTMLElement,\n  skipNode: ($elem: HTMLElement) => boolean,\n  isMatch: ($elem: HTMLElement) => boolean,\n  maxDepth: number = 20,\n  depth: number = 0\n): HTMLElement[] {\n  const matches: HTMLElement[] = [];\n\n  // If the depth is above the max depth, abort the searching here.\n  if (depth >= maxDepth) {\n    return matches;\n  }\n\n  // Traverses a slot element\n  const traverseSlot = ($slot: HTMLSlotElement) => {\n    // Only check nodes that are of the type Node.ELEMENT_NODE\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n    const assignedNodes = $slot\n      .assignedNodes()\n      .filter((node) => node.nodeType === 1);\n    if (assignedNodes.length > 0) {\n      const $slotParent = assignedNodes[0].parentElement!;\n      return queryShadowRoot(\n        $slotParent,\n        skipNode,\n        isMatch,\n        maxDepth,\n        depth + 1\n      );\n    }\n\n    return [];\n  };\n\n  // Go through each child and continue the traversing if necessary\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n  // Therefore we fallback to an empty array if it is undefined.\n  const children = Array.from(root.children || []) as HTMLElement[];\n  for (const $child of children) {\n    // Check if the element and its descendants should be skipped\n    if (skipNode($child)) {\n      // console.log('-- SKIP', $child);\n      continue;\n    }\n\n    // console.log('$child', $child);\n\n    // If the element matches we always add it\n    if (isMatch($child)) {\n      matches.push($child);\n    }\n\n    if ($child.shadowRoot != null) {\n      // If the element has a shadow root we need to traverse it\n      matches.push(\n        ...queryShadowRoot(\n          $child.shadowRoot,\n          skipNode,\n          isMatch,\n          maxDepth,\n          depth + 1\n        )\n      );\n    } else if ($child.tagName === 'SLOT') {\n      // If the child is a slot we need to traverse each assigned node\n      matches.push(...traverseSlot($child as HTMLSlotElement));\n    } else {\n      // Traverse the children of the element\n      matches.push(\n        ...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1)\n      );\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('hidden') ||\n    ($elem.hasAttribute('aria-hidden') &&\n      $elem.getAttribute('aria-hidden') !== 'false') ||\n    // A quick and dirty way to check whether the element is hidden.\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\n    $elem.style.display === `none` ||\n    $elem.style.opacity === `0` ||\n    $elem.style.visibility === `hidden` ||\n    $elem.style.visibility === `collapse`\n  );\n\n  // If offsetParent is null we can assume that the element is hidden\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n  // || $elem.offsetParent == null;\n}\n\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('disabled') ||\n    ($elem.hasAttribute('aria-disabled') &&\n      $elem.getAttribute('aria-disabled') !== 'false')\n  );\n}\n\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n  // Discard elements that are removed from the tab order.\n  if (\n    $elem.getAttribute('tabindex') === '-1' ||\n    isHidden($elem) ||\n    isDisabled($elem)\n  ) {\n    return false;\n  }\n\n  return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute('tabindex') ||\n    // Anchor tags or area tags with a href set\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) &&\n      $elem.hasAttribute('href')) ||\n    // Form elements which are not disabled\n    $elem instanceof HTMLButtonElement ||\n    $elem instanceof HTMLInputElement ||\n    $elem instanceof HTMLTextAreaElement ||\n    $elem instanceof HTMLSelectElement ||\n    // IFrames\n    $elem instanceof HTMLIFrameElement\n  );\n}","export function animationTo(\n  element: HTMLElement,\n  keyframes: Keyframe | Keyframe[],\n  options?: KeyframeAnimationOptions\n) {\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\n  animated.addEventListener('finish', () => {\n    // @ts-ignore\n    animated.commitStyles();\n    animated.cancel();\n  });\n\n  return animated;\n}\n\nconst keyframeDefaults = {\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n  fadeIn: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n  ],\n  fadeOut: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n  ],\n};","@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: block;\n}\n\n.modal-container {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1060;\n  overflow-y: auto;\n  font-family: tokens.$ifxFontFamilyBody;\n\n}\n\n.modal-container.open {\n  display: flex;\n}\n\n.modal-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: tokens.$ifxColorBaseBlack;\n  opacity: 0.5;\n  z-index: 0;\n}\n\n.modal-content-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  width: 90%;\n  min-height: 218px;\n  background-color: #fff;\n  border-radius: tokens.$ifxBorderRadiusNone;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  \n  overflow: hidden;\n\n  box-sizing: border-box;\n  align-items: stretch;\n}\n\n/* Add desktop size here */\n@media screen and (min-width: 768px) {\n  .modal-content-container {\n    width: 540px;\n    min-height: 132px;\n\n    &.m,\n    &.l,\n    &.s {\n      width: 90%;\n    }\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .modal-content-container {\n\n    &.s {\n      width: 47vw;\n    }\n\n    &.m {\n      width: 63vw;\n    }\n\n    &.l {\n      width: 80%;\n    }\n  }\n}\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-height: 90vh;\n}\n\n.modal-icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  background-color: tokens.$ifxColorOcean500;\n  align-self: stretch;\n\n  &.danger {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  & ifx-icon {\n    color: tokens.$ifxColorBaseWhite;\n  }\n}\n\n.modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 24px;\n  min-height: 76px;\n  max-height: 105px;\n  box-sizing: border-box;\n  border-radius: 1px 1px 0px 0px;\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n}\n\n.modal-caption {\n  max-height: 56px;\n  display: -webkit-box;\n  overflow: hidden;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical; \n}\n\n.modal-header h2 {\n  margin: 0;\n  font-weight: tokens.$ifxFontWeightSemibold;\n  font-size: tokens.$ifxFontSizeXl;\n  line-height: 28px;\n}\n\n.modal-header button {\n  background: none;\n  border: none;\n  font-size: 1.5em;\n  padding: 0;\n  cursor: pointer;\n}\n\n.modal-close-button {\n  align-self: flex-start;\n  margin-right: -8px;\n}\n\n.modal-body {\n  padding: 16px 24px;\n  min-height: 56px;\n  box-sizing: border-box;\n  flex: 1;\n  \n  overflow-y: auto;\n}\n\n.modal-footer.buttons-present ::slotted(*){\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n  padding: 16px 24px 32px 16px\n}\n\n.modal-border {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-size: 1.5em;\n  flex-grow: 1;\n\n  &.primary {\n    background-color: tokens.$ifxColorOcean500;\n  }\n\n  &.secondary {\n    background-color: tokens.$ifxColorEngineering500;\n  }\n\n  &.danger {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  &.success {\n    background-color: tokens.$ifxColorGreen500;\n  }\n\n  &.warning {\n    background-color: tokens.$ifxColorOrange500;\n  }\n\n  &.orange {\n    background-color: tokens.$ifxColorOrange500;\n  }\n\n  &.ocean {\n    background-color: tokens.$ifxColorOcean500;\n  }\n\n  &.grey {\n    background-color: tokens.$ifxColorEngineering500;\n  }\n\n  &.grey-200 {\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &.red {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  &.green {\n    background-color: tokens.$ifxColorGreen500;\n  }\n\n  &.berry {\n    background-color: tokens.$ifxColorBerry500;\n  }\n}","import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch } from '@stencil/core';\nimport { queryShadowRoot, isHidden, isFocusable } from '../../global/utils/focus-trap';\nimport { animationTo, KEYFRAMES } from '../../global/utils/animation';\n \n\ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP';\n\nexport interface BeforeCloseEventDetail {\n  trigger: CloseEventTrigger;\n}\n@Component({\n  tag: 'ifx-modal',\n  styleUrl: 'modal.scss',\n  shadow: true\n})\nexport class IfxModal {\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\n  @State() showModal: boolean = this.opened || false;\n\n  @Prop() caption: string = 'Modal Title';\n  @Prop() closeOnOverlayClick: boolean = true;\n\n  @Event() ifxOpen: EventEmitter;\n  @Event() ifxClose: EventEmitter;\n\n  @Prop() variant: 'default' | 'alert-brand' | 'alert-danger' = 'default';\n  \n  @Prop() size: 's' | 'm' | 'l' = 's';\n\n  @Prop() alertIcon: string = '';\n  @Prop() okButtonLabel: string = 'OK';\n  @Prop() cancelButtonLabel: string = 'Cancel';\n  @Element() hostElement: HTMLElement;\n\n  @State() slotButtonsPresent: boolean = false;\n\n  @Prop() showCloseButton: boolean = true;\n\n  private modalContainer: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n  private closeButton: HTMLButtonElement | HTMLIfxIconButtonElement;\n\n  componentDidLoad() {\n    // Query all focusable elements and store them in `focusableElements`.\n    // Needed for the \"focus trap\" functionality.\n    this.focusableElements = queryShadowRoot(\n      this.hostElement.shadowRoot,\n      (el) => isHidden(el) || el.matches('[data-focus-trap-edge]'),\n      isFocusable\n    );\n\n  }\n\n  getFirstFocusableElement(): HTMLElement | null {\n    return this.focusableElements[0];\n  }\n\n  getLastFocusableElement(): HTMLElement | null {\n    return this.focusableElements[this.focusableElements.length - 1];\n  }\n\n  handleTopFocus = () => {\n    this.attemptFocus(this.getLastFocusableElement());\n  };\n\n  handleBottomFocus = () => {\n    this.attemptFocus(this.getFirstFocusableElement());\n  };\n\n\n  attemptFocus(element: HTMLElement | null) {\n    if (element == null) {\n      setTimeout(() => { //wait until DOM is fully loaded\n        this.closeButton.focus();\n      },);\n      return;\n    }\n\n    setTimeout(() => { //wait until DOM is fully loaded\n      element.focus();\n    }, 0);\n  }\n\n\n  open() {\n    this.showModal = true;\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        // Setting focus on last item and removing immediately\n        // so, on tab press first element is focused\n        setTimeout(() => {\n          this.getLastFocusableElement()?.focus();\n          this.getLastFocusableElement()?.blur();\n        }, 0);\n\n        this.ifxOpen.emit();\n      });\n\n      this.hostElement.addEventListener('keydown', this.handleKeypress);\n    } catch (err) {\n      this.ifxOpen.emit();\n\n    }\n\n\n  }\n\n  close() {\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        this.showModal = false;\n        this.ifxClose.emit();\n      });\n      this.hostElement.removeEventListener('keydown', this.handleKeypress);\n    } catch (err) {\n      this.showModal = false;\n      this.ifxClose.emit();\n    }\n  }\n\n  handleKeypress = (event: KeyboardEvent) => {\n    if (!this.showModal) {\n      return;\n    }\n    if (event.key === 'Escape') {\n      this.doBeforeClose('ESCAPE_KEY');\n    }\n  };\n\n\n  doBeforeClose(trigger: CloseEventTrigger) {\n    const triggers = [];\n    triggers.push(trigger);\n    const prevented = triggers.some((event) => event.defaultPrevented);\n    if (!prevented) {\n      this.opened = false;\n    }\n  }\n\n\n\n  @Watch('opened')\n  openedChanged(newValue) {\n    if (newValue === true) {\n      this.open();\n    } else {\n      this.close()\n    }\n  }\n\n\n  handleOverlayClick() {\n    if (this.closeOnOverlayClick) {\n      this.doBeforeClose('BACKDROP')\n    }\n  }\n\n\n  handleButtonsSlotChange(e) {\n    if(e.currentTarget.assignedElements()[0]?.childElementCount > 0) {\n      this.slotButtonsPresent = true;\n    }else{\n      this.slotButtonsPresent = false;\n    }\n  }\n\n\n  render() {\n    const isAlertVariant = this.variant !== 'default';\n    return (\n      <Host>\n        <div\n          ref={(el) => (this.modalContainer = el)}\n          class={`modal-container ${this.showModal ? 'open' : ''}`}\n        >\n          <div\n            class=\"modal-overlay\"\n            onClick={() => this.handleOverlayClick()}\n          ></div>\n          <div\n            data-focus-trap-edge\n            onFocus={this.handleTopFocus}\n            tabindex=\"0\"\n          ></div>\n          <div\n            class={`modal-content-container ${this.size}`}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={this.caption}>\n            {isAlertVariant ? (\n              <div class={`modal-icon-container ${this.variant === 'alert-brand' ? '' : 'danger'}`}>\n                {this.alertIcon ? <ifx-icon icon={this.alertIcon} /> : null}\n              </div>\n            ) : null}\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h2 class=\"modal-caption\">{this.caption}</h2>\n                { \n                  this.showCloseButton && \n                  <ifx-icon-button class = 'modal-close-button' ref={(el) => (this.closeButton = el)} icon=\"cross-24\" variant=\"tertiary\" onClick={() => this.doBeforeClose('CLOSE_BUTTON') }>\n                  </ifx-icon-button>\n                }\n              </div>\n              <div class=\"modal-body\">\n                <slot name=\"content\" /*onSlotchange={() => console.log('slots children modified')}*/ />\n              </div>\n              <div class={`modal-footer ${this.slotButtonsPresent ? 'buttons-present' : ''}`}>\n                <slot name=\"buttons\" onSlotchange={(e)=>this.handleButtonsSlotChange(e)}>\n                </slot>\n              </div>\n            </div>\n          </div>\n          <div\n            data-focus-trap-edge\n            onFocus={this.handleBottomFocus}\n            tabindex=\"0\"\n          ></div>\n        </div>\n      </Host>\n\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as t}from"./p-b7a462e5.js";const s=':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 l=s;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.handleSlotRef=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")}}}}handleExpandAllItemsChange(e){this.ifxTreeViewExpandAllChange.emit(e)}handleDisableAllItemsChange(e){this.ifxTreeViewDisableAllChange.emit(e)}render(){return t("div",{key:"e4008bca00cc0ed1517a8ca27a64ac94dec0d694",class:`tree-view ${this.disableAllItems?" tree-view--disabled":""}`,role:"tree","aria-label":this.ariaLabel},this.label&&this.label.trim()!==""&&t("div",{key:"654d40e84aadd93ff83ec1401fbf99ac46ae06e3",class:"tree-view__label"},this.label),t("slot",{key:"1a5a28cec9dde5cdfc100ab97cdfe99ffddc886b",ref:this.handleSlotRef}))}static get watchers(){return{expandAllItems:["handleExpandAllItemsChange"],disableAllItems:["handleDisableAllItemsChange"]}}};i.style=l;export{i as ifx_tree_view};
-//# sourceMappingURL=p-8e599ad3.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["treeViewCss","IfxTreeViewStyle0","TreeView","constructor","hostRef","this","disableAllItems","expandAllItems","handleSlotRef","el","setAttribute","removeAttribute","handleExpandAllItemsChange","newValue","ifxTreeViewExpandAllChange","emit","handleDisableAllItemsChange","ifxTreeViewDisableAllChange","render","h","key","class","role","ariaLabel","label","trim","ref"],"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 | null;\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  private handleSlotRef = (el: HTMLSlotElement | null) => {\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  };\n\n  render() {\n    return (\n      <div\n        class={`tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`}\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={this.handleSlotRef}></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,MAgB1BF,KAAAG,cAAiBC,IACvB,GAAIA,EAAI,CACN,GAAIJ,KAAKC,gBAAiB,CACxBG,EAAGC,aAAa,yBAA0B,O,KACrC,CACLD,EAAGE,gBAAgB,yB,CAErB,GAAIN,KAAKE,eAAgB,CACvBE,EAAGC,aAAa,wBAAyB,O,KACpC,CACLD,EAAGE,gBAAgB,wB,IAnBzB,0BAAAC,CAA2BC,GACzBR,KAAKS,2BAA2BC,KAAKF,E,CAIvC,2BAAAG,CAA4BH,GAC1BR,KAAKY,4BAA4BF,KAAKF,E,CAkBxC,MAAAK,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,aAAahB,KAAKC,gBAAkB,uBAAyB,KACpEgB,KAAK,OAAM,aACCjB,KAAKkB,WAEhBlB,KAAKmB,OAASnB,KAAKmB,MAAMC,SAAW,IAAMN,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBhB,KAAKmB,OAC/EL,EAAA,QAAAC,IAAA,2CAAMM,IAAKrB,KAAKG,gB","ignoreList":[]}

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