@infineon/infineon-design-system-stencil 29.0.0 → 29.0.1--canary.1496.e3cf8609ecd461f6b0d341141e450b68c8d5072f.0

package/dist/infineon-design-system-stencil/p-4b0ebbb7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spinnerCss","IfxSpinnerStyle0","Spinner","render","h","key","class","this","getClassNames","variant","inverted","getSizeClass","width","height","viewBox","fill","xmlns","id","d","size","classNames","textFieldCss","IfxTextFieldStyle0","TextField","valueWatcher","newValue","inputElement","value","reset","handleDeleteContent","ifxInput","emit","handleInput","query","internals","setFormValue","formResetCallback","setValidity","disabled","htmlFor","optional","required","error","icon","ref","el","type","onInput","placeholder","maxlength","success","showDeleteIcon","onClick","caption"],"sources":["src/components/spinner/spinner.scss?tag=ifx-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx","src/components/text-field/text-field.scss?tag=ifx-text-field&encapsulation=shadow","src/components/text-field/text-field.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: inline-block;\n\n}\n\n.spinner {\n  position: relative;\n  width: tokens.$ifxSize500;\n  height: tokens.$ifxSize500;\n\n}\n\n.spinner.s {\n  width: tokens.$ifxSize300;\n  height: tokens.$ifxSize300;\n}\n\n.border {\n  box-sizing: border-box;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 4px solid transparent;\n  border-top-color: tokens.$ifxColorOcean500;\n  border-left-color: tokens.$ifxColorOcean500;\n  border-right-color: tokens.$ifxColorOcean500;\n  border-top-left-radius: 1px;\n  border-top-right-radius: 1px;\n  border-radius: 50%;\n  animation: spin 2s linear infinite;\n\n  &.inverted {\n    border-top-color: tokens.$ifxColorBaseWhite;\n    border-left-color: tokens.$ifxColorBaseWhite;\n    border-right-color: tokens.$ifxColorBaseWhite;\n  }\n}\n\n.semiconductor {\n  width: 100%;\n  height: 100%;\n  animation: spin 2s linear infinite;\n\n  & svg {\n    fill: tokens.$ifxColorOcean500;\n  }\n\n  &.inverted {\n    & svg {\n      fill: tokens.$ifxColorBaseWhite;\n    }\n  }\n\n  &.s {\n    & svg {\n      width: tokens.$ifxSize300;\n      height: tokens.$ifxSize300;\n    }\n  }\n}\n\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}","import { Component, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n@Component({\n  tag: 'ifx-spinner',\n  styleUrl: 'spinner.scss',\n  shadow: true,\n})\nexport class Spinner {\n  @Prop() size: string;\n  @Prop() variant: string;\n  @Prop() inverted: boolean = false;\n\n\n  render() {\n    return (\n      <div aria-label=\"spinner indicating a loading process\" class={this.getClassNames()}>\n        <div class={`${this.variant !== 'brand' ? 'border' : \"\"} ${this.inverted ? 'inverted' : \"\"}`}></div>\n        {this.variant === 'brand'\n          && <div class={`semiconductor ${this.inverted ? 'inverted' : \"\"} ${this.getSizeClass()}`}>\n            <svg width='40' height='40' viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g id=\"spinner/conductor\">\n                <path id=\"Vector\" d=\"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z\" />\n              </g>\n            </svg>\n          </div>}\n      </div>\n    );\n  }\n\n  getSizeClass() {\n    return `${this.size}` === \"s\"\n      ? \"s\"\n      : \"\";\n  }\n\n  getClassNames() {\n    return classNames(\n      'spinner',\n      this.size && `spinner ${this.getSizeClass()}`\n    );\n  }\n}\n","@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: flex;\n}\n\n.textInput__container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n  width: 100%;\n  flex: none;\n  order: 0;\n  align-self: stretch;\n  flex-grow: 0;\n  font-family: var(--ifx-font-family);\n\n\n  &.disabled {\n    & .textInput__top-wrapper {\n      & label {\n        color: tokens.$ifxColorEngineering500;\n      }\n    }\n\n    & .textInput__bottom-wrapper {\n      input {\n        border: 1px solid tokens.$ifxColorEngineering500;\n        background-color: tokens.$ifxColorEngineering200;\n\n        &::placeholder {\n          font-size: tokens.$ifxFontSizeS;\n          color: tokens.$ifxColorEngineering500;\n        }\n      }\n    }\n  }\n\n  & .textInput__top-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 0px;\n    gap: 4px;\n    flex: none;\n    order: 0;\n    align-self: stretch;\n    flex-grow: 0;\n\n    & label {\n      font-style: normal;\n      font-weight: 400;\n      font-size: tokens.$ifxFontSizeM;\n      line-height: tokens.$ifxLineHeightM;\n      display: flex;\n      align-items: center;\n      color: tokens.$ifxColorBaseBlack;\n      flex: none;\n      order: 0;\n      flex-grow: 0;\n\n      & .optional-required {\n        margin-left: 4px;\n      }\n\n      & .optional {\n        margin-left: 4px;\n      }\n\n      & .required {\n        margin-left: 4px;\n        \n        &.error {\n          color: #CD002F;\n        }\n      }\n    }\n  }\n\n  .input-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n  }\n\n\n  & .textInput__bottom-wrapper {\n    flex-grow: 1;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 0px;\n    gap: 4px;\n    flex: none;\n    order: 1;\n    align-self: stretch;\n    flex-grow: 0;\n\n    & input {\n      width: 100%;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n      gap: tokens.$ifxSpace100;\n      height: tokens.$ifxSize500;\n      background-color: tokens.$ifxColorBaseWhite;\n      color: tokens.$ifxColorBaseBlack;\n      font-family: tokens.$ifxFontFamilyBody;\n      font-size: tokens.$ifxFontSizeM;\n      line-height: tokens.$ifxLineHeightM;\n      border: 1px solid tokens.$ifxColorEngineering400;\n      border-radius: tokens.$ifxBorderRadius12;\n      flex: none;\n      order: 0;\n      align-self: stretch;\n      flex-grow: 0;\n      text-overflow: ellipsis;\n\n      &.input-s {\n        height: tokens.$ifxSize450;\n        font-size: tokens.$ifxFontSizeS;\n        line-height: tokens.$ifxLineHeightS;\n\n        &::placeholder {\n          font-size: tokens.$ifxFontSizeS;\n          line-height: tokens.$ifxLineHeightS;\n        }\n\n      }\n\n      &.icon {\n        padding-left: tokens.$ifxSpace500;\n      }\n\n      &.error {\n        border: 1px solid #CD002F;\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      &.success {\n        border: 1px solid #4CA460;\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n\n      &:focus:not(.error, .success) {\n        outline: none;\n        border: 1px solid tokens.$ifxColorOcean500;\n      }\n\n      &:hover:not(:disabled, :focus, .error, .success) {\n        border: 1px solid tokens.$ifxColorEngineering500;\n      }\n\n      &::placeholder {\n        font-style: normal;\n        font-weight: 400;\n        font-size: tokens.$ifxFontSizeM;\n        line-height: tokens.$ifxLineHeightM;\n        color: #8D8786;\n        flex: none;\n        order: 1;\n        flex-grow: 1;\n      }\n    }\n\n    & .input-icon {\n      // Position the icon within the icon container\n      // Adjust the positioning as needed\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      left: tokens.$ifxSpace200;\n      /* Adjust this value to control the icon's left offset */\n      transition: .3s;\n      color: tokens.$ifxColorEngineering400;\n    }\n\n    & .textInput__bottom-wrapper-caption {\n      font-style: normal;\n      font-weight: 400;\n      font-size: tokens.$ifxFontSizeXs;\n      line-height: tokens.$ifxLineHeightXs;\n      letter-spacing: 0.2px;\n      color: tokens.$ifxColorBaseBlack;\n      flex: none;\n      order: 1;\n      align-self: stretch;\n      flex-grow: 0;\n\n      &.error {\n        color: #CD002F;\n\n      }\n\n      &.disabled {\n        color: tokens.$ifxColorEngineering500;\n      }\n    }\n\n    \n  }\n  .delete-icon {\n    position: absolute;\n    right: tokens.$ifxSpace200;\n\n    :hover {\n      cursor: pointer;\n    }\n  }\n}","import { Component, h, Event, Element, Prop, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n \n\n@Component({\n  tag: 'ifx-text-field',\n  styleUrl: 'text-field.scss',\n  shadow: true,\n  formAssociated: true\n})\n\nexport class TextField {\n  private inputElement: HTMLInputElement;\n  @Element() el;\n  @Prop() placeholder: string = \"Placeholder\"\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() error: boolean = false;\n  @Prop() label: string = \"\";\n  @Prop() icon: string = \"\";\n  @Prop() caption: string = \"\";\n  @Prop() size: string = 'm';\n  @Prop() required: boolean = false;\n  @Prop() optional: boolean = false;\n  @Prop() success: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() maxlength?: number;\n  @Prop() showDeleteIcon: boolean = false;\n  @Event() ifxInput: EventEmitter<String>;\n  // @Prop({ reflect: true })\n  // resetOnSubmit: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n\n  @Watch('value')\n  valueWatcher(newValue: string) {\n    if (newValue !== this.inputElement.value) {\n      this.inputElement.value = newValue;\n    }\n  }\n\n  @Method()\n  async reset() {\n    this.value = '';\n    this.inputElement.value = '';\n  }\n\n  handleDeleteContent() {\n    this.reset();\n    this.ifxInput.emit(this.value);\n  }\n\n  handleInput() {\n    const query = this.inputElement.value;\n    this.value = query; // update the value property when input changes\n    this.internals.setFormValue(query) // update form value\n    this.ifxInput.emit(this.value);\n  }\n\n  formResetCallback() {\n    this.internals.setValidity({});\n    this.internals.setFormValue(\"\");\n  }\n\n  render() {\n    return (\n      <div aria-label=\"a text field for user input\" aria-value={this.value} aria-disabled={this.disabled} class={`textInput__container ${this.disabled ? 'disabled' : \"\"}`}>\n        <div class=\"textInput__top-wrapper\">\n          <label htmlFor=\"text-field\">\n            <slot></slot>\n            {this.optional && this.required ? (\n              <span class=\"optional-required\">(optional) *</span>\n            ) : this.optional ? (\n              <span class=\"optional\">(optional)</span>\n            ) : this.required ? (\n              <span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\n            ) : null}\n          </label>\n        </div>\n\n        <div class=\"textInput__bottom-wrapper\">\n          <div class=\"input-container\">\n            {this.icon && (\n              <ifx-icon class='input-icon' icon={this.icon} />\n            )}\n            <input\n              ref={(el) => (this.inputElement = el)}\n              disabled={this.disabled}\n              type=\"text\"\n              id='text-field'\n              value={this.value}\n              onInput={() => this.handleInput()}\n              placeholder={this.placeholder}\n              maxlength={this.maxlength}\n              class={\n                `${this.icon ? 'icon' : \"\"}\n                ${this.error ? 'error' : \"\"} \n              ${this.size === \"s\" ? \"input-s\" : \"\"}\n              ${this.success ? \"success\" : \"\"}`} />\n\n              { (this.showDeleteIcon && this.value) && (\n                <ifx-icon class=\"delete-icon\" icon=\"cremove16\" onClick={() => this.handleDeleteContent()}></ifx-icon> \n              )}\n          </div>\n          {this.caption && !this.error &&\n            <div class={`textInput__bottom-wrapper-caption ${this.disabled} ? disabled : \"\"`}>\n              {this.caption}\n            </div>}\n          {this.error &&\n            <div class=\"textInput__bottom-wrapper-caption error\">\n              {this.caption}\n            </div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAa,ovBACnB,MAAAC,EAAeD,E,MCQFE,EAAO,M,kFAGU,K,CAG5B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,wDAAgB,uCAAuCC,MAAOC,KAAKC,iBACjEJ,EAAA,OAAAC,IAAA,2CAAKC,MAAO,GAAGC,KAAKE,UAAY,QAAU,SAAW,MAAMF,KAAKG,SAAW,WAAa,OACvFH,KAAKE,UAAY,SACbL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iBAAiBC,KAAKG,SAAW,WAAa,MAAMH,KAAKI,kBACtEP,EAAA,OAAAC,IAAA,2CAAKO,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEZ,EAAA,KAAAC,IAAA,2CAAGY,GAAG,qBACJb,EAAA,QAAAC,IAAA,2CAAMY,GAAG,SAASC,EAAE,4vC,CAQlC,YAAAP,GACE,MAAO,GAAGJ,KAAKY,SAAW,IACtB,IACA,E,CAGN,aAAAX,GACE,OAAOY,EACL,UACAb,KAAKY,MAAQ,WAAWZ,KAAKI,iB,aCxCnC,MAAMU,EAAe,8rHACrB,MAAAC,EAAeD,E,MCSFE,EAAS,M,6OAGU,c,WACW,G,WAChB,M,WACD,G,UACD,G,aACG,G,UACH,I,cACK,M,cACA,M,aACD,M,cACC,M,6CAEM,K,CASlC,YAAAC,CAAaC,GACX,GAAIA,IAAalB,KAAKmB,aAAaC,MAAO,CACxCpB,KAAKmB,aAAaC,MAAQF,C,EAK9B,WAAMG,GACJrB,KAAKoB,MAAQ,GACbpB,KAAKmB,aAAaC,MAAQ,E,CAG5B,mBAAAE,GACEtB,KAAKqB,QACLrB,KAAKuB,SAASC,KAAKxB,KAAKoB,M,CAG1B,WAAAK,GACE,MAAMC,EAAQ1B,KAAKmB,aAAaC,MAChCpB,KAAKoB,MAAQM,EACb1B,KAAK2B,UAAUC,aAAaF,GAC5B1B,KAAKuB,SAASC,KAAKxB,KAAKoB,M,CAG1B,iBAAAS,GACE7B,KAAK2B,UAAUG,YAAY,IAC3B9B,KAAK2B,UAAUC,aAAa,G,CAG9B,MAAAhC,GACE,OACEC,EAAA,OAAAC,IAAA,wDAAgB,8BAA6B,aAAaE,KAAKoB,MAAK,gBAAiBpB,KAAK+B,SAAUhC,MAAO,wBAAwBC,KAAK+B,SAAW,WAAa,MAC9JlC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BACTF,EAAA,SAAAC,IAAA,2CAAOkC,QAAQ,cACbnC,EAAA,QAAAC,IAAA,6CACCE,KAAKiC,UAAYjC,KAAKkC,SACrBrC,EAAA,QAAME,MAAM,qBAAmB,gBAC7BC,KAAKiC,SACPpC,EAAA,QAAME,MAAM,YAAU,cACpBC,KAAKkC,SACPrC,EAAA,QAAME,MAAO,YAAYC,KAAKmC,MAAQ,QAAU,MAAI,KAClD,OAIRtC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACRC,KAAKoC,MACJvC,EAAA,YAAAC,IAAA,2CAAUC,MAAM,aAAaqC,KAAMpC,KAAKoC,OAE1CvC,EAAA,SAAAC,IAAA,2CACEuC,IAAMC,GAAQtC,KAAKmB,aAAemB,EAClCP,SAAU/B,KAAK+B,SACfQ,KAAK,OACL7B,GAAG,aACHU,MAAOpB,KAAKoB,MACZoB,QAAS,IAAMxC,KAAKyB,cACpBgB,YAAazC,KAAKyC,YAClBC,UAAW1C,KAAK0C,UAChB3C,MACE,GAAGC,KAAKoC,KAAO,OAAS,uBACtBpC,KAAKmC,MAAQ,QAAU,sBACzBnC,KAAKY,OAAS,IAAM,UAAY,qBAChCZ,KAAK2C,QAAU,UAAY,OAE1B3C,KAAK4C,gBAAkB5C,KAAKoB,OAC7BvB,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcqC,KAAK,YAAYS,QAAS,IAAM7C,KAAKsB,yBAGxEtB,KAAK8C,UAAY9C,KAAKmC,OACrBtC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,qCAAqCC,KAAK+B,4BACnD/B,KAAK8C,SAET9C,KAAKmC,OACJtC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,2CACRC,KAAK8C,U","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-45c14df8.entry.js → p-503ceded.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,g as i}from"./p-80bb0959.js";import{c as e}from"./p-e459974a.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}';const a=s;const l=class{constructor(o){t(this,o);this.popperInstance=null;this.onMouseEnter=()=>{var t,o;(t=this.popperInstance)===null||t===void 0?void 0:t.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this.initializePopper();this.tooltipVisible=true;this.tooltipEl.style.display="block";(o=this.popperInstance)===null||o===void 0?void 0:o.update()};this.onMouseLeave=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"};this.onClick=()=>{var t;if(this.variant.toLowerCase()==="dismissible"){this.initializePopper();this.tooltipVisible=!this.tooltipVisible;this.tooltipEl.style.display=this.tooltipVisible?"block":"none";(t=this.popperInstance)===null||t===void 0?void 0:t.update()}};this.onDismissClick=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"};this.tooltipVisible=false;this.header="";this.text="";this.position="auto";this.internalPosition="auto";this.variant="compact";this.icon=undefined}componentWillLoad(){if(this.variant.toLowerCase().trim()===""){this.variant="compact"}}componentDidLoad(){const t=this.el.shadowRoot.querySelector(".tooltip__container").firstChild;if(this.variant.toLowerCase()==="compact"||this.variant.toLowerCase()==="extended"){t.addEventListener("mouseenter",this.onMouseEnter);t.addEventListener("mouseleave",this.onMouseLeave)}else{t.addEventListener("click",this.onClick)}}initializePopper(){if(this.popperInstance)return;this.referenceEl=this.el;if(this.variant.toLowerCase()==="compact"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-compact")}else if(this.variant.toLowerCase()==="dismissible"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-dismissible")}else{this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-extended")}const t=this.position==="auto"?this.determineBestPosition():this.position;this.internalPosition=t;if(this.tooltipEl&&this.referenceEl){this.popperInstance=e(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:".tooltip-arrow-svg"}}]})}this.tooltipEl.setAttribute("data-placement",t)}determineBestPosition(){const t=this.referenceEl.getBoundingClientRect();const o=window.scrollY;const i=window.scrollX;const e=t.top+o+t.height/2;const s=t.left+i+t.width/2;if(this.position==="auto"){if(e>window.innerHeight/2){if(s>window.innerWidth/2){return"top-end"}else{return"top-start"}}else{if(s>window.innerWidth/2){return"bottom-end"}else{return"bottom-start"}}}else{return this.position}}positionChanged(t){var o;this.internalPosition=t;(o=this.popperInstance)===null||o===void 0?void 0:o.destroy();this.popperInstance=null}disconnectedCallback(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy()}render(){const t={"tooltip-dismissible":true,visible:this.tooltipVisible};const i={"tooltip-compact":true,visible:this.tooltipVisible};const e={"tooltip-extended":true,visible:this.tooltipVisible};return o("div",{key:"7da57630a19be3d8b55667e0764445203cd1f77c","aria-label":"a tooltip showing important information","aria-value":this.header,class:"tooltip__container"},o("slot",{key:"3a55da34a85606a8fd32207550366fad3436f120"}),this.variant.toLowerCase()==="dismissible"&&o("div",{key:"67dec6dcc56c7f3ca8a8a67ff070df931433f71e",class:t},o("button",{key:"db34f7fe5237d960ff0a728f4b82c3df30c6266b","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},o("ifx-icon",{key:"de96a6255887700e6b89a38b0ff549ea3916e1e7",icon:"cross16"})),o("div",{key:"e324ffa46233ca6931ebe766c95e391d7c3d9ce2",class:"tooltip-dismissible-content"},this.header&&o("div",{key:"d435679be58ec126b9fa9f785e960d2ef39b259d",class:"tooltip-dismissible-header"},this.header),o("div",{key:"d3ce120faae0d9b12d28069673d19e403e52763f",class:"tooltip-dismissible-body"},this.text)),o("svg",{key:"28bf2c543359173d1ab0be2c9f098ff813b17650",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"a355efa505ea997469320a35262780942e495504",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="compact"&&o("div",{key:"55d7bfd3d951839bf89f887419e57b85623a3a0e",class:i},this.text,o("svg",{key:"36247aaeda7486865b15ca4e4097a36b69d571c1",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"ac90b5fd1f7188993695a1fc3ac084d8ba8cc8ee",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="extended"&&o("div",{key:"de8269abcb6ddc0219024b77f26d95cb809c8818",class:e},o("slot",{key:"f88f2cdaa9bafa4d95d7a6953fc4a2b4c49cad35",name:"icon"},this.icon?o("div",{class:"extended_icon"},o("ifx-icon",{icon:this.icon})):o("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},o("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),o("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),o("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),o("div",{key:"226db4dd5c26b73ee30e20378b5a664bc365581b",class:"tooltip-extended-content"},this.header&&o("div",{key:"47a5ffc018245e0375255ea0eefe77e85e3b630c",class:"tooltip-extended-header"},this.header),o("div",{key:"7892a686219be701d4a912a77edf77ba9cb5840a",class:"tooltip-extended-body"},this.text)),o("svg",{key:"143b7a548b751cabb80450637ca8f9da9d54efa7",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"973348331d6ff15eaa25d9d29ab8490b5961d510",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}get el(){return i(this)}static get watchers(){return{position:["positionChanged"]}}};l.style=a;export{l as ifx_tooltip};
-//# sourceMappingURL=p-45c14df8.entry.js.map
+import{r as t,h as o,g as i}from"./p-7aa4082c.js";import{c as e}from"./p-e459974a.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}';const a=s;const l=class{constructor(o){t(this,o);this.popperInstance=null;this.onMouseEnter=()=>{var t,o;(t=this.popperInstance)===null||t===void 0?void 0:t.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this.initializePopper();this.tooltipVisible=true;this.tooltipEl.style.display="block";(o=this.popperInstance)===null||o===void 0?void 0:o.update()};this.onMouseLeave=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"};this.onClick=()=>{var t;if(this.variant.toLowerCase()==="dismissible"){this.initializePopper();this.tooltipVisible=!this.tooltipVisible;this.tooltipEl.style.display=this.tooltipVisible?"block":"none";(t=this.popperInstance)===null||t===void 0?void 0:t.update()}};this.onDismissClick=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"};this.tooltipVisible=false;this.header="";this.text="";this.position="auto";this.internalPosition="auto";this.variant="compact";this.icon=undefined}componentWillLoad(){if(this.variant.toLowerCase().trim()===""){this.variant="compact"}}componentDidLoad(){const t=this.el.shadowRoot.querySelector(".tooltip__container").firstChild;if(this.variant.toLowerCase()==="compact"||this.variant.toLowerCase()==="extended"){t.addEventListener("mouseenter",this.onMouseEnter);t.addEventListener("mouseleave",this.onMouseLeave)}else{t.addEventListener("click",this.onClick)}}initializePopper(){if(this.popperInstance)return;this.referenceEl=this.el;if(this.variant.toLowerCase()==="compact"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-compact")}else if(this.variant.toLowerCase()==="dismissible"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-dismissible")}else{this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-extended")}const t=this.position==="auto"?this.determineBestPosition():this.position;this.internalPosition=t;if(this.tooltipEl&&this.referenceEl){this.popperInstance=e(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:".tooltip-arrow-svg"}}]})}this.tooltipEl.setAttribute("data-placement",t)}determineBestPosition(){const t=this.referenceEl.getBoundingClientRect();const o=window.scrollY;const i=window.scrollX;const e=t.top+o+t.height/2;const s=t.left+i+t.width/2;if(this.position==="auto"){if(e>window.innerHeight/2){if(s>window.innerWidth/2){return"top-end"}else{return"top-start"}}else{if(s>window.innerWidth/2){return"bottom-end"}else{return"bottom-start"}}}else{return this.position}}positionChanged(t){var o;this.internalPosition=t;(o=this.popperInstance)===null||o===void 0?void 0:o.destroy();this.popperInstance=null}disconnectedCallback(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy()}render(){const t={"tooltip-dismissible":true,visible:this.tooltipVisible};const i={"tooltip-compact":true,visible:this.tooltipVisible};const e={"tooltip-extended":true,visible:this.tooltipVisible};return o("div",{key:"5332988345f553f7ab09c0778c37ae2548c91c74","aria-label":"a tooltip showing important information","aria-value":this.header,class:"tooltip__container"},o("slot",{key:"cd31ee5b95eca2bc86e57869f9c93a49e98c9ed6"}),this.variant.toLowerCase()==="dismissible"&&o("div",{key:"f04df67d5df61b0a663e131484a252702626f536",class:t},o("button",{key:"945a668bf13a6f10258adfcfae1d6c7d028c76d1","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},o("ifx-icon",{key:"284e88fe0fe36bbcc6303779e71852694c1a82af",icon:"cross16"})),o("div",{key:"d500a38fbe734a5d1f06c2626c1fe22a48dca704",class:"tooltip-dismissible-content"},this.header&&o("div",{key:"f5e7e3616ba332ecb2ed4c939e65a3897802867e",class:"tooltip-dismissible-header"},this.header),o("div",{key:"12afc268f0a3aec2dae5da658d84ffa4194d00fc",class:"tooltip-dismissible-body"},this.text)),o("svg",{key:"bd884e4533b37b2ff7de20ce79bc99a31309d524",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"96b2e9c45cb8f7d99d01d2ff357fa9670d92c40b",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="compact"&&o("div",{key:"a57d2c0540b6dbe8f905c4450f92ff9de1655e7a",class:i},this.text,o("svg",{key:"57d2b605c11e66f4ac858c70d71c8954432e5030",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"a256b5da142158e1d406bcca7a35f20e2aefb077",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="extended"&&o("div",{key:"39a1d656a5e64838edc4aedd23b8ea45854a8bec",class:e},o("slot",{key:"8f06d48b587382df992578f86a161548742d1980",name:"icon"},this.icon?o("div",{class:"extended_icon"},o("ifx-icon",{icon:this.icon})):o("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},o("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),o("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),o("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),o("div",{key:"f4de2d46168c4f03d2325719d4a43078c33ecfa0",class:"tooltip-extended-content"},this.header&&o("div",{key:"cacec1ec30a410ec546f8c40aef1be5b718b9d5a",class:"tooltip-extended-header"},this.header),o("div",{key:"1e047397d3eca59c5fc4f52667466e133369b8a8",class:"tooltip-extended-body"},this.text)),o("svg",{key:"4c6459ddbcbd5e741578a204c76a84b817081a55",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"82f85e72ad0b3eece3ebb2f7cb0e8301b5e084bd",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}get el(){return i(this)}static get watchers(){return{position:["positionChanged"]}}};l.style=a;export{l as ifx_tooltip};
+//# sourceMappingURL=p-503ceded.entry.js.map

package/dist/infineon-design-system-stencil/{p-a3c03169.entry.js → p-55e8c571.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as s}from"./p-80bb0959.js";const e=".card-image{width:100%;height:100%;vertical-align:bottom;object-fit:cover}";const o=e;const n=class{constructor(s){i(this,s);this.imgPosition=t(this,"imgPosition",7);this.src=undefined;this.alt=undefined;this.position=undefined}handlePosition(i){this.imgPosition.emit(i)}componentWillLoad(){this.handlePosition(this.position)}componentDidUpdate(){this.handlePosition(this.position)}render(){return s("img",{key:"e08992cdb9c62e7b4f98d58d39457702233ee300",src:this.src,alt:this.alt,class:"card-image"})}};n.style=o;export{n as ifx_card_image};
-//# sourceMappingURL=p-a3c03169.entry.js.map
+import{r as i,c as t,h as s}from"./p-7aa4082c.js";const e=".card-image{width:100%;height:100%;vertical-align:bottom;object-fit:cover}";const o=e;const c=class{constructor(s){i(this,s);this.imgPosition=t(this,"imgPosition",7);this.src=undefined;this.alt=undefined;this.position=undefined}handlePosition(i){this.imgPosition.emit(i)}componentWillLoad(){this.handlePosition(this.position)}componentDidUpdate(){this.handlePosition(this.position)}render(){return s("img",{key:"e08992cdb9c62e7b4f98d58d39457702233ee300",src:this.src,alt:this.alt,class:"card-image"})}};c.style=o;export{c as ifx_card_image};
+//# sourceMappingURL=p-55e8c571.entry.js.map

package/dist/infineon-design-system-stencil/{p-2afb8620.entry.js → p-57abf001.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,g as s}from"./p-80bb0959.js";function a(e){return Array.from(e.querySelectorAll("ifx-list-entry")).filter((e=>e.getAttribute("value")==="true")).map((e=>({label:e.getAttribute("label"),value:e.getAttribute("value"),type:e.getAttribute("type")})))}const n=".header{display:flex;align-items:flex-start;align-self:stretch;cursor:pointer;border-left:3px solid transparent}.text-and-icon{display:flex;padding:12px 16px 12px 20px;align-items:center;gap:16px;flex:1 0 0}.header.expanded{border-left:3px solid #0A8276}.text{display:flex;align-items:center;gap:8px;flex:1 0 0;color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.hidden{display:none}.accordion{border-bottom:1px solid #EEEDED}.filter-accordion-container{display:flex;padding:8px 16px 16px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-left:3px solid #0A8276}::slotted(ifx-filter-entry:nth-child(n+7)){display:none}.link{display:flex;align-items:center;gap:8px}.show-more ::slotted(ifx-filter-entry:nth-child(n+7)){display:block}.show-more .show-more-link{display:none}";const d=n;const l=class{constructor(t){e(this,t);this.ifxFilterAccordionChange=i(this,"ifxFilterAccordionChange",7);this.initialized=false;this.handleCheckedChange=e=>{const i=e.detail.selectedItems;this.count=i.length;this.ifxFilterAccordionChange.emit({filterGroupName:this.filterGroupName,selectedItems:i})};this.toggleAccordion=e=>{e.stopPropagation();this.expanded=!this.expanded};this.expanded=false;this.maxVisibleItems=undefined;this.count=0;this.totalItems=0;this.filterGroupName=""}componentWillLoad(){this.el.addEventListener("ifxListUpdate",this.handleCheckedChange)}componentDidLoad(){if(!this.initialized){const e=a(this.el);this.count=e.length;this.initialized=true}}componentWillUnload(){this.el.removeEventListener("ifxListUpdate",this.handleCheckedChange)}render(){return t("div",{key:"adc279e2453a5e35c3e684008f00a17c7d418304",class:`accordion ${this.expanded?"expanded":""}`},t("div",{key:"08c3fa7aa05a3e19e7a39bf00c7662b1c11f1440",class:`header ${this.expanded?"expanded":""}`,onClick:this.toggleAccordion},t("div",{key:"ff3997f69f55ebd73a8b133296ced79f8ba11b56",class:`text-and-icon ${this.expanded?"expanded":""}`},t("div",{key:"68efe8d585a3e74688b4fb490559c7277b876950",class:"text"},t("span",{key:"f0f3c5a8db03fb89f0be5dfbff8c55483e840d99"},this.filterGroupName),t("ifx-number-indicator",{key:"ce2ef6ce26019d413249818d02f20fc50e7c8c7d"},this.count)),t("ifx-icon",{key:"1ce57a4431674936be27debc72fa078b32cd3eca",class:this.expanded?"":"hidden",icon:"minus-16",onClick:this.toggleAccordion}),t("ifx-icon",{key:"1bc14f06c93592f94911f5d88c548c6b8f021340",class:this.expanded?"hidden":"",icon:"plus-16",onClick:this.toggleAccordion}))),this.expanded&&t("div",{key:"89c50fdd435793bb19bb4570849d546efaf300be",class:"filter-accordion-container"},t("slot",{key:"591f8a2d0569522e4afad1583892c1fc4ac62724",name:"list"})))}get el(){return s(this)}};l.style=d;export{l as ifx_filter_accordion};
-//# sourceMappingURL=p-2afb8620.entry.js.map
+import{r as e,c as i,h as t,g as s}from"./p-7aa4082c.js";function a(e){return Array.from(e.querySelectorAll("ifx-list-entry")).filter((e=>e.getAttribute("value")==="true")).map((e=>({label:e.getAttribute("label"),value:e.getAttribute("value"),type:e.getAttribute("type")})))}const n=".header{display:flex;align-items:flex-start;align-self:stretch;cursor:pointer;border-left:3px solid transparent}.text-and-icon{display:flex;padding:12px 16px 12px 20px;align-items:center;gap:16px;flex:1 0 0}.header.expanded{border-left:3px solid #0A8276}.text{display:flex;align-items:center;gap:8px;flex:1 0 0;color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.hidden{display:none}.accordion{border-bottom:1px solid #EEEDED}.filter-accordion-container{display:flex;padding:8px 16px 16px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-left:3px solid #0A8276}::slotted(ifx-filter-entry:nth-child(n+7)){display:none}.link{display:flex;align-items:center;gap:8px}.show-more ::slotted(ifx-filter-entry:nth-child(n+7)){display:block}.show-more .show-more-link{display:none}";const d=n;const c=class{constructor(t){e(this,t);this.ifxFilterAccordionChange=i(this,"ifxFilterAccordionChange",7);this.initialized=false;this.handleCheckedChange=e=>{const i=e.detail.selectedItems;this.count=i.length;this.ifxFilterAccordionChange.emit({filterGroupName:this.filterGroupName,selectedItems:i})};this.toggleAccordion=e=>{e.stopPropagation();this.expanded=!this.expanded};this.expanded=false;this.maxVisibleItems=undefined;this.count=0;this.totalItems=0;this.filterGroupName=""}componentWillLoad(){this.el.addEventListener("ifxListUpdate",this.handleCheckedChange)}componentDidLoad(){if(!this.initialized){const e=a(this.el);this.count=e.length;this.initialized=true}}componentWillUnload(){this.el.removeEventListener("ifxListUpdate",this.handleCheckedChange)}render(){return t("div",{key:"adc279e2453a5e35c3e684008f00a17c7d418304",class:`accordion ${this.expanded?"expanded":""}`},t("div",{key:"08c3fa7aa05a3e19e7a39bf00c7662b1c11f1440",class:`header ${this.expanded?"expanded":""}`,onClick:this.toggleAccordion},t("div",{key:"ff3997f69f55ebd73a8b133296ced79f8ba11b56",class:`text-and-icon ${this.expanded?"expanded":""}`},t("div",{key:"68efe8d585a3e74688b4fb490559c7277b876950",class:"text"},t("span",{key:"f0f3c5a8db03fb89f0be5dfbff8c55483e840d99"},this.filterGroupName),t("ifx-number-indicator",{key:"ce2ef6ce26019d413249818d02f20fc50e7c8c7d"},this.count)),t("ifx-icon",{key:"1ce57a4431674936be27debc72fa078b32cd3eca",class:this.expanded?"":"hidden",icon:"minus-16",onClick:this.toggleAccordion}),t("ifx-icon",{key:"1bc14f06c93592f94911f5d88c548c6b8f021340",class:this.expanded?"hidden":"",icon:"plus-16",onClick:this.toggleAccordion}))),this.expanded&&t("div",{key:"89c50fdd435793bb19bb4570849d546efaf300be",class:"filter-accordion-container"},t("slot",{key:"591f8a2d0569522e4afad1583892c1fc4ac62724",name:"list"})))}get el(){return s(this)}};c.style=d;export{c as ifx_filter_accordion};
+//# sourceMappingURL=p-57abf001.entry.js.map

package/dist/infineon-design-system-stencil/{p-c22f8c81.entry.js → p-5a134c12.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,g as t}from"./p-80bb0959.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__headline-wrapper{padding-bottom:16px}.card__headline-wrapper.withDesc{padding-bottom:8px}.card-headline{margin-top:0;padding-top:0;font-family:var(--ifx-font-family);font-weight:600;font-size:1.5rem;line-height:2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-headline.horizontal{font-size:1.25rem;line-height:28px}';const n=a;const o=class{constructor(i){e(this,i);this.direction=undefined;this.hasDesc=undefined}componentWillLoad(){var e;const i=this.el.closest("ifx-card");if(i){const t=(e=i.shadowRoot.querySelector(".card"))===null||e===void 0?void 0:e.className;if(t&&t.includes("horizontal")){this.direction="horizontal"}const a=i.querySelector("ifx-card-text");if(a){this.hasDesc=true}}}render(){return i("div",{key:"3599127fad1e7dc563064d38df9996bcd7bd9217",class:`card__headline-wrapper ${this.hasDesc?"withDesc":""}`},i("div",{key:"643428271dec2bdf71c7059bf6e28c00cae9438b",class:`card-headline ${this.direction}`},i("slot",{key:"3b7ec4e25a399e96a0db4f03d793109eabf08fff"})))}get el(){return t(this)}};o.style=n;export{o as ifx_card_headline};
-//# sourceMappingURL=p-c22f8c81.entry.js.map
+import{r as e,h as i,g as t}from"./p-7aa4082c.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__headline-wrapper{padding-bottom:16px}.card__headline-wrapper.withDesc{padding-bottom:8px}.card-headline{margin-top:0;padding-top:0;font-family:var(--ifx-font-family);font-weight:600;font-size:1.5rem;line-height:2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-headline.horizontal{font-size:1.25rem;line-height:28px}';const n=a;const o=class{constructor(i){e(this,i);this.direction=undefined;this.hasDesc=undefined}componentWillLoad(){var e;const i=this.el.closest("ifx-card");if(i){const t=(e=i.shadowRoot.querySelector(".card"))===null||e===void 0?void 0:e.className;if(t&&t.includes("horizontal")){this.direction="horizontal"}const a=i.querySelector("ifx-card-text");if(a){this.hasDesc=true}}}render(){return i("div",{key:"3599127fad1e7dc563064d38df9996bcd7bd9217",class:`card__headline-wrapper ${this.hasDesc?"withDesc":""}`},i("div",{key:"643428271dec2bdf71c7059bf6e28c00cae9438b",class:`card-headline ${this.direction}`},i("slot",{key:"3b7ec4e25a399e96a0db4f03d793109eabf08fff"})))}get el(){return t(this)}};o.style=n;export{o as ifx_card_headline};
+//# sourceMappingURL=p-5a134c12.entry.js.map

package/dist/infineon-design-system-stencil/{p-19565224.entry.js → p-64a959d7.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s}from"./p-80bb0959.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.segment{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #BFBBBB;border-radius:1px;padding:0 8px 0 8px;height:34px;background-color:#FFFFFF;transition:all 100ms ease;transition-property:color, background;font:600 0.875rem/1.25rem "Source Sans 3"}.segment:focus-visible{color:#FFFFFF;background-color:#0A8276}.segment:hover{color:#FFFFFF;background-color:#08665C;cursor:pointer}.segment:active{background-color:#06534B}.segment.segment--selected{color:#FFFFFF;background-color:#0A8276}.segment.segment--small{height:30px}.segment::after{position:absolute;top:0;left:0;width:100%;height:100%;outline:1px solid #BFBBBB;border-radius:1px;content:""}';const o=n;const i=class{constructor(s){e(this,s);this.segmentSelect=t(this,"segmentSelect",5);this.icon=undefined;this.segmentIndex=undefined;this.selected=false;this.value=undefined}handleSegmentClick(){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}handleSegmentKeyDown(e){if(e.code==="Enter"||e.code==="Space"){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}}render(){return s("div",{key:"d21c9af8c4d3e120a7ea69cceb89dbd6bbea3a50",class:`segment ${this.selected?"segment--selected":""}`,tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},s("ifx-icon",{key:"2a26824f3960ba1e14721edd21900c5a6a7bcec7",icon:this.icon})," ",s("slot",{key:"173b327a36428d9136aafb4ccf8c66bb03755b3a"}))}};i.style=o;export{i as ifx_segment};
-//# sourceMappingURL=p-19565224.entry.js.map
+import{r as e,c as t,h as s}from"./p-7aa4082c.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.segment{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #BFBBBB;border-radius:1px;padding:0 8px 0 8px;height:34px;background-color:#FFFFFF;transition:all 100ms ease;transition-property:color, background;font:600 0.875rem/1.25rem "Source Sans 3"}.segment:focus-visible{color:#FFFFFF;background-color:#0A8276}.segment:hover{color:#FFFFFF;background-color:#08665C;cursor:pointer}.segment:active{background-color:#06534B}.segment.segment--selected{color:#FFFFFF;background-color:#0A8276}.segment.segment--small{height:30px}.segment::after{position:absolute;top:0;left:0;width:100%;height:100%;outline:1px solid #BFBBBB;border-radius:1px;content:""}';const o=n;const i=class{constructor(s){e(this,s);this.segmentSelect=t(this,"segmentSelect",5);this.icon=undefined;this.segmentIndex=undefined;this.selected=false;this.value=undefined}handleSegmentClick(){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}handleSegmentKeyDown(e){if(e.code==="Enter"||e.code==="Space"){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}}render(){return s("div",{key:"d21c9af8c4d3e120a7ea69cceb89dbd6bbea3a50",class:`segment ${this.selected?"segment--selected":""}`,tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},s("ifx-icon",{key:"2a26824f3960ba1e14721edd21900c5a6a7bcec7",icon:this.icon})," ",s("slot",{key:"173b327a36428d9136aafb4ccf8c66bb03755b3a"}))}};i.style=o;export{i as ifx_segment};
+//# sourceMappingURL=p-64a959d7.entry.js.map

package/dist/infineon-design-system-stencil/{p-5992e272.entry.js → p-67efe96d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as n,a as e}from"./p-80bb0959.js";import{g as o}from"./p-38c8a9b0.js";const i="ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}";const c=i;const r=class{constructor(n){t(this,n);this.consoleError=s(this,"consoleError",7);this.icon="";this.ifxIcon=undefined}convertStringToHtml(t){const s=document.createElement("div");s.innerHTML=t;return s.firstChild}convertHtmlToObject(t){let s=Array.from(t.attributes,(({name:t,value:s})=>({name:t,value:s}))).reduce(((t,s)=>{t[s.name]=s.value;return t}),{});return s}convertPathsToVnode(t){let s=[];const e=this.convertHtmlToObject(t);const o=n("path",e);s.push(o);if(t.firstChild){const e=t.querySelectorAll("path");const o=t.querySelectorAll("path").length;for(let t=0;t<o;t++){let o=this.convertHtmlToObject(e[t]);let i=n("path",o);s.push(i)}}return s}getSVG(t){return n("svg",{class:"inline-svg",width:this.ifxIcon.width,height:this.ifxIcon.height,xmlns:"http://www.w3.org/2000/svg",fill:this.ifxIcon.fill,viewBox:this.ifxIcon.viewBox},...t)}constructIcon(){if(this.ifxIcon){const t=this.convertStringToHtml(this.ifxIcon.svgContent);const s=this.convertPathsToVnode(t);const n=this.getSVG(s);return n}else if(this.icon!==""){console.error("Icon not found!");this.consoleError.emit(true);return}else{return}}componentWillLoad(){const t=t=>t.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,((t,s)=>s));this.ifxIcon=o(t(this.icon))}render(){return n(e,{key:"91ccb22f1cc67f3d4b91fb69c37cda13c941e109"},this.constructIcon())}};r.style=c;export{r as ifx_icon};
-//# sourceMappingURL=p-5992e272.entry.js.map
+import{r as t,c as s,h as n,a as e}from"./p-7aa4082c.js";import{g as o}from"./p-38c8a9b0.js";const i="ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}";const c=i;const r=class{constructor(n){t(this,n);this.consoleError=s(this,"consoleError",7);this.icon="";this.ifxIcon=undefined}convertStringToHtml(t){const s=document.createElement("div");s.innerHTML=t;return s.firstChild}convertHtmlToObject(t){let s=Array.from(t.attributes,(({name:t,value:s})=>({name:t,value:s}))).reduce(((t,s)=>{t[s.name]=s.value;return t}),{});return s}convertPathsToVnode(t){let s=[];const e=this.convertHtmlToObject(t);const o=n("path",e);s.push(o);if(t.firstChild){const e=t.querySelectorAll("path");const o=t.querySelectorAll("path").length;for(let t=0;t<o;t++){let o=this.convertHtmlToObject(e[t]);let i=n("path",o);s.push(i)}}return s}getSVG(t){return n("svg",{class:"inline-svg",width:this.ifxIcon.width,height:this.ifxIcon.height,xmlns:"http://www.w3.org/2000/svg",fill:this.ifxIcon.fill,viewBox:this.ifxIcon.viewBox},...t)}constructIcon(){if(this.ifxIcon){const t=this.convertStringToHtml(this.ifxIcon.svgContent);const s=this.convertPathsToVnode(t);const n=this.getSVG(s);return n}else if(this.icon!==""){console.error("Icon not found!");this.consoleError.emit(true);return}else{return}}componentWillLoad(){const t=t=>t.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,((t,s)=>s));this.ifxIcon=o(t(this.icon))}render(){return n(e,{key:"91ccb22f1cc67f3d4b91fb69c37cda13c941e109"},this.constructIcon())}};r.style=c;export{r as ifx_icon};
+//# sourceMappingURL=p-67efe96d.entry.js.map

package/dist/infineon-design-system-stencil/{p-57671542.entry.js → p-6d4e98fc.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o}from"./p-80bb0959.js";const n=".container{padding-top:10px}";const t=n;const i=class{constructor(o){e(this,o)}render(){return o("div",{key:"310199ef35dd0c3148f0f5ff09bccb8026f19f6d",class:"container"},o("ifx-accordion",{key:"0e51fae53f1f5fd744f5415150fe4cbf28226514"},o("ifx-accordion-item",{key:"bb5a317518851e309fc6c3bba2ac83a2203db857",caption:"What is the Infineon DDS?"},"The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application’s structure should be."),o("ifx-accordion-item",{key:"87db5207173436de4760cd693beebcb14710c565",caption:"How do I get access to the DDS?"},"You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."),o("ifx-accordion-item",{key:"a01af54d49f47a46d9cf383cb3b1e3f17bd9720a",caption:"Can I integrate the Infineon DDS into my project?"},"Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"),o("ifx-accordion-item",{key:"b7d22abc0d8751fc5774ac5509aca3a314103d6c",caption:"Are Infineon DDS components accessable?"},"We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."),o("ifx-accordion-item",{key:"a063b460cfcf6061e393fff4a9b1ca4aaca5b9f7",caption:"How to request a new component?"},"Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.")))}};i.style=t;export{i as ifx_faq};
-//# sourceMappingURL=p-57671542.entry.js.map
+import{r as e,h as o}from"./p-7aa4082c.js";const n=".container{padding-top:10px}";const t=n;const i=class{constructor(o){e(this,o)}render(){return o("div",{key:"f88c6c695230e16f1240236e97de3d88e5406d83",class:"container"},o("ifx-accordion",{key:"f0f191eebf889e946cca6e52fedbc5f4268a6d6e"},o("ifx-accordion-item",{key:"7159ae29a146955841dd1518629dc0cff1e582a2",caption:"What is the Infineon DDS?"},"The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application’s structure should be."),o("ifx-accordion-item",{key:"47a5b2b24aaf434327ce46e9584e9af2010878df",caption:"How do I get access to the DDS?"},"You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."),o("ifx-accordion-item",{key:"68bca0fe04878d94243163c3a8d496b6d6655036",caption:"Can I integrate the Infineon DDS into my project?"},"Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"),o("ifx-accordion-item",{key:"cba75120a997048ede764243fd9e340f671e79bf",caption:"Are Infineon DDS components accessable?"},"We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."),o("ifx-accordion-item",{key:"167bda110be86ebc87220bc4ab88079ea72eddef",caption:"How to request a new component?"},"Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.")))}};i.style=t;export{i as ifx_faq};
+//# sourceMappingURL=p-6d4e98fc.entry.js.map

package/dist/infineon-design-system-stencil/{p-951cf503.entry.js → p-6ff541a9.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i}from"./p-80bb0959.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.badge__container{display:inline-flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;border:1px solid #EEEDED;background-color:#EEEDED;border-radius:100px;font-family:var(--ifx-font-family);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:#1D1D1D}';const o=n;const a=class{constructor(i){e(this,i)}render(){return i("div",{key:"eaa5be7836515fc284e17ed7fb6acfdcc6ce11f1",class:"badge__container"},i("slot",{key:"f00f0415cb6cdfa25ce8e7b0df798f8a98eb2373"}))}};a.style=o;export{a as ifx_badge};
-//# sourceMappingURL=p-951cf503.entry.js.map
+import{r as e,h as a}from"./p-7aa4082c.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.badge__container{display:inline-flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;border:1px solid #EEEDED;background-color:#EEEDED;border-radius:100px;font-family:var(--ifx-font-family);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:#1D1D1D}';const n=i;const o=class{constructor(a){e(this,a)}render(){return a("div",{key:"eaa5be7836515fc284e17ed7fb6acfdcc6ce11f1",class:"badge__container"},a("slot",{key:"f00f0415cb6cdfa25ce8e7b0df798f8a98eb2373"}))}};o.style=n;export{o as ifx_badge};
+//# sourceMappingURL=p-6ff541a9.entry.js.map

package/dist/infineon-design-system-stencil/{p-a4f220c4.entry.js → p-71615622.entry.js}

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

package/dist/infineon-design-system-stencil/p-76a1dc49.entry.js

@@ -0,0 +1,2 @@
+import{r as e,d as t,h as a,g as s}from"./p-7aa4082c.js";const i="*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";const r=i;const n=class{constructor(a){e(this,a);this.tableTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);this.wizardTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`)}toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".templates__wrapper").querySelectorAll("ifx-template");t.forEach((t=>{t.toggleTemplate(e)}))}handleError(e){const t=this.el.shadowRoot.querySelector(".alert__wrapper");if(e.detail){t.classList.add("show")}else{t.classList.remove("show")}}filterTemplates(e){const t=this.el.shadowRoot.querySelector(".templates__title");const a=this.el.shadowRoot.querySelector(".back__btn-wrapper");if(e.detail){t.classList.add("hide");if(e.detail!=="details"){a.classList.add("show")}this.toggleTemplate(e.detail)}else{t.classList.remove("hide");a.classList.remove("show");this.toggleTemplate(null)}}closeAlert(){const e=this.el.shadowRoot.querySelector(".alert__wrapper");e.classList.remove("show")}render(){return a("div",{key:"58814042ef5390cf85871f9cc50adbf4b26694f6",class:"templates__container"},a("div",{key:"58883e967ab8ec877564e247dc65038d7009e58a",class:"back__btn-wrapper"},a("ifx-icon-button",{key:"c82a7ac28ff1fd7d7a22c8253831950871681cca",onClick:()=>this.filterTemplates(false),shape:"round",variant:"tertiary",icon:"arrow-left-16",target:"_blank",size:"m"}),a("div",{key:"644d8e8ff0ecbdefbe36ceed8ac69fb731a36612",class:"alert__wrapper"},a("ifx-alert",{key:"92c26ac48c018059f55c8d574c541ae0db47119a",onClick:()=>this.closeAlert(),"aria-live":"assertive",variant:"danger",icon:"c-info-24"},"All fields are mandatory"))),a("h2",{key:"0bd88a766c9fd0a4e6cb10e78fd36341809ce464",class:"templates__title"},"Choose your template"),a("div",{key:"844542e8ffdc292786c0083ae7116cac2ab9fd70",class:"templates__wrapper"},a("ifx-template",{key:"dde5d1432271991cadcab5355c205222bb5a4ecf",name:"template-01",thumbnail:this.tableTemplate}),a("ifx-template",{key:"545774f51d2fe2d5d2a1e23e83d5c00433b0fbb6",name:"template-02",thumbnail:this.wizardTemplate})))}static get assetsDirs(){return["assets"]}get el(){return s(this)}};n.style=r;export{n as ifx_templates_ui};
+//# sourceMappingURL=p-76a1dc49.entry.js.map

package/dist/infineon-design-system-stencil/p-76a1dc49.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["templatesUiCss","IfxTemplatesUiStyle0","TemplatesUI","constructor","hostRef","this","tableTemplate","getAssetPath","wizardTemplate","toggleTemplate","currTemp","templates","el","shadowRoot","querySelector","querySelectorAll","forEach","template","handleError","e","alertWrapper","detail","classList","add","remove","filterTemplates","title","backBtn","closeAlert","render","h","key","class","onClick","shape","variant","icon","target","size","name","thumbnail"],"sources":["src/components/templates/templates-ui/templates-ui.scss?tag=ifx-templates-ui&encapsulation=shadow","src/components/templates/templates-ui/templates-ui.tsx"],"sourcesContent":["* { \n  padding: 0;\n  margin: 0;\n}\n\n.templates__container { \n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  & .back__btn-wrapper { \n    display: none;\n    &.show { \n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n    }\n\n    & .alert__wrapper { \n      display: none;\n\n      &.show { \n        display: block;\n      }\n    }\n  }\n\n  & .templates__wrapper { \n    display: flex;\n    padding: 20px 0px;\n    gap: 20px;\n    // justify-content: space-evenly;\n    flex-wrap: wrap;\n  }\n\n  & .templates__title { \n    &.hide { \n      display: none;\n    }\n  }\n}\n\n\n\n","import { Component, h, Listen, Element, getAssetPath } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-templates-ui',\n  styleUrl: 'templates-ui.scss',\n  shadow: true,\n  assetsDirs: ['assets']\n})\n\nexport class TemplatesUI {\n  @Element() el: HTMLElement;\n\n  private tableTemplate = getAssetPath(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);\n  private wizardTemplate = getAssetPath(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`);\n\n\n  toggleTemplate(currTemp) { \n    const templates = this.el.shadowRoot.querySelector('.templates__wrapper').querySelectorAll('ifx-template');\n      templates.forEach((template) => { \n        template.toggleTemplate(currTemp)\n      })\n  }\n\n  @Listen('fieldError')\n  handleError(e) { \n    const alertWrapper = this.el.shadowRoot.querySelector('.alert__wrapper');\n    if(e.detail) { \n      alertWrapper.classList.add('show');\n    } else { \n      alertWrapper.classList.remove('show');\n    }\n  }\n\n  @Listen('toggleTemplates')\n  filterTemplates(e) {\n    const title = this.el.shadowRoot.querySelector('.templates__title');\n    const backBtn = this.el.shadowRoot.querySelector('.back__btn-wrapper');\n    if(e.detail) { \n      title.classList.add('hide');\n      if(e.detail !== 'details') { \n        backBtn.classList.add('show');\n      }\n      this.toggleTemplate(e.detail)\n    } else { \n      title.classList.remove('hide');\n      backBtn.classList.remove('show');\n      this.toggleTemplate(null)\n    }\n  }\n\n  closeAlert() { \n    const alertWrapper = this.el.shadowRoot.querySelector('.alert__wrapper');\n    alertWrapper.classList.remove('show');\n  }\n\n  render() {\n    return (\n      <div class='templates__container'>\n        <div class=\"back__btn-wrapper\">\n          <ifx-icon-button onClick={() => this.filterTemplates(false)} shape=\"round\" variant=\"tertiary\" icon=\"arrow-left-16\" target=\"_blank\" size=\"m\" />\n          <div class=\"alert__wrapper\">\n            <ifx-alert onClick={() => this.closeAlert()} aria-live=\"assertive\" variant=\"danger\" icon=\"c-info-24\">All fields are mandatory</ifx-alert>\n          </div>\n        </div>\n        <h2 class=\"templates__title\">Choose your template</h2>\n        <div class=\"templates__wrapper\">\n          <ifx-template name='template-01' thumbnail={this.tableTemplate} />\n          <ifx-template name='template-02' thumbnail={this.wizardTemplate} />\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,0iBACvB,MAAAC,EAAeD,E,MCQFE,EAAW,MAPxB,WAAAC,CAAAC,G,UAUUC,KAAAC,cAAgBC,EAAa,+FAC7BF,KAAAG,eAAiBD,EAAa,+F,CAGtC,cAAAE,CAAeC,GACb,MAAMC,EAAYN,KAAKO,GAAGC,WAAWC,cAAc,uBAAuBC,iBAAiB,gBACzFJ,EAAUK,SAASC,IACjBA,EAASR,eAAeC,EAAS,G,CAKvC,WAAAQ,CAAYC,GACV,MAAMC,EAAef,KAAKO,GAAGC,WAAWC,cAAc,mBACtD,GAAGK,EAAEE,OAAQ,CACXD,EAAaE,UAAUC,IAAI,O,KACtB,CACLH,EAAaE,UAAUE,OAAO,O,EAKlC,eAAAC,CAAgBN,GACd,MAAMO,EAAQrB,KAAKO,GAAGC,WAAWC,cAAc,qBAC/C,MAAMa,EAAUtB,KAAKO,GAAGC,WAAWC,cAAc,sBACjD,GAAGK,EAAEE,OAAQ,CACXK,EAAMJ,UAAUC,IAAI,QACpB,GAAGJ,EAAEE,SAAW,UAAW,CACzBM,EAAQL,UAAUC,IAAI,O,CAExBlB,KAAKI,eAAeU,EAAEE,O,KACjB,CACLK,EAAMJ,UAAUE,OAAO,QACvBG,EAAQL,UAAUE,OAAO,QACzBnB,KAAKI,eAAe,K,EAIxB,UAAAmB,GACE,MAAMR,EAAef,KAAKO,GAAGC,WAAWC,cAAc,mBACtDM,EAAaE,UAAUE,OAAO,O,CAGhC,MAAAK,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,wBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBACTF,EAAA,mBAAAC,IAAA,2CAAiBE,QAAS,IAAM5B,KAAKoB,gBAAgB,OAAQS,MAAM,QAAQC,QAAQ,WAAWC,KAAK,gBAAgBC,OAAO,SAASC,KAAK,MACxIR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAA,aAAAC,IAAA,2CAAWE,QAAS,IAAM5B,KAAKuB,aAAY,YAAY,YAAYO,QAAQ,SAASC,KAAK,aAAW,8BAGxGN,EAAA,MAAAC,IAAA,2CAAIC,MAAM,oBAAkB,wBAC5BF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACTF,EAAA,gBAAAC,IAAA,2CAAcQ,KAAK,cAAcC,UAAWnC,KAAKC,gBACjDwB,EAAA,gBAAAC,IAAA,2CAAcQ,KAAK,cAAcC,UAAWnC,KAAKG,kB","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-7aa4082c.js

@@ -0,0 +1,3 @@
+const e="infineon-design-system-stencil";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:true,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var s=new WeakMap;var l=e=>s.get(e);var i=(e,t)=>s.set(t.t=e,t);var o=(e,t)=>{const r={l:0,$hostElement$:e,i:t,o:new Map};{r.u=new Promise((e=>r.v=e))}{r.p=new Promise((e=>r.h=e));e["s-p"]=[];e["s-rc"]=[]}return s.set(e,r)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,r)=>{const n=e.m.replace(/-/g,"_");const s=e.$;if(!s){return void 0}const l=c.get(s);if(l){return l[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{c.set(s,e)}return e[n]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var h="http://www.w3.org/1999/xlink";var m=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var y=typeof window!=="undefined"?window:{};var b=y.document||{head:{}};var w=y.HTMLElement||class{};var g={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var $=t.shadowDom;var S=(()=>{let e=false;try{b.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var k=e=>Promise.resolve(e);var C=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var j=false;var O=[];var x=[];var R=(e,t)=>r=>{e.push(r);if(!j){j=true;if(t&&g.l&4){L(T)}else{g.raf(T)}}};var D=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var T=()=>{D(O);{D(x);if(j=O.length>0){g.raf(T)}}};var L=e=>k().then(e);var E=R(x,true);var A=e=>{const t=new URL(e,g.S);return t.origin!==y.location.origin?t.href:t.pathname};var F={};var M="http://www.w3.org/2000/svg";var U="http://www.w3.org/1999/xhtml";var P=e=>e!=null;var N=e=>{e=typeof e;return e==="object"||e==="function"};function W(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var H={};n(H,{err:()=>B,map:()=>I,ok:()=>z,unwrap:()=>Q,unwrapErr:()=>q});var z=e=>({isOk:true,isErr:false,value:e});var B=e=>({isOk:false,isErr:true,value:e});function I(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>z(e)))}else{return z(r)}}if(e.isErr){const t=e.value;return B(t)}throw"should never get here"}var Q=e=>{if(e.isOk){return e.value}else{throw e.value}};var q=e=>{if(e.isErr){return e.value}else{throw e.value}};var G=(e,t="")=>{{return()=>{}}};var K=(e,t)=>{{return()=>{}}};var V=(e,t,...r)=>{let n=null;let s=null;let l=null;let i=false;let o=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(i=typeof e!=="function"&&!N(n)){n=String(n)}if(i&&o){a[a.length-1].k+=n}else{a.push(i?X(null,n):n)}o=i}}};f(r);if(t){if(t.key){s=t.key}if(t.name){l=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const c=X(e,null);c.C=t;if(a.length>0){c.j=a}{c.O=s}{c.R=l}return c};var X=(e,t)=>{const r={l:0,D:e,k:t,T:null,j:null};{r.C=null}{r.O=null}{r.R=null}return r};var _={};var J=e=>e&&e.D===_;var Y=(e,t)=>{if(e!=null&&!N(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Z=e=>l(e).$hostElement$;var ee=(e,t,r)=>{const n=Z(e);return{emit:e=>te(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var te=(e,t,r)=>{const n=g.ce(t,r);e.dispatchEvent(n);return n};var re=new WeakMap;var ne=(e,t,r)=>{let n=v.get(e);if(C&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var se=(e,t,r)=>{var n;const s=ie(t);const l=v.get(s);e=e.nodeType===11?e:b;if(l){if(typeof l==="string"){e=e.head||e;let r=re.get(e);let i;if(!r){re.set(e,r=new Set)}if(!r.has(s)){{i=b.createElement("style");i.innerHTML=l;const r=(n=g.L)!=null?n:W(b);if(r!=null){i.setAttribute("nonce",r)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const r=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,r)}else if("host"in e){if(C){const t=new CSSStyleSheet;t.replaceSync(l);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=p}if(r){r.add(s)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return s};var le=e=>{const t=e.i;const r=e.$hostElement$;const n=t.l;const s=G("attachStyles",t.m);const l=se(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=l;r.classList.add(l+"-h")}s()};var ie=(e,t)=>"sc-"+e.m;var oe=(e,t,r,n,s,l)=>{if(r!==n){let i=a(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const s=fe(r);const l=fe(n);t.remove(...s.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!s.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(y,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r||n){const s=t.endsWith(ce);t=t.replace(ue,"");if(r){g.rel(e,t,r,s)}if(n){g.ael(e,t,n,s)}}}else{const a=N(n);if((i||a&&n!==null)&&!s){try{if(!e.tagName.includes("-")){const s=n==null?"":n;if(t==="list"){i=false}else if(r==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}else{e[t]=n}}catch(e){}}let f=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;f=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(f){e.removeAttributeNS(h,t)}else{e.removeAttribute(t)}}}else if((!i||l&4||s)&&!a){n=n===true?"":n;if(f){e.setAttributeNS(h,t,n)}else{e.setAttribute(t,n)}}}}};var ae=/\s/;var fe=e=>!e?[]:e.split(ae);var ce="Capture";var ue=new RegExp(ce+"$");var ve=(e,t,r)=>{const n=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const s=e&&e.C||F;const l=t.C||F;{for(const e of de(Object.keys(s))){if(!(e in l)){oe(n,e,s[e],void 0,r,t.l)}}}for(const e of de(Object.keys(l))){oe(n,e,s[e],l[e],r,t.l)}};function de(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var pe;var he;var me;var ye=false;var be=false;var we=false;var ge=false;var $e=(e,r,n,s)=>{var l;const i=r.j[n];let o=0;let a;let f;let c;if(!ye){we=true;if(i.D==="slot"){if(pe){s.classList.add(pe+"-s")}i.l|=i.j?2:1}}if(i.k!==null){a=i.T=b.createTextNode(i.k)}else if(i.l&1){a=i.T=b.createTextNode("")}else{if(!ge){ge=i.D==="svg"}a=i.T=b.createElementNS(ge?M:U,!ye&&t.slotRelocation&&i.l&2?"slot-fb":i.D);if(ge&&i.D==="foreignObject"){ge=false}{ve(null,i,ge)}const r=a.getRootNode();const n=!r.querySelector("body");if(!n&&t.scoped&&P(pe)&&a["s-si"]!==pe){a.classList.add(a["s-si"]=pe)}if(i.j){for(o=0;o<i.j.length;++o){f=$e(e,i,o,a);if(f){a.appendChild(f)}}}{if(i.D==="svg"){ge=false}else if(a.tagName==="foreignObject"){ge=true}}}a["s-hn"]=me;{if(i.l&(2|1)){a["s-sr"]=true;a["s-cr"]=he;a["s-sn"]=i.R||"";a["s-rf"]=(l=i.C)==null?void 0:l.ref;c=e&&e.j&&e.j[n];if(c&&c.D===i.D&&e.T){{Se(e.T,false)}}}}return a};var Se=(e,r)=>{g.l|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===me){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==me&&t["s-ol"]){Me(Re(t),t,xe(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;we=true}if(r){Se(t,r)}}g.l&=~1};var ke=(e,t,r,n,s,l)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===me){i=i.shadowRoot}for(;s<=l;++s){if(n[s]){o=$e(null,r,s,e);if(o){n[s].T=o;Me(i,o,xe(t))}}}};var Ce=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.T;Fe(t);if(e){{be=true;if(e["s-ol"]){e["s-ol"].remove()}else{Se(e,true)}}e.remove()}}}};var je=(e,t,r,n,s=false)=>{let l=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let p=n[v];let h;let m;while(l<=f&&i<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=n[++i]}else if(p==null){p=n[--v]}else if(Oe(c,d,s)){De(c,d,s);c=t[++l];d=n[++i]}else if(Oe(u,p,s)){De(u,p,s);u=t[--f];p=n[--v]}else if(Oe(c,p,s)){if(c.D==="slot"||p.D==="slot"){Se(c.T.parentNode,false)}De(c,p,s);Me(e,c.T,u.T.nextSibling);c=t[++l];p=n[--v]}else if(Oe(u,d,s)){if(c.D==="slot"||p.D==="slot"){Se(u.T.parentNode,false)}De(u,d,s);Me(e,u.T,c.T);u=t[--f];d=n[++i]}else{o=-1;{for(a=l;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){o=a;break}}}if(o>=0){m=t[o];if(m.D!==d.D){h=$e(t&&t[i],r,o,e)}else{De(m,d,s);t[o]=void 0;h=m.T}d=n[++i]}else{h=$e(t&&t[i],r,i,e);d=n[++i]}if(h){{Me(Re(c.T),h,xe(c.T))}}}}if(l>f){ke(e,n[v+1]==null?null:n[v+1].T,r,n,i,v)}else if(i>v){Ce(t,l,f)}};var Oe=(e,t,r=false)=>{if(e.D===t.D){if(e.D==="slot"){if("A"in e&&r&&e.T.nodeType!==8){return false}return e.R===t.R}if(!r){return e.O===t.O}return true}return false};var xe=e=>e&&e["s-ol"]||e;var Re=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var De=(e,r,n=false)=>{const s=r.T=e.T;const l=e.j;const i=r.j;const o=r.D;const a=r.k;let f;if(a===null){{ge=o==="svg"?true:o==="foreignObject"?false:ge}{if(o==="slot"&&!ye);else{ve(e,r,ge)}}if(l!==null&&i!==null){je(s,l,r,i,n)}else if(i!==null){if(e.k!==null){s.textContent=""}ke(s,null,r,i,0,i.length-1)}else if(!n&&t.updatable&&l!==null){Ce(l,0,l.length-1)}if(ge&&o==="svg"){ge=false}}else if(f=s["s-cr"]){f.parentNode.textContent=a}else if(e.k!==a){s.data=a}};var Te=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Te(e)}}};var Le=[];var Ee=e=>{let r;let n;let s;for(const l of e.childNodes){if(l["s-sr"]&&(r=l["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=l["s-sn"];for(s=n.length-1;s>=0;s--){r=n[s];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==l["s-hn"]&&!t.experimentalSlotFixes){if(Ae(r,e)){let t=Le.find((e=>e.F===r));be=true;r["s-sn"]=r["s-sn"]||e;if(t){t.F["s-sh"]=l["s-hn"];t.M=l}else{r["s-sh"]=l["s-hn"];Le.push({M:l,F:r})}if(r["s-sr"]){Le.map((e=>{if(Ae(e.F,r["s-sn"])){t=Le.find((e=>e.F===r));if(t&&!e.M){e.M=t.M}}}))}}else if(!Le.some((e=>e.F===r))){Le.push({F:r})}}}}if(l.nodeType===1){Ee(l)}}};var Ae=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Fe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Fe)}};var Me=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var Ue=(e,t,r=false)=>{var n,s,l,i;const o=e.$hostElement$;const a=e.i;const f=e.U||X(null,null);const c=J(t)?t:V(null,null,t);me=o.tagName;if(a.P){c.C=c.C||{};a.P.map((([e,t])=>c.C[t]=o[e]))}if(r&&c.C){for(const e of Object.keys(c.C)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=o[e]}}}c.D=null;c.l|=4;e.U=c;c.T=f.T=o.shadowRoot||o;{pe=o["s-sc"]}ye=(a.l&1)!==0;{he=o["s-cr"];be=false}De(f,c,r);{g.l|=1;if(we){Ee(c.T);for(const e of Le){const t=e.F;if(!t["s-ol"]){const e=b.createTextNode("");e["s-nr"]=t;Me(t.parentNode,t["s-ol"]=e,t)}}for(const e of Le){const t=e.F;const o=e.M;if(o){const e=o.parentNode;let r=o.nextSibling;{let l=(n=t["s-ol"])==null?void 0:n.previousSibling;while(l){let n=(s=l["s-nr"])!=null?s:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}l=l.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Me(e,t,r);if(t.nodeType===1){t.hidden=(l=t["s-ih"])!=null?l:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(be){Te(c.T)}g.l&=~1;Le.length=0}he=void 0};var Pe=(e,t)=>{if(t&&!e.N&&t["s-p"]){t["s-p"].push(new Promise((t=>e.N=t)))}};var Ne=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Pe(e,e.W);const r=()=>We(e,t);return E(r)};var We=(e,t)=>{const r=e.$hostElement$;const n=G("scheduleUpdate",e.i.m);const s=e.t;if(!s){throw new Error(`Can't render component <${r.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 l;if(t){{e.l|=256;if(e.H){e.H.map((([e,t])=>Ge(s,e,t)));e.H=void 0}}{l=Ge(s,"componentWillLoad")}}else{{l=Ge(s,"componentWillUpdate")}}{l=He(l,(()=>Ge(s,"componentWillRender")))}n();return He(l,(()=>Be(e,s,t)))};var He=(e,t)=>ze(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var ze=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Be=async(e,t,r)=>{var n;const s=e.$hostElement$;const l=G("update",e.i.m);const i=s["s-rc"];if(r){le(e)}const o=G("render",e.i.m);{Ie(e,t,s,r)}if(i){i.map((e=>e()));s["s-rc"]=void 0}o();l();{const t=(n=s["s-p"])!=null?n:[];const r=()=>Qe(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var Ie=(e,t,r,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Ue(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}return null};var Qe=e=>{const t=e.i.m;const r=e.$hostElement$;const n=G("postUpdate",t);const s=e.t;const l=e.W;{Ge(s,"componentDidRender")}if(!(e.l&64)){e.l|=64;{Ke(r)}{Ge(s,"componentDidLoad")}n();{e.h(r);if(!l){qe()}}}else{{Ge(s,"componentDidUpdate")}n()}{e.v(r)}{if(e.N){e.N();e.N=void 0}if(e.l&512){L((()=>Ne(e,false)))}e.l&=~(4|512)}};var qe=t=>{{Ke(b.documentElement)}L((()=>te(y,"appload",{detail:{namespace:e}})))};var Ge=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){f(e)}}return void 0};var Ke=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Ve=(e,t)=>l(e).o.get(t);var Xe=(e,t,r,n)=>{const s=l(e);if(!s){throw new Error(`Couldn't find host element for "${n.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=s.$hostElement$;const o=s.o.get(t);const a=s.l;const c=s.t;r=Y(r,n.B[t][0]);const u=Number.isNaN(o)&&Number.isNaN(r);const v=r!==o&&!u;if((!(a&8)||o===void 0)&&v){s.o.set(t,r);if(c){if(n.I&&a&128){const e=n.I[t];if(e){e.map((e=>{try{c[e](r,o,t)}catch(e){f(e,i)}}))}}if((a&(2|16))===2){Ne(s,false)}}}};var _e=(e,t,r)=>{var n,s;const i=e.prototype;if(t.l&64&&r&1){m.forEach((e=>{Object.defineProperty(i,e,{value(...t){const r=l(this);const n=r.t;if(!n){r.p.then((r=>{const n=r[e];typeof n==="function"&&n.call(r,...t)}))}else{const r=n[e];typeof r==="function"&&r.call(n,...t)}}})}))}if(t.B||(t.I||e.watchers)){if(e.watchers&&!t.I){t.I=e.watchers}const o=Object.entries((n=t.B)!=null?n:{});o.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(i,e,{get(){return Ve(this,e)},set(r){Xe(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&n&64){Object.defineProperty(i,e,{value(...t){var r;const n=l(this);return(r=n==null?void 0:n.u)==null?void 0:r.then((()=>{var r;return(r=n.t)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;i.attributeChangedCallback=function(e,n,s){g.jmp((()=>{var o;const a=r.get(e);if(this.hasOwnProperty(a)){s=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==s){return}else if(a==null){const r=l(this);const i=r==null?void 0:r.l;if(i&&!(i&8)&&i&128&&s!==n){const l=r.t;const i=(o=t.I)==null?void 0:o[e];i==null?void 0:i.forEach((t=>{if(l[t]!=null){l[t].call(l,s,n,e)}}))}return}this[a]=s===null&&typeof this[a]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.I)!=null?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var s;const l=n[1]||e;r.set(l,e);if(n[0]&512){(s=t.P)==null?void 0:s.push([e,l])}return l}))]))}}return e};var Je=async(e,t,r,n)=>{let s;if((t.l&32)===0){t.l|=32;const n=r.$;if(n){const e=u(r);if(e&&"then"in e){const t=K();s=await e;t()}else{s=e}if(!s){throw new Error(`Constructor for "${r.m}#${t.q}" was not found`)}if(!s.isProxied){{r.I=s.watchers}_e(s,r,2);s.isProxied=true}const n=G("createInstance",r.m);{t.l|=8}try{new s(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}n();Ye(t.t)}else{s=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=ie(r);if(!v.has(t)){const n=G("registerStyles",r.m);ne(t,e,!!(r.l&1));n()}}}const l=t.W;const i=()=>Ne(t,true);if(l&&l["s-rc"]){l["s-rc"].push(i)}else{i()}};var Ye=e=>{{Ge(e,"connectedCallback")}};var Ze=e=>{if((g.l&1)===0){const t=l(e);const r=t.i;const n=G("connectedCallback",r.m);if(!(t.l&1)){t.l|=1;{if(r.l&(4|8)){et(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){Pe(t,t.W=r);break}}}if(r.B){Object.entries(r.B).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{Je(e,t,r)}}else{lt(e,t,r.G);if(t==null?void 0:t.t){Ye(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>Ye(t.t)))}}n()}};var et=e=>{const t=e["s-cr"]=b.createComment("");t["s-cn"]=true;Me(e,t,e.firstChild)};var tt=e=>{{Ge(e,"disconnectedCallback")}};var rt=async e=>{if((g.l&1)===0){const t=l(e);{if(t.K){t.K.map((e=>e()));t.K=void 0}}if(t==null?void 0:t.t){tt(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>tt(t.t)))}}};var nt=e=>{const t=e.cloneNode;e.cloneNode=function(e){const r=this;const n=r.shadowRoot&&$;const s=t.call(r,n?e:false);if(!n&&e){let e=0;let t,n;const l=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];for(;e<r.childNodes.length;e++){t=r.childNodes[e]["s-nr"];n=l.every((t=>!r.childNodes[e][t]));if(t){{s.appendChild(t.cloneNode(true))}}if(n){s.appendChild(r.childNodes[e].cloneNode(true))}}}return s}};var st=(e,t={})=>{var r;const n=G();const s=[];const i=t.exclude||[];const a=y.customElements;const f=b.head;const c=f.querySelector("meta[charset]");const u=b.createElement("style");const v=[];let h;let m=true;Object.assign(g,t);g.S=new URL(t.resourcesUrl||"./",b.baseURI).href;let w=false;e.map((e=>{e[1].map((t=>{var r;const n={l:t[0],m:t[1],B:t[2],G:t[3]};if(n.l&4){w=true}{n.B=t[2]}{n.G=t[3]}{n.P=[]}{n.I=(r=t[4])!=null?r:{}}const f=n.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open",delegatesFocus:!!(n.l&16)})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=l(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;lt(this,e,n.G)}if(h){clearTimeout(h);h=null}if(m){v.push(this)}else{g.jmp((()=>Ze(this)))}}disconnectedCallback(){g.jmp((()=>rt(this)))}componentOnReady(){return l(this).p}};{{nt(c.prototype)}}if(n.l&64){c.formAssociated=true}n.$=e[0];if(!i.includes(f)&&!a.get(f)){s.push(f);a.define(f,_e(c,n,1))}}))}));if(s.length>0){if(w){u.textContent+=p}{u.textContent+=s.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=g.L)!=null?r:W(b);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}m=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{g.jmp((()=>h=setTimeout(qe,30)))}}n()};var lt=(e,t,r,n)=>{if(r){r.map((([r,n,s])=>{const l=ot(e,r);const i=it(t,s);const o=at(r);g.ael(l,n,i,o);(t.K=t.K||[]).push((()=>g.rel(l,n,i,o)))}))}};var it=(e,t)=>r=>{var n;try{{if(e.l&256){(n=e.t)==null?void 0:n[t](r)}else{(e.H=e.H||[]).push([t,r])}}}catch(e){f(e)}};var ot=(e,t)=>{if(t&4)return b;if(t&8)return y;if(t&16)return b.body;return e};var at=e=>S?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var ft=e=>g.L=e;export{w as H,_ as a,st as b,ee as c,A as d,Z as g,V as h,k as p,i as r,ft as s};
+//# sourceMappingURL=p-7aa4082c.js.map