@infineon/infineon-design-system-stencil 39.4.4--canary.2074.d943070f9cdd99fe53a3a22232500eeb825c9004.0 → 39.4.4--canary.1723.72d4b66375fecde1ebf334fa524d5d0f7ab3c974.0

package/dist/collection/components/date-picker/date-picker.js

@@ -112,6 +112,7 @@ export class DatePicker {
         return {
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -127,11 +128,11 @@ export class DatePicker {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "size",
                 "defaultValue": "'s'"
             },
             "error": {
                 "type": "boolean",
+                "attribute": "error",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -147,11 +148,11 @@ export class DatePicker {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "error",
                 "defaultValue": "false"
             },
             "success": {
                 "type": "boolean",
+                "attribute": "success",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -167,11 +168,11 @@ export class DatePicker {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "success",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -187,11 +188,11 @@ export class DatePicker {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "ariaLabel": {
                 "type": "string",
+                "attribute": "aria-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -206,11 +207,11 @@ export class DatePicker {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "aria-label"
+                "reflect": false
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -225,11 +226,11 @@ export class DatePicker {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "value"
+                "reflect": false
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -245,11 +246,11 @@ export class DatePicker {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "type",
                 "defaultValue": "'date'"
             },
             "max": {
                 "type": "string",
+                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -264,11 +265,11 @@ export class DatePicker {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "max"
+                "reflect": false
             },
             "min": {
                 "type": "string",
+                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -283,11 +284,11 @@ export class DatePicker {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "min"
+                "reflect": false
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -303,11 +304,11 @@ export class DatePicker {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "required",
                 "defaultValue": "false"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -322,11 +323,11 @@ export class DatePicker {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "label"
+                "reflect": false
             },
             "caption": {
                 "type": "string",
+                "attribute": "caption",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -341,11 +342,11 @@ export class DatePicker {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "caption"
+                "reflect": false
             },
             "autocomplete": {
                 "type": "string",
+                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -361,7 +362,6 @@ export class DatePicker {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "autocomplete",
                 "defaultValue": "'on'"
             }
         };

package/dist/collection/components/download/download.js

@@ -39,6 +39,7 @@ export class Download {
         return {
             "tokens": {
                 "type": "string",
+                "attribute": "tokens",
                 "mutable": false,
                 "complexType": {
                     "original": "'css' | 'scss'",
@@ -54,7 +55,6 @@ export class Download {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "tokens",
                 "defaultValue": "'css'"
             }
         };

package/dist/collection/components/dropdown/dropdown-item/dropdown-item.js

@@ -39,6 +39,7 @@ export class DropdownItem {
         return {
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -53,11 +54,11 @@ export class DropdownItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "icon"
+                "reflect": false
             },
             "href": {
                 "type": "string",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -73,11 +74,11 @@ export class DropdownItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "href",
                 "defaultValue": "\"\""
             },
             "target": {
                 "type": "string",
+                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -93,11 +94,11 @@ export class DropdownItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "target",
                 "defaultValue": "\"_self\""
             },
             "hide": {
                 "type": "boolean",
+                "attribute": "hide",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -113,7 +114,6 @@ export class DropdownItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "hide",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/dropdown/dropdown-menu/dropdown-menu.js

@@ -63,6 +63,7 @@ export class DropdownMenu {
         return {
             "isOpen": {
                 "type": "boolean",
+                "attribute": "is-open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -78,11 +79,11 @@ export class DropdownMenu {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "is-open",
                 "defaultValue": "false"
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -98,7 +99,6 @@ export class DropdownMenu {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "size",
                 "defaultValue": "'l'"
             }
         };

package/dist/collection/components/dropdown/dropdown-trigger/dropdown-trigger.js

@@ -23,6 +23,7 @@ export class DropdownItem {
         return {
             "isOpen": {
                 "type": "boolean",
+                "attribute": "is-open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -38,7 +39,6 @@ export class DropdownItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "is-open",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js

@@ -27,6 +27,7 @@ export class DropdownItem {
         return {
             "isOpen": {
                 "type": "boolean",
+                "attribute": "is-open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -42,11 +43,11 @@ export class DropdownItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "is-open",
                 "defaultValue": "false"
             },
             "theme": {
                 "type": "string",
+                "attribute": "theme",
                 "mutable": false,
                 "complexType": {
                     "original": "'default' | 'danger' | 'inverse'",
@@ -62,11 +63,11 @@ export class DropdownItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "theme",
                 "defaultValue": "'default'"
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "'primary'",
@@ -81,11 +82,11 @@ export class DropdownItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "variant"
+                "reflect": false
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'s' | 'm'",
@@ -101,11 +102,11 @@ export class DropdownItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "size",
                 "defaultValue": "'m'"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -120,11 +121,11 @@ export class DropdownItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "disabled"
+                "reflect": false
             },
             "hideArrow": {
                 "type": "boolean",
+                "attribute": "hide-arrow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -140,7 +141,6 @@ export class DropdownItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "hide-arrow",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/dropdown/dropdown.js

@@ -203,7 +203,7 @@ export class Dropdown {
         }
     }
     render() {
-        return (h("div", { key: '69154a5ea3f5d45c37b705589b95526665d82f53', "aria-label": 'dropdown menu', class: 'dropdown' }, h("slot", { key: '08c8b9077a094bf64f7254e60cc3e56055cac685' })));
+        return (h("div", { key: '98fae8a111b3e91b8a4f2690e0dd462d1c6c4791', "aria-label": 'dropdown menu', class: 'dropdown' }, h("slot", { key: 'f491cae9545a2d18342efa9f2fb29412d580f643' })));
     }
     static get is() { return "ifx-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -221,6 +221,7 @@ export class Dropdown {
         return {
             "placement": {
                 "type": "string",
+                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "Placement",
@@ -242,11 +243,11 @@ export class Dropdown {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "placement",
                 "defaultValue": "'bottom-start'"
             },
             "defaultOpen": {
                 "type": "boolean",
+                "attribute": "default-open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -262,11 +263,11 @@ export class Dropdown {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "default-open",
                 "defaultValue": "false"
             },
             "noAppendToBody": {
                 "type": "boolean",
+                "attribute": "no-append-to-body",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -282,11 +283,11 @@ export class Dropdown {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "no-append-to-body",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -301,11 +302,11 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "disabled"
+                "reflect": false
             },
             "noCloseOnOutsideClick": {
                 "type": "boolean",
+                "attribute": "no-close-on-outside-click",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -321,11 +322,11 @@ export class Dropdown {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "no-close-on-outside-click",
                 "defaultValue": "false"
             },
             "noCloseOnMenuClick": {
                 "type": "boolean",
+                "attribute": "no-close-on-menu-click",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -341,7 +342,6 @@ export class Dropdown {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "no-close-on-menu-click",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["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//import { createPopper } from '@popperjs/core/lib/createPopper';\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 unknown 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,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA4B9C,MAAM,OAAO,QAAQ;IANrB;QAOU,cAAS,GAAc,cAAc,CAAC;QACtC,gBAAW,GAAY,KAAK,CAAC;QAC5B,mBAAc,GAAY,KAAK,CAAC;QACjC,mBAAc,GAAY,KAAK,CAAC;QAKhC,0BAAqB,GAAY,KAAK,CAAC;QACvC,uBAAkB,GAAY,KAAK,CAAC;QA4BpC,uBAAkB,GAAG,GAAG,EAAE;YAChC,IAAI,CAAC,IAAI,CAAC,cAAc;gBAAE,IAAI,CAAC,YAAY,EAAE,CAAC;;gBACzC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAEM,yBAAoB,GAAG,CAAC,CAAgB,EAAE,EAAE;YAClD,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;YAClB,IAAI,GAAG,KAAK,KAAK,IAAI,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACxD,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,CAAC;QACH,CAAC,CAAC;QAEM,oBAAe,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,kBAAkB;gBAAE,IAAI,CAAC,aAAa,EAAE,CAAC;QACrD,CAAC,CAAC;QAYM,sBAAiB,GAAG,CAAC,CAAgB,EAAE,EAAE;;YAChD,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACtC,IAAI,CAAC,KAAK,CAAC,MAAM;gBAAE,OAAO;YAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,aAA4B,CAAC,CAAC;YAE/D,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACd,KAAK,WAAW;oBACd,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;oBACtC,MAAM;gBACR,KAAK,SAAS;oBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;oBACrD,MAAM;gBACR,KAAK,MAAM;oBACT,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;oBACjB,MAAM;gBACR,KAAK,KAAK;oBACR,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;oBAChC,MAAM;gBACR,KAAK,OAAO,CAAC;gBACb,KAAK,GAAG,CAAC;gBACT,KAAK,UAAU;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,MAAC,QAAQ,CAAC,aAA6B,0CAAE,KAAK,EAAE,CAAC;oBACjD,MAAM;gBACR,KAAK,QAAQ;oBACX,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,aAAa,EAAE,CAAC;oBACrB,MAAC,IAAI,CAAC,OAAuB,0CAAE,KAAK,EAAE,CAAC;oBACvC,MAAM;gBACR,KAAK,KAAK;oBACR,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;wBAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,aAAa,EAAE,CAAC;wBACrB,MAAC,IAAI,CAAC,OAAuB,0CAAE,KAAK,EAAE,CAAC;oBACzC,CAAC;oBACD,MAAM;YACV,CAAC;QACH,CAAC,CAAC;KA6ID;IAtOC,kBAAkB,CAAC,KAAiB;QAClC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAE3C,IAAI,CAAC,IAAI,CAAC,qBAAqB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5F,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAGD,kBAAkB,CAAC,KAAiB;QAClC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,IACE,IAAI,CAAC,cAAc;YACnB,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;YACzB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC3B,CAAC;YACD,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAoBK,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAkB,CAAC;QAC3F,OAAO,KAAK;aACT,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,MAAM,IAAI,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;aACjF,GAAG,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,UAAU,0CAAE,aAAa,CAAC,GAAG,CAAuB,CAAA,EAAA,CAAC;aAChE,MAAM,CAAC,CAAC,EAAE,EAAqB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC;IA8CC,iBAAiB;QACf,kBAAkB;QAClB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACjE,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,cAAc,EAAE,MAAM,SAAS,CAAC,CAAA;QACjD,CAAC;IACH,CAAC;IAGD,kBAAkB,CAAC,QAAiB,EAAE,QAAiB;QACrD,IAAI,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC,cAAc,EAAE,CAAC;YAC9D,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC;IAGD,oBAAoB,CAAC,QAAiB;QACpC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAChB,IAAI,CAAC,OAA4D,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzF,CAAC;IACH,CAAC;IAGD,gBAAgB;QACd,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEK,cAAc;QACpB,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,CAAC;IACjB,CAAC;IAGC,iBAAiB;QAChB,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mDAAmD,CAAuB,CAAC;QAEnH,IAAI,UAAU,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YAChC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBACnE,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;YACzE,CAAC;YACD,IAAI,CAAC,OAAO,GAAG,UAAW,CAAC;YAC3B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBAChB,IAAI,CAAC,OAAe,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;gBAC/C,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBAChE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;YACtE,CAAC;QACH,CAAC;QAEH,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAuB,CAAC;QAEjF,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBACvC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;gBAC7D,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBACjE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC;YACD,IAAI,CAAC,IAAI,GAAG,OAAQ,CAAC;YACrB,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gBACpD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,GAAG,OAAQ,CAAC;QACvB,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YAC7D,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACjE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YAC1D,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAChE,CAAC;IACD,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,MAAM;QACV,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAGD,KAAK,CAAC,aAAa;QACjB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAE3B,IAAI,CAAC,OAAgC,CAAC,MAAM,GAAG,KAAK,CAAC;YACrD,IAAI,CAAC,IAA6B,CAAC,MAAM,GAAG,KAAK,CAAC;YAEnD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACvB,CAAC;QAED,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,YAAY;QAChB,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,OAAe,CAAC,MAAM,GAAG,IAAI,CAAC;YACnC,IAAI,CAAC,IAAY,CAAC,MAAM,GAAG,IAAI,CAAC;YACjC,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;YACtF,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,0EAAgB,eAAe,EAAC,KAAK,EAAC,UAAU;YAC9C,8DAAQ,CACJ,CACP,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}