@siemens/ix 0.0.0-pr-1974-20250627115746 → 0.0.0-pr-2015-20250716160704

package/dist/siemens-ix/{p-Cpl-a_ti.js → p-CLItqyfi.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as o,h as s,a as i,H as n}from"./p-DJsXFBNm.js";import{p as a}from"./p-DLTnniMb.js";const r=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .settings-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .settings-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host .settings-tabs{margin-bottom:1.5rem}";const l=class{constructor(o){t(this,o);this.tabChange=e(this,"tabChange",7);this.close=e(this,"close",7);this.label="Settings";this.show=false}updateTab(t){h(this,t)}componentWillLoad(){f(this)}componentDidLoad(){o(this.el)}render(){return s(g,{key:"a59dd5a81b91ff4ae7f516cb192700bffaee3f84",context:this})}get el(){return i(this)}static get watchers(){return{activeTabLabel:["updateTab"]}}};l.style=r;function m(t){return Array.from(t.el.querySelectorAll(t instanceof l?"ix-menu-settings-item":"ix-menu-about-item"))}function h(t,e){const{defaultPrevented:o}=t.tabChange.emit(e);if(o){return}t.activeTabLabel=e;t.items.forEach((e=>{e.style.display="none";if(e.label===t.activeTabLabel){e.style.display="block"}}))}function f(t){t.items=m(t);if(t.items.length){const e=t.activeTabLabel||t.items[0].label;if(e){h(t,e)}}t.items.forEach((e=>{e.addEventListener("labelChange",(e=>{t.items=m(t);if(e.detail.oldLabel===t.activeTabLabel){t.activeTabLabel=e.detail.newLabel}}))}))}const c=t=>t.items.map((({label:e})=>s("ix-tab-item",{selected:e===t.activeTabLabel,onTabClick:t=>t.preventDefault(),onClick:()=>{if(e){h(t,e)}}},e)));const g=({context:t})=>{const e=t.items.findIndex((e=>e.label===t.activeTabLabel));return s(n,{slot:t instanceof l?"ix-menu-settings":"ix-menu-about",class:{show:t.show}},s("div",{class:t instanceof l?"settings-header":"about-header"},s("h2",{class:"text-h2"},t.label),s("ix-icon-button",{ghost:true,size:"24",icon:a,onClick:e=>t.close.emit({name:t instanceof l?"ix-menu-settings":"ix-menu-about",nativeEvent:e})})),s("ix-tabs",{selected:e!==-1?e:0},c(t)),s("slot",null))};export{g as M,l as a,f as i,h as s};
-//# sourceMappingURL=p-Cpl-a_ti.js.map
+import{r as t,c as e,f as o,h as s,g as i,H as n}from"./p-DUcGWByh.js";import{p as a}from"./p-BSqRUSbt.js";const r=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .settings-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .settings-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host .settings-tabs{margin-bottom:1.5rem}";const l=class{constructor(o){t(this,o);this.tabChange=e(this,"tabChange",7);this.close=e(this,"close",7);this.label="Settings";this.show=false}updateTab(t){h(this,t)}componentWillLoad(){f(this)}componentDidLoad(){o(this.el)}render(){return s(g,{key:"a59dd5a81b91ff4ae7f516cb192700bffaee3f84",context:this})}get el(){return i(this)}static get watchers(){return{activeTabLabel:["updateTab"]}}};l.style=r;function m(t){return Array.from(t.el.querySelectorAll(t instanceof l?"ix-menu-settings-item":"ix-menu-about-item"))}function h(t,e){const{defaultPrevented:o}=t.tabChange.emit(e);if(o){return}t.activeTabLabel=e;t.items.forEach((e=>{e.style.display="none";if(e.label===t.activeTabLabel){e.style.display="block"}}))}function f(t){t.items=m(t);if(t.items.length){const e=t.activeTabLabel||t.items[0].label;if(e){h(t,e)}}t.items.forEach((e=>{e.addEventListener("labelChange",(e=>{t.items=m(t);if(e.detail.oldLabel===t.activeTabLabel){t.activeTabLabel=e.detail.newLabel}}))}))}const c=t=>t.items.map((({label:e})=>s("ix-tab-item",{selected:e===t.activeTabLabel,onTabClick:t=>t.preventDefault(),onClick:()=>{if(e){h(t,e)}}},e)));const g=({context:t})=>{const e=t.items.findIndex((e=>e.label===t.activeTabLabel));return s(n,{slot:t instanceof l?"ix-menu-settings":"ix-menu-about",class:{show:t.show}},s("div",{class:t instanceof l?"settings-header":"about-header"},s("h2",{class:"text-h2"},t.label),s("ix-icon-button",{ghost:true,size:"24",icon:a,onClick:e=>t.close.emit({name:t instanceof l?"ix-menu-settings":"ix-menu-about",nativeEvent:e})})),s("ix-tabs",{selected:e!==-1?e:0},c(t)),s("slot",null))};export{g as M,l as a,f as i,h as s};
+//# sourceMappingURL=p-CLItqyfi.js.map

package/dist/siemens-ix/{p-Cpl-a_ti.js.map → p-CLItqyfi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-Cpl-a_ti.js","sources":["src/components/menu-settings/menu-settings.scss?tag=ix-menu-settings&encapsulation=shadow","src/components/menu-settings/menu-settings.tsx","src/components/utils/menu-tabs/menu-tabs-utils.ts","src/components/utils/menu-tabs/menu-tabs-fc.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/fonts';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  background-color: var(--theme-nav-overlay--background);\n  padding: $medium-space $default-space $default-space $x-large-space;\n  flex-grow: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  .settings-header {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    height: $x-large-space;\n    margin-bottom: $small-space;\n\n    h2 {\n      color: var(--theme-nav-overlay-header--color);\n      margin-bottom: 1rem;\n    }\n  }\n\n  ix-tabs {\n    margin-bottom: 1.5rem;\n  }\n\n  .settings-tabs {\n    margin-bottom: $large-space;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { MenuTabs } from '../utils/menu-tabs/menu-tabs-fc';\nimport {\n  CustomCloseEvent,\n  initialize,\n  setTab,\n} from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-settings',\n  styleUrl: 'menu-settings.scss',\n  shadow: true,\n})\nexport class MenuSettings {\n  @Element() el!: HTMLIxMenuSettingsElement;\n\n  /**\n   * Active tab\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) activeTabLabel?: string;\n\n  /**\n   * Label of first tab\n   */\n  @Prop() label = 'Settings';\n\n  /** @internal */\n  @Prop() show = false;\n\n  /**\n   * Active tab changed\n   * @since 3.0.0\n   */\n  @Event() tabChange!: EventEmitter<string>;\n\n  /**\n   * Popover closed\n   */\n  @Event() close!: EventEmitter<CustomCloseEvent>;\n\n  @State() items!: HTMLIxMenuSettingsItemElement[];\n\n  @Watch('activeTabLabel')\n  updateTab(label: string) {\n    setTab(this, label);\n  }\n\n  componentWillLoad() {\n    initialize(this);\n  }\n\n  componentDidLoad() {\n    forceUpdate(this.el);\n  }\n\n  render() {\n    return <MenuTabs context={this} />;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { MenuAbout } from '../../menu-about/menu-about';\nimport { MenuSettings } from '../../menu-settings/menu-settings';\n\nfunction getItems(\n  context: MenuSettings | MenuAbout\n): HTMLIxMenuSettingsItemElement[] | HTMLIxMenuAboutItemElement[] {\n  return Array.from(\n    context.el.querySelectorAll(\n      context instanceof MenuSettings\n        ? 'ix-menu-settings-item'\n        : 'ix-menu-about-item'\n    )\n  );\n}\n\nexport function setTab(context: MenuSettings | MenuAbout, label: string) {\n  const { defaultPrevented } = context.tabChange.emit(label);\n\n  if (defaultPrevented) {\n    return;\n  }\n\n  context.activeTabLabel = label;\n  context.items.forEach((i) => {\n    i.style.display = 'none';\n    if (i.label === context.activeTabLabel) {\n      i.style.display = 'block';\n    }\n  });\n}\n\nexport function initialize(context: MenuSettings | MenuAbout) {\n  context.items = getItems(context);\n\n  if (context.items.length) {\n    const selectedLabel = context.activeTabLabel || context.items[0].label;\n    if (selectedLabel) {\n      setTab(context, selectedLabel);\n    }\n  }\n\n  context.items.forEach((item) => {\n    item.addEventListener('labelChange', (e: CustomEvent) => {\n      context.items = getItems(context);\n\n      if (e.detail.oldLabel === context.activeTabLabel) {\n        context.activeTabLabel = e.detail.newLabel;\n      }\n    });\n  });\n}\n\nexport interface CustomLabelChangeEvent {\n  name: string;\n  oldLabel: string;\n  newLabel: string;\n}\n\nexport interface CustomCloseEvent {\n  nativeEvent: MouseEvent;\n  name: string;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h, Host } from '@stencil/core';\nimport { setTab } from './menu-tabs-utils';\nimport { MenuAbout } from '../../menu-about/menu-about';\nimport { MenuSettings } from '../../menu-settings/menu-settings';\nimport { iconClose } from '@siemens/ix-icons/icons';\n\ninterface MenuTabsProps {\n  context: MenuSettings | MenuAbout;\n}\n\nconst getTabItems = (context: MenuSettings | MenuAbout) => {\n  return context.items.map(({ label }) => {\n    return (\n      <ix-tab-item\n        selected={label === context.activeTabLabel}\n        onTabClick={(e) => e.preventDefault()}\n        onClick={() => {\n          if (label) {\n            setTab(context, label);\n          }\n        }}\n      >\n        {label}\n      </ix-tab-item>\n    );\n  });\n};\n\nexport const MenuTabs: FunctionalComponent<MenuTabsProps> = ({ context }) => {\n  const selectedIndex = context.items.findIndex(\n    (item) => item.label === context.activeTabLabel\n  );\n  return (\n    <Host\n      slot={\n        context instanceof MenuSettings ? 'ix-menu-settings' : 'ix-menu-about'\n      }\n      class={{\n        show: context.show,\n      }}\n    >\n      <div\n        class={\n          context instanceof MenuSettings ? 'settings-header' : 'about-header'\n        }\n      >\n        <h2 class=\"text-h2\">{context.label}</h2>\n        <ix-icon-button\n          ghost\n          size=\"24\"\n          icon={iconClose}\n          onClick={(e) =>\n            context.close.emit({\n              name:\n                context instanceof MenuSettings\n                  ? 'ix-menu-settings'\n                  : 'ix-menu-about',\n              nativeEvent: e,\n            })\n          }\n        ></ix-icon-button>\n      </div>\n      <ix-tabs selected={selectedIndex !== -1 ? selectedIndex : 0}>\n        {getTabItems(context)}\n      </ix-tabs>\n      <slot></slot>\n    </Host>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-CLItqyfi.js","sources":["src/components/menu-settings/menu-settings.scss?tag=ix-menu-settings&encapsulation=shadow","src/components/menu-settings/menu-settings.tsx","src/components/utils/menu-tabs/menu-tabs-utils.ts","src/components/utils/menu-tabs/menu-tabs-fc.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/fonts';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  background-color: var(--theme-nav-overlay--background);\n  padding: $medium-space $default-space $default-space $x-large-space;\n  flex-grow: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  .settings-header {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    height: $x-large-space;\n    margin-bottom: $small-space;\n\n    h2 {\n      color: var(--theme-nav-overlay-header--color);\n      margin-bottom: 1rem;\n    }\n  }\n\n  ix-tabs {\n    margin-bottom: 1.5rem;\n  }\n\n  .settings-tabs {\n    margin-bottom: $large-space;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { MenuTabs } from '../utils/menu-tabs/menu-tabs-fc';\nimport {\n  CustomCloseEvent,\n  initialize,\n  setTab,\n} from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-settings',\n  styleUrl: 'menu-settings.scss',\n  shadow: true,\n})\nexport class MenuSettings {\n  @Element() el!: HTMLIxMenuSettingsElement;\n\n  /**\n   * Active tab\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) activeTabLabel?: string;\n\n  /**\n   * Label of first tab\n   */\n  @Prop() label = 'Settings';\n\n  /** @internal */\n  @Prop() show = false;\n\n  /**\n   * Active tab changed\n   * @since 3.0.0\n   */\n  @Event() tabChange!: EventEmitter<string>;\n\n  /**\n   * Popover closed\n   */\n  @Event() close!: EventEmitter<CustomCloseEvent>;\n\n  @State() items!: HTMLIxMenuSettingsItemElement[];\n\n  @Watch('activeTabLabel')\n  updateTab(label: string) {\n    setTab(this, label);\n  }\n\n  componentWillLoad() {\n    initialize(this);\n  }\n\n  componentDidLoad() {\n    forceUpdate(this.el);\n  }\n\n  render() {\n    return <MenuTabs context={this} />;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { MenuAbout } from '../../menu-about/menu-about';\nimport { MenuSettings } from '../../menu-settings/menu-settings';\n\nfunction getItems(\n  context: MenuSettings | MenuAbout\n): HTMLIxMenuSettingsItemElement[] | HTMLIxMenuAboutItemElement[] {\n  return Array.from(\n    context.el.querySelectorAll(\n      context instanceof MenuSettings\n        ? 'ix-menu-settings-item'\n        : 'ix-menu-about-item'\n    )\n  );\n}\n\nexport function setTab(context: MenuSettings | MenuAbout, label: string) {\n  const { defaultPrevented } = context.tabChange.emit(label);\n\n  if (defaultPrevented) {\n    return;\n  }\n\n  context.activeTabLabel = label;\n  context.items.forEach((i) => {\n    i.style.display = 'none';\n    if (i.label === context.activeTabLabel) {\n      i.style.display = 'block';\n    }\n  });\n}\n\nexport function initialize(context: MenuSettings | MenuAbout) {\n  context.items = getItems(context);\n\n  if (context.items.length) {\n    const selectedLabel = context.activeTabLabel || context.items[0].label;\n    if (selectedLabel) {\n      setTab(context, selectedLabel);\n    }\n  }\n\n  context.items.forEach((item) => {\n    item.addEventListener('labelChange', (e: CustomEvent) => {\n      context.items = getItems(context);\n\n      if (e.detail.oldLabel === context.activeTabLabel) {\n        context.activeTabLabel = e.detail.newLabel;\n      }\n    });\n  });\n}\n\nexport interface CustomLabelChangeEvent {\n  name: string;\n  oldLabel: string;\n  newLabel: string;\n}\n\nexport interface CustomCloseEvent {\n  nativeEvent: MouseEvent;\n  name: string;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h, Host } from '@stencil/core';\nimport { setTab } from './menu-tabs-utils';\nimport { MenuAbout } from '../../menu-about/menu-about';\nimport { MenuSettings } from '../../menu-settings/menu-settings';\nimport { iconClose } from '@siemens/ix-icons/icons';\n\ninterface MenuTabsProps {\n  context: MenuSettings | MenuAbout;\n}\n\nconst getTabItems = (context: MenuSettings | MenuAbout) => {\n  return context.items.map(({ label }) => {\n    return (\n      <ix-tab-item\n        selected={label === context.activeTabLabel}\n        onTabClick={(e) => e.preventDefault()}\n        onClick={() => {\n          if (label) {\n            setTab(context, label);\n          }\n        }}\n      >\n        {label}\n      </ix-tab-item>\n    );\n  });\n};\n\nexport const MenuTabs: FunctionalComponent<MenuTabsProps> = ({ context }) => {\n  const selectedIndex = context.items.findIndex(\n    (item) => item.label === context.activeTabLabel\n  );\n  return (\n    <Host\n      slot={\n        context instanceof MenuSettings ? 'ix-menu-settings' : 'ix-menu-about'\n      }\n      class={{\n        show: context.show,\n      }}\n    >\n      <div\n        class={\n          context instanceof MenuSettings ? 'settings-header' : 'about-header'\n        }\n      >\n        <h2 class=\"text-h2\">{context.label}</h2>\n        <ix-icon-button\n          ghost\n          size=\"24\"\n          icon={iconClose}\n          onClick={(e) =>\n            context.close.emit({\n              name:\n                context instanceof MenuSettings\n                  ? 'ix-menu-settings'\n                  : 'ix-menu-about',\n              nativeEvent: e,\n            })\n          }\n        ></ix-icon-button>\n      </div>\n      <ix-tabs selected={selectedIndex !== -1 ? selectedIndex : 0}>\n        {getTabItems(context)}\n      </ix-tabs>\n      <slot></slot>\n    </Host>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/p-DFDkkDB8.js

@@ -0,0 +1,2 @@
+import{h as n}from"./p-DUcGWByh.js";const t=n=>n.toUpperCase()==="Danger".toUpperCase();const e=n=>n.toUpperCase()==="Primary".toUpperCase();const i=n=>n.toUpperCase()==="Secondary".toUpperCase();const l=(n,l,r,s=false,a=false,c,o)=>({btn:true,"btn-danger":t(n)&&!l&&!r,"btn-outline-danger":t(n)&&l&&!r,"btn-invisible-danger":t(n)&&!l&&r,"btn-primary":e(n)&&!l&&!r,"btn-outline-primary":e(n)&&l&&!r,"btn-invisible-primary":e(n)&&!l&&r,"btn-secondary":i(n)&&!l&&!r,"btn-outline-secondary":i(n)&&l&&!r,"btn-invisible-secondary":i(n)&&!l&&r,"btn-icon":s,"btn-oval":a,selected:c,disabled:o});const r=n=>{if(!n.icon){return"small"}switch(n.iconSize){case"12":return"xx-small";case"16":return"x-small";default:return"small"}};const s=(t,e)=>{var i,s,a;const c=(i=t.extraClasses)!==null&&i!==void 0?i:{};const o=(s=t.ariaAttributes)!==null&&s!==void 0?s:{};if(!o["aria-disabled"]&&t.disabled){o["aria-disabled"]="true"}return n("button",Object.assign({},o,{onClick:n=>t.onClick?t.onClick(n):undefined,tabindex:t.disabled?-1:(a=t.tabIndex)!==null&&a!==void 0?a:0,type:t.type,class:Object.assign(Object.assign({},l(t.variant,t.outline,t.ghost,t.iconOnly,t.iconOval,t.selected,t.disabled||t.loading)),c)}),t.loading?n("ix-spinner",{size:r(t),hideTrack:true}):null,t.icon&&!t.loading?n("ix-icon",{class:"icon",name:t.icon,size:t.iconSize,color:t.iconColor}):null,n("div",{class:{content:true,[`content-${t.alignment}`]:!!t.alignment}},e),t.afterContent?t.afterContent:null)};export{s as B,l as g};
+//# sourceMappingURL=p-DFDkkDB8.js.map

package/dist/siemens-ix/{p-_tyNUrlp.js.map → p-DFDkkDB8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-_tyNUrlp.js","sources":["src/components/button/base-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport { ButtonVariant } from './button';\n\nexport type ButtonAlignment = 'center' | 'start';\n\nconst isDanger = (variant: string) => {\n  return variant.toUpperCase() === 'Danger'.toUpperCase();\n};\n\nconst isPrimary = (variant: string) => {\n  return variant.toUpperCase() === 'Primary'.toUpperCase();\n};\n\nconst isSecondary = (variant: string) => {\n  return variant.toUpperCase() === 'Secondary'.toUpperCase();\n};\n\nexport const getButtonClasses = (\n  variant: ButtonVariant,\n  outline: boolean,\n  ghost: boolean,\n  iconOnly = false,\n  iconOval = false,\n  selected: boolean,\n  disabled: boolean\n) => {\n  return {\n    btn: true,\n    'btn-danger': isDanger(variant) && !outline && !ghost,\n    'btn-outline-danger': isDanger(variant) && outline && !ghost,\n    'btn-invisible-danger': isDanger(variant) && !outline && ghost,\n    'btn-primary': isPrimary(variant) && !outline && !ghost,\n    'btn-outline-primary': isPrimary(variant) && outline && !ghost,\n    'btn-invisible-primary': isPrimary(variant) && !outline && ghost,\n    'btn-secondary': isSecondary(variant) && !outline && !ghost,\n    'btn-outline-secondary': isSecondary(variant) && outline && !ghost,\n    'btn-invisible-secondary': isSecondary(variant) && !outline && ghost,\n    'btn-icon': iconOnly,\n    'btn-oval': iconOval,\n    selected: selected,\n    disabled: disabled,\n  };\n};\n\nexport type BaseButtonProps = {\n  type: string;\n  variant: ButtonVariant;\n  outline: boolean;\n  ghost: boolean;\n  iconOnly: boolean;\n  iconOval: boolean;\n  selected: boolean;\n  disabled: boolean;\n  loading: boolean;\n  icon?: string;\n  onClick?: Function;\n  ariaAttributes?: A11yAttributes;\n  extraClasses?: { [key: string]: boolean };\n  iconSize?: string;\n  iconColor?: string;\n  alignment?: ButtonAlignment;\n  tabIndex?: number;\n  afterContent?: any;\n};\n\nconst getSpinnerSize = (btnProps: BaseButtonProps) => {\n  if (!btnProps.icon) {\n    return 'small';\n  }\n\n  switch (btnProps.iconSize) {\n    case '12':\n      return 'xx-small';\n    case '16':\n      return 'x-small';\n    default:\n      return 'small';\n  }\n};\n\nexport const BaseButton: FunctionalComponent<BaseButtonProps> = (\n  props: BaseButtonProps,\n  children\n) => {\n  const extraClasses = props.extraClasses ?? {};\n\n  const ariaAttributes = props.ariaAttributes ?? {};\n  if (!ariaAttributes['aria-disabled'] && props.disabled) {\n    ariaAttributes['aria-disabled'] = 'true';\n  }\n\n  return (\n    <button\n      {...ariaAttributes}\n      onClick={(e: Event) => (props.onClick ? props.onClick(e) : undefined)}\n      tabindex={props.disabled ? -1 : (props.tabIndex ?? 0)}\n      type={props.type}\n      class={{\n        ...getButtonClasses(\n          props.variant,\n          props.outline,\n          props.ghost,\n          props.iconOnly,\n          props.iconOval,\n          props.selected,\n          props.disabled || props.loading\n        ),\n        ...extraClasses,\n      }}\n    >\n      {props.loading ? (\n        <ix-spinner size={getSpinnerSize(props)} hideTrack></ix-spinner>\n      ) : null}\n      {props.icon && !props.loading ? (\n        <ix-icon\n          class=\"icon\"\n          name={props.icon}\n          size={props.iconSize as any}\n          color={props.iconColor}\n        ></ix-icon>\n      ) : null}\n      <div\n        class={{\n          content: true,\n          [`content-${props.alignment}`]: !!props.alignment,\n        }}\n      >\n        {children}\n      </div>\n      {props.afterContent ? props.afterContent : null}\n    </button>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-DFDkkDB8.js","sources":["src/components/button/base-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport { ButtonVariant } from './button';\n\nexport type ButtonAlignment = 'center' | 'start';\n\nconst isDanger = (variant: string) => {\n  return variant.toUpperCase() === 'Danger'.toUpperCase();\n};\n\nconst isPrimary = (variant: string) => {\n  return variant.toUpperCase() === 'Primary'.toUpperCase();\n};\n\nconst isSecondary = (variant: string) => {\n  return variant.toUpperCase() === 'Secondary'.toUpperCase();\n};\n\nexport const getButtonClasses = (\n  variant: ButtonVariant,\n  outline: boolean,\n  ghost: boolean,\n  iconOnly = false,\n  iconOval = false,\n  selected: boolean,\n  disabled: boolean\n) => {\n  return {\n    btn: true,\n    'btn-danger': isDanger(variant) && !outline && !ghost,\n    'btn-outline-danger': isDanger(variant) && outline && !ghost,\n    'btn-invisible-danger': isDanger(variant) && !outline && ghost,\n    'btn-primary': isPrimary(variant) && !outline && !ghost,\n    'btn-outline-primary': isPrimary(variant) && outline && !ghost,\n    'btn-invisible-primary': isPrimary(variant) && !outline && ghost,\n    'btn-secondary': isSecondary(variant) && !outline && !ghost,\n    'btn-outline-secondary': isSecondary(variant) && outline && !ghost,\n    'btn-invisible-secondary': isSecondary(variant) && !outline && ghost,\n    'btn-icon': iconOnly,\n    'btn-oval': iconOval,\n    selected: selected,\n    disabled: disabled,\n  };\n};\n\nexport type BaseButtonProps = {\n  type: string;\n  variant: ButtonVariant;\n  outline: boolean;\n  ghost: boolean;\n  iconOnly: boolean;\n  iconOval: boolean;\n  selected: boolean;\n  disabled: boolean;\n  loading: boolean;\n  icon?: string;\n  onClick?: Function;\n  ariaAttributes?: A11yAttributes;\n  extraClasses?: { [key: string]: boolean };\n  iconSize?: string;\n  iconColor?: string;\n  alignment?: ButtonAlignment;\n  tabIndex?: number;\n  afterContent?: any;\n};\n\nconst getSpinnerSize = (btnProps: BaseButtonProps) => {\n  if (!btnProps.icon) {\n    return 'small';\n  }\n\n  switch (btnProps.iconSize) {\n    case '12':\n      return 'xx-small';\n    case '16':\n      return 'x-small';\n    default:\n      return 'small';\n  }\n};\n\nexport const BaseButton: FunctionalComponent<BaseButtonProps> = (\n  props: BaseButtonProps,\n  children\n) => {\n  const extraClasses = props.extraClasses ?? {};\n\n  const ariaAttributes = props.ariaAttributes ?? {};\n  if (!ariaAttributes['aria-disabled'] && props.disabled) {\n    ariaAttributes['aria-disabled'] = 'true';\n  }\n\n  return (\n    <button\n      {...ariaAttributes}\n      onClick={(e: Event) => (props.onClick ? props.onClick(e) : undefined)}\n      tabindex={props.disabled ? -1 : (props.tabIndex ?? 0)}\n      type={props.type}\n      class={{\n        ...getButtonClasses(\n          props.variant,\n          props.outline,\n          props.ghost,\n          props.iconOnly,\n          props.iconOval,\n          props.selected,\n          props.disabled || props.loading\n        ),\n        ...extraClasses,\n      }}\n    >\n      {props.loading ? (\n        <ix-spinner size={getSpinnerSize(props)} hideTrack></ix-spinner>\n      ) : null}\n      {props.icon && !props.loading ? (\n        <ix-icon\n          class=\"icon\"\n          name={props.icon}\n          size={props.iconSize as any}\n          color={props.iconColor}\n        ></ix-icon>\n      ) : null}\n      <div\n        class={{\n          content: true,\n          [`content-${props.alignment}`]: !!props.alignment,\n        }}\n      >\n        {children}\n      </div>\n      {props.afterContent ? props.afterContent : null}\n    </button>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/p-DUcGWByh.js

@@ -0,0 +1,3 @@
+const e="siemens-ix";const t={hydratedSelectorName:"hydrated",lazyLoad:true,updatable:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var i="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var l=(e=>{e["Undefined"]="undefined";e["Null"]="null";e["String"]="string";e["Number"]="number";e["SpecialNumber"]="number";e["Boolean"]="boolean";e["BigInt"]="bigint";return e})(l||{});var o=(e=>{e["Array"]="array";e["Date"]="date";e["Map"]="map";e["Object"]="object";e["RegularExpression"]="regexp";e["Set"]="set";e["Channel"]="channel";e["Symbol"]="symbol";return e})(o||{});var f="type";var a="value";var c="serialized:";var u=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var v=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var d=(e,t)=>{const n={i:0,$hostElement$:e,l:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.p=new Promise((e=>n.h=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var p=(e,t)=>t in e;var h=(e,t)=>(0,console.error)(e,t);var $=new Map;var y=(e,t,n)=>{const r=e.$.replace(/-/g,"_");const i=e.m;if(!i){return void 0}const s=$.get(i);if(s){return s[r]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${i}.entry.js${""}`).then((e=>{{$.set(i,e)}return e[r]}),(e=>{h(e,t.$hostElement$)}))};var m=new Map;var b="r";var w="o";var g="s";var S="t";var j="c";var O="s-id";var k="sty-id";var x="c-id";var C="{visibility:hidden}.hydrated{visibility:inherit}";var E="slot-fb{display:contents}slot-fb[hidden]{display:none}";var N="http://www.w3.org/1999/xlink";var I=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var M=typeof window!=="undefined"?window:{};var R={i:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var P=e=>{Object.assign(R,e)};var U=(()=>{var e;let t=false;try{(e=M.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var A=e=>Promise.resolve(e);var D=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var L=D?(()=>!!M.document&&Object.getOwnPropertyDescriptor(M.document.adoptedStyleSheets,"length").writable)():false;var W=false;var F=[];var V=[];var _=(e,t)=>n=>{e.push(n);if(!W){W=true;if(t&&R.i&4){T(H)}else{R.raf(H)}}};var z=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){h(e)}}e.length=0};var H=()=>{z(F);{z(V);if(W=F.length>0){R.raf(H)}}};var T=e=>A().then(e);var B=_(F,false);var q=_(V,true);var J=e=>{e=typeof e;return e==="object"||e==="function"};function Y(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 G=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var K=class e{static fromLocalValue(t){const n=t[f];const r=a in t?t[a]:void 0;switch(n){case"string":return r;case"boolean":return r;case"bigint":return BigInt(r);case"undefined":return void 0;case"null":return null;case"number":if(r==="NaN")return NaN;if(r==="-0")return-0;if(r==="Infinity")return Infinity;if(r==="-Infinity")return-Infinity;return r;case"array":return r.map((t=>e.fromLocalValue(t)));case"date":return new Date(r);case"map":const t=new Map;for(const[n,i]of r){const r=typeof n==="object"&&n!==null?e.fromLocalValue(n):n;const s=e.fromLocalValue(i);t.set(r,s)}return t;case"object":const i={};for(const[t,n]of r){i[t]=e.fromLocalValue(n)}return i;case"regexp":const{pattern:s,flags:l}=r;return new RegExp(s,l);case"set":const o=new Set;for(const t of r){o.add(e.fromLocalValue(t))}return o;case"symbol":return Symbol(r);default:throw new Error(`Unsupported type: ${n}`)}}static fromLocalValueArray(t){return t.map((t=>e.fromLocalValue(t)))}static isLocalValueObject(e){if(typeof e!=="object"||e===null){return false}if(!e.hasOwnProperty(f)){return false}const t=e[f];const n=Object.values({...l,...o}).includes(t);if(!n){return false}if(t!=="null"&&t!=="undefined"){return e.hasOwnProperty(a)}return true}};var Q={};r(Q,{err:()=>Z,map:()=>ee,ok:()=>X,unwrap:()=>te,unwrapErr:()=>ne});var X=e=>({isOk:true,isErr:false,value:e});var Z=e=>({isOk:false,isErr:true,value:e});function ee(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>X(e)))}else{return X(n)}}if(e.isErr){const t=e.value;return Z(t)}throw"should never get here"}var te=e=>{if(e.isOk){return e.value}else{throw e.value}};var ne=e=>{if(e.isErr){return e.value}else{throw e.value}};function re(e){if(typeof e!=="string"||!e.startsWith(c)){return e}return K.fromLocalValue(JSON.parse(atob(e.slice(c.length))))}function ie(e){return void 0}var se;function le(e){var t;const n=this.attachShadow({mode:"open"});if(se===void 0)se=(t=ie())!=null?t:null;if(se){if(L){n.adoptedStyleSheets.push(se)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,se]}}}var oe=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};var fe=(e,t,n,r)=>{if(e["s-ol"]&&e["s-ol"].isConnected){return}const i=document.createTextNode("");i["s-nr"]=e;if(!t["s-cr"]||!t["s-cr"].parentNode)return;const s=t["s-cr"].parentNode;const l=ue(s,"appendChild");if(typeof r!=="undefined"){i["s-oo"]=r;const e=ue(s,"childNodes");const t=[i];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0))return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>l.call(s,e)))}else{l.call(s,i)}e["s-ol"]=i;e["s-sh"]=t["s-hn"]};var ae=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function ce(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 i=this["s-cr"].parentElement;const s=i.__childNodes?i.childNodes:oe(i.childNodes);s.forEach((e=>{if(r===ae(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function ue(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 ve=(e,t="")=>{{return()=>{}}};var de=(e,t)=>{{return()=>{}}};var pe=new WeakMap;var he=(e,t,n)=>{let r=m.get(e);if(D&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}m.set(e,r)};var $e=(e,t,n)=>{var r;const i=me(t);const s=m.get(i);if(!M.document){return i}e=e.nodeType===11?e:M.document;if(s){if(typeof s==="string"){e=e.head||e;let n=pe.get(e);let l;if(!n){pe.set(e,n=new Set)}if(!n.has(i)){if(e.host&&(l=e.querySelector(`[${k}="${i}"]`))){l.innerHTML=s}else{l=M.document.createElement("style");l.innerHTML=s;const n=(r=R.j)!=null?r:Y(M.document);if(n!=null){l.setAttribute("nonce",n)}if(!(t.i&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(l,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(D){const t=new CSSStyleSheet;t.replaceSync(s);if(L){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(l)}}}else{e.append(l)}}if(t.i&1){e.insertBefore(l,null)}}if(t.i&4){l.innerHTML+=E}if(n){n.add(i)}}}else if(!e.adoptedStyleSheets.includes(s)){if(L){e.adoptedStyleSheets.push(s)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}}return i};var ye=e=>{const t=e.l;const n=e.$hostElement$;const r=t.i;const i=ve("attachStyles",t.$);const s=$e(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=s;n.classList.add(s+"-h")}i()};var me=(e,t)=>"sc-"+e.$;var be=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var we=()=>{if(!M.document){return}const e=M.document.querySelectorAll(`[${k}]`);let t=0;for(;t<e.length;t++){he(e[t].getAttribute(k),be(e[t].innerHTML),true)}};var ge=(e,t,...n)=>{let r=null;let i=null;let s=false;let l=false;const o=[];const f=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){f(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!J(r)){r=String(r)}if(s&&l){o[o.length-1].O+=r}else{o.push(s?Se(null,r):r)}l=s}}};f(n);if(t){if(t.key){i=t.key}{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,o,ke)}const a=Se(e,null);a.k=t;if(o.length>0){a.C=o}{a.N=i}return a};var Se=(e,t)=>{const n={i:0,I:e,O:t,M:null,C:null};{n.k=null}{n.N=null}return n};var je={};var Oe=e=>e&&e.I===je;var ke={forEach:(e,t)=>e.map(xe).forEach(t),map:(e,t)=>e.map(xe).map(t).map(Ce)};var xe=e=>({vattrs:e.k,vchildren:e.C,vkey:e.N,vname:e.R,vtag:e.I,vtext:e.O});var Ce=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 ge(e.vtag,t,...e.vchildren||[])}const t=Se(e.vtag,e.vtext);t.k=e.vattrs;t.C=e.vchildren;t.N=e.vkey;t.R=e.vname;return t};var Ee=(e,t,n,r)=>{var i,s,l;const o=ve("hydrateClient",t);const f=e.shadowRoot;const a=[];const c=[];const v=[];const d=f?[]:null;const p=Se(t,null);p.M=e;const h=Object.entries(((i=r.l)==null?void 0:i.P)||{});h.forEach((([t,[n,i]])=>{var s,l;if(!(n&31)){return}const o=i||t;const f=e.getAttribute(o);if(f!==null){const e=De(f,n,!!(((s=r.l)==null?void 0:s.i)&64));(l=r==null?void 0:r.o)==null?void 0:l.set(t,e)}}));if(M.document&&(!R.U||!R.U.size)){Ie(M.document.body,R.U=new Map)}e[O]=n;e.removeAttribute(O);r.A=Ne(p,a,c,d,e,e,n,v);let $=0;const y=a.length;let m;for($;$<y;$++){m=a[$];const n=m.D+"."+m.L;const r=R.U.get(n);const i=m.M;if(!f){i["s-hn"]=t.toUpperCase();if(m.I==="slot"){i["s-cr"]=e["s-cr"]}}else if(((s=m.I)==null?void 0:s.toString().includes("-"))&&m.I!=="slot-fb"&&!m.M.shadowRoot){const t=u(m.M);if(t){const n=me(t.l);const r=M.document.querySelector(`style[sty-id="${n}"]`);if(r){e.shadowRoot.append(r.cloneNode(true))}}}if(m.I==="slot"){m.R=m.M["s-sn"]||m.M["name"]||null;if(m.C){m.i|=2;if(!m.M.childNodes.length){m.C.forEach((e=>{m.M.appendChild(e.M)}))}}else{m.i|=1}}if(r&&r.isConnected){if(r.parentElement.shadowRoot&&r["s-en"]===""){r.parentNode.insertBefore(i,r.nextSibling)}r.parentNode.removeChild(r);if(!f){i["s-oo"]=parseInt(m.L)}}if(r&&!r["s-id"]){R.U.delete(n)}}const b=[];const w=v.length;let g=0;let S;let j;let k;let x;for(g;g<w;g++){S=v[g];if(!S||!S.length)continue;k=S.length;j=0;for(j;j<k;j++){x=S[j];if(!b[x.hostId]){b[x.hostId]=R.U.get(x.hostId)}if(!b[x.hostId])continue;const e=b[x.hostId];if(e.shadowRoot&&x.node.parentElement!==e){e.appendChild(x.node)}if(!e.shadowRoot||!f){if(!x.slot["s-cr"]){x.slot["s-cr"]=e["s-cr"];if(!x.slot["s-cr"]&&e.shadowRoot){x.slot["s-cr"]=e}else{x.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}}fe(x.node,x.slot,false,x.node["s-oo"]);if(((l=x.node.parentElement)==null?void 0:l.shadowRoot)&&x.node["getAttribute"]&&x.node.getAttribute("slot")){x.node.removeAttribute("slot")}}}}if(f){let t=0;const n=d.length;if(n){for(t;t<n;t++){const e=d[t];if(e){f.appendChild(e)}}Array.from(e.childNodes).forEach((e=>{if(typeof e["s-en"]!=="string"&&typeof e["s-sn"]!=="string"){if(e.nodeType===1&&e.slot&&e.hidden){e.removeAttribute("hidden")}else if(e.nodeType===8&&!e.nodeValue||e.nodeType===3&&!e.wholeText.trim()){e.parentNode.removeChild(e)}}}))}}r.$hostElement$=e;o()};var Ne=(e,t,n,r,i,s,l,o=[])=>{let f;let a;let c;let u;if(s.nodeType===1){f=s.getAttribute(x);if(f){a=f.split(".");if(a[0]===l||a[0]==="0"){c=Me({i:0,D:a[0],L:a[1],W:a[2],F:a[3],I:s.tagName.toLowerCase(),M:s,k:{class:s.className||""}});t.push(c);s.removeAttribute(x);if(!e.C){e.C=[]}const i=c.M.getAttribute("s-sn");if(typeof i==="string"){if(c.I==="slot-fb"){Re(i,a[2],c,s,e,t,n,r,o)}c.M["s-sn"]=i;c.M.removeAttribute("s-sn")}if(c.F!==void 0){e.C[c.F]=c}e=c;if(r&&c.W==="0"){r[c.F]=c.M}}}if(s.shadowRoot){for(u=s.shadowRoot.childNodes.length-1;u>=0;u--){Ne(e,t,n,r,i,s.shadowRoot.childNodes[u],l,o)}}const v=s.__childNodes||s.childNodes;for(u=v.length-1;u>=0;u--){Ne(e,t,n,r,i,v[u],l,o)}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===l||a[1]==="0"){f=a[0];c=Me({D:a[1],L:a[2],W:a[3],F:a[4]||"0",M:s,k:null,C:null,N:null,R:null,I:null,O:null});if(f===S){c.M=Ue(s,3);if(c.M&&c.M.nodeType===3){c.O=c.M.textContent;t.push(c);s.remove();if(l===c.D){if(!e.C){e.C=[]}e.C[c.F]=c}if(r&&c.W==="0"){r[c.F]=c.M}}}else if(f===j){c.M=Ue(s,8);if(c.M&&c.M.nodeType===8){t.push(c);s.remove()}}else if(c.D===l){if(f===g){const i=s["s-sn"]=a[5]||"";Re(i,a[2],c,s,e,t,n,r,o)}else if(f===b){if(r){s.remove()}}}}}else if(e&&e.I==="style"){const t=Se(null,s.textContent);t.M=s;t.F="0";e.C=[t]}else{if(s.nodeType===3&&!s.wholeText.trim()&&!s["s-nr"]){s.remove()}}return e};var Ie=(e,t)=>{if(e.nodeType===1){const n=e[O]||e.getAttribute(O);if(n){t.set(n,e)}let r=0;if(e.shadowRoot){for(;r<e.shadowRoot.childNodes.length;r++){Ie(e.shadowRoot.childNodes[r],t)}}const i=e.__childNodes||e.childNodes;for(r=0;r<i.length;r++){Ie(i[r],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===w){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var Me=e=>{const t={i:0,D:null,L:null,W:null,F:"0",M:null,k:null,C:null,N:null,R:null,I:null,O:null};return{...t,...e}};function Re(e,t,n,r,i,s,l,o,f){r["s-sr"]=true;n.R=e||null;n.I="slot";const a=(i==null?void 0:i.M)?i.M["s-id"]||i.M.getAttribute("s-id"):"";if(o&&M.document){const s=n.M=M.document.createElement(n.I);if(n.R){n.M.setAttribute("name",e)}if(i.M.shadowRoot&&a&&a!==n.D){ue(i.M,"insertBefore")(s,ue(i.M,"children")[0])}else{ue(ue(r,"parentNode"),"insertBefore")(s,r)}Pe(f,t,e,r,n.D);r.remove();if(n.W==="0"){o[n.F]=n.M}}else{const s=n.M;const l=a&&a!==n.D&&i.M.shadowRoot;Pe(f,t,e,r,l?a:n.D);ce(r);if(l){i.M.insertBefore(s,i.M.children[0])}}s.push(n);l.push(n);if(!i.C){i.C=[]}i.C[n.F]=n}var Pe=(e,t,n,r,i)=>{var s,l;let o=r.nextSibling;e[t]=e[t]||[];if(!o||((s=o.nodeValue)==null?void 0:s.startsWith(g+".")))return;do{if(o&&((o["getAttribute"]&&o.getAttribute("slot")||o["s-sn"])===n||n===""&&!o["s-sn"]&&(!o["getAttribute"]||!o.getAttribute("slot"))&&(o.nodeType===8||o.nodeType===3))){o["s-sn"]=n;e[t].push({slot:r,node:o,hostId:i})}o=o==null?void 0:o.nextSibling}while(o&&!((l=o.nodeValue)==null?void 0:l.startsWith(g+".")))};var Ue=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n};var Ae=e=>{const t=G(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};Ae("::slotted");Ae(":host");Ae(":host-context");var De=(e,t,n)=>{if(typeof e==="string"&&(e.startsWith("{")&&e.endsWith("}")||e.startsWith("[")&&e.endsWith("]"))){try{e=JSON.parse(e);return e}catch(e){}}if(typeof e==="string"&&e.startsWith(c)){e=re(e);return e}if(e!=null&&!J(e)){if(t&4){if(n&&typeof e==="string"){return e===""||!!e}else{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var Le=e=>{var t;return(t=u(e))==null?void 0:t.$hostElement$};var We=(e,t,n)=>{const r=Le(e);return{emit:e=>Fe(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var Fe=(e,t,n)=>{const r=R.ce(t,n);e.dispatchEvent(r);return r};var Ve=(e,t,n,r,i,s,l)=>{if(n===r){return}let o=p(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const i=ze(n);let s=ze(r);if((e["s-si"]||e["s-sc"])&&l){const n=e["s-sc"]||e["s-si"];s.push(n);i.forEach((e=>{if(e.startsWith(n))s.push(e)}));s=[...new Set(s)].filter((e=>e));t.add(...s)}else{t.remove(...i.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!i.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(p(M,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||r){const i=t.endsWith(He);t=t.replace(Te,"");if(n){R.rel(e,t,n,i)}if(r){R.ael(e,t,r,i)}}}else{const l=J(r);if((o||l&&r!==null)&&!i){try{if(!e.tagName.includes("-")){const i=r==null?"":r;if(t==="list"){o=false}else if(n==null||e[t]!=i){if(typeof e.__lookupSetter__(t)==="function"){e[t]=i}else{e.setAttribute(t,i)}}}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(N,t)}else{e.removeAttribute(t)}}}else if((!o||s&4||i)&&!l&&e.nodeType===1){r=r===true?"":r;if(a){e.setAttributeNS(N,t,r)}else{e.setAttribute(t,r)}}}};var _e=/\s/;var ze=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(_e)};var He="Capture";var Te=new RegExp(He+"$");var Be=(e,t,n,r)=>{const i=t.M.nodeType===11&&t.M.host?t.M.host:t.M;const s=e&&e.k||{};const l=t.k||{};{for(const e of qe(Object.keys(s))){if(!(e in l)){Ve(i,e,s[e],void 0,n,t.i,r)}}}for(const e of qe(Object.keys(l))){Ve(i,e,s[e],l[e],n,t.i,r)}};function qe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Je;var Ye=false;var Ge=(e,t,n)=>{const r=t.C[n];let l=0;let o;let f;if(r.O!==null){o=r.M=M.document.createTextNode(r.O)}else{if(!Ye){Ye=r.I==="svg"}if(!M.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.")}o=r.M=M.document.createElementNS(Ye?i:s,r.I);if(Ye&&r.I==="foreignObject"){Ye=false}{Be(null,r,Ye)}if(r.C){for(l=0;l<r.C.length;++l){f=Ge(e,r,l);if(f){o.appendChild(f)}}}{if(r.I==="svg"){Ye=false}else if(o.tagName==="foreignObject"){Ye=true}}}o["s-hn"]=Je;return o};var Ke=(e,t,n,r,i,s)=>{let l=e;let o;if(l.shadowRoot&&l.tagName===Je){l=l.shadowRoot}for(;i<=s;++i){if(r[i]){o=Ge(null,n,i);if(o){r[i].M=o;nt(l,o,t)}}}};var Qe=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.M;tt(t);if(e){e.remove()}}}};var Xe=(e,t,n,r,i=false)=>{let s=0;let l=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let p=r[v];let h;let $;while(s<=a&&l<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=r[++l]}else if(p==null){p=r[--v]}else if(Ze(c,d,i)){et(c,d,i);c=t[++s];d=r[++l]}else if(Ze(u,p,i)){et(u,p,i);u=t[--a];p=r[--v]}else if(Ze(c,p,i)){et(c,p,i);nt(e,c.M,u.M.nextSibling);c=t[++s];p=r[--v]}else if(Ze(u,d,i)){et(u,d,i);nt(e,u.M,c.M);u=t[--a];d=r[++l]}else{o=-1;{for(f=s;f<=a;++f){if(t[f]&&t[f].N!==null&&t[f].N===d.N){o=f;break}}}if(o>=0){$=t[o];if($.I!==d.I){h=Ge(t&&t[l],n,o)}else{et($,d,i);t[o]=void 0;h=$.M}d=r[++l]}else{h=Ge(t&&t[l],n,l);d=r[++l]}if(h){{nt(c.M.parentNode,h,c.M)}}}}if(s>a){Ke(e,r[v+1]==null?null:r[v+1].M,n,r,l,v)}else if(l>v){Qe(t,s,a)}};var Ze=(e,t,n=false)=>{if(e.I===t.I){if(!n){return e.N===t.N}if(n&&!e.N&&t.N){e.N=t.N}return true}return false};var et=(e,n,r=false)=>{const i=n.M=e.M;const s=e.C;const l=n.C;const o=n.I;const f=n.O;if(f===null){{Ye=o==="svg"?true:o==="foreignObject"?false:Ye}{Be(e,n,Ye,r)}if(s!==null&&l!==null){Xe(i,s,n,l,r)}else if(l!==null){if(e.O!==null){i.textContent=""}Ke(i,null,n,l,0,l.length-1)}else if(!r&&t.updatable&&s!==null){Qe(s,0,s.length-1)}else if(r&&t.updatable&&s!==null&&l===null){n.C=s}if(Ye&&o==="svg"){Ye=false}}else if(e.O!==f){i.data=f}};var tt=e=>{{e.k&&e.k.ref&&e.k.ref(null);e.C&&e.C.map(tt)}};var nt=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var rt=(e,t,n=false)=>{const r=e.$hostElement$;const i=e.l;const s=e.A||Se(null,null);const l=Oe(t);const o=l?t:ge(null,null,t);Je=r.tagName;if(i.V){o.k=o.k||{};i.V.map((([e,t])=>o.k[t]=r[e]))}if(n&&o.k){for(const e of Object.keys(o.k)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.k[e]=r[e]}}}o.I=null;o.i|=4;e.A=o;o.M=s.M=r.shadowRoot||r;et(s,o,n)};var it=(e,t)=>{if(t&&!e._&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e._=()=>{t["s-p"].splice(n-1,1);r()})))}};var st=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}it(e,e.H);const n=()=>lt(e,t);if(t){queueMicrotask((()=>{n()}));return}return q(n)};var lt=(e,t)=>{const n=e.$hostElement$;const r=ve("scheduleUpdate",e.l.$);const i=e.t;if(!i){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.i|=256;if(e.T){e.T.map((([e,t])=>pt(i,e,t,n)));e.T=void 0}}s=pt(i,"componentWillLoad",void 0,n)}else{s=pt(i,"componentWillUpdate",void 0,n)}s=ot(s,(()=>pt(i,"componentWillRender",void 0,n)));r();return ot(s,(()=>at(e,i,t)))};var ot=(e,t)=>ft(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var ft=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var at=async(e,t,n)=>{var r;const i=e.$hostElement$;const s=ve("update",e.l.$);const l=i["s-rc"];if(n){ye(e)}const o=ve("render",e.l.$);{ct(e,t,i,n)}if(l){l.map((e=>e()));i["s-rc"]=void 0}o();s();{const t=(r=i["s-p"])!=null?r:[];const n=()=>ut(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var ct=(e,t,n,r)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{rt(e,t,r)}}}}catch(t){h(t,e.$hostElement$)}return null};var ut=e=>{const t=e.l.$;const n=e.$hostElement$;const r=ve("postUpdate",t);const i=e.t;const s=e.H;pt(i,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{ht(n)}pt(i,"componentDidLoad",void 0,n);r();{e.h(n);if(!s){dt()}}}else{pt(i,"componentDidUpdate",void 0,n);r()}{e.v(n)}{if(e._){e._();e._=void 0}if(e.i&512){T((()=>st(e,false)))}e.i&=-517}};var vt=e=>{var t;{const n=u(e);const r=(t=n==null?void 0:n.$hostElement$)==null?void 0:t.isConnected;if(r&&(n.i&(2|16))===2){st(n,false)}return r}};var dt=t=>{var n;T((()=>Fe(M,"appload",{detail:{namespace:e}})));{if((n=R.U)==null?void 0:n.size){R.U.clear()}}};var pt=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){h(e,r)}}return void 0};var ht=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var $t=(e,t)=>u(e).o.get(t);var yt=(e,t,n,r)=>{const i=u(e);if(!i){return}if(!i){throw new Error(`Couldn't find host element for "${r.$}" 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 s=i.$hostElement$;const l=i.o.get(t);const o=i.i;const f=i.t;n=De(n,r.P[t][0],!!(r.i&64));const a=Number.isNaN(l)&&Number.isNaN(n);const c=n!==l&&!a;if((!(o&8)||l===void 0)&&c){i.o.set(t,n);if(f){if(r.B&&o&128){const e=r.B[t];if(e){e.map((e=>{try{f[e](n,l,t)}catch(e){h(e,s)}}))}}if((o&(2|16))===2){if(f.componentShouldUpdate){if(f.componentShouldUpdate(n,l,t)===false){return}}st(i,false)}}}};var mt=(e,n,r)=>{var i,s;const l=e.prototype;if(n.i&64&&r&1){I.forEach((e=>{Object.defineProperty(l,e,{value(...t){var n;const r=u(this);const i=r==null?void 0:r.t;if(!i){(n=r==null?void 0:r.p)==null?void 0:n.then((n=>{const r=n[e];typeof r==="function"&&r.call(n,...t)}))}else{const n=i[e];typeof n==="function"&&n.call(i,...t)}}})}))}if(n.P||(n.B||e.watchers)){if(e.watchers&&!n.B){n.B=e.watchers}const o=Object.entries((i=n.P)!=null?i:{});o.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:i,set:s}=Object.getOwnPropertyDescriptor(l,e)||{};if(i)n.P[e][0]|=2048;if(s)n.P[e][0]|=4096;if(r&1||!i){Object.defineProperty(l,e,{get(){{if((n.P[e][0]&2048)===0){return $t(this,e)}const t=u(this);const r=t?t.t:l;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(l,e,{set(i){const l=u(this);if(!l){return}if(s){const r=t&32?this[e]:l.$hostElement$[e];if(typeof r==="undefined"&&l.o.get(e)){i=l.o.get(e)}else if(!l.o.get(e)&&r){l.o.set(e,r)}s.apply(this,[De(i,t,!!(n.i&64))]);i=t&32?this[e]:l.$hostElement$[e];yt(this,e,i,n);return}{if((r&1)===0||(n.P[e][0]&4096)===0){yt(this,e,i,n);if(r&1&&!l.t){l.p.then((()=>{if(n.P[e][0]&4096&&l.t[e]!==l.o.get(e)){l.t[e]=i}}))}return}const s=()=>{const r=l.t[e];if(!l.o.get(e)&&r){l.o.set(e,r)}l.t[e]=De(i,t,!!(n.i&64));yt(this,e,l.t[e],n)};if(l.t){s()}else{l.p.then((()=>s()))}}}})}else if(r&1&&t&64){Object.defineProperty(l,e,{value(...t){var n;const r=u(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,i,s){R.jmp((()=>{var o;const f=r.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){s=this[f];delete this[f]}else if(l.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==s){return}else if(f==null){const t=u(this);const r=t==null?void 0:t.i;if(t&&r&&!(r&8)&&r&128&&s!==i){const r=t.t;const l=(o=n.B)==null?void 0:o[e];l==null?void 0:l.forEach((t=>{if(r[t]!=null){r[t].call(r,s,i,e)}}))}return}const a=Object.getOwnPropertyDescriptor(l,f);s=s===null&&typeof this[f]==="boolean"?false:s;if(s!==this[f]&&(!a.get||!!a.set)){this[f]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=n.B)!=null?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var i;const s=t[1]||e;r.set(s,e);if(t[0]&512){(i=n.V)==null?void 0:i.push([e,s])}return s}))]))}}return e};var bt=async(e,t,n,r)=>{let i;if((t.i&32)===0){t.i|=32;const r=n.m;if(r){const r=y(n,t);if(r&&"then"in r){const e=de();i=await r;e()}else{i=r}if(!i){throw new Error(`Constructor for "${n.$}#${t.q}" was not found`)}if(!i.isProxied){{n.B=i.watchers}mt(i,n,2);i.isProxied=true}const s=ve("createInstance",n.$);{t.i|=8}try{new i(t)}catch(t){h(t,e)}{t.i&=-9}{t.i|=128}s();wt(t.t,e)}else{i=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}if(i&&i.style){let e;if(typeof i.style==="string"){e=i.style}const t=me(n);if(!m.has(t)){const r=ve("registerStyles",n.$);he(t,e,!!(n.i&1));r()}}}const s=t.H;const l=()=>st(t,true);if(s&&s["s-rc"]){s["s-rc"].push(l)}else{l()}};var wt=(e,t)=>{{pt(e,"connectedCallback",void 0,t)}};var gt=e=>{if((R.i&1)===0){const t=u(e);if(!t){return}const n=t.l;const r=ve("connectedCallback",n.$);if(!(t.i&1)){t.i|=1;let r;{r=e.getAttribute(O);if(r){if(n.i&1){const t=$e(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}Ee(e,n.$,r,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){it(t,t.H=n);break}}}if(n.P){Object.entries(n.P).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{bt(e,t,n)}}else{xt(e,t,n.J);if(t==null?void 0:t.t){wt(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>wt(t.t,e)))}}r()}};var St=(e,t)=>{{pt(e,"disconnectedCallback",void 0,t||e)}};var jt=async e=>{if((R.i&1)===0){const t=u(e);{if(t==null?void 0:t.Y){t.Y.map((e=>e()));t.Y=void 0}}if(t==null?void 0:t.t){St(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>St(t.t,e)))}}if(pe.has(e)){pe.delete(e)}if(e.shadowRoot&&pe.has(e.shadowRoot)){pe.delete(e.shadowRoot)}};var Ot=(e,t={})=>{var n;if(!M.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=ve();const i=[];const s=t.exclude||[];const l=M.customElements;const o=M.document.head;const f=o.querySelector("meta[charset]");const a=M.document.createElement("style");const c=[];let v;let p=true;Object.assign(R,t);R.S=new URL(t.resourcesUrl||"./",M.document.baseURI).href;{R.i|=2}{we()}let h=false;e.map((e=>{e[1].map((t=>{var n;const r={i:t[0],$:t[1],P:t[2],J:t[3]};if(r.i&4){h=true}{r.P=t[2]}{r.J=t[3]}{r.V=[]}{r.B=(n=t[4])!=null?n:{}}const o=r.$;const f=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;d(e,r);if(r.i&1){{if(!e.shadowRoot){le.call(e,r)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=u(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;xt(this,e,r.J)}if(v){clearTimeout(v);v=null}if(p){c.push(this)}else{R.jmp((()=>gt(this)))}}disconnectedCallback(){R.jmp((()=>jt(this)));R.raf((()=>{var e;const t=u(this);if(!t){return}const n=c.findIndex((e=>e===this));if(n>-1){c.splice(n,1)}if(((e=t==null?void 0:t.A)==null?void 0:e.M)instanceof Node&&!t.A.M.isConnected){delete t.A.M}}))}componentOnReady(){var e;return(e=u(this))==null?void 0:e.p}};if(r.i&64){f.formAssociated=true}r.m=e[0];if(!s.includes(o)&&!l.get(o)){i.push(o);l.define(o,mt(f,r,1))}}))}));if(i.length>0){if(h){a.textContent+=E}{a.textContent+=i.sort()+C}if(a.innerHTML.length){a.setAttribute("data-styles","");const e=(n=R.j)!=null?n:Y(M.document);if(e!=null){a.setAttribute("nonce",e)}o.insertBefore(a,f?f.nextSibling:o.firstChild)}}p=false;if(c.length){c.map((e=>e.connectedCallback()))}else{{R.jmp((()=>v=setTimeout(dt,30)))}}r()};var kt=(e,t)=>t;var xt=(e,t,n,r)=>{if(n&&M.document){n.map((([n,r,i])=>{const s=Et(M.document,e,n);const l=Ct(t,i);const o=Nt(n);R.ael(s,r,l,o);(t.Y=t.Y||[]).push((()=>R.rel(s,r,l,o)))}))}};var Ct=(e,t)=>n=>{var r;try{{if(e.i&256){(r=e.t)==null?void 0:r[t](n)}else{(e.T=e.T||[]).push([t,n])}}}catch(t){h(t,e.$hostElement$)}};var Et=(e,t,n)=>{if(n&8){return M}return t};var Nt=e=>U?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var It=e=>R.j=e;export{kt as F,je as H,P as a,Ot as b,We as c,B as d,vt as f,Le as g,ge as h,A as p,v as r,It as s};
+//# sourceMappingURL=p-DUcGWByh.js.map