@infineon/infineon-design-system-stencil 40.0.0--canary.2100.19856982753.0 → 40.0.0--canary.2100.19891420459.0

package/readme.md

@@ -1,111 +1,229 @@
-[![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com)
+[![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsdXN0cmF0b3IgMTkuMi4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0%2BCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDM3My45YzAsMzcuNi01NS4xLDY4LjYtOTIuNyw2OC42SDE4MC40Yy0zNy45LDAtOTIuNy0zMC43LTkyLjctNjguNnYtMy42aDMzNi45VjM3My45eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMjkyLjFIMTgwLjRjLTM3LjYsMC05Mi43LTMxLTkyLjctNjguNnYtMy42SDMzMmMzNy42LDAsOTIuNywzMSw5Mi43LDY4LjZWMjkyLjF6Ii8%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywxNDEuN0g4Ny43di0zLjZjMC0zNy42LDU0LjgtNjguNiw5Mi43LTY4LjZIMzMyYzM3LjksMCw5Mi43LDMwLjcsOTIuNyw2OC42VjE0MS43eiIvPgo8L3N2Zz4K&colorA=16161d&style=flat-square)](https://stenciljs.com)
+[![npm version](https://img.shields.io/npm/v/@infineon/infineon-design-system-stencil?style=flat-square)](https://www.npmjs.com/package/@infineon/infineon-design-system-stencil)
+[![npm downloads](https://img.shields.io/npm/dm/@infineon/infineon-design-system-stencil?style=flat-square)](https://www.npmjs.com/package/@infineon/infineon-design-system-stencil)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://github.com/Infineon/infineon-design-system-stencil/blob/master/LICENSE)
 
-# Stencil Component Starter
+# Infineon Design System
 
-> This is a starter project for building a standalone Web Components using Stencil.
+> 45+ production-ready web components built with Stencil. Framework-agnostic components that work everywhere: Vanilla JS, React, Angular, Vue, and more.
 
-Stencil is a compiler for building fast web apps using Web Components.
+**[📚 View Live Storybook](https://infineon.github.io/infineon-design-system-stencil/)** | **[🎯 Example Apps](https://github.com/Infineon/infineon-design-system-stencil/tree/master/examples)** | **[📖 Full Documentation](https://github.com/Infineon/infineon-design-system-stencil)**
 
-Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than runtime tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements specification.
+## ✨ Features
 
-Stencil components are just Web Components, so they work in any major framework or with no framework at all.
+- ✅ **45+ Production-Ready Components** - Buttons, forms, tables, modals, navigation, and more
+- ✅ **Framework Agnostic** - Works with React, Angular, Vue, or vanilla JavaScript
+- ✅ **TypeScript Support** - Full type definitions included
+- ✅ **Accessible** - WCAG 2.1 compliant components
+- ✅ **Themeable** - Customizable with CSS custom properties
+- ✅ **Tree-Shakeable** - Import only what you need
+- ✅ **CDN Ready** - Use directly from unpkg with zero build setup
 
-## Getting Started
+<details>
+<summary><strong>📦 View All Components</strong></summary>
 
-To start building a new web component using Stencil, clone this repo to a new directory:
+### Layout & Navigation
+Accordion • Breadcrumb • Footer • Navigation • Tabs • Tree View
+
+### Forms & Input
+Button • Icon Button • Checkbox • Radio Button • Text Field • Textarea • Select • Dropdown • Switch • Slider • Search Bar • Search Field • Date Picker • File Upload
+
+### Data Display
+Table • Advanced Table • Overview Table • Card • Status • Indicator • Progress Bar • Chip • Tooltip
+
+### Feedback & Messaging
+Alert • Modal • Notification • Spinner
+
+### Actions & Controls
+Action List • Content Switcher • Segmented Control • Stepper • Pagination
+
+</details>
+
+## 🚀 Installation
 
 ```bash
-git clone https://github.com/stenciljs/component-starter.git my-component
-cd my-component
-git remote rm origin
+npm install @infineon/infineon-design-system-stencil
+```
+
+## 📖 Usage
+
+### Vanilla JavaScript / HTML
+
+**Option 1: CDN (Easiest)**
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <script type="module" src="https://unpkg.com/@infineon/infineon-design-system-stencil"></script>
+  <link rel="stylesheet" href="https://unpkg.com/@infineon/infineon-design-system-stencil/styles.css">
+</head>
+<body>
+  <ifx-button variant="primary">Click Me</ifx-button>
+  <ifx-switch checked></ifx-switch>
+  <ifx-text-field label="Email" type="email"></ifx-text-field>
+</body>
+</html>
+```
+
+**Option 2: NPM with Bundler (Tree-Shakeable)**
+
+```javascript
+// Import only the components you need
+import '@infineon/infineon-design-system-stencil/dist/components/ifx-button';
+import '@infineon/infineon-design-system-stencil/dist/components/ifx-switch';
 ```
 
-and run:
+### React
 
 ```bash
-npm install
-npm start
+npm install @infineon/infineon-design-system-react
 ```
 
-To build the component for production, run:
+```jsx
+import { IfxButton, IfxSwitch } from '@infineon/infineon-design-system-react';
+
+function App() {
+  return (
+    <>
+      <IfxButton variant="primary" onIfxClick={() => console.log('clicked')}>
+        Click Me
+      </IfxButton>
+      <IfxSwitch checked />
+    </>
+  );
+}
+```
+
+### Angular
 
 ```bash
-npm run build
+npm install @infineon/infineon-design-system-angular
+```
+
+```typescript
+// app.module.ts
+import { IfxComponentsModule } from '@infineon/infineon-design-system-angular';
+
+@NgModule({
+  imports: [IfxComponentsModule]
+})
+export class AppModule {}
+```
+
+```html
+<!-- app.component.html -->
+<ifx-button variant="primary" (ifxClick)="handleClick()">Click Me</ifx-button>
+<ifx-switch [checked]="true"></ifx-switch>
 ```
 
-To run the unit tests for the components, run:
+### Vue
 
 ```bash
-npm test
+npm install @infineon/infineon-design-system-vue
 ```
 
-Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).
+```javascript
+// main.js
+import { ComponentLibrary } from '@infineon/infineon-design-system-vue';
 
-## Naming Components
+app.use(ComponentLibrary);
+```
 
-When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!
+```vue
+<template>
+  <ifx-button variant="primary" @ifxClick="handleClick">Click Me</ifx-button>
+  <ifx-switch :checked="true" />
+</template>
+```
 
-Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the [Ionic-generated](https://ionicframework.com/) web components use the prefix `ion`.
+## 🎨 Theming
 
-## Using this component
+Customize components using CSS custom properties:
 
-There are two strategies we recommend for using web components built with Stencil.
+```css
+ifx-button {
+  --ifx-button-primary-background: #006699;
+  --ifx-button-primary-color: #ffffff;
+}
+```
 
-The first step for all two of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages).
+All design tokens are provided by `@infineon/design-system-tokens`.
 
-You can read more about these different approaches in the [Stencil docs](https://stenciljs.com/docs/publishing).
+## 📖 TypeScript Support
 
-### Lazy Loading
+Full TypeScript definitions are included:
 
-If your Stencil project is built with the [`dist`](https://stenciljs.com/docs/distribution) output target, you can import a small bootstrap script that registers all components and allows you to load individual component scripts lazily.
+```typescript
+import type { Components } from '@infineon/infineon-design-system-stencil';
 
-For example, given your Stencil project namespace is called `my-design-system`, to use `my-component` on any website, inject this into your HTML:
+// Get component interface
+type ButtonProps = Components.IfxButton;
 
-```html
-<script type="module" src="https://unpkg.com/my-design-system"></script>
-<!--
-To avoid unpkg.com redirects to the actual file, you can also directly import:
-https://unpkg.com/foobar-design-system@0.0.1/dist/foobar-design-system/foobar-design-system.esm.js
--->
-<my-component first="Stencil" middle="'Don't call me a framework'" last="JS"></my-component>
+const buttonConfig: Partial<ButtonProps> = {
+  variant: 'primary',
+  disabled: false,
+  size: 'medium'
+};
 ```
 
-This will only load the necessary scripts needed to render `<my-component />`. Once more components of this package are used, they will automatically be loaded lazily.
+## 🤝 Contributing
 
-You can also import the script as part of your `node_modules` in your applications entry file:
+We welcome contributions! Please see the main [Contributing Guide](../../CONTRIBUTING.md) for:
 
-```tsx
-import 'foobar-design-system/dist/foobar-design-system/foobar-design-system.esm.js';
-```
+- Development setup
+- Code standards
+- Component creation guidelines
+- Pull request process
 
-Check out this [Live Demo](https://stackblitz.com/edit/vitejs-vite-y6v26a?file=src%2Fmain.tsx).
+## 📄 License
 
-### Standalone
+MIT License - see [LICENSE](../../LICENSE) file for details.
 
-If you are using a Stencil component library with `dist-custom-elements`, we recommend importing Stencil components individually in those files where they are needed.
+## 🔗 Links
 
-To export Stencil components as standalone components make sure you have the [`dist-custom-elements`](https://stenciljs.com/docs/custom-elements) output target defined in your `stencil.config.ts`.
+- [GitHub Repository](https://github.com/Infineon/infineon-design-system-stencil)
+- [npm Package](https://www.npmjs.com/package/@infineon/infineon-design-system-stencil)
+- [Storybook Documentation](https://infineon.github.io/infineon-design-system-stencil/)
+- [Issue Tracker](https://github.com/Infineon/infineon-design-system-stencil/issues)
+- [Stencil Documentation](https://stenciljs.com/)
 
-For example, given you'd like to use `<my-component />` as part of a React component, you can import the component directly via:
+## 📞 Support
 
-```tsx
-import 'foobar-design-system/my-component';
+- **Email**: dds@infineon.com
+- **Issues**: [GitHub Issues](https://github.com/Infineon/infineon-design-system-stencil/issues)## 📖 TypeScript
 
-function App() {
-  return (
-    <>
-      <div>
-        <my-component
-          first="Stencil"
-          middle="'Don't call me a framework'"
-          last="JS"
-        ></my-component>
-      </div>
-    </>
-  );
-}
+Full TypeScript definitions included:
+
+```typescript
+import type { Components } from '@infineon/infineon-design-system-stencil';
 
-export default App;
+type ButtonProps = Components.IfxButton;
 ```
 
-Check out this [Live Demo](https://stackblitz.com/edit/vitejs-vite-b6zuds?file=src%2FApp.tsx).
+## 📚 Resources
+
+- **[Live Storybook →](https://infineon.github.io/infineon-design-system-stencil/)** - Interactive component playground
+- **[GitHub Repository →](https://github.com/Infineon/infineon-design-system-stencil)** - Source code & documentation
+- **[Example Apps →](https://github.com/Infineon/infineon-design-system-stencil/tree/master/examples)** - React, Angular, Vue examples
+- **[Contributing Guide →](https://github.com/Infineon/infineon-design-system-stencil/blob/master/CONTRIBUTING.md)** - How to contribute
+
+## 🌐 Browser Support
+
+- Chrome (latest)
+- Firefox (latest)
+- Safari (latest)
+- Edge (latest)
+
+## 🤝 Contributing
+
+Contributions welcome! See our [Contributing Guide](https://github.com/Infineon/infineon-design-system-stencil/blob/master/CONTRIBUTING.md).
+
+## 📄 License
+
+MIT - see [LICENSE](https://github.com/Infineon/infineon-design-system-stencil/blob/master/LICENSE)
+
+## 📞 Support
+
+- **Email**: dds@infineon.com
+- **Issues**: [GitHub Issues](https://github.com/Infineon/infineon-design-system-stencil/issues)

package/dist/collection/stories/setup-and-installation/faq/faq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"faq.js","sourceRoot":"","sources":["../../../../src/stories/setup-and-installation/faq/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,GAAG;IACf,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,WAAW;YACrB;gBACC,2EAAoB,OAAO,EAAC,2BAA2B,0dASlC;gBACrB,2EAAoB,OAAO,EAAC,iCAAiC,oNAKxC;gBACrB,2EAAoB,OAAO,EAAC,mDAAmD,kVAM1D;gBACrB,2EAAoB,OAAO,EAAC,yCAAyC,gUAMhD;gBACrB,2EAAoB,OAAO,EAAC,iCAAiC,0PAKxC,CACN,CACX,CACN,CAAC;IACH,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h } from \"@stencil/core\";\n\n@Component({\n\ttag: \"ifx-faq\",\n\tstyleUrl: \"./faq.scss\",\n\tshadow: true,\n})\nexport class Faq {\n\trender() {\n\t\treturn (\n\t\t\t<div class=\"container\">\n\t\t\t\t<ifx-accordion>\n\t\t\t\t\t<ifx-accordion-item caption=\"What is the Infineon DDS?\">\n\t\t\t\t\t\tThe Infineon Digital Design System consists of code components,\n\t\t\t\t\t\tdesign principles, tools and guidelines as well as a dedicated\n\t\t\t\t\t\tinterdisciplinary team. Its purpose is to support internal and\n\t\t\t\t\t\texternal colleagues create digital user interfaces with a high level\n\t\t\t\t\t\tof usability as well as a consistent expression of the Infineon\n\t\t\t\t\t\tbrand. The DDS does not focus on the content of a web application\n\t\t\t\t\t\tbut it describes how the design of the application’s structure\n\t\t\t\t\t\tshould be.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"How do I get access to the DDS?\">\n\t\t\t\t\t\tYou can use the provided Figma file as a foundation for mockups and\n\t\t\t\t\t\tprototypes, use Storybook to view what UI components and variants\n\t\t\t\t\t\tare available and use code components provided via Storybook or\n\t\t\t\t\t\tGithub.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"Can I integrate the Infineon DDS into my project?\">\n\t\t\t\t\t\tYes, you can. We are happy to discuss with you which point in time\n\t\t\t\t\t\tand which scope of integration is bestsuited for updating your\n\t\t\t\t\t\tinterface to the Infineon DDS. (To avoid that users get confused by\n\t\t\t\t\t\ta mixture of UI components, we recommend choosing larger updates or\n\t\t\t\t\t\ttechnology changes as opportunity to integrate the Infineon DDS.)\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"Are Infineon DDS components accessable?\">\n\t\t\t\t\t\tWe have taken WCAG 2.0 Level AA as baseline level for all design\n\t\t\t\t\t\tdecisions inside the Infineon Digital Design System. To make an\n\t\t\t\t\t\tonline experience truly accessible you have to implement the\n\t\t\t\t\t\tspecific code, content, and visual design according to the\n\t\t\t\t\t\taccessibility standard. Find an introduction to this topic here.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"How to request a new component?\">\n\t\t\t\t\t\tPlease contact us like described in the contribution section! We are\n\t\t\t\t\t\tplanning to expand the number of components continually. If your\n\t\t\t\t\t\tcomponent is also usable for multiple other projects, there is a\n\t\t\t\t\t\tgood chance we might work together with you.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t</ifx-accordion>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/components/p-D0qbTJic.js.map

@@ -1 +0,0 @@
-{"file":"p-D0qbTJic.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/accordion/accordionItem.scss?tag=ifx-accordion-item&encapsulation=shadow","src/components/accordion/accordionItem.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n\n.accordion-item {\n  border-radius: 3px;\n  transition: all 0.3s;\n  font-family: var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n\n}\n\n.accordion-title:focus {\n  outline: none;\n}\n\n// workaround to add corner radius to outline\n.accordion-title:focus::after {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -4px;\n  bottom: -4px;\n  left: -4px;\n  right: -4px;\n  border-radius: 5px;\n  border: 2px solid tokens.$ifxColorOcean500;\n  box-sizing: border-box;\n}\n\n.accordion-title:hover {\n  border: 1px solid tokens.$ifxColorEngineering200;\n  color: tokens.$ifxColorOcean600;\n}\n\n.accordion-title {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n  gap: tokens.$ifxSpace150;\n  color: tokens.$ifxColorOcean500;\n  background-color: tokens.$ifxColorBaseWhite;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  cursor: pointer;\n  margin: 4px;\n}\n\n.accordion-caption {\n  font-weight: tokens.$ifxFontWeightSemibold;\n  font-size: tokens.$ifxFontSizeL;\n}\n\n.accordion-content {\n  gap: tokens.$ifxSpace100;\n  //transition: max-height 0.3s ease-in-out;\n  line-height: 24px;\n  font-size: tokens.$ifxFontSizeM;\n  font-weight: 400;\n}\n\n.inner-content {\n  background-color: tokens.$ifxColorBaseWhite;\n  padding: tokens.$ifxSpace300;\n  // white-space: pre-wrap;\n  /* wraps text at spaces and within words */\n  word-wrap: break-word;\n  /* breaks text within a word if necessary */\n  overflow-wrap: anywhere;\n  align-self: stretch;\n\n  /* breaks text at arbitrary points when needed */\n}\n\n.accordion-icon {\n  font-weight: bold;\n  display: flex;\n  transition: transform 0.3s;\n\n  &:hover {\n    color: tokens.$ifxColorOcean600;\n\n  }\n}\n\n\n\n.accordion-item.open .accordion-icon {\n  transform: rotate(-180deg);\n}","//ifxAccordionItem\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\ttype EventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\";\n\n@Component({\n\ttag: \"ifx-accordion-item\",\n\tstyleUrl: \"accordionItem.scss\",\n\tshadow: true,\n})\nexport class AccordionItem {\n\t@Element() el;\n\t@Prop() caption: string;\n\t@Prop({\n\t\tmutable: true,\n\t})\n\topen: boolean = false;\n\t@Prop() AriaLevel = 3;\n\t@State() internalOpen: boolean = false;\n\t@Event() ifxOpen: EventEmitter;\n\t@Event() ifxClose: EventEmitter;\n\tprivate contentEl!: HTMLElement;\n\tprivate titleEl!: HTMLElement;\n\tprivate resizeObserver!: ResizeObserver;\n\n\tcomponentWillLoad() {\n\t\tthis.internalOpen = this.open;\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.checkSlotContent();\n\t\tthis.openAccordionItem();\n\t\tthis.contentEl = this.el.shadowRoot.querySelector(\"#accordion-content\");\n\t\tif (this.contentEl) {\n\t\t\tthis.attachResizeObserver();\n\t\t}\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.checkSlotContent();\n\t\tthis.openAccordionItem();\n\t}\n\n\t@Watch(\"open\")\n\topenChanged(newValue: boolean) {\n\t\tthis.internalOpen = newValue;\n\t}\n\n\ttoggleOpen() {\n\t\tthis.internalOpen = !this.internalOpen;\n\t\tthis.open = this.internalOpen;\n\n\t\tif (this.internalOpen) {\n\t\t\tthis.ifxOpen.emit({ isOpen: this.internalOpen });\n\t\t} else {\n\t\t\tthis.ifxClose.emit({ isClosed: !this.internalOpen });\n\t\t}\n\t}\n\n\topenAccordionItem() {\n\t\tif (this.contentEl) {\n\t\t\tif (this.internalOpen) {\n\t\t\t\tthis.contentEl.style.height = \"auto\";\n\t\t\t\tconst updatedHeight = this.contentEl.scrollHeight;\n\t\t\t\tthis.contentEl.style.height = `${updatedHeight}px`;\n\t\t\t\tthis.contentEl.style.overflow = \"visible\";\n\t\t\t} else {\n\t\t\t\tthis.contentEl.style.height = \"0\";\n\t\t\t\tthis.contentEl.style.overflow = \"hidden\";\n\t\t\t}\n\t\t}\n\t}\n\n\tgetInnerContentWrapper() {\n\t\tconst innerContentEl = this.el.shadowRoot.querySelector(\".inner-content\");\n\t\treturn innerContentEl;\n\t}\n\n\tattachResizeObserver() {\n\t\tconst innerContentEl = this.getInnerContentWrapper();\n\n\t\tif (innerContentEl) {\n\t\t\tthis.resizeObserver = new ResizeObserver(() => {\n\t\t\t\tif (this.internalOpen) {\n\t\t\t\t\tthis.openAccordionItem();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.resizeObserver.observe(innerContentEl);\n\t\t}\n\t}\n\n\t@Listen(\"keydown\")\n\thandleKeydown(ev: KeyboardEvent) {\n\t\tconst path = ev.composedPath();\n\n\t\tif (!path.includes(this.titleEl)) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch (ev.key) {\n\t\t\tcase \"Enter\": // fallthrough\n\t\t\tcase \" \": // space\n\t\t\t\tev.preventDefault();\n\t\t\t\tthis.toggleOpen();\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tcheckSlotContent() {\n\t\tconst slot = this.el.shadowRoot.querySelector(\"slot\") as HTMLSlotElement;\n\t\tconst hasContent = slot.assignedNodes().length > 0;\n\t\tconst innerContent = this.getInnerContentWrapper();\n\t\tif (!hasContent) {\n\t\t\tinnerContent.classList.add(\"no-content\");\n\t\t} else if (innerContent.classList.contains(\"no-content\")) {\n\t\t\tinnerContent.classList.remove(\"no-content\");\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={`accordion-item ${this.internalOpen ? \"open\" : \"\"}`}>\n\t\t\t\t<div\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\taria-expanded={this.internalOpen}\n\t\t\t\t\taria-controls=\"accordion-content\"\n\t\t\t\t\tclass=\"accordion-title\"\n\t\t\t\t\tonClick={() => this.toggleOpen()}\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\tref={(el) => (this.titleEl = el as HTMLElement)}\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\trole=\"heading\"\n\t\t\t\t\t\taria-level={String(this.AriaLevel) as string}\n\t\t\t\t\t\tclass=\"accordion-icon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ifx-icon icon=\"chevron-down-16\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span id=\"accordion-caption\" class=\"accordion-caption\">\n\t\t\t\t\t\t{this.caption}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tid=\"accordion-content\"\n\t\t\t\t\tclass=\"accordion-content\"\n\t\t\t\t\tref={(el) => (this.contentEl = el as HTMLElement)}\n\t\t\t\t\trole=\"region\"\n\t\t\t\t\taria-labelledby=\"accordion-caption\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"inner-content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/infineon-design-system-stencil/p-95cd4e29.entry.js

@@ -1,2 +0,0 @@
-import{r as t,a as o,h as i,c as e}from"./p-gnEgSsOI.js";import{i as n}from"./p-CtINY9El.js";import{d as c,t as s}from"./p-DNHOWgWh.js";const a=":host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}";const r=class{constructor(o){t(this,o)}get el(){return o(this)}autoCollapse=false;async componentDidLoad(){if(!n(this.el)){const t=c();s("ifx-accordion",await t)}}async onItemOpen(t){if(this.autoCollapse){const o=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const i of o){const o=i;if(o!==t.target&&await o.open){o.open=false}}}}render(){return i("div",{key:"d58ecb8cc8115a73494ff566396817215358ce1b",class:"accordion-wrapper"},i("slot",{key:"b6d78a277100955d35240fae3e9f87fd9c539fa5"}))}static get delegatesFocus(){return true}};r.style=a;const d='.accordion-item{border-radius:3px;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:"";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:flex;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}';const l=class{constructor(o){t(this,o);this.ifxOpen=e(this,"ifxOpen",7);this.ifxClose=e(this,"ifxClose",7)}get el(){return o(this)}caption;open=false;AriaLevel=3;internalOpen=false;ifxOpen;ifxClose;contentEl;titleEl;resizeObserver;componentWillLoad(){this.internalOpen=this.open}componentDidLoad(){this.checkSlotContent();this.openAccordionItem();this.contentEl=this.el.shadowRoot.querySelector("#accordion-content");if(this.contentEl){this.attachResizeObserver()}}componentDidUpdate(){this.checkSlotContent();this.openAccordionItem()}openChanged(t){this.internalOpen=t}toggleOpen(){this.internalOpen=!this.internalOpen;this.open=this.internalOpen;if(this.internalOpen){this.ifxOpen.emit({isOpen:this.internalOpen})}else{this.ifxClose.emit({isClosed:!this.internalOpen})}}openAccordionItem(){if(this.contentEl){if(this.internalOpen){this.contentEl.style.height="auto";const t=this.contentEl.scrollHeight;this.contentEl.style.height=`${t}px`;this.contentEl.style.overflow="visible"}else{this.contentEl.style.height="0";this.contentEl.style.overflow="hidden"}}}getInnerContentWrapper(){const t=this.el.shadowRoot.querySelector(".inner-content");return t}attachResizeObserver(){const t=this.getInnerContentWrapper();if(t){this.resizeObserver=new ResizeObserver((()=>{if(this.internalOpen){this.openAccordionItem()}}));this.resizeObserver.observe(t)}}handleKeydown(t){const o=t.composedPath();if(!o.includes(this.titleEl)){return}switch(t.key){case"Enter":case" ":t.preventDefault();this.toggleOpen();break}}checkSlotContent(){const t=this.el.shadowRoot.querySelector("slot");const o=t.assignedNodes().length>0;const i=this.getInnerContentWrapper();if(!o){i.classList.add("no-content")}else if(i.classList.contains("no-content")){i.classList.remove("no-content")}}render(){return i("div",{key:"58704416f5bcf07fad9047c88df2011a71a70e75",class:`accordion-item ${this.internalOpen?"open":""}`},i("div",{key:"dcc4831b189f092368972441dd45a9e04303a53a",role:"button","aria-expanded":this.internalOpen,"aria-controls":"accordion-content",class:"accordion-title",onClick:()=>this.toggleOpen(),tabindex:"0",ref:t=>this.titleEl=t},i("span",{key:"86e100fbb2279015607bcbdbc30325fcd13e6a03","aria-hidden":"true",role:"heading","aria-level":String(this.AriaLevel),class:"accordion-icon"},i("ifx-icon",{key:"1371ba89bdd40fb45c5cb620dd70fa8146c8c49f",icon:"chevron-down-16"})),i("span",{key:"7581c128f268eff6603497741bce8481c37408a5",id:"accordion-caption",class:"accordion-caption"},this.caption)),i("div",{key:"7aa495b5787dc4f0df7db0ad68591c0b672f26d2",id:"accordion-content",class:"accordion-content",ref:t=>this.contentEl=t,role:"region","aria-labelledby":"accordion-caption"},i("div",{key:"b90ca4e27c08b9a98ed92c03324c254e1f08260a",class:"inner-content"},i("slot",{key:"133d9fb46f7db4913d975c93a880738897d91a0c"}))))}static get watchers(){return{open:["openChanged"]}}};l.style=d;export{r as ifx_accordion,l as ifx_accordion_item};
-//# sourceMappingURL=p-95cd4e29.entry.js.map

package/dist/infineon-design-system-stencil/p-95cd4e29.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","getElement","h","createEvent","isNestedInIfxComponent","detectFramework","trackComponent","accordionCss","Accordion","constructor","hostRef","this","el","autoCollapse","componentDidLoad","framework","onItemOpen","event","items","Array","from","querySelectorAll","item","itemElement","target","open","render","key","class","delegatesFocus","style","accordionItemCss","AccordionItem","ifxOpen","ifxClose","caption","AriaLevel","internalOpen","contentEl","titleEl","resizeObserver","componentWillLoad","checkSlotContent","openAccordionItem","shadowRoot","querySelector","attachResizeObserver","componentDidUpdate","openChanged","newValue","toggleOpen","emit","isOpen","isClosed","height","updatedHeight","scrollHeight","overflow","getInnerContentWrapper","innerContentEl","ResizeObserver","observe","handleKeydown","ev","path","composedPath","includes","preventDefault","slot","hasContent","assignedNodes","length","innerContent","classList","add","contains","remove","role","onClick","tabindex","ref","String","icon","id","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}