@infineon/infineon-design-system-stencil 37.4.1--canary.1962.608bc5cf7f8c0c5180f517f39785bb29c28a5b0b.0 → 37.4.1--canary.1962.ca34ef504bf759366898cafeafe50789576769f6.0

package/dist/types/components/icon-button/icon-button.d.ts

@@ -14,7 +14,7 @@ export declare class IconButton {
     updateIcon(newIcon: string): void;
     setFocus(): Promise<void>;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
     getVariantClass(): "primary" | "secondary" | "tertiary";
     getSizeClass(): "" | "l" | "s" | "xs";

package/dist/types/components/indicator/indicator.d.ts

@@ -7,7 +7,7 @@ export declare class Indicator {
     number: number;
     handleNumber(): void;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     componentWillUpdate(): void;
     render(): any;
 }

package/dist/types/components/link/link.d.ts

@@ -13,7 +13,7 @@ export declare class Link {
     setInternalStates(): void;
     componentWillRender(): void;
     handleKeyDown(event: KeyboardEvent): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
     getSizeClass(): "" | "medium" | "large" | "small" | "extraLarge";
     getVariantClass(): "bold" | "title" | "menu" | "underlined";

package/dist/types/components/modal/modal.d.ts

@@ -21,7 +21,7 @@ export declare class IfxModal {
     private modalContainer;
     private focusableElements;
     private closeButton;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     componentWillRender(): void;
     handleComponentOverflow(): void;
     getFirstFocusableElement(): HTMLElement | null;

package/dist/types/components/navigation/navbar/navbar.d.ts

@@ -40,7 +40,7 @@ export declare class Navbar {
     setItemMenuPosition(): Promise<void>;
     setMenuItemChildrenPosition(item: any): void;
     getMediaQueryList(): MediaQueryList;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     handleMobileMenuBottom(e: any): void;
     handleLogoHrefAndTarget(): void;
     componentWillLoad(): void;

package/dist/types/components/navigation/sidebar/sidebar.d.ts

@@ -19,7 +19,7 @@ export declare class Sidebar {
     adjustTopBorder(): void;
     addPaddingToTheLastItem(sidebarItem: any): Promise<void>;
     adjustItemsPadding(): Promise<void>;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     getSidebarMenuItems(el?: any): any;
     setInitialActiveItem(): void;
     handleClassList(el: any, type: any, className: any): any;

package/dist/types/components/notification/notification.d.ts

@@ -6,7 +6,7 @@ export declare class Notification {
     linkText: string;
     linkHref: string;
     linkTarget: string;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     private getClassName;
     render(): any;
 }

package/dist/types/components/pagination/pagination.d.ts

@@ -14,7 +14,7 @@ export declare class Pagination {
     private CLASS_ACTIVE;
     private prevInternalPage;
     setItemsPerPage(e: CustomEvent): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     updateVisiblePages(): void;
     calculateNumberOfPages(): void;
     filterOptionsArray(): void;

package/dist/types/components/progress-bar/progress-bar.d.ts

@@ -6,6 +6,6 @@ export declare class ProgressBar {
     internalValue: number;
     valueChanged(newValue: number, oldValue: number): void;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
 }

package/dist/types/components/radio-button/radio-button.d.ts

@@ -15,7 +15,7 @@ export declare class RadioButton {
     ifxChange: EventEmitter;
     ifxError: EventEmitter;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     handleCheckedChange(newValue: boolean): void;
     updateFormValue(): void;
     errorChanged(newValue: boolean, oldValue: boolean): void;

package/dist/types/components/radio-button-group/radio-button-group.d.ts

@@ -12,7 +12,7 @@ export declare class RadioButtonGroup {
     handleRadioButtonError(event: CustomEvent): void;
     setGroupError(error: boolean): Promise<void>;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     handleSlotChange: () => void;
     private initializeState;
     private updateHasErrors;

package/dist/types/components/search-bar/search-bar.d.ts

@@ -14,7 +14,7 @@ export declare class SearchBar {
     handleCloseButton: () => void;
     setInitialState(): void;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     handleInput(event: CustomEvent): void;
     handleFocus: () => void;
     render(): any;

package/dist/types/components/search-field/search-field.d.ts

@@ -18,7 +18,7 @@ export declare class SearchField {
     handleInput: () => void;
     handleDelete: () => void;
     focusInput(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     componentWillUpdate(): void;
     render(): any;
     getSizeClass(): "" | "search-field__wrapper-s";

package/dist/types/components/segmented-control/segmented-control.d.ts

@@ -17,7 +17,7 @@ export declare class SegmentedControl {
     getSegments(): NodeList;
     setActiveSegment(): void;
     setSegmentSize(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
     componentDidRender(): void;
 }

package/dist/types/components/select/multi-select/multiselect.d.ts

@@ -49,7 +49,7 @@ export declare class Multiselect {
     updateSlotBasedSelections(emitEvent?: boolean): void;
     private updateInitialParentStates;
     private updateParentState;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     componentWillLoad(): void;
     updateInternalError(): void;
     updateInternalErrorMessage(): void;

package/dist/types/components/select/single-select/select.d.ts

@@ -87,7 +87,7 @@ export declare class Choices implements IChoicesProps, IChoicesMethods {
     protected componentWillUpdate(): void;
     isEqual(a: any, b: any[]): boolean;
     addResizeObserver(): void;
-    protected componentDidLoad(): void;
+    protected componentDidLoad(): Promise<void>;
     protected componentDidUpdate(): void;
     protected disconnectedCallback(): void;
     private handleWrapperClick;

package/dist/types/components/slider/slider.d.ts

@@ -34,6 +34,6 @@ export declare class IfxSlider {
     updateValuePercent(): void;
     updateZIndexIfRangeSlider(targetId?: string): void;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
 }

package/dist/types/components/spinner/spinner.d.ts

@@ -3,7 +3,7 @@ export declare class Spinner {
     size: string;
     variant: string;
     inverted: boolean;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
     getSizeClass(): "" | "s";
     getClassNames(): string;

package/dist/types/components/status/status.d.ts

@@ -3,6 +3,6 @@ export declare class Status {
     label: string;
     border: boolean;
     color: string;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
 }

package/dist/types/components/stepper/stepper.d.ts

@@ -19,7 +19,7 @@ export declare class Stepper {
     syncIfxSteps(): void;
     setInitialActiveStep(): void;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     componentWillUpdate(): void;
     render(): any;
     componentDidRender(): void;

package/dist/types/components/switch/switch.d.ts

@@ -11,7 +11,7 @@ export declare class Switch {
     isChecked(): Promise<boolean>;
     componentWillLoad(): void;
     toggleLabelGap(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     valueChanged(newValue: boolean, oldValue: boolean): void;
     toggleSwitch(): void;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/types/components/table-advanced-version/table.d.ts

@@ -44,7 +44,7 @@ export declare class Table {
     onBtShowLoading(): Promise<void>;
     componentWillLoad(): void;
     componentDidRender(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     componentWillUnmount(): void;
     handlePageChange(event: any): void;
     isJSONParseable(str: any): boolean;

package/dist/types/components/table-basic-version/table.d.ts

@@ -20,7 +20,7 @@ export declare class Table {
     getColData(): any[];
     onFirstDataRendered(params: FirstDataRenderedEvent): void;
     componentWillUpdate(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     getClassNames(): string;
     getTableStyle(): {
         height: string;

package/dist/types/components/tabs/tabs.d.ts

@@ -21,7 +21,7 @@ export declare class IfxTabs {
     reRenderBorder(): void;
     onSlotChange(): void;
     setDefaultOrientation(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     onTabFocus(index: any): () => void;
     disconnectedCallback(): void;
     componentDidUpdate(): void;

package/dist/types/components/tag/tag.d.ts

@@ -1,6 +1,6 @@
 export declare class Tag {
     el: HTMLElement;
     icon: string;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
 }

package/dist/types/components/text-field/text-field.d.ts

@@ -28,6 +28,6 @@ export declare class TextField {
     handleTypeProp(): void;
     formResetCallback(): void;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
 }

package/dist/types/components/textarea/textarea.d.ts

@@ -25,6 +25,6 @@ export declare class TextArea {
     handleOnInput(e: InputEvent): void;
     resetTextarea(): void;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
 }

package/dist/types/components/tooltip/tooltip.d.ts

@@ -11,7 +11,7 @@ export declare class Tooltip {
     referenceEl: HTMLElement;
     popperInstance: any;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     initializePopper(): void;
     determineBestPosition(): "top" | "left" | "right" | "bottom" | "bottom-start" | "top-start" | "top-end" | "bottom-end";
     positionChanged(newVal: any): void;

package/dist/types/components/tree-view/tree-view.d.ts

@@ -10,6 +10,6 @@ export declare class TreeView {
     handleExpandAllItemsChange(newValue: boolean): void;
     handleDisableAllItemsChange(newValue: boolean): void;
     private handleSlotRef;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     render(): any;
 }

package/dist/types/global/utils/dom-ready.d.ts

@@ -0,0 +1 @@
+export declare const waitForDOMReady: () => Promise<void>;

package/dist/types/global/utils/framework-detection.d.ts

@@ -1 +1 @@
-export declare const detectFramework: () => string;
+export declare const detectFramework: () => Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "37.4.1--canary.1962.608bc5cf7f8c0c5180f517f39785bb29c28a5b0b.0",
+  "version": "37.4.1--canary.1962.ca34ef504bf759366898cafeafe50789576769f6.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",

package/dist/cjs/framework-detection-a322fb59.js.map

@@ -1 +0,0 @@
-{"file":"framework-detection-a322fb59.js","mappings":"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","names":[],"sources":["src/global/utils/tracking.ts","src/global/utils/framework-detection.ts"],"sourcesContent":["declare global {\n  interface Window {\n    btntConfig?: any;\n    btntQueue?: any[];\n    btnt?: (data: object) => void;\n  }\n}\n\nconst isTestEnvironment = typeof process !== 'undefined' &&\n  process.env &&\n  process.env.NODE_ENV === 'test';\n\nfunction initializeTracking() {\n  if (isTestEnvironment) {\n    if (!window.btnt) { \n      window.btnt = () => { };\n    }\n    return;\n  }\n\n  (function (t, r, _kk, n, pp) {\n    if (typeof window.btntConfig !== \"object\") {\n      window.btntConfig = {\n        domain: \"https://ssgtm.infineon.com\",\n        withCookies: true,\n        maxBatchSize: 10\n      };\n    }\n\n    if (window[\"btnt\"]) return;\n\n    window[\"btnt\"] = function (z) {\n      if (typeof z !== \"object\") {\n        z = {};\n      }\n      if (typeof window.btntQueue !== \"object\") {\n        window.btntQueue = [];\n      }\n      window.btntQueue.push(z);\n    };\n\n    n = t.createElement(r);\n\n    // Add safety check for test environments\n    pp = t.getElementsByTagName(r)[0];\n    if (pp && pp.parentNode) {\n      n.async = 1;\n      n.src = window.btntConfig.domain + \"/btnt.js\";\n      pp.parentNode.insertBefore(n, pp);\n    }\n  })(document, \"script\");\n}\n\nexport function trackComponent(componentName: string, environment: string) {\n  const skipEnvironments = ['jest', 'localhost', 'error', 'pending'];\n  if (skipEnvironments.includes(environment)) {\n    return;\n  }\n\n  if (!window.btnt) initializeTracking();\n\n  window.btnt({\n    event_name: \"component_initialized\",\n    component_name: componentName,\n    environment: environment\n  });\n}\n\nexport default trackComponent;","let frameworkCache: string | null = null;\n\nexport const detectFramework = (): string => {\n  if (frameworkCache) return frameworkCache;\n  \n  // Check for non-browser environments\n  if (typeof window === 'undefined' || typeof document === 'undefined') {\n    frameworkCache = 'non-browser';\n    return frameworkCache;\n  }\n\n  const win = window as any;\n  const doc = document;\n\n  const isJest = typeof process !== 'undefined' && \n                 process.env && \n                 process.env.NODE_ENV === 'test';\n  if (isJest) {\n    frameworkCache = 'jest';\n    return frameworkCache;\n  }\n\n  const isStorybook = win.location.search.includes('viewMode') || \n                      win.location.href.includes('viewMode') ||\n                      win.__STORYBOOK_ENV__;\n  \n  if (isStorybook) {\n    frameworkCache = 'Storybook';\n    return frameworkCache;\n  }\n\n  const isLocalhost = ['localhost', '127.0.0.1'].includes(win.location.hostname);\n  if (isLocalhost) {\n    frameworkCache = 'localhost';\n    return frameworkCache;\n  }\n\n  // 5. Framework detection logic with timing safeguards\n  try {\n    // Universal timing-safe checks\n    const isDOMReady = document.readyState === 'complete';\n    setTimeout(() => {\n      console.log('document.readyState', document.readyState)\n    }, 5000);\n    \n    // React detection\n    if (win.React || win.ReactDOM) {\n      frameworkCache = 'React';\n      return frameworkCache;\n    }\n    \n    if(isDOMReady) { \n      // Check for React 16+ roots\n      const reactRoots = doc.querySelector('[data-reactroot], [data-reactid]');\n      if (reactRoots) {\n        frameworkCache = 'React';\n        return frameworkCache;\n      }\n      \n      // Check for React 18+ root containers\n      const rootContainers = Array.from(doc.querySelectorAll('body > div'));\n      const hasReactRoot = rootContainers.some(container => {\n        const keys = Object.keys(container);\n        return keys.some(key => key.startsWith('__reactContainer'));\n      });\n      \n      if (hasReactRoot) {\n        frameworkCache = 'React';\n        return frameworkCache;\n      }\n    }\n    \n    // Angular detection\n    if (win.ng || win.getAllAngularRootElements) {\n      frameworkCache = 'Angular';\n      return frameworkCache;\n    }\n    \n    if (isDOMReady && doc.querySelector('[ng-version], [ng-app]')) {\n      frameworkCache = 'Angular';\n      return frameworkCache;\n    }\n    \n    // Vue detection\n    if (win.Vue || win.__VUE__) {\n      frameworkCache = 'Vue';\n      return frameworkCache;\n    }\n    \n    if (isDOMReady && doc.querySelector('[data-v-app]')) {\n      frameworkCache = 'Vue';\n      return frameworkCache;\n    }\n\n    // Default to Vanilla\n    if (isDOMReady) {\n      frameworkCache = 'Vanilla';\n      return frameworkCache;\n    }\n    \n    frameworkCache = 'pending';\n    return frameworkCache;\n  } catch (e) {\n    frameworkCache = 'error';\n    return frameworkCache;\n  }\n};"],"version":3}

package/dist/components/p-05a8dcef.js.map

@@ -1 +0,0 @@
-{"file":"p-05a8dcef.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,ywBAAywB,CAAC;AAC/xB,2BAAe,YAAY;;MCSd,SAAS;IALtB;;;;QAQU,aAAQ,GAAY,KAAK,CAAC;QAE1B,YAAO,GAAW,QAAQ,CAAA;QAC1B,WAAM,GAAW,CAAC,CAAC;KAkC5B;IAhCC,YAAY;QACV,IAAI,CAAC,cAAc,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;KACrF;IAED,iBAAiB;QACf,IAAI,CAAC,YAAY,EAAE,CAAA;KACpB;IAED,gBAAgB;QACd,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;YACnC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;SAC3C;KACF;IAED,mBAAmB;QACjB,IAAI,CAAC,YAAY,EAAE,CAAA;KACpB;IAED,MAAM;QACJ,QACE,0EAAiB,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,sBAAsB,IAC3D,IAAI,CAAC,OAAO,KAAK,QAAQ;YAC1B,4DAAK,KAAK,EAAE,qBAAqB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,IAC/D,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,cAAc,CAChB,CACH,EACL,IAAI,CAAC,OAAO,KAAK,KAAK,IAAI,4DAAK,KAAK,EAAC,cAAc,GAAO,CACtD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/indicator/indicator.scss?tag=ifx-indicator&encapsulation=shadow","src/components/indicator/indicator.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.indicator__container { \n  & .dot__wrapper { \n  display: flex;\n  width: 8px;\n  height: 8px;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  background-color: tokens.$ifxColorOcean500;\n  }\n\n  & .number__container {\n  height: 16px;\n  display: inline-flex;\n  padding: 0; \n  min-width: 16px; \n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  background-color: tokens.$ifxColorOcean500;\n\n    & .number__wrapper {\n      padding: 0 4px;\n      color: tokens.$ifxColorBaseWhite;\n      text-align: center;\n      font-size: tokens.$ifxFontSizeS;\n      font-style: normal;\n      font-weight: tokens.$ifxFontWeightSemibold;\n      line-height: 16px;\n    }\n\n    &.inverted {\n      background-color: tokens.$ifxColorBaseWhite;\n\n      & .number__wrapper {\n        color: tokens.$ifxColorOcean500;\n      }\n    }\n  }\n}\n\n\n","import { Component, h, Prop, Element, State } 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-indicator',\n  styleUrl: 'indicator.scss',\n  shadow: true\n})\nexport class Indicator {\n  @Element() el;\n  @State() filteredNumber: string | number;\n  @Prop() inverted: boolean = false;\n  @Prop() ariaLabel: string | null;\n  @Prop() variant: string = 'number'\n  @Prop() number: number = 0;\n\n  handleNumber() {\n    this.filteredNumber = !isNaN(this.number) && this.number > 99 ? '99+' : this.number;\n  }\n\n  componentWillLoad() { \n    this.handleNumber()\n  }\n\n  componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-indicator', framework)\n    }\n  }\n\n  componentWillUpdate() {\n    this.handleNumber()\n  }\n\n  render() {\n    return (\n      <div aria-label={this.ariaLabel} class='indicator__container'>\n       {this.variant === 'number' && \n       <div class={`number__container ${this.inverted ? 'inverted' : \"\"}`}>\n          <div class=\"number__wrapper\">\n            {this.filteredNumber}\n          </div> \n       </div>}\n       {this.variant === 'dot' && <div class=\"dot__wrapper\"></div>}\n      </div>\n    );\n  }\n}"],"version":3}

package/dist/components/p-170317dc.js.map

@@ -1 +0,0 @@
-{"file":"p-170317dc.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,wLAAwL,CAAC;AAC9M,2BAAe,YAAY;;MCSd,SAAS;IALtB;;;;QAOU,iBAAY,GAAY,KAAK,CAAC;KA6BvC;IA3BC,gBAAgB;QACd,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;YACnC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;SAC3C;KACF;IAGD,MAAM,UAAU,CAAC,KAAkB;QACjC,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;YACzE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;gBACxB,MAAM,WAAW,GAAG,IAAmC,CAAC;gBACxD,IAAI,WAAW,KAAK,KAAK,CAAC,MAAM,KAAK,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE;oBAC5D,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;iBAC1B;aACF;SACF;KACF;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,8DAAQ,CACJ,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/accordion/accordion.scss?tag=ifx-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx"],"sourcesContent":["// ifxAccordion.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: block;\n}\n\n.accordion-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: tokens.$ifxSpace100;\n  font-family:  var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n}","import { Component, h, Listen, Element, Prop } 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-accordion',\n  styleUrl: 'accordion.scss',\n  shadow: { delegatesFocus: true },\n})\nexport class Accordion {\n  @Element() el: HTMLElement;\n  @Prop() autoCollapse: boolean = false;\n\n  componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-accordion', framework)\n    }\n  }\n\n  @Listen('ifxOpen')\n  async onItemOpen(event: CustomEvent) {\n    if (this.autoCollapse) {\n      const items = Array.from(this.el.querySelectorAll('ifx-accordion-item'));\n      for (const item of items) {\n        const itemElement = item as HTMLIfxAccordionItemElement;\n        if (itemElement !== event.target && (await itemElement.open)) {\n          itemElement.open = false;\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"accordion-wrapper\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}