@siemens/ix 2.1.0 → 2.1.1

package/dist/siemens-ix/{p-0d5ae5ed.entry.js.map → p-e23cd82e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["avatarCss","IxAvatarStyle0","DefaultAvatar","props","initials","h","class","xmlns","width","height","viewBox","fill","id","d","AvatarImage","image","src","UserInfo","Fragment","onClick","event","preventDefault","userName","extra","color","Avatar","componentWillLoad","closest","closestElement","this","hostElement","isClosestApplicationHeader","slottedChanged","hasSlottedElements","slotElement","resolveAvatarTrigger","Promise","resolve","readTask","shadowRoot","querySelector","render","Host","slot","BaseButton","disabled","ghost","iconOval","icon","undefined","iconOnly","loading","outline","selected","type","variant","trigger","username","onSlotchange","ref","menuAvatarItemCss","IxMenuAvatarItemStyle0","MenuAvatarItem","dropdownItemRef","makeRef","getDropdownItemElement","waitForCurrent","key","label","e","itemClick","emit"],"sources":["src/components/avatar/avatar.scss?tag=ix-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx","src/components/menu-avatar-item/menu-avatar-item.scss?tag=ix-menu-avatar-item&encapsulation=shadow","src/components/menu-avatar-item/menu-avatar-item.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 'mixins/text-truncation';\n@import 'mixins/hover';\n@import './../button/button-mixin';\n\n:host {\n  display: flex;\n  position: relative;\n  width: fit-content;\n\n  .avatar {\n    display: flex;\n    align-items: center;\n\n    > .avatar-image {\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n    }\n\n    > .avatar-initials {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n      background-color: var(--theme-color-component-3);\n      color: var(--theme-color-std-text);\n    }\n\n    #avatar-path-background {\n      fill: var(--theme-avatar--background);\n    }\n\n    #avatar-path-person {\n      fill: var(--theme-color-4);\n    }\n  }\n}\n\n:host {\n  .user-info {\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    height: 2.5rem;\n    padding: 1rem;\n    width: 12.75rem;\n    min-width: 12.75rem;\n    max-width: 12.75rem;\n\n    gap: 1rem;\n\n    .avatar {\n      width: 2rem;\n      pointer-events: none;\n    }\n\n    .user {\n      display: flex;\n      position: relative;\n      flex-direction: column;\n      justify-content: center;\n      max-width: 10rem;\n      width: 100%;\n      overflow: hidden;\n    }\n\n    .username {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .extra {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n\n:host(.avatar-button) {\n  button {\n    @include btn-base;\n    padding: 0px;\n\n    border-radius: 100px !important;\n  }\n\n  @include btn-base-variant('invisible-primary', false);\n\n  li {\n    transform: scale(0.8);\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  Fragment,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(props: { initials?: string }) {\n  const { initials } = props;\n\n  if (initials) {\n    return <div class={'avatar-initials'}>{initials}</div>;\n  }\n\n  return (\n    <svg\n      class={'avatar-image'}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n    >\n      <g fill=\"none\" fill-rule=\"evenodd\">\n        <path\n          id=\"avatar-path-background\"\n          d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n        />\n        <path\n          id=\"avatar-path-person\"\n          d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n        />\n      </g>\n    </svg>\n  );\n}\n\nfunction AvatarImage(props: { image: string; initials: string }) {\n  return (\n    <li class=\"avatar\">\n      {props.image ? (\n        <img src={props.image} class=\"avatar-image\"></img>\n      ) : (\n        <DefaultAvatar initials={props.initials} />\n      )}\n    </li>\n  );\n}\n\nfunction UserInfo(props: {\n  image: string;\n  initials: string;\n  userName: string;\n  extra: string;\n}) {\n  return (\n    <Fragment>\n      <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n        <AvatarImage image={props.image} initials={props.initials} />\n        <div class=\"user\">\n          <div class=\"username\">{props.userName}</div>\n          {props.extra && (\n            <ix-typography class=\"extra\" color={'soft'}>\n              {props.extra}\n            </ix-typography>\n          )}\n        </div>\n      </div>\n    </Fragment>\n  );\n}\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  @Element() hostElement: HTMLIxAvatarElement;\n\n  /**\n   * Display an avatar image\n   *\n   */\n  @Prop() image: string;\n\n  /**\n   * Display the initials of the user. Will be overwritten by image\n   *\n   */\n  @Prop() initials: string;\n\n  /**\n   * If set an info card displaying the username will be placed inside the dropdown.\n   * Note: Only working if avatar is part of the ix-application-header\n   *\n   * @since 2.1.0\n   */\n  @Prop() username: string;\n\n  /**\n   * Optional description text that will be displayed underneath the username.\n   * Note: Only working if avatar is part of the ix-application-header\n   *\n   * @since 2.1.0\n   */\n  @Prop() extra: string;\n\n  @State() isClosestApplicationHeader = false;\n  @State() hasSlottedElements = false;\n\n  private slotElement: HTMLSlotElement;\n\n  componentWillLoad() {\n    const closest = closestElement('ix-application-header', this.hostElement);\n    this.isClosestApplicationHeader = closest !== null;\n  }\n\n  private slottedChanged() {\n    this.hasSlottedElements = hasSlottedElements(this.slotElement);\n  }\n\n  private resolveAvatarTrigger() {\n    return new Promise<HTMLElement>((resolve) => {\n      readTask(() =>\n        resolve(this.hostElement.shadowRoot.querySelector('button'))\n      );\n    });\n  }\n\n  render() {\n    if (this.isClosestApplicationHeader) {\n      return (\n        <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n          <BaseButton\n            disabled={false}\n            ghost={true}\n            iconOval={false}\n            icon={undefined}\n            iconOnly={false}\n            loading={false}\n            outline={false}\n            selected={false}\n            type=\"button\"\n            variant=\"primary\"\n          >\n            <AvatarImage image={this.image} initials={this.initials} />\n          </BaseButton>\n          <ix-dropdown\n            trigger={this.resolveAvatarTrigger()}\n            class=\"avatar-dropdown\"\n          >\n            {this.username && (\n              <Fragment>\n                <UserInfo\n                  extra={this.extra}\n                  image={this.image}\n                  initials={this.initials}\n                  userName={this.username}\n                />\n                {this.hasSlottedElements && <ix-divider></ix-divider>}\n              </Fragment>\n            )}\n            <slot\n              onSlotchange={() => this.slottedChanged()}\n              ref={(ref: HTMLSlotElement) => (this.slotElement = ref)}\n            ></slot>\n          </ix-dropdown>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <AvatarImage image={this.image} initials={this.initials} />\n      </Host>\n    );\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@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\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  h,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-menu-avatar-item',\n  styleUrl: 'menu-avatar-item.scss',\n  shadow: true,\n})\nexport class MenuAvatarItem implements DropdownItemWrapper {\n  /**\n   * Avatar dropdown icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Avatar dropdown label\n   */\n  @Prop() label: string;\n\n  /**\n   * Avatar dropdown item clicked\n   */\n  @Event() itemClick: EventEmitter<MouseEvent>;\n\n  @Element() hostElement: HTMLIxMenuAvatarItemElement;\n\n  private dropdownItemRef = makeRef<HTMLIxDropdownItemElement>();\n\n  /** @internal */\n  @Method()\n  async getDropdownItemElement() {\n    return this.dropdownItemRef.waitForCurrent();\n  }\n\n  render() {\n    return (\n      <ix-dropdown-item\n        ref={this.dropdownItemRef}\n        icon={this.icon}\n        label={this.label}\n        onClick={(e) => this.itemClick.emit(e)}\n      ></ix-dropdown-item>\n    );\n  }\n}\n"],"mappings":"iMAAA,MAAMA,EAAY,g9GAClB,MAAAC,EAAeD,ECqBf,SAASE,EAAcC,GACrB,MAAMC,SAAEA,GAAaD,EAErB,GAAIC,EAAU,CACZ,OAAOC,EAAA,OAAKC,MAAO,mBAAoBF,E,CAGzC,OACEC,EAAA,OACEC,MAAO,eACPC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,aAERL,EAAA,KAAGM,KAAK,OAAM,YAAW,WACvBN,EAAA,QACEO,GAAG,yBACHC,EAAE,qIAGJR,EAAA,QACEO,GAAG,qBACHC,EAAE,+TAQZ,CAEA,SAASC,EAAYX,GACnB,OACEE,EAAA,MAAIC,MAAM,UACPH,EAAMY,MACLV,EAAA,OAAKW,IAAKb,EAAMY,MAAOT,MAAM,iBAE7BD,EAACH,EAAa,CAACE,SAAUD,EAAMC,WAIvC,CAEA,SAASa,EAASd,GAMhB,OACEE,EAACa,EAAQ,KACPb,EAAA,OAAKC,MAAM,YAAYa,QAAUC,GAAUA,EAAMC,kBAC/ChB,EAACS,EAAW,CAACC,MAAOZ,EAAMY,MAAOX,SAAUD,EAAMC,WACjDC,EAAA,OAAKC,MAAM,QACTD,EAAA,OAAKC,MAAM,YAAYH,EAAMmB,UAC5BnB,EAAMoB,OACLlB,EAAA,iBAAeC,MAAM,QAAQkB,MAAO,QACjCrB,EAAMoB,SAOrB,C,MAUaE,EAAM,M,mJA+BqB,M,wBACR,K,CAI9B,iBAAAC,GACE,MAAMC,EAAUC,EAAe,wBAAyBC,KAAKC,aAC7DD,KAAKE,2BAA6BJ,IAAY,I,CAGxC,cAAAK,GACNH,KAAKI,mBAAqBA,EAAmBJ,KAAKK,Y,CAG5C,oBAAAC,GACN,OAAO,IAAIC,SAAsBC,IAC/BC,GAAS,IACPD,EAAQR,KAAKC,YAAYS,WAAWC,cAAc,YACnD,G,CAIL,MAAAC,GACE,GAAIZ,KAAKE,2BAA4B,CACnC,OACE1B,EAACqC,EAAI,CAACC,KAAK,+BAA+BrC,MAAO,iBAC/CD,EAACuC,EAAU,CACTC,SAAU,MACVC,MAAO,KACPC,SAAU,MACVC,KAAMC,UACNC,SAAU,MACVC,QAAS,MACTC,QAAS,MACTC,SAAU,MACVC,KAAK,SACLC,QAAQ,WAERlD,EAACS,EAAW,CAACC,MAAOc,KAAKd,MAAOX,SAAUyB,KAAKzB,YAEjDC,EAAA,eACEmD,QAAS3B,KAAKM,uBACd7B,MAAM,mBAELuB,KAAK4B,UACJpD,EAACa,EAAQ,KACPb,EAACY,EAAQ,CACPM,MAAOM,KAAKN,MACZR,MAAOc,KAAKd,MACZX,SAAUyB,KAAKzB,SACfkB,SAAUO,KAAK4B,WAEhB5B,KAAKI,oBAAsB5B,EAAA,oBAGhCA,EAAA,QACEqD,aAAc,IAAM7B,KAAKG,iBACzB2B,IAAMA,GAA0B9B,KAAKK,YAAcyB,K,CAO7D,OACEtD,EAACqC,EAAI,KACHrC,EAACS,EAAW,CAACC,MAAOc,KAAKd,MAAOX,SAAUyB,KAAKzB,W,8CCnMvD,MAAMwD,EAAoB,mnBAC1B,MAAAC,EAAeD,E,MCyBFE,EAAc,M,8DAkBjBjC,KAAAkC,gBAAkBC,I,yCAI1B,4BAAMC,GACJ,OAAOpC,KAAKkC,gBAAgBG,gB,CAG9B,MAAAzB,GACE,OACEpC,EAAA,oBAAA8D,IAAA,2CACER,IAAK9B,KAAKkC,gBACVf,KAAMnB,KAAKmB,KACXoB,MAAOvC,KAAKuC,MACZjD,QAAUkD,GAAMxC,KAAKyC,UAAUC,KAAKF,I"}
+{"version":3,"names":["avatarCss","IxAvatarStyle0","DefaultAvatar","props","initials","h","class","xmlns","width","height","viewBox","fill","id","d","AvatarImage","image","src","UserInfo","Fragment","onClick","event","preventDefault","userName","extra","color","Avatar","componentWillLoad","closest","closestElement","this","hostElement","isClosestApplicationHeader","slottedChanged","hasSlottedElements","slotElement","resolveAvatarTrigger","Promise","resolve","readTask","shadowRoot","querySelector","render","Host","slot","BaseButton","disabled","ghost","iconOval","icon","undefined","iconOnly","loading","outline","selected","type","variant","trigger","username","onSlotchange","ref","menuAvatarItemCss","IxMenuAvatarItemStyle0","MenuAvatarItem","dropdownItemRef","makeRef","getDropdownItemElement","waitForCurrent","key","label","e","itemClick","emit"],"sources":["src/components/avatar/avatar.scss?tag=ix-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx","src/components/menu-avatar-item/menu-avatar-item.scss?tag=ix-menu-avatar-item&encapsulation=shadow","src/components/menu-avatar-item/menu-avatar-item.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 'mixins/text-truncation';\n@import 'mixins/hover';\n@import './../button/button-mixin';\n\n:host {\n  display: flex;\n  position: relative;\n  width: fit-content;\n\n  .avatar {\n    display: flex;\n    align-items: center;\n\n    > .avatar-image {\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n    }\n\n    > .avatar-initials {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n      background-color: var(--theme-color-component-3);\n      color: var(--theme-color-std-text);\n    }\n\n    #avatar-path-background {\n      fill: var(--theme-avatar--background);\n    }\n\n    #avatar-path-person {\n      fill: var(--theme-color-4);\n    }\n  }\n}\n\n:host {\n  .user-info {\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    height: 2.5rem;\n    padding: 1rem;\n    width: 12.75rem;\n    min-width: 12.75rem;\n    max-width: 12.75rem;\n\n    gap: 1rem;\n\n    .avatar {\n      width: 2rem;\n      pointer-events: none;\n    }\n\n    .user {\n      display: flex;\n      position: relative;\n      flex-direction: column;\n      justify-content: center;\n      max-width: 10rem;\n      width: 100%;\n      overflow: hidden;\n    }\n\n    .username {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .extra {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n\n:host(.avatar-button) {\n  button {\n    @include btn-base;\n    padding: 0px;\n\n    border-radius: 100px !important;\n  }\n\n  @include btn-base-variant('invisible-primary', false);\n\n  li {\n    transform: scale(0.8);\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  Fragment,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(props: { initials?: string }) {\n  const { initials } = props;\n\n  if (initials) {\n    return <div class={'avatar-initials'}>{initials}</div>;\n  }\n\n  return (\n    <svg\n      class={'avatar-image'}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n    >\n      <g fill=\"none\" fill-rule=\"evenodd\">\n        <path\n          id=\"avatar-path-background\"\n          d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n        />\n        <path\n          id=\"avatar-path-person\"\n          d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n        />\n      </g>\n    </svg>\n  );\n}\n\nfunction AvatarImage(props: { image: string; initials: string }) {\n  return (\n    <li class=\"avatar\">\n      {props.image ? (\n        <img src={props.image} class=\"avatar-image\"></img>\n      ) : (\n        <DefaultAvatar initials={props.initials} />\n      )}\n    </li>\n  );\n}\n\nfunction UserInfo(props: {\n  image: string;\n  initials: string;\n  userName: string;\n  extra: string;\n}) {\n  return (\n    <Fragment>\n      <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n        <AvatarImage image={props.image} initials={props.initials} />\n        <div class=\"user\">\n          <div class=\"username\">{props.userName}</div>\n          {props.extra && (\n            <ix-typography class=\"extra\" color={'soft'}>\n              {props.extra}\n            </ix-typography>\n          )}\n        </div>\n      </div>\n    </Fragment>\n  );\n}\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  @Element() hostElement: HTMLIxAvatarElement;\n\n  /**\n   * Display an avatar image\n   *\n   */\n  @Prop() image: string;\n\n  /**\n   * Display the initials of the user. Will be overwritten by image\n   *\n   */\n  @Prop() initials: string;\n\n  /**\n   * If set an info card displaying the username will be placed inside the dropdown.\n   * Note: Only working if avatar is part of the ix-application-header\n   *\n   * @since 2.1.0\n   */\n  @Prop() username: string;\n\n  /**\n   * Optional description text that will be displayed underneath the username.\n   * Note: Only working if avatar is part of the ix-application-header\n   *\n   * @since 2.1.0\n   */\n  @Prop() extra: string;\n\n  @State() isClosestApplicationHeader = false;\n  @State() hasSlottedElements = false;\n\n  private slotElement: HTMLSlotElement;\n\n  componentWillLoad() {\n    const closest = closestElement('ix-application-header', this.hostElement);\n    this.isClosestApplicationHeader = closest !== null;\n  }\n\n  private slottedChanged() {\n    this.hasSlottedElements = hasSlottedElements(this.slotElement);\n  }\n\n  private resolveAvatarTrigger() {\n    return new Promise<HTMLElement>((resolve) => {\n      readTask(() =>\n        resolve(this.hostElement.shadowRoot.querySelector('button'))\n      );\n    });\n  }\n\n  render() {\n    if (this.isClosestApplicationHeader) {\n      return (\n        <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n          <BaseButton\n            disabled={false}\n            ghost={true}\n            iconOval={false}\n            icon={undefined}\n            iconOnly={false}\n            loading={false}\n            outline={false}\n            selected={false}\n            type=\"button\"\n            variant=\"primary\"\n          >\n            <AvatarImage image={this.image} initials={this.initials} />\n          </BaseButton>\n          <ix-dropdown\n            trigger={this.resolveAvatarTrigger()}\n            class=\"avatar-dropdown\"\n          >\n            {this.username && (\n              <Fragment>\n                <UserInfo\n                  extra={this.extra}\n                  image={this.image}\n                  initials={this.initials}\n                  userName={this.username}\n                />\n                {this.hasSlottedElements && <ix-divider></ix-divider>}\n              </Fragment>\n            )}\n            <slot\n              onSlotchange={() => this.slottedChanged()}\n              ref={(ref: HTMLSlotElement) => (this.slotElement = ref)}\n            ></slot>\n          </ix-dropdown>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <AvatarImage image={this.image} initials={this.initials} />\n      </Host>\n    );\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@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\n  color: var(--theme-color-std-text);\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  h,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-menu-avatar-item',\n  styleUrl: 'menu-avatar-item.scss',\n  shadow: true,\n})\nexport class MenuAvatarItem implements DropdownItemWrapper {\n  /**\n   * Avatar dropdown icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Avatar dropdown label\n   */\n  @Prop() label: string;\n\n  /**\n   * Avatar dropdown item clicked\n   */\n  @Event() itemClick: EventEmitter<MouseEvent>;\n\n  @Element() hostElement: HTMLIxMenuAvatarItemElement;\n\n  private dropdownItemRef = makeRef<HTMLIxDropdownItemElement>();\n\n  /** @internal */\n  @Method()\n  async getDropdownItemElement() {\n    return this.dropdownItemRef.waitForCurrent();\n  }\n\n  render() {\n    return (\n      <ix-dropdown-item\n        ref={this.dropdownItemRef}\n        icon={this.icon}\n        label={this.label}\n        onClick={(e) => this.itemClick.emit(e)}\n      ></ix-dropdown-item>\n    );\n  }\n}\n"],"mappings":"iMAAA,MAAMA,EAAY,g9GAClB,MAAAC,EAAeD,ECqBf,SAASE,EAAcC,GACrB,MAAMC,SAAEA,GAAaD,EAErB,GAAIC,EAAU,CACZ,OAAOC,EAAA,OAAKC,MAAO,mBAAoBF,E,CAGzC,OACEC,EAAA,OACEC,MAAO,eACPC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,aAERL,EAAA,KAAGM,KAAK,OAAM,YAAW,WACvBN,EAAA,QACEO,GAAG,yBACHC,EAAE,qIAGJR,EAAA,QACEO,GAAG,qBACHC,EAAE,+TAQZ,CAEA,SAASC,EAAYX,GACnB,OACEE,EAAA,MAAIC,MAAM,UACPH,EAAMY,MACLV,EAAA,OAAKW,IAAKb,EAAMY,MAAOT,MAAM,iBAE7BD,EAACH,EAAa,CAACE,SAAUD,EAAMC,WAIvC,CAEA,SAASa,EAASd,GAMhB,OACEE,EAACa,EAAQ,KACPb,EAAA,OAAKC,MAAM,YAAYa,QAAUC,GAAUA,EAAMC,kBAC/ChB,EAACS,EAAW,CAACC,MAAOZ,EAAMY,MAAOX,SAAUD,EAAMC,WACjDC,EAAA,OAAKC,MAAM,QACTD,EAAA,OAAKC,MAAM,YAAYH,EAAMmB,UAC5BnB,EAAMoB,OACLlB,EAAA,iBAAeC,MAAM,QAAQkB,MAAO,QACjCrB,EAAMoB,SAOrB,C,MAUaE,EAAM,M,mJA+BqB,M,wBACR,K,CAI9B,iBAAAC,GACE,MAAMC,EAAUC,EAAe,wBAAyBC,KAAKC,aAC7DD,KAAKE,2BAA6BJ,IAAY,I,CAGxC,cAAAK,GACNH,KAAKI,mBAAqBA,EAAmBJ,KAAKK,Y,CAG5C,oBAAAC,GACN,OAAO,IAAIC,SAAsBC,IAC/BC,GAAS,IACPD,EAAQR,KAAKC,YAAYS,WAAWC,cAAc,YACnD,G,CAIL,MAAAC,GACE,GAAIZ,KAAKE,2BAA4B,CACnC,OACE1B,EAACqC,EAAI,CAACC,KAAK,+BAA+BrC,MAAO,iBAC/CD,EAACuC,EAAU,CACTC,SAAU,MACVC,MAAO,KACPC,SAAU,MACVC,KAAMC,UACNC,SAAU,MACVC,QAAS,MACTC,QAAS,MACTC,SAAU,MACVC,KAAK,SACLC,QAAQ,WAERlD,EAACS,EAAW,CAACC,MAAOc,KAAKd,MAAOX,SAAUyB,KAAKzB,YAEjDC,EAAA,eACEmD,QAAS3B,KAAKM,uBACd7B,MAAM,mBAELuB,KAAK4B,UACJpD,EAACa,EAAQ,KACPb,EAACY,EAAQ,CACPM,MAAOM,KAAKN,MACZR,MAAOc,KAAKd,MACZX,SAAUyB,KAAKzB,SACfkB,SAAUO,KAAK4B,WAEhB5B,KAAKI,oBAAsB5B,EAAA,oBAGhCA,EAAA,QACEqD,aAAc,IAAM7B,KAAKG,iBACzB2B,IAAMA,GAA0B9B,KAAKK,YAAcyB,K,CAO7D,OACEtD,EAACqC,EAAI,KACHrC,EAACS,EAAW,CAACC,MAAOc,KAAKd,MAAOX,SAAUyB,KAAKzB,W,8CCnMvD,MAAMwD,EAAoB,qpBAC1B,MAAAC,EAAeD,E,MCyBFE,EAAc,M,8DAkBjBjC,KAAAkC,gBAAkBC,I,yCAI1B,4BAAMC,GACJ,OAAOpC,KAAKkC,gBAAgBG,gB,CAG9B,MAAAzB,GACE,OACEpC,EAAA,oBAAA8D,IAAA,2CACER,IAAK9B,KAAKkC,gBACVf,KAAMnB,KAAKmB,KACXoB,MAAOvC,KAAKuC,MACZjD,QAAUkD,GAAMxC,KAAKyC,UAAUC,KAAKF,I"}

package/dist/siemens-ix/{p-a5496783.entry.js → p-e345d0d2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,F as s,H as o,g as a}from"./p-a9cf5eb2.js";import{D as h}from"./p-1370a3b4.js";const n=":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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}@media (max-width: 48em){:host .min-width{width:-moz-min-content;width:min-content}}@media (min-width: 48em){:host .border-right{border-right:var(--theme-x-weak-bdr-2)}}:host .max-height{max-height:-moz-max-content;max-height:max-content}:host .no-margin{margin:0;padding:0}:host .pull-right{float:right;padding:0.25rem 1rem}";const r=n;const d=class{constructor(e){t(this,e);this.dateRangeChange=i(this,"dateRangeChange",7);this.datePickerTouched=false;this.format="yyyy/LL/dd";this.range=true;this.from=undefined;this.to=undefined;this.minDate=undefined;this.maxDate=undefined;this.dateRangeId="custom";this.customRangeAllowed=true;this.dateRangeOptions=[];this.i18nCustomItem="Custom...";this.i18nDone="Done";this.i18nNoRange="No range set";this.today=h.now().toISO();this.selectedDateRangeId=undefined;this.currentRangeValue=undefined;this.triggerRef=undefined}onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId);this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}onDateRangeOptionsChange(){this.initialize();this.onDateRangeIdChange()}componentWillLoad(){this.initialize();this.setDateRangeSelection(this.dateRangeId)}async getDateRange(){return this.currentRangeValue}initialize(){const t=this.dateRangeId==="custom"||!this.dateRangeId&&!!this.from&&!!this.to;if(t&&this.customRangeAllowed){this.selectedDateRangeId="custom";this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to};return}const i=!t&&!this.from;if(!i){console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".');this.selectedDateRangeId="custom";this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to};return}}onDateSelect(t,i=true){this.dateRangeChange.emit(t);if(i){this.closeDropdown()}this.datePickerTouched=false}onRangeListSelect(t){if(this.setDateRangeSelection(t)){this.onDateSelect(this.currentRangeValue)}}setDateRangeSelection(t){this.selectedDateRangeId=t;const i=this.dateRangeOptions.find((i=>i.id===t));if(i){this.currentRangeValue=i}return i}closeDropdown(){this.hostElement.shadowRoot.querySelector("ix-dropdown").show=false}getButtonLabel(){var t,i;if(this.selectedDateRangeId==="custom"&&((t=this.currentRangeValue)===null||t===void 0?void 0:t.from)){let t=this.currentRangeValue.from;if(this.currentRangeValue.to){t+=` - ${this.currentRangeValue.to}`}return t}if(!this.selectedDateRangeId){return this.i18nNoRange}if(!this.dateRangeOptions||((i=this.dateRangeOptions)===null||i===void 0?void 0:i.length)===0){return this.i18nNoRange}const e=this.dateRangeOptions.find((t=>t.id===this.selectedDateRangeId));if(!e){console.error(`Cannot find range option with id ${this.selectedDateRangeId}`);return this.i18nNoRange}return e.label}render(){var t,i;return e(o,{key:"587a80ff64848ac3072ae04a27573f83e1e11fd8"},e("ix-button",{key:"6fa079d6960402455bcb6b097c459efc77e08d6e","data-date-dropdown-trigger":true,variant:"primary",icon:"history",ref:t=>this.triggerRef=t,class:"button-width"},this.getButtonLabel()),e("ix-dropdown",{key:"dc9435a7533f1dc4d227ec12807f3d13d60161bf","data-date-dropdown":true,class:"min-width max-height",trigger:this.triggerRef,"close-behavior":"outside",placement:"bottom-start",onShowChanged:({detail:t})=>{if(!t&&this.selectedDateRangeId==="custom"&&this.datePickerTouched){this.onDateSelect(this.currentRangeValue)}}},e("ix-layout-grid",{key:"efb1071081dbf2e2a2f913af3c2e7d3ce78aa060","no-margin":"true"},e("ix-row",{key:"7c06508000770f55ff36057a8dae7b6e4b9404f4"},e("ix-col",{key:"ba2ea4063475d9bab8d1790991f7ef8564db9b23",class:{"no-margin":true,"border-right":this.selectedDateRangeId==="custom"}},this.dateRangeOptions.map((t=>e("ix-dropdown-item",{label:t.label,onClick:()=>this.onRangeListSelect(t.id),checked:this.selectedDateRangeId===t.id}))),e("div",{key:"caca9bcebaa6d232b69142762318874e1caa5f75",hidden:!this.customRangeAllowed},e("ix-dropdown-item",{key:"cd086f353be43158775857cd14b61057b1302e34",label:this.i18nCustomItem,checked:this.selectedDateRangeId==="custom",onClick:()=>this.onRangeListSelect("custom")}))),e("ix-col",{key:"8c21ecaaadec975b347848af14f4b63713a14026",class:"no-margin"},this.selectedDateRangeId==="custom"&&e(s,null,e("ix-date-picker",{standaloneAppearance:false,onDateChange:t=>{t.stopPropagation();this.currentRangeValue=Object.assign(Object.assign({},t.detail),{id:"custom"});this.datePickerTouched=true},onDateRangeChange:t=>t.stopPropagation(),format:this.format,range:this.range,from:this.from||((t=this.currentRangeValue)===null||t===void 0?void 0:t.from),to:this.to||((i=this.currentRangeValue)===null||i===void 0?void 0:i.to),minDate:this.minDate,maxDate:this.maxDate,today:this.today}),e("div",{class:"pull-right"},e("ix-button",{onClick:()=>{this.onDateSelect(this.currentRangeValue)}},this.i18nDone))))))))}get hostElement(){return a(this)}static get watchers(){return{dateRangeId:["onDateRangeIdChange"],to:["onDateRangeIdChange"],from:["onDateRangeIdChange"],dateRangeOptions:["onDateRangeOptionsChange"]}}};d.style=r;export{d as ix_date_dropdown};
-//# sourceMappingURL=p-a5496783.entry.js.map
+import{r as t,c as i,h as e,F as s,H as o,g as a}from"./p-ea80cb61.js";import{D as h}from"./p-1370a3b4.js";const n=":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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}@media (max-width: 48em){:host .min-width{width:-moz-min-content;width:min-content}}@media (min-width: 48em){:host .border-right{border-right:var(--theme-x-weak-bdr-2)}}:host .max-height{max-height:-moz-max-content;max-height:max-content}:host .no-margin{margin:0;padding:0}:host .pull-right{float:right;padding:0.25rem 1rem}";const r=n;const d=class{constructor(e){t(this,e);this.dateRangeChange=i(this,"dateRangeChange",7);this.datePickerTouched=false;this.format="yyyy/LL/dd";this.range=true;this.from=undefined;this.to=undefined;this.minDate=undefined;this.maxDate=undefined;this.dateRangeId="custom";this.customRangeAllowed=true;this.dateRangeOptions=[];this.i18nCustomItem="Custom...";this.i18nDone="Done";this.i18nNoRange="No range set";this.today=h.now().toISO();this.selectedDateRangeId=undefined;this.currentRangeValue=undefined;this.triggerRef=undefined}onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId);this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}onDateRangeOptionsChange(){this.initialize();this.onDateRangeIdChange()}componentWillLoad(){this.initialize();this.setDateRangeSelection(this.dateRangeId)}async getDateRange(){return this.currentRangeValue}initialize(){const t=this.dateRangeId==="custom"||!this.dateRangeId&&!!this.from&&!!this.to;if(t&&this.customRangeAllowed){this.selectedDateRangeId="custom";this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to};return}const i=!t&&!this.from;if(!i){console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".');this.selectedDateRangeId="custom";this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to};return}}onDateSelect(t,i=true){this.dateRangeChange.emit(t);if(i){this.closeDropdown()}this.datePickerTouched=false}onRangeListSelect(t){if(this.setDateRangeSelection(t)){this.onDateSelect(this.currentRangeValue)}}setDateRangeSelection(t){this.selectedDateRangeId=t;const i=this.dateRangeOptions.find((i=>i.id===t));if(i){this.currentRangeValue=i}return i}closeDropdown(){this.hostElement.shadowRoot.querySelector("ix-dropdown").show=false}getButtonLabel(){var t,i;if(this.selectedDateRangeId==="custom"&&((t=this.currentRangeValue)===null||t===void 0?void 0:t.from)){let t=this.currentRangeValue.from;if(this.currentRangeValue.to){t+=` - ${this.currentRangeValue.to}`}return t}if(!this.selectedDateRangeId){return this.i18nNoRange}if(!this.dateRangeOptions||((i=this.dateRangeOptions)===null||i===void 0?void 0:i.length)===0){return this.i18nNoRange}const e=this.dateRangeOptions.find((t=>t.id===this.selectedDateRangeId));if(!e){console.error(`Cannot find range option with id ${this.selectedDateRangeId}`);return this.i18nNoRange}return e.label}render(){var t,i;return e(o,{key:"587a80ff64848ac3072ae04a27573f83e1e11fd8"},e("ix-button",{key:"6fa079d6960402455bcb6b097c459efc77e08d6e","data-date-dropdown-trigger":true,variant:"primary",icon:"history",ref:t=>this.triggerRef=t,class:"button-width"},this.getButtonLabel()),e("ix-dropdown",{key:"dc9435a7533f1dc4d227ec12807f3d13d60161bf","data-date-dropdown":true,class:"min-width max-height",trigger:this.triggerRef,"close-behavior":"outside",placement:"bottom-start",onShowChanged:({detail:t})=>{if(!t&&this.selectedDateRangeId==="custom"&&this.datePickerTouched){this.onDateSelect(this.currentRangeValue)}}},e("ix-layout-grid",{key:"efb1071081dbf2e2a2f913af3c2e7d3ce78aa060","no-margin":"true"},e("ix-row",{key:"7c06508000770f55ff36057a8dae7b6e4b9404f4"},e("ix-col",{key:"ba2ea4063475d9bab8d1790991f7ef8564db9b23",class:{"no-margin":true,"border-right":this.selectedDateRangeId==="custom"}},this.dateRangeOptions.map((t=>e("ix-dropdown-item",{label:t.label,onClick:()=>this.onRangeListSelect(t.id),checked:this.selectedDateRangeId===t.id}))),e("div",{key:"caca9bcebaa6d232b69142762318874e1caa5f75",hidden:!this.customRangeAllowed},e("ix-dropdown-item",{key:"cd086f353be43158775857cd14b61057b1302e34",label:this.i18nCustomItem,checked:this.selectedDateRangeId==="custom",onClick:()=>this.onRangeListSelect("custom")}))),e("ix-col",{key:"8c21ecaaadec975b347848af14f4b63713a14026",class:"no-margin"},this.selectedDateRangeId==="custom"&&e(s,null,e("ix-date-picker",{standaloneAppearance:false,onDateChange:t=>{t.stopPropagation();this.currentRangeValue=Object.assign(Object.assign({},t.detail),{id:"custom"});this.datePickerTouched=true},onDateRangeChange:t=>t.stopPropagation(),format:this.format,range:this.range,from:this.from||((t=this.currentRangeValue)===null||t===void 0?void 0:t.from),to:this.to||((i=this.currentRangeValue)===null||i===void 0?void 0:i.to),minDate:this.minDate,maxDate:this.maxDate,today:this.today}),e("div",{class:"pull-right"},e("ix-button",{onClick:()=>{this.onDateSelect(this.currentRangeValue)}},this.i18nDone))))))))}get hostElement(){return a(this)}static get watchers(){return{dateRangeId:["onDateRangeIdChange"],to:["onDateRangeIdChange"],from:["onDateRangeIdChange"],dateRangeOptions:["onDateRangeOptionsChange"]}}};d.style=r;export{d as ix_date_dropdown};
+//# sourceMappingURL=p-e345d0d2.entry.js.map

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

@@ -0,0 +1,3 @@
+const t="siemens-ix";let e;let n;let s=false;let o=false;let l=false;const i=(t,e="")=>{{return()=>{}}};const c=(t,e)=>{{return()=>{}}};const f="{visibility:hidden}.hydrated{visibility:inherit}";const r="slot-fb{display:contents}slot-fb[hidden]{display:none}";const u="http://www.w3.org/1999/xlink";const a={};const d="http://www.w3.org/2000/svg";const v="http://www.w3.org/1999/xhtml";const h=t=>t!=null;const p=t=>{t=typeof t;return t==="object"||t==="function"};function y(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const b=(t,e,...n)=>{let s=null;let o=null;let l=false;let i=false;const c=[];const f=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(l=typeof t!=="function"&&!p(s)){s=String(s)}if(l&&i){c[c.length-1].t+=s}else{c.push(l?m(null,s):s)}i=l}}};f(n);if(e){if(e.key){o=e.key}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,c,g)}const r=m(t,null);r.o=e;if(c.length>0){r.l=c}{r.i=o}return r};const m=(t,e)=>{const n={u:0,v:t,t:e,h:null,l:null};{n.o=null}{n.i=null}return n};const w={};const $=t=>t&&t.v===w;const g={forEach:(t,e)=>t.map(j).forEach(e),map:(t,e)=>t.map(j).map(e).map(O)};const j=t=>({vattrs:t.o,vchildren:t.l,vkey:t.i,vname:t.p,vtag:t.v,vtext:t.t});const O=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return b(t.vtag,e,...t.vchildren||[])}const e=m(t.vtag,t.vtext);e.o=t.vattrs;e.l=t.vchildren;e.i=t.vkey;e.p=t.vname;return e};const S=(t,e)=>{if(t!=null&&!p(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const k=t=>Mt(t).$hostElement$;const C=(t,e,n)=>{const s=k(t);return{emit:t=>x(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const x=(t,e,n)=>{const s=_t.ce(e,n);t.dispatchEvent(s);return s};const M=new WeakMap;const E=(t,e,n)=>{let s=Wt.get(t);if(qt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Wt.set(t,s)};const N=(t,e,n)=>{var s;const o=R(e);const l=Wt.get(o);t=t.nodeType===11?t:Tt;if(l){if(typeof l==="string"){t=t.head||t;let n=M.get(t);let i;if(!n){M.set(t,n=new Set)}if(!n.has(o)){{i=Tt.createElement("style");i.innerHTML=l;const e=(s=_t.m)!==null&&s!==void 0?s:y(Tt);if(e!=null){i.setAttribute("nonce",e)}t.insertBefore(i,t.querySelector("link"))}if(e.u&4){i.innerHTML+=r}if(n){n.add(o)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return o};const P=t=>{const e=t.$;const n=t.$hostElement$;const s=e.u;const o=i("attachStyles",e.j);const l=N(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=l;n.classList.add(l+"-h");if(s&2){n.classList.add(l+"-s")}}o()};const R=(t,e)=>"sc-"+t.j;const A=(t,e,n,s,o,l)=>{if(n!==s){let i=Pt(t,e);let c=e.toLowerCase();if(e==="class"){const e=t.classList;const o=U(n);const l=U(s);e.remove(...o.filter((t=>t&&!l.includes(t))));e.add(...l.filter((t=>t&&!o.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Pt(Ft,c)){e=c.slice(2)}else{e=c[2]+e.slice(3)}if(n||s){const o=e.endsWith(W);e=e.replace(F,"");if(n){_t.rel(t,e,n,o)}if(s){_t.ael(t,e,s,o)}}}else{const f=p(s);if((i||f&&s!==null)&&!o){try{if(!t.tagName.includes("-")){const o=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=o){t[e]=o}}else{t[e]=s}}catch(t){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){e=c;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(u,e)}else{t.removeAttribute(e)}}}else if((!i||l&4||o)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(u,e,s)}else{t.setAttribute(e,s)}}}}};const L=/\s/;const U=t=>!t?[]:t.split(L);const W="Capture";const F=new RegExp(W+"$");const T=(t,e,n,s)=>{const o=e.h.nodeType===11&&e.h.host?e.h.host:e.h;const l=t&&t.o||a;const i=e.o||a;{for(s in l){if(!(s in i)){A(o,s,l[s],undefined,n,e.u)}}}for(s in i){A(o,s,l[s],i[s],n,e.u)}};const _=(t,s,l,i)=>{const c=s.l[l];let f=0;let r;let u;if(c.t!==null){r=c.h=Tt.createTextNode(c.t)}else{if(!o){o=c.v==="svg"}r=c.h=Tt.createElementNS(o?d:v,c.v);if(o&&c.v==="foreignObject"){o=false}{T(null,c,o)}if(h(e)&&r["s-si"]!==e){r.classList.add(r["s-si"]=e)}if(c.l){for(f=0;f<c.l.length;++f){u=_(t,c,f);if(u){r.appendChild(u)}}}{if(c.v==="svg"){o=false}else if(r.tagName==="foreignObject"){o=true}}}r["s-hn"]=n;return r};const D=(t,e,s,o,l,i)=>{let c=t;let f;if(c.shadowRoot&&c.tagName===n){c=c.shadowRoot}for(;l<=i;++l){if(o[l]){f=_(null,s,l);if(f){o[l].h=f;c.insertBefore(f,e)}}}};const H=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.h;B(e);if(t){t.remove()}}}};const q=(t,e,n,s,o=false)=>{let l=0;let i=0;let c=0;let f=0;let r=e.length-1;let u=e[0];let a=e[r];let d=s.length-1;let v=s[0];let h=s[d];let p;let y;while(l<=r&&i<=d){if(u==null){u=e[++l]}else if(a==null){a=e[--r]}else if(v==null){v=s[++i]}else if(h==null){h=s[--d]}else if(I(u,v,o)){V(u,v,o);u=e[++l];v=s[++i]}else if(I(a,h,o)){V(a,h,o);a=e[--r];h=s[--d]}else if(I(u,h,o)){V(u,h,o);t.insertBefore(u.h,a.h.nextSibling);u=e[++l];h=s[--d]}else if(I(a,v,o)){V(a,v,o);t.insertBefore(a.h,u.h);a=e[--r];v=s[++i]}else{c=-1;{for(f=l;f<=r;++f){if(e[f]&&e[f].i!==null&&e[f].i===v.i){c=f;break}}}if(c>=0){y=e[c];if(y.v!==v.v){p=_(e&&e[i],n,c)}else{V(y,v,o);e[c]=undefined;p=y.h}v=s[++i]}else{p=_(e&&e[i],n,i);v=s[++i]}if(p){{u.h.parentNode.insertBefore(p,u.h)}}}}if(l>r){D(t,s[d+1]==null?null:s[d+1].h,n,s,i,d)}else if(i>d){H(e,l,r)}};const I=(t,e,n=false)=>{if(t.v===e.v){if(!n){return t.i===e.i}return true}return false};const V=(t,e,n=false)=>{const l=e.h=t.h;const i=t.l;const c=e.l;const f=e.v;const r=e.t;if(r===null){{o=f==="svg"?true:f==="foreignObject"?false:o}{if(f==="slot"&&!s);else{T(t,e,o)}}if(i!==null&&c!==null){q(l,i,e,c,n)}else if(c!==null){if(t.t!==null){l.textContent=""}D(l,null,e,c,0,c.length-1)}else if(i!==null){H(i,0,i.length-1)}if(o&&f==="svg"){o=false}}else if(t.t!==r){l.data=r}};const z=t=>{const e=t.childNodes;for(const t of e){if(t.nodeType===1){if(t["s-sr"]){const n=t["s-sn"];t.hidden=false;for(const s of e){if(s!==t){if(s["s-hn"]!==t["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){t.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){t.hidden=true;break}}}}}z(t)}}};const B=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.l&&t.l.map(B)}};const G=(t,o,l=false)=>{const i=t.$hostElement$;const c=t.$;const f=t.O||m(null,null);const r=$(o)?o:b(null,null,o);n=i.tagName;if(c.S){r.o=r.o||{};c.S.map((([t,e])=>r.o[e]=i[t]))}if(l&&r.o){for(const t of Object.keys(r.o)){if(i.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){r.o[t]=i[t]}}}r.v=null;r.u|=4;t.O=r;r.h=f.h=i.shadowRoot||i;{e=i["s-sc"]}s=(c.u&1)!==0;V(f,r,l)};const J=(t,e)=>{if(e&&!t.k&&e["s-p"]){e["s-p"].push(new Promise((e=>t.k=e)))}};const K=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}J(t,t.C);const n=()=>Q(t,e);return Qt(n)};const Q=(t,e)=>{const n=i("scheduleUpdate",t.$.j);const s=t.M;let o;if(e){{t.u|=256;if(t.N){t.N.map((([t,e])=>ot(s,t,e)));t.N=undefined}}{o=ot(s,"componentWillLoad")}}{o=X(o,(()=>ot(s,"componentWillRender")))}n();return X(o,(()=>Z(t,s,e)))};const X=(t,e)=>Y(t)?t.then(e):e();const Y=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const Z=async(t,e,n)=>{var s;const o=t.$hostElement$;const l=i("update",t.$.j);const c=o["s-rc"];if(n){P(t)}const f=i("render",t.$.j);{tt(t,e,o,n)}if(c){c.map((t=>t()));o["s-rc"]=undefined}f();l();{const e=(s=o["s-p"])!==null&&s!==void 0?s:[];const n=()=>et(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const tt=(t,e,n,s)=>{try{e=e.render();{t.u&=~16}{t.u|=2}{{{G(t,e,s)}}}}catch(e){Rt(e,t.$hostElement$)}return null};const et=t=>{const e=t.$.j;const n=t.$hostElement$;const s=i("postUpdate",e);const o=t.M;const l=t.C;{ot(o,"componentDidRender")}if(!(t.u&64)){t.u|=64;{lt(n)}{ot(o,"componentDidLoad")}s();{t.P(n);if(!l){st()}}}else{s()}{t.R(n)}{if(t.k){t.k();t.k=undefined}if(t.u&512){Jt((()=>K(t,false)))}t.u&=~(4|512)}};const nt=t=>{{const e=Mt(t);const n=e.$hostElement$.isConnected;if(n&&(e.u&(2|16))===2){K(e,false)}return n}};const st=e=>{{lt(Tt.documentElement)}Jt((()=>x(Ft,"appload",{detail:{namespace:t}})))};const ot=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Rt(t)}}return undefined};const lt=t=>t.classList.add("hydrated");const it=(t,e)=>Mt(t).A.get(e);const ct=(t,e,n,s)=>{const o=Mt(t);const l=o.$hostElement$;const i=o.A.get(e);const c=o.u;const f=o.M;n=S(n,s.L[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){o.A.set(e,n);if(f){if(s.U&&c&128){const t=s.U[e];if(t){t.map((t=>{try{f[t](n,i,e)}catch(t){Rt(t,l)}}))}}if((c&(2|16))===2){K(o,false)}}}};const ft=(t,e,n)=>{var s;const o=t.prototype;if(e.L){if(t.watchers){e.U=t.watchers}const l=Object.entries(e.L);l.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(o,t,{get(){return it(this,t)},set(n){ct(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(o,t,{value(...e){var n;const s=Mt(this);return(n=s===null||s===void 0?void 0:s.W)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.M)===null||n===void 0?void 0:n[t](...e)}))}})}}));if(n&1){const n=new Map;o.attributeChangedCallback=function(t,s,l){_t.jmp((()=>{var i;const c=n.get(t);if(this.hasOwnProperty(c)){l=this[c];delete this[c]}else if(o.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==l){return}else if(c==null){const n=Mt(this);const o=n===null||n===void 0?void 0:n.u;if(o&&!(o&8)&&o&128&&l!==s){const o=n.M;const c=(i=e.U)===null||i===void 0?void 0:i[t];c===null||c===void 0?void 0:c.forEach((e=>{if(o[e]!=null){o[e].call(o,l,s,t)}}))}return}this[c]=l===null&&typeof this[c]==="boolean"?false:l}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=e.U)!==null&&s!==void 0?s:{}),...l.filter((([t,e])=>e[0]&15)).map((([t,s])=>{var o;const l=s[1]||t;n.set(l,t);if(s[0]&512){(o=e.S)===null||o===void 0?void 0:o.push([t,l])}return l}))]))}}return t};const rt=async(t,e,n,s)=>{let o;if((e.u&32)===0){e.u|=32;{o=Ut(n);if(o.then){const t=c();o=await o;t()}if(!o.isProxied){{n.U=o.watchers}ft(o,n,2);o.isProxied=true}const t=i("createInstance",n.j);{e.u|=8}try{new o(e)}catch(t){Rt(t)}{e.u&=~8}{e.u|=128}t();ut(e.M)}if(o.style){let t=o.style;const e=R(n);if(!Wt.has(e)){const s=i("registerStyles",n.j);E(e,t,!!(n.u&1));s()}}}const l=e.C;const f=()=>K(e,true);if(l&&l["s-rc"]){l["s-rc"].push(f)}else{f()}};const ut=t=>{{ot(t,"connectedCallback")}};const at=t=>{if((_t.u&1)===0){const e=Mt(t);const n=e.$;const s=i("connectedCallback",n.j);if(!(e.u&1)){e.u|=1;{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){J(e,e.C=n);break}}}if(n.L){Object.entries(n.L).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{rt(t,e,n)}}else{jt(t,e,n.F);if(e===null||e===void 0?void 0:e.M){ut(e.M)}else if(e===null||e===void 0?void 0:e.T){e.T.then((()=>ut(e.M)))}}s()}};const dt=t=>{{ot(t,"disconnectedCallback")}};const vt=async t=>{if((_t.u&1)===0){const e=Mt(t);{if(e._){e._.map((t=>t()));e._=undefined}}if(e===null||e===void 0?void 0:e.M){dt(e.M)}else if(e===null||e===void 0?void 0:e.T){e.T.then((()=>dt(e.M)))}}};const ht=t=>{t.__appendChild=t.appendChild;t.appendChild=function(t){const e=t["s-sn"]=bt(t);const n=mt(this.childNodes,e);if(n){const s=wt(n,e);const o=s[s.length-1];const l=o.parentNode.insertBefore(t,o.nextSibling);z(this);nt(this);return l}return this.__appendChild(t)}};const pt=t=>{const e=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");Object.defineProperty(t,"__textContent",e);{Object.defineProperty(t,"textContent",{get(){var t;const e=mt(this.childNodes,"");if(((t=e===null||e===void 0?void 0:e.nextSibling)===null||t===void 0?void 0:t.nodeType)===3){return e.nextSibling.textContent}else if(e){return e.textContent}else{return this.__textContent}},set(t){var e;const n=mt(this.childNodes,"");if(((e=n===null||n===void 0?void 0:n.nextSibling)===null||e===void 0?void 0:e.nodeType)===3){n.nextSibling.textContent=t}else if(n){n.textContent=t}else{this.__textContent=t;const e=this["s-cr"];if(e){this.insertBefore(e,this.firstChild)}}}})}};const yt=(t,e)=>{class n extends Array{item(t){return this[t]}}if(e.u&8){const e=t.__lookupGetter__("childNodes");Object.defineProperty(t,"children",{get(){return this.childNodes.map((t=>t.nodeType===1))}});Object.defineProperty(t,"childElementCount",{get(){return t.children.length}});Object.defineProperty(t,"childNodes",{get(){const t=e.call(this);if((_t.u&1)===0&&Mt(this).u&2){const e=new n;for(let n=0;n<t.length;n++){const s=t[n]["s-nr"];if(s){e.push(s)}}return e}return n.from(t)}})}};const bt=t=>t["s-sn"]||t.nodeType===1&&t.getAttribute("slot")||"";const mt=(t,e)=>{let n=0;let s;for(;n<t.length;n++){s=t[n];if(s["s-sr"]&&s["s-sn"]===e){return s}s=mt(s.childNodes,e);if(s){return s}}return null};const wt=(t,e)=>{const n=[t];while((t=t.nextSibling)&&t["s-sn"]===e){n.push(t)}return n};const $t=(t,e={})=>{var n;const s=i();const o=[];const l=e.exclude||[];const c=Ft.customElements;const u=Tt.head;const a=u.querySelector("meta[charset]");const d=Tt.createElement("style");const v=[];let h;let p=true;Object.assign(_t,e);_t.D=new URL(e.resourcesUrl||"./",Tt.baseURI).href;let b=false;t.map((t=>{t[1].map((e=>{var n;const s={u:e[0],j:e[1],L:e[2],F:e[3]};if(s.u&4){b=true}{s.L=e[2]}{s.F=e[3]}{s.S=[]}{s.U=(n=e[4])!==null&&n!==void 0?n:{}}const i=s.j;const f=class extends HTMLElement{constructor(t){super(t);t=this;Nt(t,s);if(s.u&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(h){clearTimeout(h);h=null}if(p){v.push(this)}else{_t.jmp((()=>at(this)))}}disconnectedCallback(){_t.jmp((()=>vt(this)))}componentOnReady(){return Mt(this).T}};{{yt(f.prototype,s)}{ht(f.prototype)}if(s.u&2){pt(f.prototype)}}s.H=t[0];if(!l.includes(i)&&!c.get(i)){o.push(i);c.define(i,ft(f,s,1))}}))}));if(o.length>0){if(b){d.textContent+=r}{d.textContent+=o+f}if(d.innerHTML.length){d.setAttribute("data-styles","");const t=(n=_t.m)!==null&&n!==void 0?n:y(Tt);if(t!=null){d.setAttribute("nonce",t)}u.insertBefore(d,a?a.nextSibling:u.firstChild)}}p=false;if(v.length){v.map((t=>t.connectedCallback()))}else{{_t.jmp((()=>h=setTimeout(st,30)))}}s()};const gt=(t,e)=>e;const jt=(t,e,n,s)=>{if(n){n.map((([n,s,o])=>{const l=St(t,n);const i=Ot(e,o);const c=kt(n);_t.ael(l,s,i,c);(e._=e._||[]).push((()=>_t.rel(l,s,i,c)))}))}};const Ot=(t,e)=>n=>{try{{if(t.u&256){t.M[e](n)}else{(t.N=t.N||[]).push([e,n])}}}catch(t){Rt(t)}};const St=(t,e)=>{if(e&8)return Ft;return t};const kt=t=>Dt?{passive:(t&1)!==0,capture:(t&2)!==0}:(t&2)!==0;const Ct=t=>_t.m=t;const xt=new WeakMap;const Mt=t=>xt.get(t);const Et=(t,e)=>xt.set(e.M=t,e);const Nt=(t,e)=>{const n={u:0,$hostElement$:t,$:e,A:new Map};{n.W=new Promise((t=>n.R=t))}{n.T=new Promise((t=>n.P=t));t["s-p"]=[];t["s-rc"]=[]}jt(t,n,e.F);return xt.set(t,n)};const Pt=(t,e)=>e in t;const Rt=(t,e)=>(0,console.error)(t,e);const At=new Map;const Lt="./";const Ut=(t,e,n)=>{const s=t.j.replace(/-/g,"_");const o=t.H;const l=At.get(o);if(l){return l[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`${Lt}${o}.entry.js${""}`).then((t=>{{At.set(o,t)}return t[s]}),Rt)};const Wt=new Map;const Ft=typeof window!=="undefined"?window:{};const Tt=Ft.document||{head:{}};const _t={u:0,D:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Dt=(()=>{let t=false;try{Tt.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(t){}return t})();const Ht=t=>Promise.resolve(t);const qt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const It=[];const Vt=[];const zt=(t,e)=>n=>{t.push(n);if(!l){l=true;if(e&&_t.u&4){Jt(Gt)}else{_t.raf(Gt)}}};const Bt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Rt(t)}}t.length=0};const Gt=()=>{Bt(It);{Bt(Vt);if(l=It.length>0){_t.raf(Gt)}}};const Jt=t=>Ht().then(t);const Kt=zt(It,false);const Qt=zt(Vt,true);export{gt as F,w as H,Kt as a,$t as b,C as c,nt as f,k as g,b as h,Ht as p,Et as r,Ct as s};
+//# sourceMappingURL=p-ea80cb61.js.map