@infineon/infineon-design-system-stencil 39.4.4-canary.0 → 39.5.0

package/dist/cjs/ifx-date-picker.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-date-picker.entry.cjs.js","sources":["src/components/date-picker/date-picker.scss?tag=ifx-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx"],"sourcesContent":["@use '~@infineon/design-system-tokens/dist/tokens';\r\n\r\n.date__picker-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  & .label__wrapper {\r\n    color: tokens.$ifxColorBaseBlack;\r\n    font: tokens.$ifxBodyBody03;\r\n\r\n    & .asterisk { \r\n      display: none;\r\n      &.required {\r\n        display: inline;\r\n        margin-left: 4px;\r\n        \r\n        &.error {\r\n          color: #CD002F;\r\n        }\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  &.disabled {\r\n    .label__wrapper {\r\n      color: tokens.$ifxColorEngineering300;\r\n    }\r\n  }\r\n\r\n  &.error {\r\n    .caption__wrapper {\r\n      color: tokens.$ifxColorRed500;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    .caption__wrapper {\r\n      color: tokens.$ifxColorEngineering300;\r\n    }\r\n  }\r\n\r\n  & .caption__wrapper {\r\n    margin-top: tokens.$ifxSpace50;\r\n    color: tokens.$ifxColorBaseBlack;\r\n    font: tokens.$ifxBodyBody05;\r\n  }\r\n}\r\n\r\n.date__picker-input {\r\n  font-family: 'Source Sans 3';\r\n  outline: none;\r\n  width: 100%;\r\n  cursor: pointer;\r\n  border-radius: 1px;\r\n  border: 1px solid tokens.$ifxColorEngineering400;\r\n  height: 100%;\r\n\r\n  &.firefox__classes {\r\n    padding: 8px 16px;\r\n    color: tokens.$ifxColorEngineering400;\r\n    font-size: 16px;\r\n    text-transform: uppercase;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    cursor: pointer;\r\n\r\n    &:disabled {\r\n      color: tokens.$ifxColorBaseWhite;\r\n    }\r\n  }\r\n\r\n  &:focus:not(.error, .success) {\r\n    border-color: tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &:hover:not(:disabled, :focus, .error, .success) {\r\n    border-color: tokens.$ifxColorEngineering500;\r\n  }\r\n\r\n  &:disabled {\r\n    border-color: tokens.$ifxColorEngineering300;\r\n    background-color: tokens.$ifxColorEngineering300;\r\n    cursor: default;\r\n  }\r\n\r\n  &.error {\r\n    border-color: tokens.$ifxColorRed500;\r\n  }\r\n\r\n  &.success:not(.error) {\r\n    border-color: tokens.$ifxColorGreen500;\r\n  }\r\n\r\n  &::-webkit-datetime-edit-text {\r\n    color: tokens.$ifxColorEngineering400;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n  }\r\n\r\n  &:disabled::-webkit-datetime-edit,\r\n  &:disabled::-webkit-datetime-edit-text {\r\n    color: tokens.$ifxColorBaseWhite;\r\n  }\r\n\r\n  &.has-value::-webkit-datetime-edit-text {\r\n    color: tokens.$ifxColorBaseBlack;\r\n  }\r\n\r\n  &.has-value::-webkit-datetime-edit {\r\n    color: tokens.$ifxColorBaseBlack;\r\n  }\r\n}\r\n\r\n::-webkit-datetime-edit {\r\n  color: tokens.$ifxColorEngineering400;\r\n  font-size: 16px;\r\n  text-transform: uppercase;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n}\r\n\r\n::-webkit-datetime-edit-fields-wrapper {\r\n  padding: 8px 16px;\r\n  padding-bottom: 9px;\r\n  transform: translateY(1px);\r\n}\r\n\r\n::-webkit-inner-spin-button {\r\n  display: none;\r\n}\r\n\r\n::-webkit-calendar-picker-indicator {\r\n  position: absolute;\r\n  right: 15px;\r\n  font-size: 19px;\r\n  cursor: pointer;\r\n  border-radius: 1px;\r\n  &:focus-within {\r\n    outline: 2px solid tokens.$ifxColorOcean500;\r\n    outline-offset: 2px;\r\n  }\r\n}\r\n\r\n.input__wrapper {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  align-self: stretch;\r\n  background: tokens.$ifxColorBaseWhite;\r\n  position: relative;\r\n  &.large {\r\n    height: 40px;\r\n  }\r\n\r\n  &.small {\r\n    height: 36px;\r\n  }\r\n\r\n  &.disabled {\r\n    & .icon__wrapper {\r\n      background-color: tokens.$ifxColorEngineering300;\r\n      color: tokens.$ifxColorBaseWhite;\r\n    }\r\n  }\r\n}\r\n\r\n.icon__wrapper {\r\n  position: absolute;\r\n  right: 17px;\r\n  padding: 2px;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  pointer-events: none;\r\n  z-index: 100;\r\n  background-color: tokens.$ifxColorBaseWhite;\r\n  line-height: 16px;\r\n\r\n  & ifx-icon {\r\n    vertical-align: middle;\r\n  }\r\n}\r\n","import { AttachInternals } from '@stencil/core';\r\nimport { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n \r\n@Component({\r\n  tag: 'ifx-date-picker',\r\n  styleUrl: 'date-picker.scss',\r\n  shadow: true,\r\n  // formAssociated: true,\r\n})\r\n\r\nexport class DatePicker {\r\n  private inputId: string = `ifx-date-picker-${++datePickerId}`;\r\n\r\n  @Element() el: HTMLElement;\r\n  @Prop() size: string = 's';\r\n  @Prop() error: boolean = false;\r\n  @Prop() success: boolean = false;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() ariaLabel: string | null;\r\n  @Prop() value: string;\r\n  @Prop() type: string = 'date'\r\n  @Prop() max: string;\r\n  @Prop() min: string;\r\n  @Prop() required: boolean = false;\r\n  @Prop() label: string;\r\n  @Prop() caption: string;\r\n  @Prop() autocomplete: string = 'on';\r\n\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  @Event() ifxDate: EventEmitter;\r\n\r\n  getDate(e) { \r\n    const inputValue = e.target.value;\r\n    const selectedDate = new Date(inputValue);\r\n    const day = selectedDate.getDate();\r\n    const month = selectedDate.getMonth() + 1; \r\n    const year = selectedDate.getFullYear();\r\n\r\n \r\n      \r\n    if (!inputValue) {\r\n      //this.internals.setFormValue(null);\r\n\r\n      if(this.type === 'datetime-local') { \r\n        const hours = selectedDate.getHours();\r\n        const minutes = selectedDate.getMinutes();\r\n        this.ifxDate.emit({day, month, year, hours, minutes});\r\n      } else { \r\n        this.ifxDate.emit({day, month, year});\r\n      }\r\n      return;\r\n    }\r\n\r\n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\r\n    input.classList.add('has-value');\r\n\r\n    //this.internals.setFormValue(selectedDate.toISOString().substring(0,10))\r\n    if(this.type === 'datetime-local') { \r\n      const hours = selectedDate.getHours();\r\n      const minutes = selectedDate.getMinutes();\r\n      this.ifxDate.emit({day, month, year, hours, minutes});\r\n    } else { \r\n      this.ifxDate.emit({day, month, year})\r\n    }\r\n  }\r\n\r\n  handleInputFocusOnIconClick() { \r\n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\r\n    if(input) { \r\n      input.focus()\r\n    }\r\n  }\r\n\r\n getBrowser() {\r\n    if( navigator.userAgent.indexOf(\"Chrome\") != -1 ) {\r\n      return \"Chrome\";\r\n    } else if( navigator.userAgent.indexOf(\"Opera\") != -1 ) {\r\n      return \"Opera\";\r\n    } else if( navigator.userAgent.indexOf(\"MSIE\") != -1 ) {\r\n      return \"IE\";\r\n    } else if( navigator.userAgent.indexOf(\"Firefox\") != -1 ) {\r\n      return \"Firefox\";\r\n    } else {\r\n      return \"unknown\";\r\n    }\r\n  }\r\n\r\n  setFireFoxClasses() { \r\n    const browser = this.getBrowser()\r\n    const input = this.el.shadowRoot.querySelector('.date__picker-input');\r\n\r\n    if(browser === 'Firefox') { \r\n      input.classList.add('firefox__classes')\r\n    } else if(input.classList.contains('firefox__classes')) { \r\n      input.classList.remove('firefox__classes')\r\n    }\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-date-picker', await framework)\r\n    }\r\n    this.setFireFoxClasses()\r\n  }\r\n\r\n  componentWillUpdate() { \r\n    if (this.value) {\r\n      this.getDate({ target: { value: this.value } });\r\n    }\r\n  }\r\n\r\n  // formResetCallback() {\r\n  //   this.internals.setFormValue(null);\r\n  // }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`date__picker-container ${this.error ? 'error' : ''} ${this.disabled ? 'disabled': ''}`}>\r\n\r\n        <label class='label__wrapper' htmlFor={ this.inputId }>\r\n          { this.label?.trim() }\r\n          <span class={`asterisk ${this.required ? 'required' : \"\"} ${this.error ? 'error' : \"\"}`}>*</span>\r\n        </label>\r\n\r\n        <div class={`input__wrapper ${this.size === 'l' ? 'large' : 'small'} ${this.disabled ? 'disabled' : ''}`}>\r\n          <input\r\n          type={this.type}\r\n          autocomplete={this.autocomplete}\r\n          class={`date__picker-input ${this.error ? 'error' : \"\"} ${this.success ? \"success\" : \"\"}`}\r\n          disabled={this.disabled ? true : undefined}\r\n          aria-invalid={this.error ? true : undefined}\r\n          aria-label={this.ariaLabel}\r\n          max={this.max}\r\n          min={this.min}\r\n          value={this.value}\r\n          required={this.required}\r\n          onChange={(e) => this.getDate(e)} />\r\n          <div class=\"icon__wrapper\" role=\"button\" onClick={() => this.handleInputFocusOnIconClick()}>\r\n            <ifx-icon icon='calendar16' aria-hidden=\"true\"></ifx-icon>\r\n          </div>\r\n        </div>\r\n\r\n        { this.caption?.trim() && (\r\n            <div class='caption__wrapper'>\r\n              { this.caption.trim() }\r\n            </div> \r\n          )}\r\n      </div>\r\n    )\r\n  }\r\n}\r\n\r\nlet datePickerId = 0;"],"names":["isNestedInIfxComponent","detectFramework","trackComponent","h"],"mappings":"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"}
+{"version":3,"file":"ifx-date-picker.entry.cjs.js","sources":["src/components/date-picker/date-picker.scss?tag=ifx-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx"],"sourcesContent":["@use '~@infineon/design-system-tokens/dist/tokens';\n\n.date__picker-container {\n  display: flex;\n  flex-direction: column;\n\n  & .label__wrapper {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n\n    & .asterisk { \n      display: none;\n      &.required {\n        display: inline;\n        margin-left: 4px;\n        \n        &.error {\n          color: #CD002F;\n        }\n      }\n    }\n\n  }\n\n  &.disabled {\n    .label__wrapper {\n      color: tokens.$ifxColorEngineering300;\n    }\n  }\n\n  &.error {\n    .caption__wrapper {\n      color: tokens.$ifxColorRed500;\n    }\n  }\n\n  &.disabled {\n    .caption__wrapper {\n      color: tokens.$ifxColorEngineering300;\n    }\n  }\n\n  & .caption__wrapper {\n    margin-top: tokens.$ifxSpace50;\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody05;\n  }\n}\n\n.date__picker-input {\n  font-family: 'Source Sans 3';\n  outline: none;\n  width: 100%;\n  cursor: pointer;\n  border-radius: 1px;\n  border: 1px solid tokens.$ifxColorEngineering400;\n  height: 100%;\n\n  &.firefox__classes {\n    padding: 8px 16px;\n    color: tokens.$ifxColorEngineering400;\n    font-size: 16px;\n    text-transform: uppercase;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n    cursor: pointer;\n\n    &:disabled {\n      color: tokens.$ifxColorBaseWhite;\n    }\n  }\n\n  &:focus:not(.error, .success) {\n    border-color: tokens.$ifxColorOcean500;\n  }\n\n  &:hover:not(:disabled, :focus, .error, .success) {\n    border-color: tokens.$ifxColorEngineering500;\n  }\n\n  &:disabled {\n    border-color: tokens.$ifxColorEngineering300;\n    background-color: tokens.$ifxColorEngineering300;\n    cursor: default;\n  }\n\n  &.error {\n    border-color: tokens.$ifxColorRed500;\n  }\n\n  &.success:not(.error) {\n    border-color: tokens.$ifxColorGreen500;\n  }\n\n  &::-webkit-datetime-edit-text {\n    color: tokens.$ifxColorEngineering400;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n  }\n\n  &:disabled::-webkit-datetime-edit,\n  &:disabled::-webkit-datetime-edit-text {\n    color: tokens.$ifxColorBaseWhite;\n  }\n\n  &.has-value::-webkit-datetime-edit-text {\n    color: tokens.$ifxColorBaseBlack;\n  }\n\n  &.has-value::-webkit-datetime-edit {\n    color: tokens.$ifxColorBaseBlack;\n  }\n}\n\n::-webkit-datetime-edit {\n  color: tokens.$ifxColorEngineering400;\n  font-size: 16px;\n  text-transform: uppercase;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n  padding: 8px 16px;\n  padding-bottom: 9px;\n  transform: translateY(1px);\n}\n\n::-webkit-inner-spin-button {\n  display: none;\n}\n\n::-webkit-calendar-picker-indicator {\n  position: absolute;\n  right: 15px;\n  font-size: 19px;\n  cursor: pointer;\n  border-radius: 1px;\n  &:focus-within {\n    outline: 2px solid tokens.$ifxColorOcean500;\n    outline-offset: 2px;\n  }\n}\n\n.input__wrapper {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  background: tokens.$ifxColorBaseWhite;\n  position: relative;\n  &.large {\n    height: 40px;\n  }\n\n  &.small {\n    height: 36px;\n  }\n\n  &.disabled {\n    & .icon__wrapper {\n      background-color: tokens.$ifxColorEngineering300;\n      color: tokens.$ifxColorBaseWhite;\n    }\n  }\n}\n\n.icon__wrapper {\n  position: absolute;\n  right: 17px;\n  padding: 2px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  z-index: 100;\n  background-color: tokens.$ifxColorBaseWhite;\n  line-height: 16px;\n\n  & ifx-icon {\n    vertical-align: middle;\n  }\n}\n","import { AttachInternals } from '@stencil/core';\nimport { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n \n@Component({\n  tag: 'ifx-date-picker',\n  styleUrl: 'date-picker.scss',\n  shadow: true,\n  // formAssociated: true,\n})\n\nexport class DatePicker {\n  private inputId: string = `ifx-date-picker-${++datePickerId}`;\n\n  @Element() el: HTMLElement;\n  @Prop() size: string = 's';\n  @Prop() error: boolean = false;\n  @Prop() success: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() ariaLabel: string | null;\n  @Prop() value: string;\n  @Prop() type: string = 'date'\n  @Prop() max: string;\n  @Prop() min: string;\n  @Prop() required: boolean = false;\n  @Prop() label: string;\n  @Prop() caption: string;\n  @Prop() autocomplete: string = 'on';\n\n  @AttachInternals() internals: ElementInternals;\n\n  @Event() ifxDate: EventEmitter;\n\n  getDate(e) { \n    const inputValue = e.target.value;\n    const selectedDate = new Date(inputValue);\n    const day = selectedDate.getDate();\n    const month = selectedDate.getMonth() + 1; \n    const year = selectedDate.getFullYear();\n\n \n      \n    if (!inputValue) {\n      //this.internals.setFormValue(null);\n\n      if(this.type === 'datetime-local') { \n        const hours = selectedDate.getHours();\n        const minutes = selectedDate.getMinutes();\n        this.ifxDate.emit({day, month, year, hours, minutes});\n      } else { \n        this.ifxDate.emit({day, month, year});\n      }\n      return;\n    }\n\n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n    input.classList.add('has-value');\n\n    //this.internals.setFormValue(selectedDate.toISOString().substring(0,10))\n    if(this.type === 'datetime-local') { \n      const hours = selectedDate.getHours();\n      const minutes = selectedDate.getMinutes();\n      this.ifxDate.emit({day, month, year, hours, minutes});\n    } else { \n      this.ifxDate.emit({day, month, year})\n    }\n  }\n\n  handleInputFocusOnIconClick() { \n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n    if(input) { \n      input.focus()\n    }\n  }\n\n getBrowser() {\n    if( navigator.userAgent.indexOf(\"Chrome\") != -1 ) {\n      return \"Chrome\";\n    } else if( navigator.userAgent.indexOf(\"Opera\") != -1 ) {\n      return \"Opera\";\n    } else if( navigator.userAgent.indexOf(\"MSIE\") != -1 ) {\n      return \"IE\";\n    } else if( navigator.userAgent.indexOf(\"Firefox\") != -1 ) {\n      return \"Firefox\";\n    } else {\n      return \"unknown\";\n    }\n  }\n\n  setFireFoxClasses() { \n    const browser = this.getBrowser()\n    const input = this.el.shadowRoot.querySelector('.date__picker-input');\n\n    if(browser === 'Firefox') { \n      input.classList.add('firefox__classes')\n    } else if(input.classList.contains('firefox__classes')) { \n      input.classList.remove('firefox__classes')\n    }\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-date-picker', await framework)\n    }\n    this.setFireFoxClasses()\n  }\n\n  componentWillUpdate() { \n    if (this.value) {\n      this.getDate({ target: { value: this.value } });\n    }\n  }\n\n  // formResetCallback() {\n  //   this.internals.setFormValue(null);\n  // }\n\n  render() {\n    return (\n      <div class={`date__picker-container ${this.error ? 'error' : ''} ${this.disabled ? 'disabled': ''}`}>\n\n        <label class='label__wrapper' htmlFor={ this.inputId }>\n          { this.label?.trim() }\n          <span class={`asterisk ${this.required ? 'required' : \"\"} ${this.error ? 'error' : \"\"}`}>*</span>\n        </label>\n\n        <div class={`input__wrapper ${this.size === 'l' ? 'large' : 'small'} ${this.disabled ? 'disabled' : ''}`}>\n          <input\n          type={this.type}\n          autocomplete={this.autocomplete}\n          class={`date__picker-input ${this.error ? 'error' : \"\"} ${this.success ? \"success\" : \"\"}`}\n          disabled={this.disabled ? true : undefined}\n          aria-invalid={this.error ? true : undefined}\n          aria-label={this.ariaLabel}\n          max={this.max}\n          min={this.min}\n          value={this.value}\n          required={this.required}\n          onChange={(e) => this.getDate(e)} />\n          <div class=\"icon__wrapper\" role=\"button\" onClick={() => this.handleInputFocusOnIconClick()}>\n            <ifx-icon icon='calendar16' aria-hidden=\"true\"></ifx-icon>\n          </div>\n        </div>\n\n        { this.caption?.trim() && (\n            <div class='caption__wrapper'>\n              { this.caption.trim() }\n            </div> \n          )}\n      </div>\n    )\n  }\n}\n\nlet datePickerId = 0;"],"names":["isNestedInIfxComponent","detectFramework","trackComponent","h"],"mappings":"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"}

package/dist/cjs/ifx-download.cjs.entry.js

@@ -17,7 +17,7 @@ const Download = class {
         const fileName = `infineon-tokens.${this.tokens}`;
         const sourceFile = fileMap[this.tokens];
         const fileUrl = `https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/${sourceFile}`;
-        return (index.h("ifx-link", { key: 'ac131e136730cd07388db72c9136586df6fecbdd', onClick: (e) => {
+        return (index.h("ifx-link", { key: '51887d03944efc6448ef2c71288a16754bebf12f', onClick: (e) => {
                 e.preventDefault();
                 fetch(fileUrl)
                     .then(res => res.blob())
@@ -27,7 +27,7 @@ const Download = class {
                     link.download = fileName;
                     link.click();
                 });
-            }, href: fileUrl, download: fileName, class: "download__wrapper", size: "m", variant: "bold" }, index.h("slot", { key: 'b7c2682a2d67dc561433c8a2eea1927d3370fba9' })));
+            }, href: fileUrl, download: fileName, class: "download__wrapper", size: "m", variant: "bold" }, index.h("slot", { key: '8b4c69297dcbf44cf7182e8db89758a4f3a1f981' })));
     }
 };
 Download.style = downloadCss;

package/dist/cjs/ifx-download.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ifx-download.entry.cjs.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,EAAE;;MCOT,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAM,CAAA,MAAA,GAAmB,KAAK;AAoCvC;IAlCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,GAAG,EAAE,mBAAmB;AACxB,YAAA,IAAI,EAAE;SACP;AAED,QAAA,MAAM,QAAQ,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,MAAM,EAAE;QACjD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;AAEvC,QAAA,MAAM,OAAO,GAAG,CAA4E,yEAAA,EAAA,UAAU,EAAE;AAExG,QAAA,QACEA,OACA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,cAAc,EAAE;gBAClB,KAAK,CAAC,OAAO;qBACV,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE;qBACtB,IAAI,CAAC,IAAI,IAAG;oBACX,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;oBACxC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AACrC,oBAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;oBACxB,IAAI,CAAC,KAAK,EAAE;AACd,iBAAC,CAAC;AACN,aAAC,EACC,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EAAA,EAEdA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACC;;;;;;;","names":["h"],"sources":["src/components/download/download.scss?tag=ifx-download&encapsulation=shadow","src/components/download/download.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-download',\r\n  styleUrl: './download.scss',\r\n  shadow: true\r\n})\r\nexport class Download {\r\n  @Prop() tokens: 'css' | 'scss' = 'css';\r\n\r\n  render() {\r\n    const fileMap = {\r\n      css: 'css-variables.css',\r\n      scss: 'scss-variables.scss'\r\n    };\r\n\r\n    const fileName = `infineon-tokens.${this.tokens}`;\r\n    const sourceFile = fileMap[this.tokens];\r\n    \r\n    const fileUrl = `https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/${sourceFile}`;\r\n\r\n    return (\r\n      <ifx-link \r\n      onClick={(e) => {\r\n        e.preventDefault();\r\n        fetch(fileUrl)\r\n          .then(res => res.blob())\r\n          .then(blob => {\r\n            const link = document.createElement('a');\r\n            link.href = URL.createObjectURL(blob);\r\n            link.download = fileName;\r\n            link.click();\r\n          });\r\n      }}\r\n        href={fileUrl}\r\n        download={fileName} \r\n        class=\"download__wrapper\" \r\n        size=\"m\" \r\n        variant=\"bold\"\r\n      >\r\n        <slot />\r\n      </ifx-link>\r\n    );\r\n  }\r\n}"],"version":3}
+{"file":"ifx-download.entry.cjs.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,EAAE;;MCOT,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAM,CAAA,MAAA,GAAmB,KAAK;AAoCvC;IAlCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,GAAG,EAAE,mBAAmB;AACxB,YAAA,IAAI,EAAE;SACP;AAED,QAAA,MAAM,QAAQ,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,MAAM,EAAE;QACjD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;AAEvC,QAAA,MAAM,OAAO,GAAG,CAA4E,yEAAA,EAAA,UAAU,EAAE;AAExG,QAAA,QACEA,OACA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,cAAc,EAAE;gBAClB,KAAK,CAAC,OAAO;qBACV,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE;qBACtB,IAAI,CAAC,IAAI,IAAG;oBACX,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;oBACxC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AACrC,oBAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;oBACxB,IAAI,CAAC,KAAK,EAAE;AACd,iBAAC,CAAC;AACN,aAAC,EACC,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EAAA,EAEdA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACC;;;;;;;","names":["h"],"sources":["src/components/download/download.scss?tag=ifx-download&encapsulation=shadow","src/components/download/download.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-download',\n  styleUrl: './download.scss',\n  shadow: true\n})\nexport class Download {\n  @Prop() tokens: 'css' | 'scss' = 'css';\n\n  render() {\n    const fileMap = {\n      css: 'css-variables.css',\n      scss: 'scss-variables.scss'\n    };\n\n    const fileName = `infineon-tokens.${this.tokens}`;\n    const sourceFile = fileMap[this.tokens];\n    \n    const fileUrl = `https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/${sourceFile}`;\n\n    return (\n      <ifx-link \n      onClick={(e) => {\n        e.preventDefault();\n        fetch(fileUrl)\n          .then(res => res.blob())\n          .then(blob => {\n            const link = document.createElement('a');\n            link.href = URL.createObjectURL(blob);\n            link.download = fileName;\n            link.click();\n          });\n      }}\n        href={fileUrl}\n        download={fileName} \n        class=\"download__wrapper\" \n        size=\"m\" \n        variant=\"bold\"\n      >\n        <slot />\n      </ifx-link>\n    );\n  }\n}"],"version":3}

package/dist/cjs/ifx-download.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-download.entry.cjs.js","sources":["src/components/download/download.scss?tag=ifx-download&encapsulation=shadow","src/components/download/download.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-download',\r\n  styleUrl: './download.scss',\r\n  shadow: true\r\n})\r\nexport class Download {\r\n  @Prop() tokens: 'css' | 'scss' = 'css';\r\n\r\n  render() {\r\n    const fileMap = {\r\n      css: 'css-variables.css',\r\n      scss: 'scss-variables.scss'\r\n    };\r\n\r\n    const fileName = `infineon-tokens.${this.tokens}`;\r\n    const sourceFile = fileMap[this.tokens];\r\n    \r\n    const fileUrl = `https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/${sourceFile}`;\r\n\r\n    return (\r\n      <ifx-link \r\n      onClick={(e) => {\r\n        e.preventDefault();\r\n        fetch(fileUrl)\r\n          .then(res => res.blob())\r\n          .then(blob => {\r\n            const link = document.createElement('a');\r\n            link.href = URL.createObjectURL(blob);\r\n            link.download = fileName;\r\n            link.click();\r\n          });\r\n      }}\r\n        href={fileUrl}\r\n        download={fileName} \r\n        class=\"download__wrapper\" \r\n        size=\"m\" \r\n        variant=\"bold\"\r\n      >\r\n        <slot />\r\n      </ifx-link>\r\n    );\r\n  }\r\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,WAAW,GAAG,EAAE;;MCOT,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAM,CAAA,MAAA,GAAmB,KAAK;AAoCvC;IAlCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,GAAG,EAAE,mBAAmB;AACxB,YAAA,IAAI,EAAE;SACP;AAED,QAAA,MAAM,QAAQ,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,MAAM,EAAE;QACjD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;AAEvC,QAAA,MAAM,OAAO,GAAG,CAA4E,yEAAA,EAAA,UAAU,EAAE;AAExG,QAAA,QACEA,OACA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,cAAc,EAAE;gBAClB,KAAK,CAAC,OAAO;qBACV,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE;qBACtB,IAAI,CAAC,IAAI,IAAG;oBACX,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;oBACxC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AACrC,oBAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;oBACxB,IAAI,CAAC,KAAK,EAAE;AACd,iBAAC,CAAC;AACN,aAAC,EACC,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EAAA,EAEdA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACC;;;;;;;"}
+{"version":3,"file":"ifx-download.entry.cjs.js","sources":["src/components/download/download.scss?tag=ifx-download&encapsulation=shadow","src/components/download/download.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-download',\n  styleUrl: './download.scss',\n  shadow: true\n})\nexport class Download {\n  @Prop() tokens: 'css' | 'scss' = 'css';\n\n  render() {\n    const fileMap = {\n      css: 'css-variables.css',\n      scss: 'scss-variables.scss'\n    };\n\n    const fileName = `infineon-tokens.${this.tokens}`;\n    const sourceFile = fileMap[this.tokens];\n    \n    const fileUrl = `https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/${sourceFile}`;\n\n    return (\n      <ifx-link \n      onClick={(e) => {\n        e.preventDefault();\n        fetch(fileUrl)\n          .then(res => res.blob())\n          .then(blob => {\n            const link = document.createElement('a');\n            link.href = URL.createObjectURL(blob);\n            link.download = fileName;\n            link.click();\n          });\n      }}\n        href={fileUrl}\n        download={fileName} \n        class=\"download__wrapper\" \n        size=\"m\" \n        variant=\"bold\"\n      >\n        <slot />\n      </ifx-link>\n    );\n  }\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,WAAW,GAAG,EAAE;;MCOT,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAM,CAAA,MAAA,GAAmB,KAAK;AAoCvC;IAlCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,GAAG,EAAE,mBAAmB;AACxB,YAAA,IAAI,EAAE;SACP;AAED,QAAA,MAAM,QAAQ,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,MAAM,EAAE;QACjD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;AAEvC,QAAA,MAAM,OAAO,GAAG,CAA4E,yEAAA,EAAA,UAAU,EAAE;AAExG,QAAA,QACEA,OACA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,cAAc,EAAE;gBAClB,KAAK,CAAC,OAAO;qBACV,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE;qBACtB,IAAI,CAAC,IAAI,IAAG;oBACX,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;oBACxC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AACrC,oBAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;oBACxB,IAAI,CAAC,KAAK,EAAE;AACd,iBAAC,CAAC;AACN,aAAC,EACC,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EAAA,EAEdA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACC;;;;;;;"}

package/dist/cjs/ifx-dropdown-header.cjs.entry.js

@@ -9,7 +9,7 @@ const DropdownHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd58d209bafd95f683e1dc354a1202f04196a8b0a', class: 'dropdown-header' }, index.h("span", { key: '28cc9c63a12069353c9c1305b45b6dc718bace6d' }, index.h("slot", { key: '41d2a221685739d726b282153f75c5d3c2ca08ae' }))));
+        return (index.h("div", { key: 'fb44be3a97b0d43bdc771a216cdf66dbb6d9fd60', class: 'dropdown-header' }, index.h("span", { key: 'e5303390c42d9f6d536fe747e3aece317ba4cf18' }, index.h("slot", { key: 'a513ba5f1960a0c00099103b81449ee1ec30b9c1' }))));
     }
 };
 DropdownHeader.style = dropdownHeaderCss;

package/dist/cjs/ifx-dropdown-header.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ifx-dropdown-header.entry.cjs.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,6WAA6W;;MCS1X,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACH;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-header/dropdown-header.scss?tag=ifx-dropdown-header&encapsulation=shadow","src/components/dropdown/dropdown-header/dropdown-header.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n.dropdown-header {\r\n  display: flex;\r\n  padding: 8px 16px;\r\n  align-items: center;\r\n  gap: 8px;\r\n  align-self: stretch;\r\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n\r\n\r\n  & span {\r\n    color: tokens.$ifxColorEngineering500;\r\n    font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    /* 142.857% */\r\n  }\r\n}","// dropdown-separator.tsx\r\nimport { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-header',\r\n  styleUrl: 'dropdown-header.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownHeader {\r\n  render() {\r\n    return (\r\n      <div class='dropdown-header'>\r\n        <span>\r\n          <slot />\r\n        </span>\r\n      </div>\r\n    )\r\n  }\r\n}"],"version":3}
+{"file":"ifx-dropdown-header.entry.cjs.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,6WAA6W;;MCS1X,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACH;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-header/dropdown-header.scss?tag=ifx-dropdown-header&encapsulation=shadow","src/components/dropdown/dropdown-header/dropdown-header.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.dropdown-header {\n  display: flex;\n  padding: 8px 16px;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n\n  & span {\n    color: tokens.$ifxColorEngineering500;\n    font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    /* 142.857% */\n  }\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-header',\n  styleUrl: 'dropdown-header.scss',\n  shadow: true\n})\n\nexport class DropdownHeader {\n  render() {\n    return (\n      <div class='dropdown-header'>\n        <span>\n          <slot />\n        </span>\n      </div>\n    )\n  }\n}"],"version":3}

package/dist/cjs/ifx-dropdown-header.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-dropdown-header.entry.cjs.js","sources":["src/components/dropdown/dropdown-header/dropdown-header.scss?tag=ifx-dropdown-header&encapsulation=shadow","src/components/dropdown/dropdown-header/dropdown-header.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n.dropdown-header {\r\n  display: flex;\r\n  padding: 8px 16px;\r\n  align-items: center;\r\n  gap: 8px;\r\n  align-self: stretch;\r\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n\r\n\r\n  & span {\r\n    color: tokens.$ifxColorEngineering500;\r\n    font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    /* 142.857% */\r\n  }\r\n}","// dropdown-separator.tsx\r\nimport { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-header',\r\n  styleUrl: 'dropdown-header.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownHeader {\r\n  render() {\r\n    return (\r\n      <div class='dropdown-header'>\r\n        <span>\r\n          <slot />\r\n        </span>\r\n      </div>\r\n    )\r\n  }\r\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,6WAA6W;;MCS1X,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACH;;;;;;;"}
+{"version":3,"file":"ifx-dropdown-header.entry.cjs.js","sources":["src/components/dropdown/dropdown-header/dropdown-header.scss?tag=ifx-dropdown-header&encapsulation=shadow","src/components/dropdown/dropdown-header/dropdown-header.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.dropdown-header {\n  display: flex;\n  padding: 8px 16px;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n\n  & span {\n    color: tokens.$ifxColorEngineering500;\n    font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    /* 142.857% */\n  }\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-header',\n  styleUrl: 'dropdown-header.scss',\n  shadow: true\n})\n\nexport class DropdownHeader {\n  render() {\n    return (\n      <div class='dropdown-header'>\n        <span>\n          <slot />\n        </span>\n      </div>\n    )\n  }\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,6WAA6W;;MCS1X,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACH;;;;;;;"}

package/dist/cjs/ifx-dropdown-item.cjs.entry.js

@@ -28,7 +28,7 @@ const DropdownItem = class {
         };
         if (!hasHref)
             common.tabIndex = 0;
-        return (index.h("a", Object.assign({ key: '3b6bafaaafc41c5b41b6aeb95b24ca9dfc877fe7' }, common, (hasHref ? { href: this.href, target: this.target } : {})), this.icon && index.h("ifx-icon", { key: 'ddc2194b498892b02808fbbc86b974870f4ec766', class: "icon", icon: this.icon }), index.h("span", { key: 'e7dc8f0743ea61387cf1988233d8b1fa1a791f14' }, index.h("slot", { key: 'c0b7fb1aaeaee44598d66eed133aa99d16f61b82' }))));
+        return (index.h("a", Object.assign({ key: '0fa61b25ba8f7f8dec6828def32fca24c753970b' }, common, (hasHref ? { href: this.href, target: this.target } : {})), this.icon && index.h("ifx-icon", { key: '7676baff54e17a8ac7a3de6a47fb00e773b80718', class: "icon", icon: this.icon }), index.h("span", { key: 'a2b3213b15b3e0d0b40c12cf7863158f5233c400' }, index.h("slot", { key: 'b0c64b7c89c088900c65736450ebb366fcccad3c' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ifx-dropdown-item.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ifx-dropdown-item.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,qlBAAqlB;;MCQhmB,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQU,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;AACxB,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AACpB,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AA8B5B;AAzBC,IAAA,cAAc,CAAC,KAAkB,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM;;IAG1B,mBAAmB,GAAA;QACjB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;;IAGhD,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE;AACjF,QAAA,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,CAAiB,cAAA,EAAA,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE,CAAE,CAAA;AACrF,YAAA,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE;AACzC,YAAA,IAAI,EAAE;SACA;AAER,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,MAAM,CAAC,QAAQ,GAAG,CAAC;AAEjC,QAAA,QACEA,OAAO,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,MAAM,GAAO,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,EAAC,EACzE,IAAI,CAAC,IAAI,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAa,CAAA,EACjEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAMA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CAAO,CACnB;;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-item/dropdown-item.scss?tag=ifx-dropdown-item&encapsulation=shadow","src/components/dropdown/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n.dropdown-item {\r\n  text-decoration: none;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 16px;\r\n  gap: tokens.$ifxSize100;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n  &:focus{\r\n    outline: none;\r\n    box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &.hide {\r\n    display: none;\r\n  }\r\n\r\n  & span {\r\n    color: tokens.$ifxColorBaseBlack;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    /* 150% */\r\n  }\r\n\r\n  &.small {\r\n    & span {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    background-color: tokens.$ifxColorEngineering200;\r\n  }\r\n\r\n  &:active {\r\n    background-color: tokens.$ifxColorEngineering300;\r\n  }\r\n}\r\n\r\n.icon {\r\n  margin-right: 4px;\r\n}","import { Component, Prop, h, Listen, State, Event, EventEmitter, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-item',\r\n  styleUrl: 'dropdown-item.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownItem {\r\n  @Prop() icon: string;\r\n  @Prop() href: string = \"\"\r\n  @Prop() target: string = \"_self\"\r\n  @Prop() hide: boolean = false;\r\n  @State() size: string = 'l'\r\n  @Event() ifxDropdownItem: EventEmitter;\r\n  @Element() el;\r\n\r\n  @Listen('menuSize', { target: 'body' })\r\n  handleMenuSize(event: CustomEvent) {\r\n    this.size = event.detail;\r\n  }\r\n\r\n  handleEventEmission() {\r\n    this.ifxDropdownItem.emit(this.el.textContent)\r\n  }\r\n\r\n  render() {\r\n    const hasHref = this.href !== undefined && this.href !== null && this.href !== '';\r\n    const common = {\r\n      class: `dropdown-item ${this.size === 's' ? 'small' : \"\"} ${this.hide ? 'hide' : \"\"}`,\r\n      onClick: () => this.handleEventEmission(),\r\n      role: 'menuitem'\r\n    } as any;\r\n\r\n    if (!hasHref) common.tabIndex = 0;\r\n\r\n    return (\r\n      <a {...common} {...(hasHref ? { href: this.href, target: this.target } : {})}>\r\n        {this.icon && <ifx-icon class=\"icon\" icon={this.icon}></ifx-icon>}\r\n        <span><slot /></span>\r\n      </a>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"ifx-dropdown-item.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,qlBAAqlB;;MCQhmB,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQU,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;AACxB,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AACpB,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AA8B5B;AAzBC,IAAA,cAAc,CAAC,KAAkB,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM;;IAG1B,mBAAmB,GAAA;QACjB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;;IAGhD,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE;AACjF,QAAA,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,CAAiB,cAAA,EAAA,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE,CAAE,CAAA;AACrF,YAAA,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE;AACzC,YAAA,IAAI,EAAE;SACA;AAER,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,MAAM,CAAC,QAAQ,GAAG,CAAC;AAEjC,QAAA,QACEA,OAAO,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,MAAM,GAAO,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,EAAC,EACzE,IAAI,CAAC,IAAI,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAa,CAAA,EACjEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAMA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CAAO,CACnB;;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-item/dropdown-item.scss?tag=ifx-dropdown-item&encapsulation=shadow","src/components/dropdown/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.dropdown-item {\n  text-decoration: none;\n  color: tokens.$ifxColorBaseBlack;\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  gap: tokens.$ifxSize100;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n  &:focus{\n    outline: none;\n    box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  & span {\n    color: tokens.$ifxColorBaseBlack;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n    /* 150% */\n  }\n\n  &.small {\n    & span {\n      font-size: 14px;\n    }\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &:active {\n    background-color: tokens.$ifxColorEngineering300;\n  }\n}\n\n.icon {\n  margin-right: 4px;\n}","import { Component, Prop, h, Listen, State, Event, EventEmitter, Element } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-item',\n  styleUrl: 'dropdown-item.scss',\n  shadow: true\n})\n\nexport class DropdownItem {\n  @Prop() icon: string;\n  @Prop() href: string = \"\"\n  @Prop() target: string = \"_self\"\n  @Prop() hide: boolean = false;\n  @State() size: string = 'l'\n  @Event() ifxDropdownItem: EventEmitter;\n  @Element() el;\n\n  @Listen('menuSize', { target: 'body' })\n  handleMenuSize(event: CustomEvent) {\n    this.size = event.detail;\n  }\n\n  handleEventEmission() {\n    this.ifxDropdownItem.emit(this.el.textContent)\n  }\n\n  render() {\n    const hasHref = this.href !== undefined && this.href !== null && this.href !== '';\n    const common = {\n      class: `dropdown-item ${this.size === 's' ? 'small' : \"\"} ${this.hide ? 'hide' : \"\"}`,\n      onClick: () => this.handleEventEmission(),\n      role: 'menuitem'\n    } as any;\n\n    if (!hasHref) common.tabIndex = 0;\n\n    return (\n      <a {...common} {...(hasHref ? { href: this.href, target: this.target } : {})}>\n        {this.icon && <ifx-icon class=\"icon\" icon={this.icon}></ifx-icon>}\n        <span><slot /></span>\n      </a>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/ifx-dropdown-item.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-dropdown-item.entry.cjs.js","sources":["src/components/dropdown/dropdown-item/dropdown-item.scss?tag=ifx-dropdown-item&encapsulation=shadow","src/components/dropdown/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n.dropdown-item {\r\n  text-decoration: none;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 16px;\r\n  gap: tokens.$ifxSize100;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n  &:focus{\r\n    outline: none;\r\n    box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &.hide {\r\n    display: none;\r\n  }\r\n\r\n  & span {\r\n    color: tokens.$ifxColorBaseBlack;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    /* 150% */\r\n  }\r\n\r\n  &.small {\r\n    & span {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    background-color: tokens.$ifxColorEngineering200;\r\n  }\r\n\r\n  &:active {\r\n    background-color: tokens.$ifxColorEngineering300;\r\n  }\r\n}\r\n\r\n.icon {\r\n  margin-right: 4px;\r\n}","import { Component, Prop, h, Listen, State, Event, EventEmitter, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-item',\r\n  styleUrl: 'dropdown-item.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownItem {\r\n  @Prop() icon: string;\r\n  @Prop() href: string = \"\"\r\n  @Prop() target: string = \"_self\"\r\n  @Prop() hide: boolean = false;\r\n  @State() size: string = 'l'\r\n  @Event() ifxDropdownItem: EventEmitter;\r\n  @Element() el;\r\n\r\n  @Listen('menuSize', { target: 'body' })\r\n  handleMenuSize(event: CustomEvent) {\r\n    this.size = event.detail;\r\n  }\r\n\r\n  handleEventEmission() {\r\n    this.ifxDropdownItem.emit(this.el.textContent)\r\n  }\r\n\r\n  render() {\r\n    const hasHref = this.href !== undefined && this.href !== null && this.href !== '';\r\n    const common = {\r\n      class: `dropdown-item ${this.size === 's' ? 'small' : \"\"} ${this.hide ? 'hide' : \"\"}`,\r\n      onClick: () => this.handleEventEmission(),\r\n      role: 'menuitem'\r\n    } as any;\r\n\r\n    if (!hasHref) common.tabIndex = 0;\r\n\r\n    return (\r\n      <a {...common} {...(hasHref ? { href: this.href, target: this.target } : {})}>\r\n        {this.icon && <ifx-icon class=\"icon\" icon={this.icon}></ifx-icon>}\r\n        <span><slot /></span>\r\n      </a>\r\n    );\r\n  }\r\n}\r\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,qlBAAqlB;;MCQhmB,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQU,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;AACxB,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AACpB,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AA8B5B;AAzBC,IAAA,cAAc,CAAC,KAAkB,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM;;IAG1B,mBAAmB,GAAA;QACjB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;;IAGhD,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE;AACjF,QAAA,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,CAAiB,cAAA,EAAA,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE,CAAE,CAAA;AACrF,YAAA,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE;AACzC,YAAA,IAAI,EAAE;SACA;AAER,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,MAAM,CAAC,QAAQ,GAAG,CAAC;AAEjC,QAAA,QACEA,OAAO,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,MAAM,GAAO,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,EAAC,EACzE,IAAI,CAAC,IAAI,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAa,CAAA,EACjEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAMA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CAAO,CACnB;;;;;;;;"}
+{"version":3,"file":"ifx-dropdown-item.entry.cjs.js","sources":["src/components/dropdown/dropdown-item/dropdown-item.scss?tag=ifx-dropdown-item&encapsulation=shadow","src/components/dropdown/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.dropdown-item {\n  text-decoration: none;\n  color: tokens.$ifxColorBaseBlack;\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  gap: tokens.$ifxSize100;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n  &:focus{\n    outline: none;\n    box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  & span {\n    color: tokens.$ifxColorBaseBlack;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n    /* 150% */\n  }\n\n  &.small {\n    & span {\n      font-size: 14px;\n    }\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &:active {\n    background-color: tokens.$ifxColorEngineering300;\n  }\n}\n\n.icon {\n  margin-right: 4px;\n}","import { Component, Prop, h, Listen, State, Event, EventEmitter, Element } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-item',\n  styleUrl: 'dropdown-item.scss',\n  shadow: true\n})\n\nexport class DropdownItem {\n  @Prop() icon: string;\n  @Prop() href: string = \"\"\n  @Prop() target: string = \"_self\"\n  @Prop() hide: boolean = false;\n  @State() size: string = 'l'\n  @Event() ifxDropdownItem: EventEmitter;\n  @Element() el;\n\n  @Listen('menuSize', { target: 'body' })\n  handleMenuSize(event: CustomEvent) {\n    this.size = event.detail;\n  }\n\n  handleEventEmission() {\n    this.ifxDropdownItem.emit(this.el.textContent)\n  }\n\n  render() {\n    const hasHref = this.href !== undefined && this.href !== null && this.href !== '';\n    const common = {\n      class: `dropdown-item ${this.size === 's' ? 'small' : \"\"} ${this.hide ? 'hide' : \"\"}`,\n      onClick: () => this.handleEventEmission(),\n      role: 'menuitem'\n    } as any;\n\n    if (!hasHref) common.tabIndex = 0;\n\n    return (\n      <a {...common} {...(hasHref ? { href: this.href, target: this.target } : {})}>\n        {this.icon && <ifx-icon class=\"icon\" icon={this.icon}></ifx-icon>}\n        <span><slot /></span>\n      </a>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,qlBAAqlB;;MCQhmB,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQU,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;AACxB,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AACpB,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AA8B5B;AAzBC,IAAA,cAAc,CAAC,KAAkB,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM;;IAG1B,mBAAmB,GAAA;QACjB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;;IAGhD,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE;AACjF,QAAA,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,CAAiB,cAAA,EAAA,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE,CAAE,CAAA;AACrF,YAAA,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE;AACzC,YAAA,IAAI,EAAE;SACA;AAER,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,MAAM,CAAC,QAAQ,GAAG,CAAC;AAEjC,QAAA,QACEA,OAAO,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,MAAM,GAAO,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,EAAC,EACzE,IAAI,CAAC,IAAI,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAa,CAAA,EACjEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAMA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CAAO,CACnB;;;;;;;;"}

package/dist/cjs/ifx-dropdown-menu.cjs.entry.js

@@ -50,10 +50,10 @@ const DropdownMenu = class {
             this.hideTopPadding = false;
     }
     render() {
-        return (index.h("div", { key: '9aa77a597f7aa89fc7738d32e2a7a4402adff325', class: `dropdown-menu 
-      ${this.isOpen ? 'show' : ''} 
-      ${this.hideTopPadding ? 'hideTopPadding' : ""}
-      ${this.size === 's' ? 'small' : ""}` }, index.h("slot", { key: '39c6c53198ef1ffcf0b1e00031f52969e7769572' })));
+        return (index.h("div", { key: 'e4d2067883d6a787f4b8d718af8ff98b3815ee04', class: `dropdown-menu 
+      ${this.isOpen ? 'show' : ''} 
+      ${this.hideTopPadding ? 'hideTopPadding' : ""}
+      ${this.size === 's' ? 'small' : ""}` }, index.h("slot", { key: '290c409805d04ea7f96f5c7516d150222867da6b' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ifx-dropdown-menu.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ifx-dropdown-menu.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,yeAAye;;MCQpf,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AACjB,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAI/B,QAAA,IAAa,CAAA,aAAA,GAAiC,EAAE;AAyD1D;AArDC,IAAA,gBAAgB,CAAC,KAAkB,EAAA;AACjC,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;AAChC,QAAA,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;;AAIvC,IAAA,+BAA+B,CAAC,KAAkB,EAAA;QAChD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;AAG7C,IAAA,mBAAmB,CAAC,WAAmB,EAAA;AACrC,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAC1E,IAAI,YAAY,EAAE,QAAQ;AAC1B,QAAA,IAAI,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE;AAErC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC1B,QAAQ,GAAG,YAAY,CAAC,WAAW,IAAI,YAAY,CAAC,SAAS;AAE7D,YAAA,IAAI,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE;AAC9C,gBAAA,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC;;iBACnC;AACL,gBAAA,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC;;;;IAK7C,mBAAmB,GAAA;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG/B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAiC;QAC9G,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;QAC7D,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAC;AAEnE,QAAA,IAAI,WAAW,IAAI,cAAc,EAAE;AACjC,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;;;AACrB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;;IAIpC,MAAM,GAAA;QACJ,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA;QACV,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAA;QACzB,IAAI,CAAC,cAAc,GAAG,gBAAgB,GAAG,EAAE,CAAA;QAC3C,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,EAAE,CAAA,CAAE,EAAA,EAElCA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-menu/dropdown-menu.scss?tag=ifx-dropdown-menu&encapsulation=shadow","src/components/dropdown/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  position: relative;\r\n  z-index: 1000;\r\n}\r\n\r\n.dropdown-menu {\r\n  display: none;\r\n  visibility: hidden;\r\n  flex-direction: column;\r\n  width: 224px;\r\n  max-height: 289px;\r\n  min-width: 224px;\r\n  overflow-y: auto;\r\n  background: tokens.$ifxColorBaseWhite;\r\n  box-shadow: 0px 6px 9px 0px #1d1d1d1a;\r\n  border: 1px solid tokens.$ifxColorEngineering200;\r\n  padding: 8px 4px;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n  &.small {\r\n    max-height: 266px;\r\n    max-width: 186px;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  &.hideTopPadding {\r\n    padding-top: 0px;\r\n  }\r\n}\r\n\r\n.dropdown-menu.show {\r\n  display: flex;\r\n  visibility: visible;\r\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Listen } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-menu',\r\n  styleUrl: 'dropdown-menu.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownMenu {\r\n  @Prop() isOpen: boolean = false;\r\n  @Prop() size: string = 'l'\r\n  @State() hideTopPadding: boolean = false;\r\n  @Element() el;\r\n\r\n  @Event() menuSize: EventEmitter;\r\n  @State() filteredItems: HTMLIfxDropdownItemElement[] = [];\r\n  @Event() ifxDropdownMenuItem: EventEmitter<CustomEvent>;\r\n\r\n  @Listen('ifxInput')\r\n  handleMenuFilter(event: CustomEvent) {\r\n    const searchValue = event.detail;\r\n    this.filterDropdownItems(searchValue)\r\n  }\r\n\r\n  @Listen('ifxDropdownItem')\r\n  handleDropdownItemValueEmission(event: CustomEvent) {\r\n    this.ifxDropdownMenuItem.emit(event.detail)\r\n  }\r\n\r\n  filterDropdownItems(searchValue: string) {\r\n    const allItems = Array.from(this.el.querySelectorAll('ifx-dropdown-item'));\r\n    let dropdownItem, txtValue;\r\n    let query = searchValue.toUpperCase()\r\n\r\n    for (let i = 0; i < allItems.length; i++) {\r\n      dropdownItem = allItems[i];\r\n      txtValue = dropdownItem.textContent || dropdownItem.innerText;\r\n\r\n      if (txtValue.toUpperCase().indexOf(query) > -1) {\r\n        dropdownItem.setAttribute('hide', false)\r\n      } else {\r\n        dropdownItem.setAttribute('hide', true)\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillUpdate() {\r\n    this.menuSize.emit(this.size)\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.filteredItems = Array.from(this.el.querySelectorAll('ifx-dropdown-item')) as HTMLIfxDropdownItemElement[];\r\n    const searchField = this.el.querySelector('ifx-search-field')\r\n    const dropdownHeader = this.el.querySelector('ifx-dropdown-header')\r\n\r\n    if (searchField || dropdownHeader) {\r\n      this.hideTopPadding = true;\r\n    } else this.hideTopPadding = false;\r\n  }\r\n\r\n\r\n  render() {\r\n    return (\r\n      <div class={`dropdown-menu \r\n      ${this.isOpen ? 'show' : ''} \r\n      ${this.hideTopPadding ? 'hideTopPadding' : \"\"}\r\n      ${this.size === 's' ? 'small' : \"\"}`\r\n      } >\r\n        <slot />\r\n      </div >\r\n    );\r\n  }\r\n}"],"version":3}
+{"file":"ifx-dropdown-menu.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,yeAAye;;MCQpf,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AACjB,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAI/B,QAAA,IAAa,CAAA,aAAA,GAAiC,EAAE;AAyD1D;AArDC,IAAA,gBAAgB,CAAC,KAAkB,EAAA;AACjC,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;AAChC,QAAA,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;;AAIvC,IAAA,+BAA+B,CAAC,KAAkB,EAAA;QAChD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;AAG7C,IAAA,mBAAmB,CAAC,WAAmB,EAAA;AACrC,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAC1E,IAAI,YAAY,EAAE,QAAQ;AAC1B,QAAA,IAAI,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE;AAErC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC1B,QAAQ,GAAG,YAAY,CAAC,WAAW,IAAI,YAAY,CAAC,SAAS;AAE7D,YAAA,IAAI,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE;AAC9C,gBAAA,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC;;iBACnC;AACL,gBAAA,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC;;;;IAK7C,mBAAmB,GAAA;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG/B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAiC;QAC9G,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;QAC7D,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAC;AAEnE,QAAA,IAAI,WAAW,IAAI,cAAc,EAAE;AACjC,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;;;AACrB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;;IAIpC,MAAM,GAAA;QACJ,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA;QACV,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAA;QACzB,IAAI,CAAC,cAAc,GAAG,gBAAgB,GAAG,EAAE;QAC3C,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,EAAE,CAAA,CAAE,EAAA,EAElCA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-menu/dropdown-menu.scss?tag=ifx-dropdown-menu&encapsulation=shadow","src/components/dropdown/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  position: relative;\n  z-index: 1000;\n}\n\n.dropdown-menu {\n  display: none;\n  visibility: hidden;\n  flex-direction: column;\n  width: 224px;\n  max-height: 289px;\n  min-width: 224px;\n  overflow-y: auto;\n  background: tokens.$ifxColorBaseWhite;\n  box-shadow: 0px 6px 9px 0px #1d1d1d1a;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  padding: 8px 4px;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n  &.small {\n    max-height: 266px;\n    max-width: 186px;\n    overflow-y: auto;\n  }\n\n  &.hideTopPadding {\n    padding-top: 0px;\n  }\n}\n\n.dropdown-menu.show {\n  display: flex;\n  visibility: visible;\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Listen } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-menu',\n  styleUrl: 'dropdown-menu.scss',\n  shadow: true\n})\n\nexport class DropdownMenu {\n  @Prop() isOpen: boolean = false;\n  @Prop() size: string = 'l'\n  @State() hideTopPadding: boolean = false;\n  @Element() el;\n\n  @Event() menuSize: EventEmitter;\n  @State() filteredItems: HTMLIfxDropdownItemElement[] = [];\n  @Event() ifxDropdownMenuItem: EventEmitter<CustomEvent>;\n\n  @Listen('ifxInput')\n  handleMenuFilter(event: CustomEvent) {\n    const searchValue = event.detail;\n    this.filterDropdownItems(searchValue)\n  }\n\n  @Listen('ifxDropdownItem')\n  handleDropdownItemValueEmission(event: CustomEvent) {\n    this.ifxDropdownMenuItem.emit(event.detail)\n  }\n\n  filterDropdownItems(searchValue: string) {\n    const allItems = Array.from(this.el.querySelectorAll('ifx-dropdown-item'));\n    let dropdownItem, txtValue;\n    let query = searchValue.toUpperCase()\n\n    for (let i = 0; i < allItems.length; i++) {\n      dropdownItem = allItems[i];\n      txtValue = dropdownItem.textContent || dropdownItem.innerText;\n\n      if (txtValue.toUpperCase().indexOf(query) > -1) {\n        dropdownItem.setAttribute('hide', false)\n      } else {\n        dropdownItem.setAttribute('hide', true)\n      }\n    }\n  }\n\n  componentWillUpdate() {\n    this.menuSize.emit(this.size)\n  }\n\n  componentWillLoad() {\n    this.filteredItems = Array.from(this.el.querySelectorAll('ifx-dropdown-item')) as HTMLIfxDropdownItemElement[];\n    const searchField = this.el.querySelector('ifx-search-field')\n    const dropdownHeader = this.el.querySelector('ifx-dropdown-header')\n\n    if (searchField || dropdownHeader) {\n      this.hideTopPadding = true;\n    } else this.hideTopPadding = false;\n  }\n\n\n  render() {\n    return (\n      <div class={`dropdown-menu \n      ${this.isOpen ? 'show' : ''} \n      ${this.hideTopPadding ? 'hideTopPadding' : \"\"}\n      ${this.size === 's' ? 'small' : \"\"}`\n      } >\n        <slot />\n      </div >\n    );\n  }\n}"],"version":3}

package/dist/cjs/ifx-dropdown-menu.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-dropdown-menu.entry.cjs.js","sources":["src/components/dropdown/dropdown-menu/dropdown-menu.scss?tag=ifx-dropdown-menu&encapsulation=shadow","src/components/dropdown/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  position: relative;\r\n  z-index: 1000;\r\n}\r\n\r\n.dropdown-menu {\r\n  display: none;\r\n  visibility: hidden;\r\n  flex-direction: column;\r\n  width: 224px;\r\n  max-height: 289px;\r\n  min-width: 224px;\r\n  overflow-y: auto;\r\n  background: tokens.$ifxColorBaseWhite;\r\n  box-shadow: 0px 6px 9px 0px #1d1d1d1a;\r\n  border: 1px solid tokens.$ifxColorEngineering200;\r\n  padding: 8px 4px;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n  &.small {\r\n    max-height: 266px;\r\n    max-width: 186px;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  &.hideTopPadding {\r\n    padding-top: 0px;\r\n  }\r\n}\r\n\r\n.dropdown-menu.show {\r\n  display: flex;\r\n  visibility: visible;\r\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Listen } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-menu',\r\n  styleUrl: 'dropdown-menu.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownMenu {\r\n  @Prop() isOpen: boolean = false;\r\n  @Prop() size: string = 'l'\r\n  @State() hideTopPadding: boolean = false;\r\n  @Element() el;\r\n\r\n  @Event() menuSize: EventEmitter;\r\n  @State() filteredItems: HTMLIfxDropdownItemElement[] = [];\r\n  @Event() ifxDropdownMenuItem: EventEmitter<CustomEvent>;\r\n\r\n  @Listen('ifxInput')\r\n  handleMenuFilter(event: CustomEvent) {\r\n    const searchValue = event.detail;\r\n    this.filterDropdownItems(searchValue)\r\n  }\r\n\r\n  @Listen('ifxDropdownItem')\r\n  handleDropdownItemValueEmission(event: CustomEvent) {\r\n    this.ifxDropdownMenuItem.emit(event.detail)\r\n  }\r\n\r\n  filterDropdownItems(searchValue: string) {\r\n    const allItems = Array.from(this.el.querySelectorAll('ifx-dropdown-item'));\r\n    let dropdownItem, txtValue;\r\n    let query = searchValue.toUpperCase()\r\n\r\n    for (let i = 0; i < allItems.length; i++) {\r\n      dropdownItem = allItems[i];\r\n      txtValue = dropdownItem.textContent || dropdownItem.innerText;\r\n\r\n      if (txtValue.toUpperCase().indexOf(query) > -1) {\r\n        dropdownItem.setAttribute('hide', false)\r\n      } else {\r\n        dropdownItem.setAttribute('hide', true)\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillUpdate() {\r\n    this.menuSize.emit(this.size)\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.filteredItems = Array.from(this.el.querySelectorAll('ifx-dropdown-item')) as HTMLIfxDropdownItemElement[];\r\n    const searchField = this.el.querySelector('ifx-search-field')\r\n    const dropdownHeader = this.el.querySelector('ifx-dropdown-header')\r\n\r\n    if (searchField || dropdownHeader) {\r\n      this.hideTopPadding = true;\r\n    } else this.hideTopPadding = false;\r\n  }\r\n\r\n\r\n  render() {\r\n    return (\r\n      <div class={`dropdown-menu \r\n      ${this.isOpen ? 'show' : ''} \r\n      ${this.hideTopPadding ? 'hideTopPadding' : \"\"}\r\n      ${this.size === 's' ? 'small' : \"\"}`\r\n      } >\r\n        <slot />\r\n      </div >\r\n    );\r\n  }\r\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,yeAAye;;MCQpf,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AACjB,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAI/B,QAAA,IAAa,CAAA,aAAA,GAAiC,EAAE;AAyD1D;AArDC,IAAA,gBAAgB,CAAC,KAAkB,EAAA;AACjC,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;AAChC,QAAA,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;;AAIvC,IAAA,+BAA+B,CAAC,KAAkB,EAAA;QAChD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;AAG7C,IAAA,mBAAmB,CAAC,WAAmB,EAAA;AACrC,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAC1E,IAAI,YAAY,EAAE,QAAQ;AAC1B,QAAA,IAAI,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE;AAErC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC1B,QAAQ,GAAG,YAAY,CAAC,WAAW,IAAI,YAAY,CAAC,SAAS;AAE7D,YAAA,IAAI,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE;AAC9C,gBAAA,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC;;iBACnC;AACL,gBAAA,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC;;;;IAK7C,mBAAmB,GAAA;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG/B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAiC;QAC9G,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;QAC7D,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAC;AAEnE,QAAA,IAAI,WAAW,IAAI,cAAc,EAAE;AACjC,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;;;AACrB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;;IAIpC,MAAM,GAAA;QACJ,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA;QACV,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAA;QACzB,IAAI,CAAC,cAAc,GAAG,gBAAgB,GAAG,EAAE,CAAA;QAC3C,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,EAAE,CAAA,CAAE,EAAA,EAElCA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;"}
+{"version":3,"file":"ifx-dropdown-menu.entry.cjs.js","sources":["src/components/dropdown/dropdown-menu/dropdown-menu.scss?tag=ifx-dropdown-menu&encapsulation=shadow","src/components/dropdown/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  position: relative;\n  z-index: 1000;\n}\n\n.dropdown-menu {\n  display: none;\n  visibility: hidden;\n  flex-direction: column;\n  width: 224px;\n  max-height: 289px;\n  min-width: 224px;\n  overflow-y: auto;\n  background: tokens.$ifxColorBaseWhite;\n  box-shadow: 0px 6px 9px 0px #1d1d1d1a;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  padding: 8px 4px;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n  &.small {\n    max-height: 266px;\n    max-width: 186px;\n    overflow-y: auto;\n  }\n\n  &.hideTopPadding {\n    padding-top: 0px;\n  }\n}\n\n.dropdown-menu.show {\n  display: flex;\n  visibility: visible;\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Listen } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-menu',\n  styleUrl: 'dropdown-menu.scss',\n  shadow: true\n})\n\nexport class DropdownMenu {\n  @Prop() isOpen: boolean = false;\n  @Prop() size: string = 'l'\n  @State() hideTopPadding: boolean = false;\n  @Element() el;\n\n  @Event() menuSize: EventEmitter;\n  @State() filteredItems: HTMLIfxDropdownItemElement[] = [];\n  @Event() ifxDropdownMenuItem: EventEmitter<CustomEvent>;\n\n  @Listen('ifxInput')\n  handleMenuFilter(event: CustomEvent) {\n    const searchValue = event.detail;\n    this.filterDropdownItems(searchValue)\n  }\n\n  @Listen('ifxDropdownItem')\n  handleDropdownItemValueEmission(event: CustomEvent) {\n    this.ifxDropdownMenuItem.emit(event.detail)\n  }\n\n  filterDropdownItems(searchValue: string) {\n    const allItems = Array.from(this.el.querySelectorAll('ifx-dropdown-item'));\n    let dropdownItem, txtValue;\n    let query = searchValue.toUpperCase()\n\n    for (let i = 0; i < allItems.length; i++) {\n      dropdownItem = allItems[i];\n      txtValue = dropdownItem.textContent || dropdownItem.innerText;\n\n      if (txtValue.toUpperCase().indexOf(query) > -1) {\n        dropdownItem.setAttribute('hide', false)\n      } else {\n        dropdownItem.setAttribute('hide', true)\n      }\n    }\n  }\n\n  componentWillUpdate() {\n    this.menuSize.emit(this.size)\n  }\n\n  componentWillLoad() {\n    this.filteredItems = Array.from(this.el.querySelectorAll('ifx-dropdown-item')) as HTMLIfxDropdownItemElement[];\n    const searchField = this.el.querySelector('ifx-search-field')\n    const dropdownHeader = this.el.querySelector('ifx-dropdown-header')\n\n    if (searchField || dropdownHeader) {\n      this.hideTopPadding = true;\n    } else this.hideTopPadding = false;\n  }\n\n\n  render() {\n    return (\n      <div class={`dropdown-menu \n      ${this.isOpen ? 'show' : ''} \n      ${this.hideTopPadding ? 'hideTopPadding' : \"\"}\n      ${this.size === 's' ? 'small' : \"\"}`\n      } >\n        <slot />\n      </div >\n    );\n  }\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,yeAAye;;MCQpf,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AACjB,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAI/B,QAAA,IAAa,CAAA,aAAA,GAAiC,EAAE;AAyD1D;AArDC,IAAA,gBAAgB,CAAC,KAAkB,EAAA;AACjC,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;AAChC,QAAA,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;;AAIvC,IAAA,+BAA+B,CAAC,KAAkB,EAAA;QAChD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;AAG7C,IAAA,mBAAmB,CAAC,WAAmB,EAAA;AACrC,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAC1E,IAAI,YAAY,EAAE,QAAQ;AAC1B,QAAA,IAAI,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE;AAErC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC1B,QAAQ,GAAG,YAAY,CAAC,WAAW,IAAI,YAAY,CAAC,SAAS;AAE7D,YAAA,IAAI,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE;AAC9C,gBAAA,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC;;iBACnC;AACL,gBAAA,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC;;;;IAK7C,mBAAmB,GAAA;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG/B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAiC;QAC9G,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;QAC7D,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAC;AAEnE,QAAA,IAAI,WAAW,IAAI,cAAc,EAAE;AACjC,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;;;AACrB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;;IAIpC,MAAM,GAAA;QACJ,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA;QACV,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAA;QACzB,IAAI,CAAC,cAAc,GAAG,gBAAgB,GAAG,EAAE;QAC3C,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,EAAE,CAAA,CAAE,EAAA,EAElCA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;"}

package/dist/cjs/ifx-dropdown-separator.cjs.entry.js

@@ -9,7 +9,7 @@ const DropdownSeparator = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '7468448e215e04290ad28644bfc7405ff3e92da6', class: 'dropdown-separator' }));
+        return (index.h("div", { key: 'cd362aec9c480b38bb21eb247c05f24ca2668990', class: 'dropdown-separator' }));
     }
 };
 DropdownSeparator.style = dropdownSeparatorCss;

package/dist/cjs/ifx-dropdown-separator.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ifx-dropdown-separator.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,0EAA0E;;MCS1F,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACJ,QAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,CAAO;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-seperator/dropdown-separator.scss?tag=ifx-dropdown-separator&encapsulation=shadow","src/components/dropdown/dropdown-seperator/dropdown-separator.tsx"],"sourcesContent":["// dropdown-separator.scss\r\n@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n.dropdown-separator {\r\n  height: 1px;\r\n  background-color: tokens.$ifxColorEngineering200;\r\n  margin: 8px 16px;\r\n}","// dropdown-separator.tsx\r\nimport { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-separator',\r\n  styleUrl: 'dropdown-separator.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownSeparator {\r\n  render() {\r\n    return (\r\n      <div class='dropdown-separator'></div>\r\n    )\r\n  }\r\n}"],"version":3}
+{"file":"ifx-dropdown-separator.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,0EAA0E;;MCS1F,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACJ,QAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,CAAO;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-seperator/dropdown-separator.scss?tag=ifx-dropdown-separator&encapsulation=shadow","src/components/dropdown/dropdown-seperator/dropdown-separator.tsx"],"sourcesContent":["// dropdown-separator.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.dropdown-separator {\n  height: 1px;\n  background-color: tokens.$ifxColorEngineering200;\n  margin: 8px 16px;\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-separator',\n  styleUrl: 'dropdown-separator.scss',\n  shadow: true\n})\n\nexport class DropdownSeparator {\n  render() {\n    return (\n      <div class='dropdown-separator'></div>\n    )\n  }\n}"],"version":3}

package/dist/cjs/ifx-dropdown-separator.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-dropdown-separator.entry.cjs.js","sources":["src/components/dropdown/dropdown-seperator/dropdown-separator.scss?tag=ifx-dropdown-separator&encapsulation=shadow","src/components/dropdown/dropdown-seperator/dropdown-separator.tsx"],"sourcesContent":["// dropdown-separator.scss\r\n@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n.dropdown-separator {\r\n  height: 1px;\r\n  background-color: tokens.$ifxColorEngineering200;\r\n  margin: 8px 16px;\r\n}","// dropdown-separator.tsx\r\nimport { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-separator',\r\n  styleUrl: 'dropdown-separator.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownSeparator {\r\n  render() {\r\n    return (\r\n      <div class='dropdown-separator'></div>\r\n    )\r\n  }\r\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,0EAA0E;;MCS1F,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACJ,QAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,CAAO;;;;;;;"}
+{"version":3,"file":"ifx-dropdown-separator.entry.cjs.js","sources":["src/components/dropdown/dropdown-seperator/dropdown-separator.scss?tag=ifx-dropdown-separator&encapsulation=shadow","src/components/dropdown/dropdown-seperator/dropdown-separator.tsx"],"sourcesContent":["// dropdown-separator.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.dropdown-separator {\n  height: 1px;\n  background-color: tokens.$ifxColorEngineering200;\n  margin: 8px 16px;\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-separator',\n  styleUrl: 'dropdown-separator.scss',\n  shadow: true\n})\n\nexport class DropdownSeparator {\n  render() {\n    return (\n      <div class='dropdown-separator'></div>\n    )\n  }\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,0EAA0E;;MCS1F,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACJ,QAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,CAAO;;;;;;;"}

package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js

@@ -13,8 +13,8 @@ const DropdownItem = class {
         this.hideArrow = false;
     }
     render() {
-        return (index.h("ifx-button", { key: '8f1566ffba39304744537dea9b0582d7fb5385c7', variant: this.variant, theme: this.theme, size: this.size, disabled: this.disabled, class: "dropdown-trigger-button" }, index.h("slot", { key: 'cfd9b40e6ce2f74efd15c4e1f6b7106b4dcf4dc9' }), !this.hideArrow &&
-            index.h("ifx-icon", { key: '29a120aaf9d98f2638c980e74a7635450522334e', icon: "chevron-down-16", class: `icon${this.isOpen ? ' rotate' : ''}` })));
+        return (index.h("ifx-button", { key: 'cba835345a4dcbec963deb2589bb26a1294908da', variant: this.variant, theme: this.theme, size: this.size, disabled: this.disabled, class: "dropdown-trigger-button" }, index.h("slot", { key: 'b8f6d30967aaa2ced90815c96081353f9ec0c7d1' }), !this.hideArrow &&
+            index.h("ifx-icon", { key: '41a60ee566d9be237bbe05e3ede8402f9d4e3f6e', icon: "chevron-down-16", class: `icon${this.isOpen ? ' rotate' : ''}` })));
     }
 };
 DropdownItem.style = dropdownTriggerButtonCss;

package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ifx-dropdown-trigger-button.entry.cjs.js","mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,+KAA+K;;MCUnM,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAEvB,QAAA,IAAK,CAAA,KAAA,GAAqC,SAAS;AAEnD,QAAA,IAAI,CAAA,IAAA,GAAc,GAAG;AAErB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAkBnC;IAhBC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,yBAAyB,EAAA,EAE/BA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,CAAC,IAAI,CAAC,SAAS;AACd,YAAAA,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAE,CAAA,IAAA,EAAO,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,CAAE,CAAA,EAAA,CAAI,CAExE;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  display: inline-block;\r\n}\r\n\r\n.rotate {\r\n  transition: transform 0.2s ease-in-out;\r\n  transform: rotate(-180deg);\r\n  margin-top: 0em;\r\n}\r\n\r\n.icon {\r\n  margin-top: 0em;\r\n  transition: transform 0.2s ease-in-out;\r\n}\r\n","// dropdown-trigger-button.tsx\r\nimport { Component, Prop, h } from \"@stencil/core\";\r\nimport { IOpenable } from '../IOpenable';\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-trigger-button',\r\n  styleUrl: 'dropdown-trigger-button.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownItem implements IOpenable {\r\n  @Prop() isOpen: boolean = false;\r\n\r\n  @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\r\n  @Prop() variant: 'primary';\r\n  @Prop() size: 's' | 'm' = 'm';\r\n  @Prop() disabled: boolean;\r\n  @Prop() hideArrow: boolean = false;\r\n\r\n  render() {\r\n    return (\r\n      <ifx-button\r\n        variant={this.variant}\r\n        theme={this.theme}\r\n        size={this.size}\r\n        disabled={this.disabled}\r\n        class=\"dropdown-trigger-button\"\r\n      >\r\n        <slot />\r\n        {!this.hideArrow &&\r\n          <ifx-icon icon=\"chevron-down-16\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\r\n        }\r\n      </ifx-button>\r\n    )\r\n  }\r\n}"],"version":3}
+{"file":"ifx-dropdown-trigger-button.entry.cjs.js","mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,+KAA+K;;MCUnM,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAEvB,QAAA,IAAK,CAAA,KAAA,GAAqC,SAAS;AAEnD,QAAA,IAAI,CAAA,IAAA,GAAc,GAAG;AAErB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAkBnC;IAhBC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,yBAAyB,EAAA,EAE/BA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,CAAC,IAAI,CAAC,SAAS;AACd,YAAAA,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAE,CAAA,IAAA,EAAO,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,CAAE,CAAA,EAAA,CAAI,CAExE;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: inline-block;\n}\n\n.rotate {\n  transition: transform 0.2s ease-in-out;\n  transform: rotate(-180deg);\n  margin-top: 0em;\n}\n\n.icon {\n  margin-top: 0em;\n  transition: transform 0.2s ease-in-out;\n}\n","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n  tag: 'ifx-dropdown-trigger-button',\n  styleUrl: 'dropdown-trigger-button.scss',\n  shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n  @Prop() isOpen: boolean = false;\n\n  @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\n  @Prop() variant: 'primary';\n  @Prop() size: 's' | 'm' = 'm';\n  @Prop() disabled: boolean;\n  @Prop() hideArrow: boolean = false;\n\n  render() {\n    return (\n      <ifx-button\n        variant={this.variant}\n        theme={this.theme}\n        size={this.size}\n        disabled={this.disabled}\n        class=\"dropdown-trigger-button\"\n      >\n        <slot />\n        {!this.hideArrow &&\n          <ifx-icon icon=\"chevron-down-16\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\n        }\n      </ifx-button>\n    )\n  }\n}"],"version":3}

package/dist/cjs/ifx-dropdown-trigger-button.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-dropdown-trigger-button.entry.cjs.js","sources":["src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  display: inline-block;\r\n}\r\n\r\n.rotate {\r\n  transition: transform 0.2s ease-in-out;\r\n  transform: rotate(-180deg);\r\n  margin-top: 0em;\r\n}\r\n\r\n.icon {\r\n  margin-top: 0em;\r\n  transition: transform 0.2s ease-in-out;\r\n}\r\n","// dropdown-trigger-button.tsx\r\nimport { Component, Prop, h } from \"@stencil/core\";\r\nimport { IOpenable } from '../IOpenable';\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-trigger-button',\r\n  styleUrl: 'dropdown-trigger-button.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownItem implements IOpenable {\r\n  @Prop() isOpen: boolean = false;\r\n\r\n  @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\r\n  @Prop() variant: 'primary';\r\n  @Prop() size: 's' | 'm' = 'm';\r\n  @Prop() disabled: boolean;\r\n  @Prop() hideArrow: boolean = false;\r\n\r\n  render() {\r\n    return (\r\n      <ifx-button\r\n        variant={this.variant}\r\n        theme={this.theme}\r\n        size={this.size}\r\n        disabled={this.disabled}\r\n        class=\"dropdown-trigger-button\"\r\n      >\r\n        <slot />\r\n        {!this.hideArrow &&\r\n          <ifx-icon icon=\"chevron-down-16\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\r\n        }\r\n      </ifx-button>\r\n    )\r\n  }\r\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,+KAA+K;;MCUnM,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAEvB,QAAA,IAAK,CAAA,KAAA,GAAqC,SAAS;AAEnD,QAAA,IAAI,CAAA,IAAA,GAAc,GAAG;AAErB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAkBnC;IAhBC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,yBAAyB,EAAA,EAE/BA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,CAAC,IAAI,CAAC,SAAS;AACd,YAAAA,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAE,CAAA,IAAA,EAAO,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,CAAE,CAAA,EAAA,CAAI,CAExE;;;;;;;"}
+{"version":3,"file":"ifx-dropdown-trigger-button.entry.cjs.js","sources":["src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: inline-block;\n}\n\n.rotate {\n  transition: transform 0.2s ease-in-out;\n  transform: rotate(-180deg);\n  margin-top: 0em;\n}\n\n.icon {\n  margin-top: 0em;\n  transition: transform 0.2s ease-in-out;\n}\n","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n  tag: 'ifx-dropdown-trigger-button',\n  styleUrl: 'dropdown-trigger-button.scss',\n  shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n  @Prop() isOpen: boolean = false;\n\n  @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\n  @Prop() variant: 'primary';\n  @Prop() size: 's' | 'm' = 'm';\n  @Prop() disabled: boolean;\n  @Prop() hideArrow: boolean = false;\n\n  render() {\n    return (\n      <ifx-button\n        variant={this.variant}\n        theme={this.theme}\n        size={this.size}\n        disabled={this.disabled}\n        class=\"dropdown-trigger-button\"\n      >\n        <slot />\n        {!this.hideArrow &&\n          <ifx-icon icon=\"chevron-down-16\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\n        }\n      </ifx-button>\n    )\n  }\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,+KAA+K;;MCUnM,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAEvB,QAAA,IAAK,CAAA,KAAA,GAAqC,SAAS;AAEnD,QAAA,IAAI,CAAA,IAAA,GAAc,GAAG;AAErB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAkBnC;IAhBC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,yBAAyB,EAAA,EAE/BA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,CAAC,IAAI,CAAC,SAAS;AACd,YAAAA,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAE,CAAA,IAAA,EAAO,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,CAAE,CAAA,EAAA,CAAI,CAExE;;;;;;;"}

package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js

@@ -10,7 +10,7 @@ const DropdownItem = class {
         this.isOpen = false;
     }
     render() {
-        return (index.h("slot", { key: '54fbd683065299b0e714e6f91c4e0333d92e28e5' }));
+        return (index.h("slot", { key: '39ffc845865675f32133ee990db668ed0e6264dd' }));
     }
 };
 DropdownItem.style = dropdownTriggerCss;

package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ifx-dropdown-trigger.entry.cjs.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,4CAA4C;;MCU1D,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAOhC;IALC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-trigger/dropdown-trigger.scss?tag=ifx-dropdown-trigger&encapsulation=shadow","src/components/dropdown/dropdown-trigger/dropdown-trigger.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n}","// dropdown-trigger-button.tsx\r\nimport { Component, Prop, h } from \"@stencil/core\";\r\nimport { IOpenable } from '../IOpenable';\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-trigger',\r\n  styleUrl: 'dropdown-trigger.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownItem implements IOpenable {\r\n  @Prop() isOpen: boolean = false;\r\n\r\n  render() {\r\n    return (\r\n      <slot />\r\n    )\r\n  }\r\n}"],"version":3}
+{"file":"ifx-dropdown-trigger.entry.cjs.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,4CAA4C;;MCU1D,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAOhC;IALC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown-trigger/dropdown-trigger.scss?tag=ifx-dropdown-trigger&encapsulation=shadow","src/components/dropdown/dropdown-trigger/dropdown-trigger.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: inline-block;\n  cursor: pointer;\n}","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n  tag: 'ifx-dropdown-trigger',\n  styleUrl: 'dropdown-trigger.scss',\n  shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n  @Prop() isOpen: boolean = false;\n\n  render() {\n    return (\n      <slot />\n    )\n  }\n}"],"version":3}

package/dist/cjs/ifx-dropdown-trigger.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-dropdown-trigger.entry.cjs.js","sources":["src/components/dropdown/dropdown-trigger/dropdown-trigger.scss?tag=ifx-dropdown-trigger&encapsulation=shadow","src/components/dropdown/dropdown-trigger/dropdown-trigger.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n}","// dropdown-trigger-button.tsx\r\nimport { Component, Prop, h } from \"@stencil/core\";\r\nimport { IOpenable } from '../IOpenable';\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-trigger',\r\n  styleUrl: 'dropdown-trigger.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownItem implements IOpenable {\r\n  @Prop() isOpen: boolean = false;\r\n\r\n  render() {\r\n    return (\r\n      <slot />\r\n    )\r\n  }\r\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,4CAA4C;;MCU1D,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAOhC;IALC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA;;;;;;;"}
+{"version":3,"file":"ifx-dropdown-trigger.entry.cjs.js","sources":["src/components/dropdown/dropdown-trigger/dropdown-trigger.scss?tag=ifx-dropdown-trigger&encapsulation=shadow","src/components/dropdown/dropdown-trigger/dropdown-trigger.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: inline-block;\n  cursor: pointer;\n}","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n  tag: 'ifx-dropdown-trigger',\n  styleUrl: 'dropdown-trigger.scss',\n  shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n  @Prop() isOpen: boolean = false;\n\n  render() {\n    return (\n      <slot />\n    )\n  }\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,4CAA4C;;MCU1D,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAOhC;IALC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA;;;;;;;"}

package/dist/cjs/ifx-dropdown.cjs.entry.js

@@ -211,7 +211,7 @@ const Dropdown = class {
         }
     }
     render() {
-        return (index.h("div", { key: '78b68c1c7dddb7c41b39c6be63acd951c0c888ad', "aria-label": 'dropdown menu', class: 'dropdown' }, index.h("slot", { key: '2605abfa59787f7c135c762ac651c1ccc30fb59b' })));
+        return (index.h("div", { key: '98fae8a111b3e91b8a4f2690e0dd462d1c6c4791', "aria-label": 'dropdown menu', class: 'dropdown' }, index.h("slot", { key: 'f491cae9545a2d18342efa9f2fb29412d580f643' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ifx-dropdown.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ifx-dropdown.entry.cjs.js","mappings":"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","names":["isNestedInIfxComponent","detectFramework","trackComponent","createPopper","h"],"sources":["src/components/dropdown/dropdown.scss?tag=ifx-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n    display: inline-block;\r\n}","import { Component, Prop, h, Element, Listen, Method, Watch, State, EventEmitter, Event } from \"@stencil/core\";\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\nimport { createPopper } from '@popperjs/core';\r\n \r\n\r\nimport { IOpenable } from './IOpenable';\r\n\r\nexport type Placement =\r\n  | 'auto'\r\n  | 'auto-start'\r\n  | 'auto-end'\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end';\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown',\r\n  styleUrl: 'dropdown.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class Dropdown {\r\n  @Prop() placement: Placement = 'bottom-start';\r\n  @Prop() defaultOpen: boolean = false;\r\n  @State() internalIsOpen: boolean = false;\r\n  @Prop() noAppendToBody: boolean = false;\r\n  @Event() ifxOpen: EventEmitter;\r\n  @Event() ifxClose: EventEmitter;\r\n  @Event() ifxDropdown: EventEmitter;\r\n  @Prop() disabled: boolean;\r\n  @Prop() noCloseOnOutsideClick: boolean = false;\r\n  @Prop() noCloseOnMenuClick: boolean = false;\r\n  @Element() el;\r\n  @State() trigger: HTMLElement;\r\n  @State() menu: HTMLElement\r\n  // Popper instance for positioning\r\n  popperInstance: any;\r\n\r\n  @Listen('mousedown', { target: 'document' })\r\n  handleOutsideClick(event: MouseEvent) {\r\n    const target = event.target as HTMLElement;\r\n\r\n    if (!this.noCloseOnOutsideClick && !this.el.contains(target) && !this.menu.contains(target)) {\r\n      this.closeDropdown();\r\n    }\r\n  }\r\n\r\n  @Listen('focusin', { target: 'document' })\r\n  handleFocusOutside(event: FocusEvent) {\r\n    const target = event.target as HTMLElement;\r\n    if (\r\n      this.internalIsOpen &&\r\n      !this.el.contains(target) &&\r\n      !this.menu.contains(target)\r\n    ) {\r\n      this.closeDropdown();\r\n    }\r\n  }\r\n\r\n  private handleTriggerClick = () => {\r\n    if (!this.internalIsOpen) this.openDropdown();\r\n    else this.closeDropdown();\r\n  };\r\n\r\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\r\n    const key = e.key;\r\n    if (key === 'Tab' && this.internalIsOpen && !e.shiftKey) {\r\n      e.preventDefault();\r\n      this.focusFirstItem();\r\n    }\r\n  };\r\n\r\n  private handleMenuClick = () => {\r\n  if (!this.noCloseOnMenuClick) this.closeDropdown();\r\n};\r\n\r\n\r\nprivate getItemFocusables(): HTMLElement[] {\r\n  if (!this.menu) return [];\r\n  const hosts = Array.from(this.menu.querySelectorAll('ifx-dropdown-item')) as HTMLElement[];\r\n  return hosts\r\n    .filter(h => !(h.getAttribute('hide') === 'true' || h.classList.contains('hide')))\r\n    .map(h => h.shadowRoot?.querySelector('a') as HTMLElement | null)\r\n    .filter((el): el is HTMLElement => !!el);\r\n}\r\n\r\nprivate handleMenuKeyDown = (e: KeyboardEvent) => {\r\n const items = this.getItemFocusables();\r\n  if (!items.length) return;\r\n\r\n  const i = items.indexOf(document.activeElement as HTMLElement);\r\n\r\n  switch (e.key) {\r\n    case 'ArrowDown':\r\n      e.preventDefault();\r\n      items[(i + 1) % items.length].focus();\r\n      break;\r\n    case 'ArrowUp':\r\n      e.preventDefault();\r\n      items[(i - 1 + items.length) % items.length].focus();\r\n      break;\r\n    case 'Home':\r\n      e.preventDefault();\r\n      items[0].focus();\r\n      break;\r\n    case 'End':\r\n      e.preventDefault();\r\n      items[items.length - 1].focus();\r\n      break;\r\n    case 'Enter':\r\n    case ' ':\r\n    case 'Spacebar':\r\n      e.preventDefault();\r\n      (document.activeElement as HTMLElement)?.click();\r\n      break;\r\n    case 'Escape':\r\n      e.preventDefault();\r\n      this.closeDropdown();\r\n      (this.trigger as HTMLElement)?.focus();\r\n      break;\r\n    case 'Tab':\r\n      if (e.shiftKey && i === 0) {\r\n        e.preventDefault();\r\n        this.closeDropdown();\r\n        (this.trigger as HTMLElement)?.focus();\r\n      }\r\n      break;\r\n  }\r\n};\r\n\r\n  componentWillLoad() {\r\n    //maybe not needed\r\n    this.updateSlotContent();\r\n    this.watchHandlerIsOpen(this.defaultOpen, this.internalIsOpen);\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-dropdown', await framework)\r\n    }\r\n  }\r\n\r\n  @Watch('defaultOpen')\r\n  watchHandlerIsOpen(newValue: boolean, oldValue: boolean) {\r\n    if (newValue !== oldValue && newValue !== this.internalIsOpen) {\r\n      if (newValue) {\r\n        this.openDropdown();\r\n      } else {\r\n        this.closeDropdown();\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch('disabled')\r\n  watchHandlerDisabled(newValue: boolean) {\r\n    if (this.trigger) {\r\n      (this.trigger as undefined as HTMLIfxDropdownTriggerButtonElement).disabled = newValue;\r\n    }\r\n  }\r\n\r\n  @Listen('slotchange')\r\n  watchHandlerSlot() {\r\n    this.updateSlotContent();\r\n  }\r\n\r\nprivate focusFirstItem() {\r\n  const [first] = this.getItemFocusables();\r\n  first?.focus();\r\n}\r\n\r\n\r\n  updateSlotContent() {\r\n   const newTrigger = this.el.querySelector('ifx-dropdown-trigger-button, ifx-dropdown-trigger') as HTMLElement | null;\r\n\r\n    if (newTrigger !== this.trigger) {\r\n      if (this.trigger) {\r\n        this.trigger.removeEventListener('click', this.handleTriggerClick);\r\n        this.trigger.removeEventListener('keydown', this.handleTriggerKeyDown);\r\n      }\r\n      this.trigger = newTrigger!;\r\n      if (this.trigger) {\r\n        (this.trigger as any).disabled = this.disabled;\r\n        this.trigger.addEventListener('click', this.handleTriggerClick);\r\n        this.trigger.addEventListener('keydown', this.handleTriggerKeyDown);\r\n      }\r\n    }\r\n\r\n  const newMenu = this.el.querySelector('ifx-dropdown-menu') as HTMLElement | null;\r\n\r\n  if (!this.noAppendToBody) {\r\n    if (this.menu && this.menu !== newMenu) {\r\n      this.menu.removeEventListener('click', this.handleMenuClick);\r\n      this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\r\n      this.menu.remove();\r\n    }\r\n    this.menu = newMenu!;\r\n    if (this.menu && !document.body.contains(this.menu)) {\r\n      document.body.append(this.menu);\r\n    }\r\n  } else {\r\n    this.menu = newMenu!;\r\n  }\r\n\r\n  if (this.menu) {\r\n    this.menu.removeEventListener('click', this.handleMenuClick);\r\n    this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\r\n    this.menu.addEventListener('click', this.handleMenuClick);\r\n    this.menu.addEventListener('keydown', this.handleMenuKeyDown);\r\n  }\r\n  }\r\n\r\n  menuClickHandler() {\r\n    if (!this.noCloseOnMenuClick) {\r\n      this.closeDropdown();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    if (this.popperInstance) {\r\n      this.popperInstance.destroy();\r\n      this.popperInstance = null;\r\n    }\r\n\r\n    if (this.menu) {\r\n      this.menu.remove();\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async isOpen() {\r\n    return this.internalIsOpen;\r\n  }\r\n\r\n  @Method()\r\n  async closeDropdown() {\r\n    if (this.internalIsOpen) {\r\n      this.internalIsOpen = false;\r\n    \r\n      (this.trigger as unknown as IOpenable).isOpen = false;\r\n      (this.menu as unknown as IOpenable).isOpen = false;\r\n   \r\n      this.ifxClose.emit();\r\n    }\r\n \r\n    if (this.popperInstance) {\r\n      this.popperInstance.destroy();\r\n      this.popperInstance = null;\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async openDropdown() {\r\n    if (!this.internalIsOpen && !this.disabled) {\r\n      this.internalIsOpen = true;\r\n      (this.trigger as any).isOpen = true;\r\n      (this.menu as any).isOpen = true;\r\n      this.popperInstance = createPopper(this.el, this.menu, { placement: this.placement });\r\n      this.ifxOpen.emit();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div aria-label='dropdown menu' class='dropdown'>\r\n        <slot />\r\n      </div>\r\n    )\r\n  }\r\n}\r\n"],"version":3}
+{"file":"ifx-dropdown.entry.cjs.js","mappings":"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","names":["isNestedInIfxComponent","detectFramework","trackComponent","createPopper","h"],"sources":["src/components/dropdown/dropdown.scss?tag=ifx-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n    display: inline-block;\n}","import { Component, Prop, h, Element, Listen, Method, Watch, State, EventEmitter, Event } from \"@stencil/core\";\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\nimport { createPopper } from '@popperjs/core';\n \n\nimport { IOpenable } from './IOpenable';\n\nexport type Placement =\n  | 'auto'\n  | 'auto-start'\n  | 'auto-end'\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\n@Component({\n  tag: 'ifx-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true\n})\n\nexport class Dropdown {\n  @Prop() placement: Placement = 'bottom-start';\n  @Prop() defaultOpen: boolean = false;\n  @State() internalIsOpen: boolean = false;\n  @Prop() noAppendToBody: boolean = false;\n  @Event() ifxOpen: EventEmitter;\n  @Event() ifxClose: EventEmitter;\n  @Event() ifxDropdown: EventEmitter;\n  @Prop() disabled: boolean;\n  @Prop() noCloseOnOutsideClick: boolean = false;\n  @Prop() noCloseOnMenuClick: boolean = false;\n  @Element() el;\n  @State() trigger: HTMLElement;\n  @State() menu: HTMLElement\n  // Popper instance for positioning\n  popperInstance: any;\n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (!this.noCloseOnOutsideClick && !this.el.contains(target) && !this.menu.contains(target)) {\n      this.closeDropdown();\n    }\n  }\n\n  @Listen('focusin', { target: 'document' })\n  handleFocusOutside(event: FocusEvent) {\n    const target = event.target as HTMLElement;\n    if (\n      this.internalIsOpen &&\n      !this.el.contains(target) &&\n      !this.menu.contains(target)\n    ) {\n      this.closeDropdown();\n    }\n  }\n\n  private handleTriggerClick = () => {\n    if (!this.internalIsOpen) this.openDropdown();\n    else this.closeDropdown();\n  };\n\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\n    const key = e.key;\n    if (key === 'Tab' && this.internalIsOpen && !e.shiftKey) {\n      e.preventDefault();\n      this.focusFirstItem();\n    }\n  };\n\n  private handleMenuClick = () => {\n  if (!this.noCloseOnMenuClick) this.closeDropdown();\n};\n\n\nprivate getItemFocusables(): HTMLElement[] {\n  if (!this.menu) return [];\n  const hosts = Array.from(this.menu.querySelectorAll('ifx-dropdown-item')) as HTMLElement[];\n  return hosts\n    .filter(h => !(h.getAttribute('hide') === 'true' || h.classList.contains('hide')))\n    .map(h => h.shadowRoot?.querySelector('a') as HTMLElement | null)\n    .filter((el): el is HTMLElement => !!el);\n}\n\nprivate handleMenuKeyDown = (e: KeyboardEvent) => {\n const items = this.getItemFocusables();\n  if (!items.length) return;\n\n  const i = items.indexOf(document.activeElement as HTMLElement);\n\n  switch (e.key) {\n    case 'ArrowDown':\n      e.preventDefault();\n      items[(i + 1) % items.length].focus();\n      break;\n    case 'ArrowUp':\n      e.preventDefault();\n      items[(i - 1 + items.length) % items.length].focus();\n      break;\n    case 'Home':\n      e.preventDefault();\n      items[0].focus();\n      break;\n    case 'End':\n      e.preventDefault();\n      items[items.length - 1].focus();\n      break;\n    case 'Enter':\n    case ' ':\n    case 'Spacebar':\n      e.preventDefault();\n      (document.activeElement as HTMLElement)?.click();\n      break;\n    case 'Escape':\n      e.preventDefault();\n      this.closeDropdown();\n      (this.trigger as HTMLElement)?.focus();\n      break;\n    case 'Tab':\n      if (e.shiftKey && i === 0) {\n        e.preventDefault();\n        this.closeDropdown();\n        (this.trigger as HTMLElement)?.focus();\n      }\n      break;\n  }\n};\n\n  componentWillLoad() {\n    //maybe not needed\n    this.updateSlotContent();\n    this.watchHandlerIsOpen(this.defaultOpen, this.internalIsOpen);\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-dropdown', await framework)\n    }\n  }\n\n  @Watch('defaultOpen')\n  watchHandlerIsOpen(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue && newValue !== this.internalIsOpen) {\n      if (newValue) {\n        this.openDropdown();\n      } else {\n        this.closeDropdown();\n      }\n    }\n  }\n\n  @Watch('disabled')\n  watchHandlerDisabled(newValue: boolean) {\n    if (this.trigger) {\n      (this.trigger as undefined as HTMLIfxDropdownTriggerButtonElement).disabled = newValue;\n    }\n  }\n\n  @Listen('slotchange')\n  watchHandlerSlot() {\n    this.updateSlotContent();\n  }\n\nprivate focusFirstItem() {\n  const [first] = this.getItemFocusables();\n  first?.focus();\n}\n\n\n  updateSlotContent() {\n   const newTrigger = this.el.querySelector('ifx-dropdown-trigger-button, ifx-dropdown-trigger') as HTMLElement | null;\n\n    if (newTrigger !== this.trigger) {\n      if (this.trigger) {\n        this.trigger.removeEventListener('click', this.handleTriggerClick);\n        this.trigger.removeEventListener('keydown', this.handleTriggerKeyDown);\n      }\n      this.trigger = newTrigger!;\n      if (this.trigger) {\n        (this.trigger as any).disabled = this.disabled;\n        this.trigger.addEventListener('click', this.handleTriggerClick);\n        this.trigger.addEventListener('keydown', this.handleTriggerKeyDown);\n      }\n    }\n\n  const newMenu = this.el.querySelector('ifx-dropdown-menu') as HTMLElement | null;\n\n  if (!this.noAppendToBody) {\n    if (this.menu && this.menu !== newMenu) {\n      this.menu.removeEventListener('click', this.handleMenuClick);\n      this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\n      this.menu.remove();\n    }\n    this.menu = newMenu!;\n    if (this.menu && !document.body.contains(this.menu)) {\n      document.body.append(this.menu);\n    }\n  } else {\n    this.menu = newMenu!;\n  }\n\n  if (this.menu) {\n    this.menu.removeEventListener('click', this.handleMenuClick);\n    this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\n    this.menu.addEventListener('click', this.handleMenuClick);\n    this.menu.addEventListener('keydown', this.handleMenuKeyDown);\n  }\n  }\n\n  menuClickHandler() {\n    if (!this.noCloseOnMenuClick) {\n      this.closeDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n\n    if (this.menu) {\n      this.menu.remove();\n    }\n  }\n\n  @Method()\n  async isOpen() {\n    return this.internalIsOpen;\n  }\n\n  @Method()\n  async closeDropdown() {\n    if (this.internalIsOpen) {\n      this.internalIsOpen = false;\n    \n      (this.trigger as unknown as IOpenable).isOpen = false;\n      (this.menu as unknown as IOpenable).isOpen = false;\n   \n      this.ifxClose.emit();\n    }\n \n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  @Method()\n  async openDropdown() {\n    if (!this.internalIsOpen && !this.disabled) {\n      this.internalIsOpen = true;\n      (this.trigger as any).isOpen = true;\n      (this.menu as any).isOpen = true;\n      this.popperInstance = createPopper(this.el, this.menu, { placement: this.placement });\n      this.ifxOpen.emit();\n    }\n  }\n\n  render() {\n    return (\n      <div aria-label='dropdown menu' class='dropdown'>\n        <slot />\n      </div>\n    )\n  }\n}\n"],"version":3}

package/dist/cjs/ifx-dropdown.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-dropdown.entry.cjs.js","sources":["src/components/dropdown/dropdown.scss?tag=ifx-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n    display: inline-block;\r\n}","import { Component, Prop, h, Element, Listen, Method, Watch, State, EventEmitter, Event } from \"@stencil/core\";\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\nimport { createPopper } from '@popperjs/core';\r\n \r\n\r\nimport { IOpenable } from './IOpenable';\r\n\r\nexport type Placement =\r\n  | 'auto'\r\n  | 'auto-start'\r\n  | 'auto-end'\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end';\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown',\r\n  styleUrl: 'dropdown.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class Dropdown {\r\n  @Prop() placement: Placement = 'bottom-start';\r\n  @Prop() defaultOpen: boolean = false;\r\n  @State() internalIsOpen: boolean = false;\r\n  @Prop() noAppendToBody: boolean = false;\r\n  @Event() ifxOpen: EventEmitter;\r\n  @Event() ifxClose: EventEmitter;\r\n  @Event() ifxDropdown: EventEmitter;\r\n  @Prop() disabled: boolean;\r\n  @Prop() noCloseOnOutsideClick: boolean = false;\r\n  @Prop() noCloseOnMenuClick: boolean = false;\r\n  @Element() el;\r\n  @State() trigger: HTMLElement;\r\n  @State() menu: HTMLElement\r\n  // Popper instance for positioning\r\n  popperInstance: any;\r\n\r\n  @Listen('mousedown', { target: 'document' })\r\n  handleOutsideClick(event: MouseEvent) {\r\n    const target = event.target as HTMLElement;\r\n\r\n    if (!this.noCloseOnOutsideClick && !this.el.contains(target) && !this.menu.contains(target)) {\r\n      this.closeDropdown();\r\n    }\r\n  }\r\n\r\n  @Listen('focusin', { target: 'document' })\r\n  handleFocusOutside(event: FocusEvent) {\r\n    const target = event.target as HTMLElement;\r\n    if (\r\n      this.internalIsOpen &&\r\n      !this.el.contains(target) &&\r\n      !this.menu.contains(target)\r\n    ) {\r\n      this.closeDropdown();\r\n    }\r\n  }\r\n\r\n  private handleTriggerClick = () => {\r\n    if (!this.internalIsOpen) this.openDropdown();\r\n    else this.closeDropdown();\r\n  };\r\n\r\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\r\n    const key = e.key;\r\n    if (key === 'Tab' && this.internalIsOpen && !e.shiftKey) {\r\n      e.preventDefault();\r\n      this.focusFirstItem();\r\n    }\r\n  };\r\n\r\n  private handleMenuClick = () => {\r\n  if (!this.noCloseOnMenuClick) this.closeDropdown();\r\n};\r\n\r\n\r\nprivate getItemFocusables(): HTMLElement[] {\r\n  if (!this.menu) return [];\r\n  const hosts = Array.from(this.menu.querySelectorAll('ifx-dropdown-item')) as HTMLElement[];\r\n  return hosts\r\n    .filter(h => !(h.getAttribute('hide') === 'true' || h.classList.contains('hide')))\r\n    .map(h => h.shadowRoot?.querySelector('a') as HTMLElement | null)\r\n    .filter((el): el is HTMLElement => !!el);\r\n}\r\n\r\nprivate handleMenuKeyDown = (e: KeyboardEvent) => {\r\n const items = this.getItemFocusables();\r\n  if (!items.length) return;\r\n\r\n  const i = items.indexOf(document.activeElement as HTMLElement);\r\n\r\n  switch (e.key) {\r\n    case 'ArrowDown':\r\n      e.preventDefault();\r\n      items[(i + 1) % items.length].focus();\r\n      break;\r\n    case 'ArrowUp':\r\n      e.preventDefault();\r\n      items[(i - 1 + items.length) % items.length].focus();\r\n      break;\r\n    case 'Home':\r\n      e.preventDefault();\r\n      items[0].focus();\r\n      break;\r\n    case 'End':\r\n      e.preventDefault();\r\n      items[items.length - 1].focus();\r\n      break;\r\n    case 'Enter':\r\n    case ' ':\r\n    case 'Spacebar':\r\n      e.preventDefault();\r\n      (document.activeElement as HTMLElement)?.click();\r\n      break;\r\n    case 'Escape':\r\n      e.preventDefault();\r\n      this.closeDropdown();\r\n      (this.trigger as HTMLElement)?.focus();\r\n      break;\r\n    case 'Tab':\r\n      if (e.shiftKey && i === 0) {\r\n        e.preventDefault();\r\n        this.closeDropdown();\r\n        (this.trigger as HTMLElement)?.focus();\r\n      }\r\n      break;\r\n  }\r\n};\r\n\r\n  componentWillLoad() {\r\n    //maybe not needed\r\n    this.updateSlotContent();\r\n    this.watchHandlerIsOpen(this.defaultOpen, this.internalIsOpen);\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-dropdown', await framework)\r\n    }\r\n  }\r\n\r\n  @Watch('defaultOpen')\r\n  watchHandlerIsOpen(newValue: boolean, oldValue: boolean) {\r\n    if (newValue !== oldValue && newValue !== this.internalIsOpen) {\r\n      if (newValue) {\r\n        this.openDropdown();\r\n      } else {\r\n        this.closeDropdown();\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch('disabled')\r\n  watchHandlerDisabled(newValue: boolean) {\r\n    if (this.trigger) {\r\n      (this.trigger as undefined as HTMLIfxDropdownTriggerButtonElement).disabled = newValue;\r\n    }\r\n  }\r\n\r\n  @Listen('slotchange')\r\n  watchHandlerSlot() {\r\n    this.updateSlotContent();\r\n  }\r\n\r\nprivate focusFirstItem() {\r\n  const [first] = this.getItemFocusables();\r\n  first?.focus();\r\n}\r\n\r\n\r\n  updateSlotContent() {\r\n   const newTrigger = this.el.querySelector('ifx-dropdown-trigger-button, ifx-dropdown-trigger') as HTMLElement | null;\r\n\r\n    if (newTrigger !== this.trigger) {\r\n      if (this.trigger) {\r\n        this.trigger.removeEventListener('click', this.handleTriggerClick);\r\n        this.trigger.removeEventListener('keydown', this.handleTriggerKeyDown);\r\n      }\r\n      this.trigger = newTrigger!;\r\n      if (this.trigger) {\r\n        (this.trigger as any).disabled = this.disabled;\r\n        this.trigger.addEventListener('click', this.handleTriggerClick);\r\n        this.trigger.addEventListener('keydown', this.handleTriggerKeyDown);\r\n      }\r\n    }\r\n\r\n  const newMenu = this.el.querySelector('ifx-dropdown-menu') as HTMLElement | null;\r\n\r\n  if (!this.noAppendToBody) {\r\n    if (this.menu && this.menu !== newMenu) {\r\n      this.menu.removeEventListener('click', this.handleMenuClick);\r\n      this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\r\n      this.menu.remove();\r\n    }\r\n    this.menu = newMenu!;\r\n    if (this.menu && !document.body.contains(this.menu)) {\r\n      document.body.append(this.menu);\r\n    }\r\n  } else {\r\n    this.menu = newMenu!;\r\n  }\r\n\r\n  if (this.menu) {\r\n    this.menu.removeEventListener('click', this.handleMenuClick);\r\n    this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\r\n    this.menu.addEventListener('click', this.handleMenuClick);\r\n    this.menu.addEventListener('keydown', this.handleMenuKeyDown);\r\n  }\r\n  }\r\n\r\n  menuClickHandler() {\r\n    if (!this.noCloseOnMenuClick) {\r\n      this.closeDropdown();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    if (this.popperInstance) {\r\n      this.popperInstance.destroy();\r\n      this.popperInstance = null;\r\n    }\r\n\r\n    if (this.menu) {\r\n      this.menu.remove();\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async isOpen() {\r\n    return this.internalIsOpen;\r\n  }\r\n\r\n  @Method()\r\n  async closeDropdown() {\r\n    if (this.internalIsOpen) {\r\n      this.internalIsOpen = false;\r\n    \r\n      (this.trigger as unknown as IOpenable).isOpen = false;\r\n      (this.menu as unknown as IOpenable).isOpen = false;\r\n   \r\n      this.ifxClose.emit();\r\n    }\r\n \r\n    if (this.popperInstance) {\r\n      this.popperInstance.destroy();\r\n      this.popperInstance = null;\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async openDropdown() {\r\n    if (!this.internalIsOpen && !this.disabled) {\r\n      this.internalIsOpen = true;\r\n      (this.trigger as any).isOpen = true;\r\n      (this.menu as any).isOpen = true;\r\n      this.popperInstance = createPopper(this.el, this.menu, { placement: this.placement });\r\n      this.ifxOpen.emit();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div aria-label='dropdown menu' class='dropdown'>\r\n        <slot />\r\n      </div>\r\n    )\r\n  }\r\n}\r\n"],"names":["isNestedInIfxComponent","detectFramework","trackComponent","createPopper","h"],"mappings":"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"}
+{"version":3,"file":"ifx-dropdown.entry.cjs.js","sources":["src/components/dropdown/dropdown.scss?tag=ifx-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n    display: inline-block;\n}","import { Component, Prop, h, Element, Listen, Method, Watch, State, EventEmitter, Event } from \"@stencil/core\";\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\nimport { createPopper } from '@popperjs/core';\n \n\nimport { IOpenable } from './IOpenable';\n\nexport type Placement =\n  | 'auto'\n  | 'auto-start'\n  | 'auto-end'\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\n@Component({\n  tag: 'ifx-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true\n})\n\nexport class Dropdown {\n  @Prop() placement: Placement = 'bottom-start';\n  @Prop() defaultOpen: boolean = false;\n  @State() internalIsOpen: boolean = false;\n  @Prop() noAppendToBody: boolean = false;\n  @Event() ifxOpen: EventEmitter;\n  @Event() ifxClose: EventEmitter;\n  @Event() ifxDropdown: EventEmitter;\n  @Prop() disabled: boolean;\n  @Prop() noCloseOnOutsideClick: boolean = false;\n  @Prop() noCloseOnMenuClick: boolean = false;\n  @Element() el;\n  @State() trigger: HTMLElement;\n  @State() menu: HTMLElement\n  // Popper instance for positioning\n  popperInstance: any;\n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (!this.noCloseOnOutsideClick && !this.el.contains(target) && !this.menu.contains(target)) {\n      this.closeDropdown();\n    }\n  }\n\n  @Listen('focusin', { target: 'document' })\n  handleFocusOutside(event: FocusEvent) {\n    const target = event.target as HTMLElement;\n    if (\n      this.internalIsOpen &&\n      !this.el.contains(target) &&\n      !this.menu.contains(target)\n    ) {\n      this.closeDropdown();\n    }\n  }\n\n  private handleTriggerClick = () => {\n    if (!this.internalIsOpen) this.openDropdown();\n    else this.closeDropdown();\n  };\n\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\n    const key = e.key;\n    if (key === 'Tab' && this.internalIsOpen && !e.shiftKey) {\n      e.preventDefault();\n      this.focusFirstItem();\n    }\n  };\n\n  private handleMenuClick = () => {\n  if (!this.noCloseOnMenuClick) this.closeDropdown();\n};\n\n\nprivate getItemFocusables(): HTMLElement[] {\n  if (!this.menu) return [];\n  const hosts = Array.from(this.menu.querySelectorAll('ifx-dropdown-item')) as HTMLElement[];\n  return hosts\n    .filter(h => !(h.getAttribute('hide') === 'true' || h.classList.contains('hide')))\n    .map(h => h.shadowRoot?.querySelector('a') as HTMLElement | null)\n    .filter((el): el is HTMLElement => !!el);\n}\n\nprivate handleMenuKeyDown = (e: KeyboardEvent) => {\n const items = this.getItemFocusables();\n  if (!items.length) return;\n\n  const i = items.indexOf(document.activeElement as HTMLElement);\n\n  switch (e.key) {\n    case 'ArrowDown':\n      e.preventDefault();\n      items[(i + 1) % items.length].focus();\n      break;\n    case 'ArrowUp':\n      e.preventDefault();\n      items[(i - 1 + items.length) % items.length].focus();\n      break;\n    case 'Home':\n      e.preventDefault();\n      items[0].focus();\n      break;\n    case 'End':\n      e.preventDefault();\n      items[items.length - 1].focus();\n      break;\n    case 'Enter':\n    case ' ':\n    case 'Spacebar':\n      e.preventDefault();\n      (document.activeElement as HTMLElement)?.click();\n      break;\n    case 'Escape':\n      e.preventDefault();\n      this.closeDropdown();\n      (this.trigger as HTMLElement)?.focus();\n      break;\n    case 'Tab':\n      if (e.shiftKey && i === 0) {\n        e.preventDefault();\n        this.closeDropdown();\n        (this.trigger as HTMLElement)?.focus();\n      }\n      break;\n  }\n};\n\n  componentWillLoad() {\n    //maybe not needed\n    this.updateSlotContent();\n    this.watchHandlerIsOpen(this.defaultOpen, this.internalIsOpen);\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-dropdown', await framework)\n    }\n  }\n\n  @Watch('defaultOpen')\n  watchHandlerIsOpen(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue && newValue !== this.internalIsOpen) {\n      if (newValue) {\n        this.openDropdown();\n      } else {\n        this.closeDropdown();\n      }\n    }\n  }\n\n  @Watch('disabled')\n  watchHandlerDisabled(newValue: boolean) {\n    if (this.trigger) {\n      (this.trigger as undefined as HTMLIfxDropdownTriggerButtonElement).disabled = newValue;\n    }\n  }\n\n  @Listen('slotchange')\n  watchHandlerSlot() {\n    this.updateSlotContent();\n  }\n\nprivate focusFirstItem() {\n  const [first] = this.getItemFocusables();\n  first?.focus();\n}\n\n\n  updateSlotContent() {\n   const newTrigger = this.el.querySelector('ifx-dropdown-trigger-button, ifx-dropdown-trigger') as HTMLElement | null;\n\n    if (newTrigger !== this.trigger) {\n      if (this.trigger) {\n        this.trigger.removeEventListener('click', this.handleTriggerClick);\n        this.trigger.removeEventListener('keydown', this.handleTriggerKeyDown);\n      }\n      this.trigger = newTrigger!;\n      if (this.trigger) {\n        (this.trigger as any).disabled = this.disabled;\n        this.trigger.addEventListener('click', this.handleTriggerClick);\n        this.trigger.addEventListener('keydown', this.handleTriggerKeyDown);\n      }\n    }\n\n  const newMenu = this.el.querySelector('ifx-dropdown-menu') as HTMLElement | null;\n\n  if (!this.noAppendToBody) {\n    if (this.menu && this.menu !== newMenu) {\n      this.menu.removeEventListener('click', this.handleMenuClick);\n      this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\n      this.menu.remove();\n    }\n    this.menu = newMenu!;\n    if (this.menu && !document.body.contains(this.menu)) {\n      document.body.append(this.menu);\n    }\n  } else {\n    this.menu = newMenu!;\n  }\n\n  if (this.menu) {\n    this.menu.removeEventListener('click', this.handleMenuClick);\n    this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\n    this.menu.addEventListener('click', this.handleMenuClick);\n    this.menu.addEventListener('keydown', this.handleMenuKeyDown);\n  }\n  }\n\n  menuClickHandler() {\n    if (!this.noCloseOnMenuClick) {\n      this.closeDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n\n    if (this.menu) {\n      this.menu.remove();\n    }\n  }\n\n  @Method()\n  async isOpen() {\n    return this.internalIsOpen;\n  }\n\n  @Method()\n  async closeDropdown() {\n    if (this.internalIsOpen) {\n      this.internalIsOpen = false;\n    \n      (this.trigger as unknown as IOpenable).isOpen = false;\n      (this.menu as unknown as IOpenable).isOpen = false;\n   \n      this.ifxClose.emit();\n    }\n \n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  @Method()\n  async openDropdown() {\n    if (!this.internalIsOpen && !this.disabled) {\n      this.internalIsOpen = true;\n      (this.trigger as any).isOpen = true;\n      (this.menu as any).isOpen = true;\n      this.popperInstance = createPopper(this.el, this.menu, { placement: this.placement });\n      this.ifxOpen.emit();\n    }\n  }\n\n  render() {\n    return (\n      <div aria-label='dropdown menu' class='dropdown'>\n        <slot />\n      </div>\n    )\n  }\n}\n"],"names":["isNestedInIfxComponent","detectFramework","trackComponent","createPopper","h"],"mappings":"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"}