@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/cjs/toast-config-D0RjnbKw.js

@@ -0,0 +1,21 @@
+'use strict';
+
+/**
+ * Copies the defined `ToastConfig` fields onto an `ifx-toast` element. Shared by the
+ * container's `addToast` and the `ifxToast` controller so the property mapping lives
+ * in one place. `undefined` fields are skipped so `update()` can patch selectively.
+ */
+function applyToastConfig(toast, config) {
+    if (config.toastId !== undefined)
+        toast.toastId = config.toastId;
+    if (config.status !== undefined)
+        toast.status = config.status;
+    if (config.message !== undefined)
+        toast.message = config.message;
+    if (config.actionText !== undefined)
+        toast.actionText = config.actionText;
+    if (config.duration !== undefined)
+        toast.duration = config.duration;
+}
+
+exports.applyToastConfig = applyToastConfig;

package/dist/cjs/tracking-BPjaTlNR.js

@@ -0,0 +1,144 @@
+'use strict';
+
+const waitForDOMReady = () => {
+    return new Promise((resolve) => {
+        if (document.readyState === "complete" ||
+            document.readyState === "interactive") {
+            resolve();
+        }
+        else {
+            const onReady = () => {
+                resolve();
+                document.removeEventListener("DOMContentLoaded", onReady);
+            };
+            document.addEventListener("DOMContentLoaded", onReady);
+        }
+    });
+};
+
+let frameworkCache = null;
+const detectFramework = async () => {
+    if (frameworkCache)
+        return frameworkCache;
+    if (typeof window === "undefined" || typeof document === "undefined") {
+        frameworkCache = "non-browser";
+        return frameworkCache;
+    }
+    const win = window;
+    const doc = document;
+    typeof process !== "undefined" &&
+        process.env &&
+        "production" === "test";
+    const isStorybook = win.location.search.includes("viewMode") ||
+        win.location.href.includes("viewMode") ||
+        win.__STORYBOOK_ENV__;
+    if (isStorybook) {
+        frameworkCache = "Storybook";
+        return frameworkCache;
+    }
+    const isLocalhost = ["localhost", "127.0.0.1"].includes(win.location.hostname);
+    if (isLocalhost) {
+        frameworkCache = "localhost";
+        return frameworkCache;
+    }
+    try {
+        if (win.React || win.ReactDOM) {
+            frameworkCache = "React";
+            return frameworkCache;
+        }
+        if (win.ng || win.getAllAngularRootElements) {
+            frameworkCache = "Angular";
+            return frameworkCache;
+        }
+        if (win.Vue || win.__VUE__) {
+            frameworkCache = "Vue";
+            return frameworkCache;
+        }
+        await waitForDOMReady();
+        const reactRoot = doc.querySelector("[data-reactroot], [data-reactid]");
+        if (reactRoot) {
+            frameworkCache = "React";
+            return frameworkCache;
+        }
+        const rootContainers = Array.from(doc.querySelectorAll("body > div"));
+        const hasReactRoot = rootContainers.some((container) => {
+            const keys = Object.keys(container);
+            return keys.some((key) => key.startsWith("__reactContainer"));
+        });
+        if (hasReactRoot) {
+            frameworkCache = "React";
+            return frameworkCache;
+        }
+        if (doc.querySelector("[ng-version], [ng-app]")) {
+            frameworkCache = "Angular";
+            return frameworkCache;
+        }
+        if (doc.querySelector("[data-v-app]")) {
+            frameworkCache = "Vue";
+            return frameworkCache;
+        }
+        frameworkCache = "Vanilla";
+        return frameworkCache;
+    }
+    catch (e) {
+        frameworkCache = "error";
+        return frameworkCache;
+    }
+};
+
+typeof process !== "undefined" &&
+    process.env &&
+    "production" === "test";
+function initializeTracking() {
+    ((t, r, _kk, n, pp) => {
+        if (typeof window.btntConfig !== "object") {
+            window.btntConfig = {
+                domain: "https://ssgtm.infineon.com",
+                withCookies: true,
+                maxBatchSize: 10,
+            };
+        }
+        if (window["btnt"])
+            return;
+        window["btnt"] = (z) => {
+            if (typeof z !== "object") {
+                z = {};
+            }
+            if (typeof window.btntQueue !== "object") {
+                window.btntQueue = [];
+            }
+            window.btntQueue.push(z);
+        };
+        n = t.createElement(r);
+        // Add safety check for test environments
+        pp = t.getElementsByTagName(r)[0];
+        if (pp && pp.parentNode) {
+            n.async = 1;
+            n.src = window.btntConfig.domain + "/btnt.js";
+            pp.parentNode.insertBefore(n, pp);
+        }
+    })(document, "script");
+}
+function trackComponent(componentName, environment) {
+    const skipEnvironments = ["jest", "localhost", "error"];
+    if (skipEnvironments.includes(environment)) {
+        return;
+    }
+    if (!window.INFINEON_TRACKED_COMPONENTS) {
+        window.INFINEON_TRACKED_COMPONENTS = new Set();
+    }
+    if (window.INFINEON_TRACKED_COMPONENTS.has(componentName)) {
+        return;
+    }
+    window.INFINEON_TRACKED_COMPONENTS.add(componentName);
+    if (!window.btnt)
+        initializeTracking();
+    window.btnt({
+        event_name: "component_initialized",
+        component_name: componentName,
+        environment: environment,
+    });
+}
+
+exports.detectFramework = detectFramework;
+exports.trackComponent = trackComponent;

package/dist/cjs/url-utils-CPE59br4.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const DUMMY_BASE_URL = "https://example.com/";
+const BLOCKED_PROTOCOLS = new Set(["javascript:", "vbscript:"]);
+function sanitizeHref(href) {
+    if (href === undefined) {
+        return undefined;
+    }
+    try {
+        const protocol = new URL(href, DUMMY_BASE_URL).protocol;
+        return BLOCKED_PROTOCOLS.has(protocol) ? undefined : href;
+    }
+    catch {
+        return href;
+    }
+}
+
+exports.sanitizeHref = sanitizeHref;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,105 @@
+{
+  "entries": [
+    "components/action-list/action-list-item.js",
+    "components/content-switcher/content-switcher.js",
+    "components/dropdown/dropdown.js",
+    "components/notification/notification.js",
+    "components/search-field/search-field.js",
+    "components/select/single-select/select.js",
+    "components/toast/toast.js",
+    "components/toast/toast-container/toast-container.js",
+    "components/tree-view/tree-view-item.js",
+    "components/accordion/accordion.js",
+    "components/accordion/accordionItem.js",
+    "components/action-list/action-list.js",
+    "components/ai-label/ai-label.js",
+    "components/alert/alert.js",
+    "components/breadcrumb/breadcrumb-item-label.js",
+    "components/breadcrumb/breadcrumb-item.js",
+    "components/dropdown/dropdown-item/dropdown-item.js",
+    "components/dropdown/dropdown-menu/dropdown-menu.js",
+    "components/breadcrumb/breadcrumb.js",
+    "components/button/button.js",
+    "components/card/card.js",
+    "components/card/card-image/card-image.js",
+    "components/card/card-headline/card-headline.js",
+    "components/card/card-links/card-links.js",
+    "components/card/card-overline/card-overline.js",
+    "components/card/card-text/card-text.js",
+    "components/checkbox/checkbox.js",
+    "components/checkbox-group/checkbox-group.js",
+    "components/chip/chip.js",
+    "components/chip/chip-item/chip-item.js",
+    "components/content-switcher/content-switcher-item.js",
+    "components/counter/counter.js",
+    "components/date-picker/date-picker.js",
+    "components/download/download.js",
+    "components/dropdown/dropdown-header/dropdown-header.js",
+    "components/dropdown/dropdown-seperator/dropdown-separator.js",
+    "components/dropdown/dropdown-trigger/dropdown-trigger.js",
+    "components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js",
+    "components/error-page/error-page.js",
+    "components/file-upload/file-upload.js",
+    "components/footer/footer-column.js",
+    "components/footer/footer.js",
+    "components/icon/icon.js",
+    "components/icon-button/icon-button.js",
+    "components/icons-preview/icons-preview.js",
+    "components/indicator/indicator.js",
+    "components/link/link.js",
+    "components/modal/modal.js",
+    "components/navigation/navbar/navbar-item.js",
+    "components/navigation/navbar/navbar-profile.js",
+    "components/navigation/navbar/navbar.js",
+    "components/navigation/sidebar/sidebar-item.js",
+    "components/navigation/sidebar/sidebar-title.js",
+    "components/navigation/sidebar/sidebar.js",
+    "components/navigation/sidebar/sidebar-seperator/sidebar-separator.js",
+    "components/overview-table/overview-table.js",
+    "components/pagination/pagination.js",
+    "components/popover/popover.js",
+    "components/progress-bar/progress-bar.js",
+    "components/radio-button/radio-button.js",
+    "components/radio-button-group/radio-button-group.js",
+    "components/search-bar/search-bar.js",
+    "components/segmented-control/segmented-control.js",
+    "components/segmented-control/segment/segment.js",
+    "components/select/multi-select/multiselect-group.js",
+    "components/select/multi-select/multiselect-option.js",
+    "components/select/multi-select/multiselect.js",
+    "components/select/single-select/select-group.js",
+    "components/select/single-select/select-option.js",
+    "components/slider/slider.js",
+    "components/spinner/spinner.js",
+    "components/status/status.js",
+    "components/stepper/stepper.js",
+    "components/stepper/step/step.js",
+    "components/switch/switch.js",
+    "components/table-advanced-version/table.js",
+    "components/table-advanced-version/filter-bar/filter-bar.js",
+    "components/table-advanced-version/filter-type-group/filter-type-group.js",
+    "components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js",
+    "components/table-advanced-version/filter-type-group/filter-search/filter-search.js",
+    "components/table-advanced-version/list/list.js",
+    "components/table-advanced-version/list/list-entry/list-entry.js",
+    "components/table-advanced-version/set-filter/setFilter.js",
+    "components/table-basic-version/table.js",
+    "components/tabs/tab.js",
+    "components/tabs/tabs.js",
+    "components/templates/template/template.js",
+    "components/templates/templates-ui/templates-ui.js",
+    "components/text-field/text-field.js",
+    "components/textarea/textarea.js",
+    "components/tooltip/tooltip.js",
+    "components/tree-view/tree-view.js"
+  ],
+  "mixins": [],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.45.0",
+    "typescriptVersion": "5.8.3"
+  },
+  "collections": [],
+  "bundles": [],
+  "global": "global/setup.js"
+}

package/dist/collection/components/accordion/accordion.css

@@ -0,0 +1,10 @@
+:host {
+  display: block;
+}
+
+.accordion-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  font-family: var(--ifx-font-family);
+}

package/dist/collection/components/accordion/accordion.js

@@ -0,0 +1,76 @@
+import { h } from "@stencil/core";
+import { isNestedInIfxComponent } from "../../shared/utils/dom-utils";
+import { detectFramework } from "../../shared/utils/framework-detection";
+import { trackComponent } from "../../shared/utils/tracking";
+export class Accordion {
+    el;
+    /** Collapse the other items when one item is opened. */
+    autoCollapse = false;
+    async componentDidLoad() {
+        if (!isNestedInIfxComponent(this.el)) {
+            const framework = detectFramework();
+            trackComponent("ifx-accordion", await framework);
+        }
+    }
+    async onItemOpen(event) {
+        if (this.autoCollapse) {
+            const items = Array.from(this.el.querySelectorAll("ifx-accordion-item"));
+            for (const item of items) {
+                const itemElement = item;
+                if (itemElement !== event.target && (await itemElement.open)) {
+                    itemElement.open = false;
+                }
+            }
+        }
+    }
+    render() {
+        return (h("div", { key: 'dfb7118cfc0ecf92a71bc44c7ee56cd40ca7c110', class: "accordion-wrapper" }, h("slot", { key: '3bc3e63057c932cf335b6e82716548c81ce36984' })));
+    }
+    static get is() { return "ifx-accordion"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["accordion.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["accordion.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "autoCollapse": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Collapse the other items when one item is opened."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "auto-collapse",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "ifxOpen",
+                "method": "onItemOpen",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/accordion/accordionItem.css

@@ -0,0 +1,128 @@
+.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;
+  overflow: hidden;
+  height: 0;
+  transition: height 0.3s ease;
+  line-height: 24px;
+  font-size: 1rem;
+  font-weight: 400;
+}
+
+.inner-content {
+  background-color: #ffffff;
+  padding: 16px;
+  word-wrap: break-word;
+  overflow-wrap: anywhere;
+  align-self: stretch;
+  margin: 0 4px 4px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.accordion-icon {
+  font-weight: bold;
+  display: flex;
+  transition: transform 0.3s;
+}
+.accordion-icon:hover {
+  color: #08665c;
+}
+
+.accordion-item.open .accordion-content {
+  max-height: auto;
+}
+
+.accordion-item.open .accordion-icon {
+  transform: rotate(-180deg);
+}
+
+.accordion-item.open .inner-content {
+  border-color: #eeeded;
+  border-top-color: transparent;
+  transition: border-color 0s;
+}
+
+.accordion-item:not(.open) .inner-content {
+  transition: border-color 0s 0.3s;
+}
+
+.inner-content.no-content {
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+
+.accordion-icon .with-icon {
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.no-icon {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-direction: row;
+}
+
+.icon-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-direction: row-reverse;
+  width: 100%;
+  gap: 12px;
+  justify-content: space-between;
+}
+
+.icon-wrapper-caption {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 12px;
+}