@infineon/design-system 0.0.0-stage → 41.11.0

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

@@ -0,0 +1,58 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+var domUtils = require('./dom-utils-BdvOgC2b.js');
+var tracking = require('./tracking-BPjaTlNR.js');
+
+const notificationCss = () => `.ifx-notification__wrapper{display:flex;flex-direction:row;align-items:center;padding:8px 16px;background-color:#ffffff;font-family:var(--ifx-font-family);color:#1d1d1d;border:1px solid #eeeded}.ifx-notification__wrapper .close-icon-wrapper{align-self:flex-start}.ifx-notification__wrapper.ifx-notification__wrapper--success{border-left:4px solid #4ca460}.ifx-notification__wrapper.ifx-notification__wrapper--success .ifx-notification__icon{color:#4ca460}.ifx-notification__wrapper.ifx-notification__wrapper--locked{border-left:4px solid #e16b25}.ifx-notification__wrapper.ifx-notification__wrapper--locked .ifx-notification__icon{color:#e16b25}.ifx-notification__wrapper.ifx-notification__wrapper--error{border-left:4px solid #cd002f}.ifx-notification__wrapper.ifx-notification__wrapper--error .ifx-notification__icon{color:#cd002f}.ifx-notification__wrapper.ifx-notification__wrapper--neutral{border-left:4px solid #0a8276}.ifx-notification__wrapper.ifx-notification__wrapper--neutral .ifx-notification__icon{color:#0a8276}.ifx-notification__wrapper .ifx-notification__icon{margin-right:8px;display:flex;align-items:center;align-self:flex-start;height:1.25rem}.ifx-notification__wrapper .ifx-notification__body{display:flex;flex-direction:row;flex-grow:1;gap:0 24px;font-size:0.875rem}.ifx-notification__wrapper .ifx-notification__body .ifx-notification__slot{flex-grow:1;min-width:0;align-items:center}.ifx-notification__wrapper .ifx-notification__link{flex-shrink:0;white-space:nowrap;font-size:0.875rem}.ifx-notification__wrapper .ifx-notification__close{margin-left:24px;display:flex;align-items:center;border:none;background:none;cursor:pointer}@media (max-width: 375px){.ifx-notification__wrapper .ifx-notification__icon{align-self:flex-start}.ifx-notification__wrapper .ifx-notification__body{flex-direction:column}.ifx-notification__wrapper .ifx-notification__link{margin-top:8px}}`;
+
+const Notification = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ifxClose = index.createEvent(this, "ifxClose", 7);
+    }
+    get el() { return index.getElement(this); }
+    /** Icon to display in the notification. */
+    icon;
+    /** Visual style of the notification (e.g. success, error). */
+    variant = "success";
+    /** Text for the optional action link. */
+    linkText;
+    /** URL the notification link should navigate to. */
+    linkHref;
+    /** Where to open the link (same tab, new tab, etc.). */
+    linkTarget = "_blank";
+    /** Shows a close button allowing the user to dismiss the notification. */
+    closable = false;
+    /** Event emitted when the notification is closed. */
+    ifxClose;
+    async componentDidLoad() {
+        if (!domUtils.isNestedInIfxComponent(this.el)) {
+            const framework = tracking.detectFramework();
+            tracking.trackComponent("ifx-notification", await framework);
+        }
+    }
+    getClassName() {
+        switch (this.variant) {
+            case "success":
+                return "ifx-notification__wrapper--success";
+            case "locked":
+                return "ifx-notification__wrapper--locked";
+            case "error":
+                return "ifx-notification__wrapper--error";
+            case "neutral":
+                return "ifx-notification__wrapper--neutral";
+            default:
+                return "ifx-notification__wrapper--success";
+        }
+    }
+    handleClose = () => {
+        this.ifxClose.emit();
+    };
+    render() {
+        return (index.h(index.Host, { key: '3b4c2c3c9cf8b8dc56e4c03a6b5e7757fa069295' }, index.h("div", { key: 'c9f12525b0cb99e0f989f647f75cd54fd546f35c', class: "ifx-notification__wrapper " + this.getClassName() }, index.h("div", { key: 'c31e5f2891bff412e0aa80510f52dd8137ea90cd', class: "ifx-notification__icon" }, index.h("ifx-icon", { key: '003aed8b560b45fb9e2c55110bf9eca36f1c6e9a', icon: this.icon })), index.h("div", { key: 'e1a8b034fda18d1a0d3ac2b5a9c98e7cb65771dc', class: "ifx-notification__body" }, index.h("div", { key: '1745a44e54e8ec9fce8e0b3ccf3cb116faca29a0', class: "ifx-notification__slot" }, index.h("slot", { key: '94ff78b9673735df73dc2ffd049da77488bc723d' })), this.linkText && this.linkHref && (index.h("div", { key: '5c691679cb41f5538dca41f4ae5d47eccb59a614', class: "ifx-notification__link" }, index.h("ifx-link", { key: 'c9167e4da0f3a8fe3f3ef8a8518538478214e9d9', href: this.linkHref, target: this.linkTarget, size: "s" }, this.linkText, index.h("ifx-icon", { key: '5e6336a851f1bdacd298ca3fa444bac374e28c9c', icon: "arrow-right-16" }))))), this.closable && (index.h("div", { key: '804653d9313f756b90bb5129ddbf51c5ff0e9a38', class: "close-icon-wrapper" }, index.h("button", { key: '92a3c21233d96cd916405b9cf17487bb866b0793', class: "ifx-notification__close", "aria-label": "Dismiss notification", onClick: this.handleClose }, index.h("ifx-icon", { key: '4114a57aca81bc92d4e0c048d35c3c491275b821', icon: "cross-16" })))))));
+    }
+};
+Notification.style = notificationCss();
+
+exports.ifx_notification = Notification;

package/dist/cjs/ifx-overview-table.cjs.entry.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+
+const overviewTableCss = () => `*{font-family:var(--ifx-font-family);box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}header{margin-bottom:15px;display:flex;justify-content:center}.header__info-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.infoboard__wrapper{display:flex;gap:15px;background-color:#f1f1f1;padding:5px 10px;border-radius:10px}.title{font-size:30px;font-weight:bold}.view{margin:auto}.wrapper{position:relative;width:100%;height:calc(100vh - var(--header-height) - 15px);overflow:auto}table{width:100%;table-layout:fixed;border-spacing:0}thead tr th{border-top:1px solid #dddddd}td,th{padding:10px;background-color:white;border:none;box-shadow:0 0 0 1px #dddddd;box-sizing:border-box}table th:nth-child(1){width:150px}table th:not(:nth-child(1)){width:240px}th{position:sticky;top:0;background-color:white}.sticky-col{position:sticky;z-index:1}th.sticky-col{z-index:2}.second-col{left:0;border-left:1px solid #ddd}.wrapped-content{width:250px;white-space:normal}a{text-decoration:none;color:black}.basic__info{display:flex;gap:5px}ul{padding:0 5px;margin:0 15px;list-style-type:none}tr:nth-child(even) td{background-color:#f1f1f1}ul li{font-size:12px;display:flex;gap:5px;line-height:13px}ul li span:first-child{display:flex}ul li span:last-child{line-height:16px}.version__wrapper{display:flex;flex-direction:column}ifx-icon{color:rgb(10, 130, 118)}.check__icon{width:10px;height:10px}.planned__icon{width:12px;height:12px;vertical-align:sub}`;
+
+const OverviewTable = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    componentWillLoad() {
+        let parent = this.el.parentElement;
+        if (parent) {
+            parent = parent.parentElement;
+            parent.style.padding = "0px";
+        }
+    }
+    componentDidLoad() {
+        const headerEl = this.el.shadowRoot.querySelector("header");
+        const headerHeight = headerEl.offsetHeight;
+        const wrapperEl = this.el.shadowRoot.querySelector(".wrapper");
+        wrapperEl.style.setProperty("--header-height", `${headerHeight}px`);
+        this.setPlannedComponentsNumber();
+        this.setCompletedComponentsNumber();
+        this.setTotalComponentsNumber();
+    }
+    getPlannedComponents = () => {
+        const plannedComponents = this.el.shadowRoot.querySelectorAll(".planned__component");
+        return plannedComponents.length;
+    };
+    setPlannedComponentsNumber = () => {
+        const plannedComponents = this.getPlannedComponents();
+        const numberIndicator = this.el.shadowRoot.getElementById("number__indicator-planned");
+        numberIndicator.number = plannedComponents;
+    };
+    getCompletedComponents = () => {
+        const completedComponents = this.el.shadowRoot.querySelectorAll(".completed__component");
+        return completedComponents.length;
+    };
+    setCompletedComponentsNumber = () => {
+        const completedComponents = this.getCompletedComponents();
+        const numberIndicator = this.el.shadowRoot.getElementById("number__indicator-completed");
+        numberIndicator.number = completedComponents;
+    };
+    setTotalComponentsNumber = () => {
+        const plannedComponents = this.getPlannedComponents();
+        const completedComponents = this.getCompletedComponents();
+        const numberIndicator = this.el.shadowRoot.getElementById("number__indicator-total");
+        const totalNumberOfComponents = plannedComponents + completedComponents;
+        numberIndicator.number = totalNumberOfComponents;
+    };
+    render() {
+        return (index.h("div", { key: 'a738958b4e6b770bf27c330b324a2306cf05b547', class: "container" }, index.h("header", { key: '46720a678d68403a72dfdcaec0aa3c5a541c805d', class: "header" }, index.h("div", { key: '791f18dce06d3881dc07fa752d41972c2da4e9d4', class: "header__info-wrapper" }, index.h("div", { key: '46221581caae538b91de2c1bfba31bdee3c3047a', class: "title" }, "DDS Components Overview"), index.h("div", { key: '3eef8166d82f006574b369705e6ac8c85afea0e7', class: "infoboard__wrapper" }, index.h("div", { key: '7a901621887ea847bb5e1aa2375aefadcebd0ea6', class: "basic__info" }, index.h("div", { key: 'b49472060c471fb59c165b4a775e5d7196397cbc' }, "Total Number:"), index.h("div", { key: '321f0a8f08fd211c0ff2868d22f6bf6f7fe8a4ee' }, index.h("ifx-indicator", { key: '5b6df3595052d10493565a4367d83aa3972b2abc', id: "number__indicator-total", variant: "number" }))), index.h("div", { key: 'a45e13db830175585d04250fc64a46be93547d41', class: "basic__info" }, index.h("div", { key: 'aaedcbb00bc18e92fdfecba2c54ddfeba9a32534' }, "Completed:"), index.h("div", { key: '9c4bba91b3e816cc92e4155169aa69e158ad1e1d' }, index.h("ifx-indicator", { key: '287df6facfa79440eb17f12057c735d6691c3962', id: "number__indicator-completed", variant: "number" }))), index.h("div", { key: 'bb63e45682686f121e13c210a1a007ed334d2d4c', class: "basic__info" }, index.h("div", { key: 'd556e32a20ac6ff061e055c41ea97877d767e8ef' }, "In Progress:"), index.h("div", { key: 'b1b5a8a01bc2a6f4b59b3ad966532c063e37e4b2' }, index.h("ifx-indicator", { key: 'e833d7ca61e4504141578d8747f038fcdf1a8e8c', id: "number__indicator-planned", variant: "number" })))))), index.h("div", { key: 'b7aa4b1f39e920b30e0a8aa7681a1ef2c78b444f', class: "view" }, index.h("div", { key: '05dcaaf518cc37c2aab59f4df5a9a99b27b155ae', class: "wrapper" }, index.h("table", { key: 'a0223a61e06b71bfa98def6b657cae045fa5d508' }, index.h("thead", { key: '22592b1c7bd36e0ef47348b66de6bdd240ad8ab4' }, index.h("tr", { key: '59017a1b16c81cfafb824c172440704a2cf05008' }, index.h("th", { key: '8889a1c70b2b6a9707d3bc069e188ec99a91fd01', class: "sticky-col second-col" }, "Component"), index.h("th", { key: '0324af9a8261c8db587a540f28fe125c6f48222b' }, index.h("div", { key: '01f6dc521bf1ff00beef45a366c36a23333e50ed', class: "version__wrapper" }, index.h("span", { key: '2389d4028a08a6fde18af2230511a8ff6c6955a8' }, "Version 1"))), index.h("th", { key: '7bc743f8030ebaf94053ac78caedc529399ca929' }, index.h("div", { key: 'e32959d53eeb983cccffe0f1e9e6637dea3a7e39', class: "version__wrapper" }, index.h("span", { key: '3f419cf03344393b3d1ebacf0aefdce3bb1b685e' }, "Version 2"))), index.h("th", { key: '4b5cebfc64860043064fbb92e8942d66029a7ae8' }, "Version 3"))), index.h("tbody", { key: '11d5aa6f56ce7fef32b9a569e772c3ee41ee3918' }, index.h("tr", { key: '0811e72d95dd73707cade07cc9fb16e36bc3327e' }, index.h("td", { key: 'e76d9e28c1fef516d6d29cd0991dae78c60c8934', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '657f7c15d953ffb3694d025ec39bf61d6592e98c', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-accordion--development", size: "s", variant: "bold" }, "Accordion")), index.h("td", { key: 'b09877bd019b9d9d034f65429a99490819f369a0' }, index.h("ul", { key: 'b214ee8f8cd8c648ba0d4b976d1f4d8cb2160ff9' }, index.h("li", { key: '17a95fd9e12b4ee63e7861def2e460e3d67b2671' }, index.h("span", { key: '690d23db14d165e789546f7e2aadb69bae3dbec8' }, index.h("ifx-icon", { key: '4fe189e9b604ffe609dcd69019663796849c6ab3', class: "check__icon", icon: "check16" })), index.h("span", { key: 'bf93a7e559aa94582a8d9fa3abc7ae3d777a490c' }, "Includes essential functionality such as expand/collapse behavior and minimal customization options")), index.h("li", { key: '2ef71eba60d23ff83fbfb8df0d9aad47bc7d5bdb' }, index.h("span", { key: '4b5cff7d34ae704d642e906eadfd7129ec087b10' }, index.h("ifx-icon", { key: '61ea714fc0295164b0199e199e9ea8c6649921fe', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a1d383ef17d5d30b3b16906144fb5e45b9ef8ab3' }, "Adheres to web standards")), index.h("li", { key: '5305110a450b083a44d255ee5e78928e440a9a4e' }, index.h("span", { key: 'bc29e3d10d08f50e525cf8ae105917cf4419eb62' }, index.h("ifx-icon", { key: '94bfd0feca46146be46a71cfd492e6e22c928fbf', class: "check__icon", icon: "check16" })), index.h("span", { key: '32e4db63dee9c233a3123267c98024f1981dbaf8' }, "Provides a simple and lightweight way to organize and display collapsible content")))), index.h("td", { key: 'ef1a236300b08925746cfcbd84878687fdb6c5c7' }, index.h("ul", { key: '87953785012a4adb59f2bdd588338af556655ca8' }, index.h("li", { key: '2214b166631316b410cc27881c8523c53b6de1b4' }, index.h("span", { key: 'd3c59510e84e7e9b384181c291cc660ce2a9e4ed' }, index.h("ifx-icon", { key: '9db368a0353c19cb228177bac46811b569ef69f0', class: "check__icon", icon: "check16" })), index.h("span", { key: '54817a70971a99f1fa91ff0aa12d358e900cb404' }, "Auto collapse feature")), index.h("li", { key: '2998b4c349ee32c4ccbb08ddf99d097fe25001c8' }, index.h("span", { key: '6543e8c6cbf63ffefca191d85c86d072b4fa53e2' }, index.h("ifx-icon", { key: 'c85b267a2c6171dbcafd551dbd9d70f401fb24e0', class: "check__icon", icon: "check16" })), index.h("span", { key: 'c0d0f39dbe2a1d707d870b7af4e28c6e938d89a7' }, "Initial collapse feature")), index.h("li", { key: 'cf80331417f6966b2f9e38e8987fbe9a1b448236' }, index.h("span", { key: '59f49929d4e3548ed9ffaa70ade150e9621ddf21' }, index.h("ifx-icon", { key: '973d405bb7a158120fe77555e3664ccf71f5e7c0', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f727e07498f973f93657819668b54bf704b63405' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '39e55f86b174645dbe252a6e2b451cc8d265805a' })), index.h("tr", { key: 'd32135045fe021cfb8dd0c73de9f4ee1a5cdc106' }, index.h("td", { key: '3bf45b230e49d7e1e2fac5410fdfa6e950c35957', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'f08d449de292d1b9637510f53bca693bafa11095', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-action-list--development", size: "s", variant: "bold" }, "Action List")), index.h("td", { key: 'd46954c573215d0d668b679d87b2cd29afa81d32' }, index.h("ul", { key: 'd61709d54d4a82e28e982cc67fd2cb458f3fde83' }, index.h("li", { key: '5cc59a4d702afdb828e0d1d78a965ff85f42313f' }, index.h("span", { key: 'fd70e093a9f41e7b3c578708ac07dd2ba7749e7f' }, index.h("ifx-icon", { key: '355f2a4d83165a5579f310014060194dc64329bf', class: "check__icon", icon: "check16" })), index.h("span", { key: '2b158185437e57f410bf72395d78c96dc3acf615' }, "Displays a collection of actionable items with optional leading and trailing content")), index.h("li", { key: 'f3301fb63800d3c166e6200506fdc0e448b5719b' }, index.h("span", { key: '028aad3a650b8b86ac54ca38d327586e551364c6' }, index.h("ifx-icon", { key: 'a1a1bc62070144ae515c65100c54a9d9ae699f5f', class: "check__icon", icon: "check16" })), index.h("span", { key: '2f4c8a362093a92d0b54286d2d7ede2bd329971c' }, "Supports embedded interactive elements without triggering the main item click event")))), index.h("td", { key: '2a324ececc5b79e0dc8700f33932f5be9fc38215' }), index.h("td", { key: '00192c7bfcd5d3e2299627fde60f53edb53e778c' })), index.h("tr", { key: '551b34ae3b1774e3dd052e07df9178e66ead5dde' }, index.h("td", { key: 'b874b8f12236f257afb258ad66f5a4985056fe9b', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'c8c26397894bc533eb12b6d705472e5131c1e4e6', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-table-advanced--development", size: "s", variant: "bold" }, "Advanced Table")), index.h("td", { key: '95fca1c23efca2d2a7bb49adaf63de6011966ae5' }, index.h("ul", { key: '77a4f14b9934831426ebaf6b674176b1f00d6522' }, index.h("li", { key: '6d4696ac2a7a1f5438dca76a3457738aae4cab33' }, index.h("span", { key: '231318977b4bf22735f70f00fc25d565d46712ae' }, index.h("ifx-icon", { key: '2ef687e720fe3b7b68cb7eb2b5268031f314a034', class: "check__icon", icon: "check16" })), index.h("span", { key: '6ee507ae1541f822e4bcb7ab7183e630aac573de' }, "Pagination")), index.h("li", { key: '499daccbb39283f5245ef608794ec4b8603ac73d' }, index.h("span", { key: '67c589491cf355ba461ef26360f579499afb47c2' }, index.h("ifx-icon", { key: '5981f2957be4781c2953d960479129f376d9dd7e', class: "check__icon", icon: "check16" })), index.h("span", { key: '8d3856cc88bc72cb2a548a7382e9d3ccba679843' }, "Sidebar filter")), index.h("li", { key: '77c79395a42a61720b095c24b05a30f7f195beaa' }, index.h("span", { key: '6a764b1b547804db35c90b41e02fc2b0d8bc438a' }, index.h("ifx-icon", { key: 'a5dfe64252b34876f50e6833304c97072473f77c', class: "check__icon", icon: "check16" })), index.h("span", { key: '5344c87f2e1c68c71406787dcaa8a184591d6d15' }, "Topbar filter")), index.h("li", { key: '9482c19491a923b44028f78e5c583f9c53dd0c54' }, index.h("span", { key: '55ed71afc5c16df490f6d1e1e6c6a18a3c91e821' }, index.h("ifx-icon", { key: '1729b4652c335d179f8a7c23dfe87c7db5067320', class: "check__icon", icon: "check16" })), index.h("span", { key: '30a273fef09b7554989a2281cc3613ac6f7a6b9b' }, "Nestable buttons")))), index.h("td", { key: '733888d4cf5e2cf3b16ea634badb0f2d082cb93f' }, index.h("ul", { key: 'c073d2e0d5fdfd992f7eee963a2e86e79c555d49' }, index.h("li", { key: 'c9f0a9b56ec08c78ce3ea3e6d9041a75a696fbb1' }, index.h("span", { key: '549a6d1ec906a1aa7e32d0c020783afbedf3cc48' }, index.h("ifx-icon", { key: 'a3b1c24516e0e5cde3571d99f95a64a9e9e2dea4', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd96855106db98541d72ec2823caeb60f69fbb04f' }, "Offers dynamic cols and rows")), index.h("li", { key: '9e94ccc8a2b22b6a8b3280536fb3587b287e35cc' }, index.h("span", { key: '546084f580512449deac7fdd01cf2beb731391e6' }, index.h("ifx-icon", { key: '31bc011933bfca5d297383df2299a238f4ca0651', class: "check__icon", icon: "check16" })), index.h("span", { key: '1410a7631d63111c5241f7f0cb6885fe53c26e0a' }, "Allows users to customize the items per page of the table pagination")))), index.h("td", { key: '8060d2d39506fd733c2c659d71823a88c1140aab' })), index.h("tr", { key: '7f55b2ff99440246087679dca065115964bc8379' }, index.h("td", { key: '8d477606f8b6f36877f90d51bde97aa98988e1e5', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '9123cea3e4892a896c3d184ee82b32b7ddf8f43e', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-ai-label--development", size: "s", variant: "bold" }, "AI Label")), index.h("td", { key: 'a12ba71b49703ce951631f40c2af2c90a0dafb8e' }, index.h("ul", { key: '0bea045fd1cfac109d32e26adc9c4997028bf19f' }, index.h("li", { key: 'ed8e2a20bc42a26c52d41f5f9f18a260a2d3ac36' }, index.h("span", { key: '14c272f12eb82c939d296ef345ae785027dfffb0' }, index.h("ifx-icon", { key: '73675cbf421e9181a74f24b396f21561d12ca435', class: "check__icon", icon: "check16" })), index.h("span", { key: '5c8e78387d0fe98a1f9b0eb4afcf91f5e42b557c' }, "Indicates AI-generated content or AI-powered features through two variants: icon or text label")), index.h("li", { key: '0d539bda85ea7856a240a47b1f3336a3e9cb7548' }, index.h("span", { key: 'd6555f8274b95011296ae5d76a13e251e988ebc9' }, index.h("ifx-icon", { key: '83ec0da06fe1a3462182398b606674beaf16a786', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd7b39c8cdc9d02512ab4d76c667d593619440b99' }, "Includes an optional divider for visual separation")))), index.h("td", { key: '042a6dfa007a6997144ca43843eee1078ffbae40' }), index.h("td", { key: '177497c85c5d041dee35d9c379807af7fe8bf4b9' })), index.h("tr", { key: '20ba03ebeed47a31945720ec10021853ecd3fca6' }, index.h("td", { key: 'b7ba46c2a735ba8233cd61e0c06704668ec28ce4', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'ef9049acc37a4cb0ef2332656e4653ae70afa703', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-alert--development", size: "s", variant: "bold" }, "Alert")), index.h("td", { key: 'b8fd22934e3662437e33b2042ba41057dc97dbf6' }, index.h("ul", { key: '8a69e23cce6cde8554e5cf4bb2b2d340f21eb79d' }, index.h("li", { key: '298472ef8bc6f391b7109617b0ba1e0f7860aa07' }, index.h("span", { key: 'f05d8d6b106d9828e89fb060b548f1886a635e3e' }, index.h("ifx-icon", { key: '9acbf7905c9b7a53a3f5f29e99a3605b72a99001', class: "check__icon", icon: "check16" })), index.h("span", { key: '83bf21cfcbd8df8c1fd02c13ee1a6b8cc01303a0' }, "Provides a lightweight and customizable interface for presenting alerts, including options for different alert types (e.g., primary, success, danger, warning) and basic styling configurations")), index.h("li", { key: '22408f32398495b2f222069c9d90907d6442ede5' }, index.h("span", { key: 'f9e78d9b443c4b266650bdfe55d51bc603728533' }, index.h("ifx-icon", { key: 'c0fcfc8d3063a882c547c73b84be8be18b28f080', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b4a06e77f68be008bbb954799eca7b8f08591a8b' }, "Adheres to web standards")))), index.h("td", { key: '2a5509663b72cef3688ff02cea810e4fb850a9fc' }, index.h("ul", { key: '4cede4e1f8d0c99c59bd6cfe6d33eced8f6595df' }, index.h("li", { key: 'bb071b47c4c25b48d28d1880beb8246af49c1bad' }, index.h("span", { key: 'dd531bba3e22934fe16859c89852d54e2d9634bf' }, index.h("ifx-icon", { key: '71e7fc59a5bd6fe3d2e33441553cb2bbd1e92173', class: "check__icon", icon: "check16" })), index.h("span", { key: '2bd50ccaed21221c73909c34093ac76bea47138b' }, "Configurable close button")), index.h("li", { key: '78bfcaaf54d86dac518c2c78b543e8958276a660' }, index.h("span", { key: '0d74fda9ab99aa7862f86f68b0486c82b3912f82' }, index.h("ifx-icon", { key: 'ec32098e20a6e40bef111d96935bb90575e1b275', class: "check__icon", icon: "check16" })), index.h("span", { key: '80c0348f8bacbde1e65f3968bf41eb90d63432c9' }, "Additional Info variant")), index.h("li", { key: '11f370ebf7a24aa96cd4480e7b41c2925f8274cb' }, index.h("span", { key: '61b963e0a702281f78b949efbe3e25bcc8fa9471' }, index.h("ifx-icon", { key: 'b75b00e8fcf8686d1063d8790ae57be4aa38c2d8', class: "check__icon", icon: "check16" })), index.h("span", { key: '7240fdcdba1a95acd1a0da7830c148776c1cebc6' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'd300946182b1c65dae05c77f4a8363ae172a624e' })), index.h("tr", { key: '1d2d5f56e6580cfafed1e3ace713e5e945f6c35a' }, index.h("td", { key: '42bf57edd7324143d933bee74573436ce48362fb', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'aea0153bd1ee05c7e0a9e05c9f37d50fd74baa30', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-table-basic--development", size: "s", variant: "bold" }, "Basic Table")), index.h("td", { key: '72408963ec27063584cc62e42892a452f87d32a2' }, index.h("ul", { key: '2285221769140f650289687bd074ee2ff4abff66' }, index.h("li", { key: '8bb73c3836825f0c2bebf2b058334fb55a1eea24' }, index.h("span", { key: '673f83f7463cdc8e55951b1c9ba427b8ee1bfe11' }, index.h("ifx-icon", { key: '8a062485006ff29b179b9a8b11cd592677c03337', class: "check__icon", icon: "check16" })), index.h("span", { key: '7e8fba507962253c40c09a4bac0ef99b0bf206ed' }, "Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently")), index.h("li", { key: '0947b89b14aebe0e4825a241bdbd70c87e4f9f43' }, index.h("span", { key: '98b08202721ed501a2dd93fc62d4f25831daace1' }, index.h("ifx-icon", { key: 'f1e261f33426700198b927fddc15a30e88acef2e', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f742c37658d63cb7c063b38039dd1b81f8bc162e' }, "Includes basic features such as column sorting")))), index.h("td", { key: 'dcdac4ba91e10cb1107ab64ac5777404e96629f1' }, index.h("ul", { key: '790027da3a2703f37678f54522e2030abfae0db5' }, index.h("li", { key: '22d7532733ccab28ec68f125d1507ef60d2f825a' }, index.h("span", { key: '8effeb234c28f924e57e668c1f396ad073156b54' }, index.h("ifx-icon", { key: 'efd096cfbd836c38dabe5e17aa376b8c20a978f0', class: "check__icon", icon: "check16" })), index.h("span", { key: '6fab0a6fe81cfdf4f2871f7cb1ff6fc53942429d' }, "Compact and Default variant")), index.h("li", { key: 'aca09109788c823a1c9f05f22050a59de70b5cf8' }, index.h("span", { key: 'ba116354d3ff2d15d30214de448e10fdf2725ec8' }, index.h("ifx-icon", { key: '66f57197b0c4434916e08ed307ae1c8c54d6f28f', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f53a0933e9550b924a8039801bf27ed1c018bbfd' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'c6f3bbdc6b2e9d5e64784aeb5707ab552132730c' })), index.h("tr", { key: '39f9c8177b9ed32215961b0c8b24e5f705dd17ae' }, index.h("td", { key: 'dca504385953ab73e3832ac5e38cb98662135161', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '1d180948ae3e5e67a62c95d25afc134b2b8c7f03', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-breadcrumb--development", size: "s", variant: "bold" }, "Breadcrumb")), index.h("td", { key: 'd73c36c6a3a629b2f09fc078ecc0ce2d0ae8f722' }, index.h("ul", { key: 'a2e4d361e3a0c012ef3fb70d28e49acfb2d1bf19' }, index.h("li", { key: 'b14477b0dd45980b0f8fc89b431ba5663a4a8049' }, index.h("span", { key: '8d976f0a87d42666060f5b5bc5ebe2e95b3a668f' }, index.h("ifx-icon", { key: '9d0e1294b73df7f4b2f5c1d6dceeda7a2df97ad5', class: "check__icon", icon: "check16" })), index.h("span", { key: '25adaeb7a8d047af452d3be53182cc5a10cab508' }, "Provides a simple and customizable way to display a sequential trail of links or indicators, representing the user's current location within a hierarchy of content")), index.h("li", { key: '6615b582777eaa6430637d5f7c45625f7b3ae717' }, index.h("span", { key: 'a6448393d917ef452e1fccd33d3194ef9a5bd91b' }, index.h("ifx-icon", { key: '6cf9e0b72d6b8247a9c1eb019ebea07f942a3737', class: "check__icon", icon: "check16" })), index.h("span", { key: '7e610858614d856d1acfa4d6185a668c76ec04bc' }, "Adheres to web standards")))), index.h("td", { key: '8e951fdc36ecf3169bc200f00872793680054506' }, index.h("ul", { key: 'dd5682618b15daa5c52615b8521c37039a64832b' }, index.h("li", { key: 'a01dd1fb20135253ef5e1bef0299f06ecaa31453' }, index.h("span", { key: 'ded0386bfab76b84ae661eabfe694c7af1d48949' }, index.h("ifx-icon", { key: 'dec90d3144368038e84e7114d02466fbfdb54f1e', class: "check__icon", icon: "check16" })), index.h("span", { key: 'ab53138444ea41a64242bfc3537a2a1168674098' }, "Possibility to add an icon")), index.h("li", { key: '87f10f5c4a430293bde906e9d19b3a9279d952f9' }, index.h("span", { key: '793ecc0d4c16741ecc15b7fd95bc52fef3f8fc3c' }, index.h("ifx-icon", { key: '9a3dbe45a26cd51537ef4480e9c6cfc8af2484e2', class: "check__icon", icon: "check16" })), index.h("span", { key: '0180a36b0011258c50f8835ee6f9cc0b79522f81' }, "Incorporated dropdown-menu for individual items")), index.h("li", { key: 'f1674ef734c22ddd298684601caa9f1044081156' }, index.h("span", { key: '9730ad802dedb0a6ea5fc6b1f4f8187afd1788f5' }, index.h("ifx-icon", { key: 'ac782156436d2a57e92fb901593a3323774fda40', class: "check__icon", icon: "check16" })), index.h("span", { key: '8c32d448b38f0fa3c7c0695b20719e6d8a930be8' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '321a5a07d838f96a65071b78bf06ac954c50bc77' })), index.h("tr", { key: '88b8db64b07cac1718a37e2732622b1ce62b9913' }, index.h("td", { key: '1bbc5e44efc933246958bfd91650682bb8ed70e1', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'd9e5fa7ac0a0f4c7d830dc5f1e413050e477da75', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-button--development", size: "s", variant: "bold" }, "Button")), index.h("td", { key: '52dd5929647e6ce5968104b341e202341800f370' }, index.h("ul", { key: '78d2a3a9a3a80cae3f3cb6ac5eb486ba3179e7d2' }, index.h("li", { key: '49b9a9950e0c45c10b6251b8affb13e0e90a0b6d' }, index.h("span", { key: '7fd0a0ec4e70e0621c88df02859f4ff73470c10c' }, index.h("ifx-icon", { key: '9cd77078f62e5ef3fb7aaa90ba38d4b395ffbb16', class: "check__icon", icon: "check16" })), index.h("span", { key: '295aa925381b75a491db845ab8a76efb10b4188e' }, "Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions")), index.h("li", { key: '0f5573023824e1a33bf5fe3e8837e46aabbe5ec6' }, index.h("span", { key: '1c11392e0803119a2e9ef1913c41366eb52c3dc2' }, index.h("ifx-icon", { key: '9adffc8e28a033b420c1f0fd612dc7bb977ebb4e', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd5df0b37a7029bb86c2ec1db287cfed13f9a70cb' }, "Adheres to web standards")))), index.h("td", { key: '44b7c51da2d0655ffe2f081c9aaf2e28f36ffb07' }, index.h("ul", { key: 'b0b54c1b21f806016bb76eb9d7804ac26bd3a3cd' }, index.h("li", { key: 'fdef635c91373453d806fa5a731bd94fad46fe36' }, index.h("span", { key: 'ef9280d092507286392e8e5eebe344b2c49d4960' }, index.h("ifx-icon", { key: '16e1d044683f00fa34051904c51f324c68a49b4a', class: "check__icon", icon: "check16" })), index.h("span", { key: 'cbcc1a6c47dabf9a356c5376be64425d88affd0d' }, "fullWidth feature")), index.h("li", { key: '8339922c333d808d8e95c018eaec7afad6d02756' }, index.h("span", { key: '1bb97e6e7ce8f2a617451ae9eaeca4b42438c60a' }, index.h("ifx-icon", { key: '31ba7d977feb5be7508e6519b754b27a7f30f2e7', class: "check__icon", icon: "check16" })), index.h("span", { key: '9e59708fbfed812f05be05206547da4560015429' }, "Icon integration")), index.h("li", { key: 'e53d29b88be11c8fe5d385dea0c3d5c1eaeaff0e' }, index.h("span", { key: 'f36830157f8d4bb67af422fb774e5220dea024ea' }, index.h("ifx-icon", { key: '07ed5741da5f699af085f002d69cc25503a593e3', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a3752ec6bce90ee172d2965173149693dc53c45c' }, "Link integration")), index.h("li", { key: 'c94e638217e2f447a01e371172c8869cd4784848' }, index.h("span", { key: '2b5deb05074bc8b434132349c44fa9152c8ad21e' }, index.h("ifx-icon", { key: '0d4aac1ea8fd8dd1061b2ceb7ce03a619861c150', class: "check__icon", icon: "check16" })), index.h("span", { key: '617429fa6ba87847b3417cf84dec6532680ebefe' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'a229c383c20bb944cef717072eab3404dbbf2a55' }, index.h("ul", { key: '67cfc6d5c7fe91a065df0d755b5ed8cb54e81577' }, index.h("li", { key: 'cf9e48565c52796c43d834178a75ae1f5dd899e3' }, index.h("span", { key: '2c8e19647be8874748a4776d8abc7f7eaec091b3' }, index.h("ifx-icon", { key: 'cd5493d80d933513c4c8067d316b7c869c5922d1', class: "check__icon", icon: "check16" })), index.h("span", { key: '293deeedcc2e54e1713fb21b1077775fcb4728d2' }, "Form integration"))))), index.h("tr", { key: 'fb302226981146514f2e4a1bec14740070094bcd' }, index.h("td", { key: 'dac1cd9264850adfed79112916253be044d53b64', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '385f646bbe4602ee1011be95c05f9b1e50ba26a2', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-card--development", size: "s", variant: "bold" }, "Card")), index.h("td", { key: '271e8aae59f45ee0beb01c6e8b4c638655d89fac' }, index.h("ul", { key: '4ee01cbe3bca2e5eff9ec9be37e57fe65a55555c' }, index.h("li", { key: '2b2115421555a4744101e0c656c4bfcb5218efa6' }, index.h("span", { key: 'da8bd212a394b78abdca631870e8c2cd39bade26' }, index.h("ifx-icon", { key: 'b48313a74e71866b8c88e7cfde60b93bdbf97377', class: "check__icon", icon: "check16" })), index.h("span", { key: '589ccd44c67040b89619694079be36457f83ecaa' }, "Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons")), index.h("li", { key: 'd000d7f854a6e4a7c41125bd28a44b6e2ce1ed92' }, index.h("span", { key: '3a4b0d8f04075f67395bd2fcb3110f9fb87ce27e' }, index.h("ifx-icon", { key: '5823f20f0db26a099600cf103cc626421fe28799', class: "check__icon", icon: "check16" })), index.h("span", { key: 'ef7ca1ea13edfcadb1ab30e0af279c9f77e98ea4' }, "Adheres to web standards")), index.h("li", { key: 'd8acf16edd5fc30d132cfacf2b4cd178f33f7987' }, index.h("span", { key: '11a5814e486323223f46fbd8146345e38b25d39a' }, index.h("ifx-icon", { key: '89b353c6ed8a948b7653e704b84f39dd2a540500', class: "check__icon", icon: "check16" })), index.h("span", { key: '015e533e77518b40aa95a9b67795221b5510f8cb' }, "Horizontal and Vertical layout")))), index.h("td", { key: 'e562c1b14b018501948f49e95234fe162fb06467' }, index.h("ul", { key: 'd5738a859637b4c44059fd124308d1acca9e2830' }, index.h("li", { key: '4df6ca8d733054312cd3aaba3f1dcd3ed289755c' }, index.h("span", { key: '3556b99d70f738ccd30b4a3e9e58ba0291d18d12' }, index.h("ifx-icon", { key: '405fbb61087dd73810df4e3f55572f8cc19f63fa', class: "check__icon", icon: "check16" })), index.h("span", { key: '40b39d51880600ac0cf81bd4e7fda314a68c2393' }, "Possibility to embed multiple buttons")), index.h("li", { key: '872a38b6f8307f877908ab4fd6f4ebda2537245a' }, index.h("span", { key: '46937f0b88295a53b2dcbf68a43ee711f45da7b7' }, index.h("ifx-icon", { key: '5a992cb6bb13846ce93e52635f47774c6a9354c9', class: "check__icon", icon: "check16" })), index.h("span", { key: '7f78c67a4d98deb1816b2f9ab236d335f0491624' }, "A switch between a Link and a Button")), index.h("li", { key: 'ac7502d643f3e63915568e46759dfa25aa8d0d3c' }, index.h("span", { key: '86499f63c8b915cc5446e954a5313fe5b6683a00' }, index.h("ifx-icon", { key: '8e35088e381e5741a81f3ec40e8413cbaf3cb1d7', class: "check__icon", icon: "check16" })), index.h("span", { key: 'fa8a83c7f0eb33a88184648bf8c1b7756d0e8d3d' }, "Enhanced stylying behavior")), index.h("li", { key: 'caa1efd09a2b735fa45edb13b935a675cbe62a8e' }, index.h("span", { key: '7c473f80bcff762eebcf8bc5516d0f84fb0a2a57' }, index.h("ifx-icon", { key: '4a5c1f64da78996c8cab9eec5b413eb5b176c8a5', class: "check__icon", icon: "check16" })), index.h("span", { key: '8ea98d50c475d7e38086d0c99358e6509ebf2c87' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'f9806419a56deec307d35331b9c4ba11273a426f' })), index.h("tr", { key: '55ff1bbb5b1cfe1e2bd78729874887622b841710' }, index.h("td", { key: '29c189bf0b1cd05d9e26d9b755ebffd236b433a2', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '10f942899ee4d6542630b5d70826816903654c51', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-counter--development", size: "s", variant: "bold" }, "Counter")), index.h("td", { key: '2efa664c0f255c15a2d77446d46d1d2471b61255' }, index.h("ul", { key: 'ddca09917b0f8375ce923efe48c38bf09b251737' }, index.h("li", { key: '7d80be159486e7af2c2862bce08d346fbf6f076e' }, index.h("span", { key: 'aa4fe5d5c9906e78064139a0bc1e5f2871c3a59d' }, index.h("ifx-icon", { key: 'dc8abcf79da9271efca673cf53d636008a4c883e', class: "check__icon", icon: "check16" })), index.h("span", { key: '770388cec6c83cc8a8b76b7684b5bdf106613741' }, "Provides a simple and accessible interface for incrementing and decrementing a numeric value, with a minimum value of zero")), index.h("li", { key: '89bea90f071bd69b75db9ce6a2a60b60d9903b76' }, index.h("span", { key: '3f3673f1e67ba4eec108922364bf9e894ff4ba5b' }, index.h("ifx-icon", { key: 'b8acf8e477f61415d87e37c03264f7f18aefb6b6', class: "check__icon", icon: "check16" })), index.h("span", { key: '58524a43127c474e7c9533b385b5be8041f6e273' }, "Emits a change event on value update")), index.h("li", { key: '83aa57e946bafd197ed358abcf8062c077116abb' }, index.h("span", { key: '1ba84903f17c7973ea3678c3dde18611ac374ce7' }, index.h("ifx-icon", { key: '4866bc8f91595adbf951daa5cc11b8b9dbb3cd0e', class: "check__icon", icon: "check16" })), index.h("span", { key: '1f229afa5c463471c556fe603ed59190ea601c66' }, "Adheres to web standards")))), index.h("td", { key: '487fdb04674dda936f6d662ca0b071055707ea99' }), index.h("td", { key: '49bb0b8d2c7e0adcaa67ae8f3b3ba925de1caf5a' })), index.h("tr", { key: 'b55ca499c097b405c62f7468650529f98b868e6f' }, index.h("td", { key: '428bcaedd465a452709888948b54c814d6ed2dcc', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'a6ade3bd551eb96588e42c2a16028ddb196239bb', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-checkbox--development", size: "s", variant: "bold" }, "Checkbox")), index.h("td", { key: '6addd68006e8c012a481ea561f9da7a2d500299f' }, index.h("ul", { key: 'f17a7464ecd29c386bb1f72830faa9eec109cc3e' }, index.h("li", { key: '9c9271c4ffcf24e3c600019a22e9723bd4b2b441' }, index.h("span", { key: '910a8235bd291117570218cb37ecc5ba1de57d56' }, index.h("ifx-icon", { key: '9f3efc2bdd64be34d6e68e743e4dd2f1114c15d9', class: "check__icon", icon: "check16" })), index.h("span", { key: '3e3b7f33181eef8072e99a7104ed616ffec773c8' }, "Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states")), index.h("li", { key: 'c17b6e2d3121781bd6a415eff14cc16ef6121385' }, index.h("span", { key: '69eb45e45d4ac70c9a9d115185b332ab7963c73b' }, index.h("ifx-icon", { key: 'f7b67c1a466f2861a0b69d9cffe01814d2e92e19', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b11e84d2017099b2091a429cf9ccbf5e5e467d05' }, "Adheres to web standards")))), index.h("td", { key: 'b1784224a8b209086b1f2845bf4b41ece13d8bda' }, index.h("ul", { key: '12a3bf1c8ba5aed19b83717761def260cb22b4c7' }, index.h("li", { key: 'ad783826b3a5dbeff3abbc9d09d980d4849d6d5b' }, index.h("span", { key: '5cb1013dd4bb75f7b9a123d90dfb57770888b2bb' }, index.h("ifx-icon", { key: '0b3a5d7b82f1d4e74ae37e6c1bab0ae22213844d', class: "check__icon", icon: "check16" })), index.h("span", { key: '8b54a0d52fc2ed5a3a71ca3625ab2eb32fc16a7e' }, "Indeterminate state variant")), index.h("li", { key: 'ffe2bacc4bd417718812a24225fe07481b2d71fa' }, index.h("span", { key: '653828c0805365a3bb09f88abe7a8f193fff6e3b' }, index.h("ifx-icon", { key: 'e89333ee4da25fad5f6120938b489784fc8e5242', class: "check__icon", icon: "check16" })), index.h("span", { key: 'afed0ee2e34e31bcdb97ec87058704efbf3ffc8c' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '822e63a34cd1db746fb52ad98840bf59d75031f4' })), index.h("tr", { key: 'd01c487c5f4a1be09d03cf713062ee299c796481' }, index.h("td", { key: 'f968112598d4294a66c7bdce0c42c183c361d1a5', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '7b0a01b4d171711fe5889f5990997e0d127c30df', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-checkbox-group--development", size: "s", variant: "bold" }, "Checkbox Group")), index.h("td", { key: '3a5c392c2dc3f34c508a0fd1788b27a3a68ad9ef' }, index.h("ul", { key: '6e725e3bf9eecf281e366afdc830af695ecebae2' }, index.h("li", { key: 'c9dcd40145ccd0a9fa12a815970d16bc6f12546e' }, index.h("span", { key: '1410aaa41c740afd75ab8b121533a97bcf6cfe66' }, index.h("ifx-icon", { key: 'ad234c2ae9f1d30d64d42d4d5bee8da3ad4b21a6', class: "check__icon", icon: "check16" })), index.h("span", { key: '7738e2748ebd9c47a797a097610bd45555bae4f3' }, "Provides a simple and customizable interface for grouping multiple checkbox inputs")), index.h("li", { key: '13499d62d0871705dc89bb81294565d9eb94fb02' }, index.h("span", { key: '6a01d1945795ee66334fe414a75c3048f4b9c8bc' }, index.h("ifx-icon", { key: 'cb07d4e6a7b51913a8a438541c1988749b980e0c', class: "check__icon", icon: "check16" })), index.h("span", { key: '3f81775ac03e5a3de2a79491e69747510ce61634' }, "Allows users to set and display group label, caption text and caption icon")), index.h("li", { key: 'ba7e62ada2bc79a75be5547d439f46f95d0de171' }, index.h("span", { key: '042a2b3efaeeaedf2606664a71a054afdd929c0b' }, index.h("ifx-icon", { key: '9dc864672336c999792101d9ff4cbc4b9ecbd360', class: "check__icon", icon: "check16" })), index.h("span", { key: '5941056fe2f0ce066b32aaaa50ed7fd33d54f992' }, "Allows to display individual or group error")), index.h("li", { key: '7b0ed335e4de600cabbd7c41be8c34b98ce8a53d' }, index.h("span", { key: '95143047ec80da51aecaafcaeafdcde5b73f9bf5' }, index.h("ifx-icon", { key: 'c56a8438401d31286d0e96e1c285edfa61a7b0ad', class: "check__icon", icon: "check16" })), index.h("span", { key: 'abc6fabe50e8849211e7fd35d942cf0c3bec97b6' }, "React, Vue and Angular wrapper integration")), index.h("li", { key: 'b8cc1dae299f5d6eed3cfd09c0732e6ea2f19cc7' }, index.h("span", { key: 'b4b200f8289497bb3f2bc506040e5bb78b4e0836' }, index.h("ifx-icon", { key: '734b4255a5198a5d8f52a91d1b196a08484c043d', class: "check__icon", icon: "check16" })), index.h("span", { key: '4a1ea7f6f97590a7fa3f53318dd53168de80e1ba' }, "Adheres to web standards")))), index.h("td", { key: '1605e52598b713063f8e00228d3015059aa0856a' }), index.h("td", { key: 'de36c25cc73c520a4e5143cf5a3ceeed73f04e6f' })), index.h("tr", { key: 'c2ee521b727e3ed84fe1347dbb6abcdc9d6e90e7' }, index.h("td", { key: 'c064773354c2d320734f3bb20d3c71c1aa6ea7d6', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'd8d1e018749ddc641304c087b96b1f037abfca96', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-chip--development", size: "s", variant: "bold" }, "Chip")), index.h("td", { key: '3d27c5fdf3da883ceec368463f6d8ef25428a275' }, index.h("ul", { key: '1e44356007bc3e57ac724240122fd4fb128427bd' }, index.h("li", { key: 'c4825d600d94c68626311f45b8d8b88451246033' }, index.h("span", { key: 'bfed3569c67692646bc1f7046e5660d6b76628cb' }, index.h("ifx-icon", { key: '53edb14c9dde0023e40c17916a612b4c679d1f8b', class: "check__icon", icon: "check16" })), index.h("span", { key: '746c8d493db19c518f94e00f81710cf9e81653a7' }, "Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities")), index.h("li", { key: '51ea1d857e2090e1b39422f120c0014a9d7591a0' }, index.h("span", { key: 'fc91ac88611842202d51a99ac41097d1b07748aa' }, index.h("ifx-icon", { key: '38586134b397a9b7198ac54af277a0d0eeb3c09a', class: "check__icon", icon: "check16" })), index.h("span", { key: '2167990f10b9646b56319f155c2a119b6c9359da' }, "Adheres to web standards")))), index.h("td", { key: '4f05f9fa4b352e26ad3159c76bffc788808d82c4' }, index.h("ul", { key: '2716c694352b12a6fdd5d7174d49c7316c7ffb28' }, index.h("li", { key: 'c7e1eb10514365cc9bbbfc84bf9b1f7acda3add7' }, index.h("span", { key: '8e42de4219a36397f083701fa8c5ade12d7f9041' }, index.h("ifx-icon", { key: '42625578b608e053a77a898365d64457f84c4477', class: "check__icon", icon: "check16" })), index.h("span", { key: 'e0cd3aa9c31ce5d882a3b711a09d48735085172f' }, "Incorporated dropdown-menu for individual item selection")), index.h("li", { key: '83450233886f2c951ddd75fbab2a3fe3d9028da4' }, index.h("span", { key: 'f9d7dea7984d344b243731ff98a3241695861ccb' }, index.h("ifx-icon", { key: 'bb5052f59fd90bda7b8ee7777a9b0de8971adc8c', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd5c975d589e47d7d166e7cc4d4af7657b7cff37f' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '618c40f29600f5cc90bda517b0ca27c40fca0ed4' })), index.h("tr", { key: 'd86721d877beb50df51c7db6be8a11964efbea87' }, index.h("td", { key: '93d922b0080d80de29eaeb0b647a7ccc925858e9', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '058e0b493d5ddaefbf8c13d2f8a8355a156d53bf', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-content-switcher--development", size: "s", variant: "bold" }, "Content Switcher")), index.h("td", { key: '28217e08dfdc67634235d1fb4ec597f9700c79a8' }, index.h("ul", { key: '687883740ca28e0627b5627c40a68d12610b0ba7' }, index.h("li", { key: '88fd3c0c2d12869980fbe46269bd060448c6c3e7' }, index.h("span", { key: 'a61f4c1e452bba4f94aa2477e12c1e382f87fb59' }, index.h("ifx-icon", { key: '165a37c26b226b7c8d353c9d5e047640dca4e4cb', class: "check__icon", icon: "check16" })), index.h("span", { key: '4d213dcbc2cfd0230a279d0968b5c2225460bfe9' }, "Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application")), index.h("li", { key: '98a53ae73c7684501baebecdbf2524787d74ff8c' }, index.h("span", { key: '9ce3c01b1374ae739878a2e5073228c76a8e3342' }, index.h("ifx-icon", { key: '800ab6c2c562834a3739522e202a6ad4d36fabb5', class: "check__icon", icon: "check16" })), index.h("span", { key: 'cb075e2ed68189e4ee305976e448b76869975c49' }, "Offers a customizable mechanism for users to toggle and display diverse content panels, facilitating seamless navigation and interaction with varying information or functional contexts")), index.h("li", { key: 'c66ab54ad2c5d5591ac24d9974f1dcf994cf0048' }, index.h("span", { key: '7f19c2fe89756d81626f58eb0e330bd2d340b754' }, index.h("ifx-icon", { key: '1873661eb452886ed5878ed3a0b28ba3b4e5eb9e', class: "check__icon", icon: "check16" })), index.h("span", { key: '2bbd3f5cc9e077f48fee57150252cec49f06cc08' }, "Adheres to web standards")))), index.h("td", { key: '101f4f7820ecad110fbab71c0f2a265a134df1bc' }), index.h("td", { key: 'fc83f5cda1e2c3b5dc3c9f23b7d65f6fdf54c4d4' })), index.h("tr", { key: '4be8271935948bb326fd7588dbae6b714831d73c' }, index.h("td", { key: '6aacb536e2c959ec09d079901879df1e1ae2aeed', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '28f4419598eb22247dabdb740b06797126d70536', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-date-picker--development", size: "s", variant: "bold" }, "Date Picker")), index.h("td", { key: '64493957f1a972c299dd21ecad4aad6555317ca7' }, index.h("ul", { key: 'cb4cff9803cb12eb665fcfb8f269a9cb30f8dd6d' }, index.h("li", { key: '3e2c752f42dd80d3aac9ce5a86cd6ef184e8ade4' }, index.h("span", { key: 'bf10a4f63271e5f571da7707c6aa49564f07fa2f' }, index.h("ifx-icon", { key: '959c658e0eed9716ad7f13855085995dd7748e68', class: "check__icon", icon: "check16" })), index.h("span", { key: '7f7bd639c35be9af0748cb6f9af03ad56bebb769' }, "Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction")), index.h("li", { key: 'b699af4aa2d1810ecf1ed4cdf0a55e63960473df' }, index.h("span", { key: '2f2f76417885fa9d20ea60e6931fd27f0a0c04a4' }, index.h("ifx-icon", { key: 'f81472b4137acef1cf8e8f7ee439ecd19e9819dc', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd9d701fcb01b1461b4f843b131abb9e0609e1455' }, "Cross browser compatibility")), index.h("li", { key: '32c4fd3675573e0170b576eaf7bfb6627b6e6be0' }, index.h("span", { key: 'e0045029c7417c3b686d0e34c2e208008f76322a' }, index.h("ifx-icon", { key: 'f71f382cfa216d0ca3352202190b90cd5330e8d9', class: "check__icon", icon: "check16" })), index.h("span", { key: '8ac955a9153e820d623d92d705a7f0d319489a5d' }, "Form integration")), index.h("li", { key: '244b9f58a05e45d2c1635036bf07848bbfe85447' }, index.h("span", { key: '33bfacf3948f43b4a630ecea681517f992afcf9f' }, index.h("ifx-icon", { key: 'c3dc0de1acf340c531819c04efae729e9c9c7832', class: "check__icon", icon: "check16" })), index.h("span", { key: '56075d94bbfe1fb5c4c933b0c098565d9f342647' }, "Adheres to web standards")))), index.h("td", { key: 'b642577fe4cacb6f25091c3359d37ea3158d04ce' }, index.h("ul", { key: '0c5115889668e29cea56dcae38e938b5b2f497ba' }, index.h("li", { key: '8fde33d1f38033825874f6b8a24e82cc072b1eda' }, index.h("span", { key: '63f7787f5defa43d985270b9171da4b67da1e378' }, index.h("ifx-icon", { key: 'f7e88907d832817a443f98ccd9f08cc7b3bddda2', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd617d92c802640f3f841d656a5710b0fb47d3795' }, "Range")), index.h("li", { key: '36f524a7e04864f3ffea81052dfc1ddefadc1b44' }, index.h("span", { key: 'c41309d514053de2b275914df1040b74850672c6' }, index.h("ifx-icon", { key: '7c12bd192bb0d9a0853a9874592f1ec5e09ae642', class: "check__icon", icon: "check16" })), index.h("span", { key: 'c02d6017f1c6045e552e1d528dde2178f0806b5a' }, "Default value")))), index.h("td", { key: '37839dda43912b1e1f8f23ca15cc4dcabaa0ab77' }, index.h("ul", { key: '92b52a50093d97d65643435bc6b5d7e0a829be15' }, index.h("li", { key: '6437f7a0cfea0f5d2359875026c5e9ba5d09cf28' }, index.h("span", { key: '7bb14b7991892b2330ca426e00c203513fbfbbf1' }, index.h("ifx-icon", { key: 'a113c42a64746497e6f80b017d613a10e33ccb58', class: "check__icon", icon: "check16" })), index.h("span", { key: '89a748432147241abe17ff8e13c1c563decee90a' }, "Incorporated datetime-local type"))))), index.h("tr", { key: '5db7eb25867c430151e739cc0298f6edffa594a8' }, index.h("td", { key: 'c0a53c625a07fd691a84fa6e0eb36314c5e6d937', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '954be1b17e6cccf51a0140955f2bc9b9bc4b5690', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-dropdown--development", size: "s", variant: "bold" }, "Dropdown")), index.h("td", { key: 'fc043d3da825c3755cd30745860d8d71ff1bb750' }, index.h("ul", { key: '9ecb8b6394327e0175bd6c81247daf4b1f3f4458' }, index.h("li", { key: 'a3a93d1992355c9772ee6baccecee1d4930e7fef' }, index.h("span", { key: '997e08b8785bf675cda02059d8d8459b5f9ce1a5' }, index.h("ifx-icon", { key: 'b381dd91201672ca34eba175c1f1fe5df63116ef', class: "check__icon", icon: "check16" })), index.h("span", { key: '289f86960155c800ad7124a674302195d30bab7e' }, "Offers a versatile and interactive user interface element for presenting a list of options or actions")), index.h("li", { key: '6dfd3941bfd733dc0c1482513891412d319915cb' }, index.h("span", { key: '937a091009a125fe1c78b8083c3a25267e4acc90' }, index.h("ifx-icon", { key: '1871485bc900da31b0888d28a191984c0da5dcdb', class: "check__icon", icon: "check16" })), index.h("span", { key: 'ea1ef1cca7928734b6aa83d37ff98cde0ee419a6' }, "Ensures consistent behavior and compatibility with web standards for a reliable user experience, while intentionally limiting customization options to emphasize a standardized appearance and behavior")))), index.h("td", { key: 'e0c4ec1f823fb74a2b4d80e73f5ff7f575f19dd6' }, index.h("ul", { key: '7217211dee45ab8806d89d49f3440ba8d25b1971' }, index.h("li", { key: '12b688461d3a0c7c2f83a2855dc8fd0d5de1d38c' }, index.h("span", { key: '0b546b8260f7f6838172e8bf79bd072de7090297' }, index.h("ifx-icon", { key: 'e24cfd32c017f199258718bf0277298d891e250f', class: "check__icon", icon: "check16" })), index.h("span", { key: '5ead971bcd8574650f5fc7e82ccbb40f8f42f9bd' }, "Search filter")), index.h("li", { key: '9050059f4fe1ca40a569e03ed0eb18f5a30dd4a3' }, index.h("span", { key: 'd041073112adb5148467f5bb5cf0e216e584b936' }, index.h("ifx-icon", { key: '3772eee98874396a99c81f8b7f4d34b8f0b6a074', class: "check__icon", icon: "check16" })), index.h("span", { key: '0ddafc8dbfaaba36aa80cdfeae3b699b126642d6' }, "Header section")), index.h("li", { key: '93da4eea49cf435df42b21974169ac4bb169d308' }, index.h("span", { key: '73e696ed0f0e6c294682e9c0f394ecffb4e03c38' }, index.h("ifx-icon", { key: '0194b5f13ff615d562ed6258526e2dfdd40b163c', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f518a24fd2c64e66acd18623f546e45873703ba5' }, "Menu Item Divider")), index.h("li", { key: '66a2b4c15055a8a36059154d95ed602ee50750e4' }, index.h("span", { key: 'edfdbbded159db0caf184c09487812759d953a9a' }, index.h("ifx-icon", { key: 'd40eb271a9832c78c80978582af42bb8fe54a62a', class: "check__icon", icon: "check16" })), index.h("span", { key: '782ee08ef5dc03f8a4493fb4c1ee513a2c70ccf1' }, "Icon incorporated")), index.h("li", { key: 'fbb55df01efa2ef00c808c5dc7b436f9ab60cc9d' }, index.h("span", { key: '376f7ea360e4a51f89ceb42397f47a23c701355b' }, index.h("ifx-icon", { key: '149fcb1d65236fb2be3a1a10d028862236b151db', class: "check__icon", icon: "check16" })), index.h("span", { key: '85967ba8dd7cfe030410d8837ab33bd484f4e34b' }, "Extended customization and configurations")), index.h("li", { key: '135171b4d951e55dd93dbfc175da1be1b7e94cbb' }, index.h("span", { key: '94d720902dcd95f313751b2108b7d081282ab871' }, index.h("ifx-icon", { key: '65b55164b2f6752ae9c2e687571bf559f7e79046', class: "check__icon", icon: "check16" })), index.h("span", { key: '1c862ef234dd702fee978a19776ba8266a01d3e6' }, "Separate label trigger")), index.h("li", { key: '244539ceed65b3588baf5dc4667ed54a51b36aac' }, index.h("span", { key: '98b0e93e2a1ec8d45b00799a7a97cefa68270d01' }, index.h("ifx-icon", { key: '3b2a20bf0433bd24b9ccde53835e5fec1159492a', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b55a59282c2efaba704eda99ac71f9652ff8aad3' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'e08f4e54634531a60b5584bbb981bb386ec805d9' })), index.h("tr", { key: '872340cb96e00ba85209ac9567a46641f914eda2' }, index.h("td", { key: 'e1f51782bc3db4cb43c5ec2a28919e78ceec914d', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '7f13a2b0a31e1bd61b6ee7f1d7c008781d6ddb57', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-error-page--development", size: "s", variant: "bold" }, "Error Page")), index.h("td", { key: '34f281ff02abe9032536ee05666ab15cd8d161e7' }, index.h("ul", { key: 'b3d10c3a8fad5262f635664f57e361de12f39b5b' }, index.h("li", { key: 'f18f021cdc448e4e88a07abe68817d8c680e4bce' }, index.h("span", { key: 'a4f5efe3fb14ecfece03bbbe41bbe3c4f1a50d21' }, index.h("ifx-icon", { key: '7a1c4286e390d4ca63a4ba6dc809be0bb5474476', class: "check__icon", icon: "check16" })), index.h("span", { key: '2b6a7824fcf775e2b964bce61ee6f166c726c8f1' }, "Informs users that the requested content can\u2019t be displayed (e.g., access restricted, not found, service unavailable, maintenance underway)")))), index.h("td", { key: '4f88a2a9a9b28f33ffcdcc93d4ef6505644781db' }), index.h("td", { key: 'ab9973fef7b0c34a8875f7434eb3f1ebad52fc3e' })), index.h("tr", { key: 'dd4927e69c8cba280965a92a1e23fcc9416ae6f4' }, index.h("td", { key: '8caee47cbb134701e9bc21c6e72cb11b7d997728', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '0304a7efc2b937864a2ba63856c09dd0fd688a9d', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-file-upload--development", size: "s", variant: "bold" }, "File Upload")), index.h("td", { key: '99b409e102e5b120fc1c4002713f109a4a403e7b' }, index.h("ul", { key: '32f06217e3ec6188cc5bc0262ab2fc2ef544b35c' }, index.h("li", { key: 'aaf21da04c51f40d326aca483edc0b633e5d60fd' }, index.h("span", { key: '864df044e530da35883d1a6a2e0247b3cbda2f2f' }, index.h("ifx-icon", { key: '3c9f89a7e1ffc6835be5a44451b4c78468e9319b', class: "check__icon", icon: "check16" })), index.h("span", { key: '045eba8666d59e846bdcc124a635c300a667930c' }, "Provides a clear and interactive interface for users to transfer files from their devices to a web application")), index.h("li", { key: '5f60a0be460e5e17278f2abfc5136a3a6dfdda35' }, index.h("span", { key: 'dc8ade418fb23d3bf6ad5ceb63618e425dc298ad' }, index.h("ifx-icon", { key: '24d5b123c4d469d4f7f01dc2ae79c9861fbba522', class: "check__icon", icon: "check16" })), index.h("span", { key: 'cad89b18b450b406772594bb57a5f62a58282cbb' }, "Supports manual file selection and drag-drop interactions")), index.h("li", { key: 'f8cc16325beb7139b512be54d8fe7a014e2afa23' }, index.h("span", { key: 'e4a61659c73d53084023d3286f4e4a3d3eb6d20c' }, index.h("ifx-icon", { key: '84bdd08f5444becdfdb6ebab345d436ca5e7a0bc', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd5d3bfab63a05fbbf2cc8cbc035f9ff9b0ad2d53' }, "Offers real-time feedback on upload progress and status, file type validation, and customizable upload buttons")), index.h("li", { key: 'ce357d608064c802e4c6be1902ee058ccb8f9aa6' }, index.h("span", { key: '975c5bb1cc5f80e6c3f334f6bb92137503f54a99' }, index.h("ifx-icon", { key: '0362fb4acba50828bfa596ba479a0cf3c42192f6', class: "check__icon", icon: "check16" })), index.h("span", { key: '255ce418ab654725af75ea1f5b7d23b6a5f7fdf4' }, "React, Vue and Angular wrapper integration")), index.h("li", { key: 'b72feeab205f3cf86d14a94610e2dd0d5d05b48b' }, index.h("span", { key: 'b2adb8b91316ab78adab372a47967c05dec6de37' }, index.h("ifx-icon", { key: '686476924fa490f71f87c0d44baba44ffeb4b2e7', class: "check__icon", icon: "check16" })), index.h("span", { key: '689f5684c8321090f2ea115eb3e2b20dcf485aed' }, "Adheres to web standards")))), index.h("td", { key: 'cde9e997180224445b85c8c15d134d111fe3c795' }), index.h("td", { key: '628c766bba732f5c8b267155ea2728e149ab1474' })), index.h("tr", { key: '963d473f2c9161bc2d047e76cb0297c92d00c9f0' }, index.h("td", { key: '36888b2f47f85928f0c682ab3bcfef366a343a6a', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '0131281355f13302b04d50f14f5c83a7efaa9733', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-footer--development", size: "s", variant: "bold" }, "Footer")), index.h("td", { key: '06a32d27e810437921b18abd7564bb67f7ef59f3' }, index.h("ul", { key: '7e5b9ccafed33d1fca249d7b44fbb712463cb78b' }, index.h("li", { key: 'ca54b7ec516388abbeb2a7289c416cf2da265e4a' }, index.h("span", { key: 'e595df58949063d3b9f3d3755da721de7dc8eb55' }, index.h("ifx-icon", { key: '4643b7e22b55d188196a2f8e32c64aa0d7fd1a20', class: "check__icon", icon: "check16" })), index.h("span", { key: '11923533e78a0fadf6f7e4af0b79f021f79117a2' }, "Provides a standardized and customizable way to display essential information, navigation links, and branding at the bottom of web pages or application interfaces")), index.h("li", { key: 'c54e5aadffe25e16a7a1818beea85e2c91b167be' }, index.h("span", { key: '3a9e080531e9cbf3c367392bf28b49f2a4cb0330' }, index.h("ifx-icon", { key: '30444784d180e3b26eba5fb2b63a1ade59ca596d', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a5839abdc578ade39fe6a5599ab6195fe8a52a8f' }, "Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information")), index.h("li", { key: 'cd0d0fbc57f5f4efb9284dd7b25a49bf3b2efe8e' }, index.h("span", { key: 'e269bc4644420089cf5f21efae87671a4a147fa2' }, index.h("ifx-icon", { key: '4ae5dd40bebd7a24072904fe3f63fd628371d23d', class: "check__icon", icon: "check16" })), index.h("span", { key: 'dd50b68f5eae40101d522124c20fccda6b9537be' }, "Adheres to web standards")))), index.h("td", { key: 'f827b3a6480e10c9976f8448e99b0d161a9ecfeb' }, index.h("ul", { key: '6a7ed99ab417ba5830068c9a674e9d34829bb1be' }, index.h("li", { key: '0eaf446a98856269ff11e25c34509f7ab1d92654' }, index.h("span", { key: 'a0c9d46f85eb5f5cef09a1e29d18090313d87419' }, index.h("ifx-icon", { key: '541c50a5a1d209299cd1d3a499b5ab84763c0f74', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f6f5519fea90e7143ea2d2d3cedcc570eecbbf6f' }, "Small, Medium and Large variants")), index.h("li", { key: '0afbd4919a5324d1716cb1ee5285dd72566aa7f6' }, index.h("span", { key: '47e08fd5de494ea2b10386c96ba58f986a8f9814' }, index.h("ifx-icon", { key: '1fbac70eefd6c8f4f1d2779bd9ed4a2d76c4040b', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a1b1ad6bce911fd732cbcc45365109e66e3dca5f' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'f66dd55461838089a607db0fab003990c4d95b7f' }, index.h("ul", { key: '3f0b654577899fc7cd724ee73abe2268934004fe' }, index.h("li", { key: '701e4a77b1b91ae94eaaac2adf550a9e270237d4' }, index.h("span", { key: 'f6d74419ba323cbf49c6580208d586dca3691ed9' }, index.h("ifx-icon", { key: '4c3ab22c5de5f3ff158a88cfc5d74f143f40daa6', class: "check__icon", icon: "check16" })), index.h("span", { key: '9c7f54d4fee16af95ef8f582b6179c0d89b63199' }, "Customizable and removable links"))))), index.h("tr", { key: '54e3d03b9b028d689db8df787bd2765c9bcb1816' }, index.h("td", { key: 'e54750d9addcb0ee8d5271c18df0cd49d5a81ee7', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'b33ea52ed545101e522a1ece9b8e529c0c45e4df', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-icon--development", size: "s", variant: "bold" }, "Icon")), index.h("td", { key: '02ac21ce853c929a5db7c19319c740a3ed255fc5' }, index.h("ul", { key: '143dd6624c0e1d0a13ca8bdfb139e9e04c765214' }, index.h("li", { key: 'cbabb2f1f205257ebf228ec88a8985a4beb75234' }, index.h("span", { key: '86f6261677e9d526d03ad702f57d09c17bdffb8a' }, index.h("ifx-icon", { key: 'f7d98a1f9f5522a32db92372db9e307901f04571', class: "check__icon", icon: "check16" })), index.h("span", { key: '01c5758ae6711c3254b623b310b580f5bc7616c3' }, "Offers a wide range of iconography options, allowing developers to easily incorporate symbols, glyphs, or visual indicators to enhance the user interface and convey information or actions effectively")))), index.h("td", { key: 'fa7bddfa1811f356ab4db330c9537a468c91af01' }, index.h("ul", { key: 'cec3d27e1d1bde8362b3e125071b387a559370ae' }, index.h("li", { key: '9c53d2d3ecdbdb80209aa32090ce5d29877d6f94' }, index.h("span", { key: 'c593fbab01d6262911260b6e1f68fe54ba85c73b' }, index.h("ifx-icon", { key: '1e4e1770e893a26b44cd7be9ae06302e95875bdd', class: "check__icon", icon: "check16" })), index.h("span", { key: '330472e8bc6f69750afe7d223fd6e3fdd18cf980' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '0defa68c28e96d1a3e356bde07825dcb42c04473' })), index.h("tr", { key: '804d5ce7958cd388ebf7f6fab1ae59031cf50b44' }, index.h("td", { key: 'dab50bfb9ab4086f997dc88c077bbcb4bdd8b4db', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'fe03e3182bcd47e74d7d45c2053ded53042d0976', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-icon-button--development", size: "s", variant: "bold" }, "Icon Button")), index.h("td", { key: '83b136eaf07cf27b8bbfbdbb80aa29dbe1183103' }, index.h("ul", { key: 'df50cfdb30fbfca3cab72c478cec64e01b481236' }, index.h("li", { key: '58236e591bd9fd8a9f88fe3416f596fd439294a6' }, index.h("span", { key: 'bd0f3f1dabeea1ddfb23461b75f6ad09f7236503' }, index.h("ifx-icon", { key: '5a9644367fa03348a11235ed680415f005b65f22', class: "check__icon", icon: "check16" })), index.h("span", { key: '2d13d45f4fbc94fcb362dc6dcb8cb9b09713f427' }, "Offers a compact and interactive icon-based button element")), index.h("li", { key: 'de900d7a6abf3be67bf72c2c1cd81eef6bceb9e4' }, index.h("span", { key: 'f62c5b764eee380bce706b91700def14f1fbbf55' }, index.h("ifx-icon", { key: 'd092f0883eddfb90a8ad414e5c355f476c52d3de', class: "check__icon", icon: "check16" })), index.h("span", { key: 'c551fe7ac0fc647600737f3b153c3ee228d01b41' }, "Provides a limited scope of customization")), index.h("li", { key: 'bad93f4f3496d32b808687edfe76efd4e1ca81d7' }, index.h("span", { key: '3edcc86992ecb815185cc6d9d8fcac6e33def937' }, index.h("ifx-icon", { key: 'afc80accc9a730406e60def61b0de39722422016', class: "check__icon", icon: "check16" })), index.h("span", { key: '5f1699190d5ea5b822401279dfee2f2c8c6ee902' }, "Adheres to web standards")))), index.h("td", { key: '33e1caf9c93c98dae8bb2d2ffa8f340c1b3b7e45' }, index.h("ul", { key: '435ecd97f457bb2933ff7c39151956d5444e2732' }, index.h("li", { key: '835f1293780bad2fe68d6f602471bc182ce4cb7b' }, index.h("span", { key: '7f542af016fd8c03a3dc179d20945fef172528ff' }, index.h("ifx-icon", { key: '13bbaecad1c0aa169371cf49a70d7682b9974abc', class: "check__icon", icon: "check16" })), index.h("span", { key: '70cd0c9298c1a9017a7756725adc785f9d9e3051' }, "Additional Round and Square shape variants")), index.h("li", { key: '33570a1903230f75fe0aab03d9a2edb8dc6ad9dc' }, index.h("span", { key: '22dd27ff838d84df77e16b0c0759c90a2b6dccd7' }, index.h("ifx-icon", { key: 'b176d85a5b32e920dba37ec5d815432c0dbec276', class: "check__icon", icon: "check16" })), index.h("span", { key: '3475aa0dd55774ac9257221623e65e498e9edf38' }, "Small, Medium and Large size")), index.h("li", { key: 'cca856d95b0245d497ece4456e44c316277ea0a3' }, index.h("span", { key: '43e81c097f9059c6e7b0538407f934aeb7b0da42' }, index.h("ifx-icon", { key: '1d5151be3db7d34e8f858384e386f12ad3fd858d', class: "check__icon", icon: "check16" })), index.h("span", { key: '9e7aee061929a27b1d9cb1f02477269d5e7bbb3e' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '26a0b0fc399c23dbf8d2f9ed809582baa2d2b707' })), index.h("tr", { key: '2c210fa08ccfd3cc9515be7404091692b52b1c6e' }, index.h("td", { key: '8bc71029946edff98297fa87fd6db544cfa950bf', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '965d920d6cffc7ca30f52d6f158bf47e74350f59', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-indicator--development", size: "s", variant: "bold" }, "Indicator")), index.h("td", { key: 'e93d8d64277b42eba1157a849d5c39c6be95bfb7' }, index.h("ul", { key: '6807cd2f90c161f485fff395b0dffba3ebc62f3c' }, index.h("li", { key: '1f7be327f5090e0efa199d61209f448ccc012f7c' }, index.h("span", { key: 'daabb708dd02a3e1c1cb3fba719702039e33f2ec' }, index.h("ifx-icon", { key: '1ef24d1cb197fb4379406907123abad9d0179cf9', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f27d8ca0ea52c3758a36cc837daaed80574d08f4' }, "Provides a compact and configurable display for showcasing numeric data or dot indicator")), index.h("li", { key: '527eb973418fa6e91f581c99aaf9656f8f02ce35' }, index.h("span", { key: 'a16aff24881339071484e7198fae8731bd2545bd' }, index.h("ifx-icon", { key: '6462509f3115f76e626d9a2297800ce471a02e09', class: "check__icon", icon: "check16" })), index.h("span", { key: '4c366bc2ad5f7e421942a4e3a8f1ccf699547c74' }, "Adheres to web standards")))), index.h("td", { key: '9e8ea334010bdbf6d24a32df98d4545468a19f70' }, index.h("ul", { key: '013fb439ca3baf0574d4ee65acd9e59b7bcbc47d' }, index.h("li", { key: '15738c96ea825076b816cd198c8a39e38964ca45' }, index.h("span", { key: '26f81d341605040f06ac7e23d03385f02b6d1d95' }, index.h("ifx-icon", { key: 'de924a9fc3e99a7ac46b0183b0bf527be57ab97e', class: "check__icon", icon: "check16" })), index.h("span", { key: '31c3e518ed9857384359a7d43fda0908c30ec3f8' }, "Inverted option")), index.h("li", { key: '13854137e052dd7bcb8b95671d2c7558a8d8ac79' }, index.h("span", { key: 'd651243322702c987569427fbfa10d292c11c605' }, index.h("ifx-icon", { key: 'a2b9bd755dbe47294947186b8392780b28f32c8a', class: "check__icon", icon: "check16" })), index.h("span", { key: '763dc0111b207f71b4abdfa199d885a3724fd280' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '8cfca9a1f226c2491498eb9d8dc366c185b0f797' })), index.h("tr", { key: 'a2bd8bd171a85092a6ace8579ed3660958b1092f' }, index.h("td", { key: 'f60b55e59052927217e749ca2fa4db99f91e1764', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '3bd307b3fda281214a16c146ddf57621d0b5910b', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-link--development", size: "s", variant: "bold" }, "Link")), index.h("td", { key: '982724e5644c1653ec8fb84f603d25962f2f6d20' }, index.h("ul", { key: '0813bcbc188d41a261803109f8532ee293647b01' }, index.h("li", { key: '8ada2cef5ea70918ec5f773f5450548d69fc3721' }, index.h("span", { key: '90319697c7541d24d9a1637c3152006d41fd9898' }, index.h("ifx-icon", { key: '2a47010912c560155bcf2bef74b24f78802d486f', class: "check__icon", icon: "check16" })), index.h("span", { key: '8ac8bd4252373f9d96f0558348ec602d3173f444' }, "Provides a flexible and customizable element for creating hyperlinks within a web application")), index.h("li", { key: '689467d32fe442d24d0eae63c76919cce338996b' }, index.h("span", { key: '2e9a96f8223d3a883470e7e25c56bb0f0e3e8d9e' }, index.h("ifx-icon", { key: 'c6892c656cf1babf4e30af3735eabe9cc3a4b67e', class: "check__icon", icon: "check16" })), index.h("span", { key: '73e911965a7b3fa22982244811bba2fc979624c6' }, "Offers essential functionality for defining clickable text or elements")), index.h("li", { key: '8c390ba0f2dbc0882655636156893e455e50d58e' }, index.h("span", { key: '90983729daaff0dfc6e0600e6cec33051eac03ea' }, index.h("ifx-icon", { key: 'c2e3d5c1f09358915fbf85a8ef679965d13955c9', class: "check__icon", icon: "check16" })), index.h("span", { key: '1dda014362aef5248802a17484f6fc64cfcf4dd2' }, "Adheres to web standards")))), index.h("td", { key: 'f049210a95efa76fb585355bad4d3e0352105139' }, index.h("ul", { key: '68fd67570e7448b635341cda0313f8c7caf456fe' }, index.h("li", { key: '60eefb83f532633881958d3e9e689f68a39a9662' }, index.h("span", { key: '6af3caf84d8714898d4e0219f0429d65b27e3f25' }, index.h("ifx-icon", { key: '65d557bb9b8d2feca76941dbd81776356c665779', class: "check__icon", icon: "check16" })), index.h("span", { key: '2284d901cd6664e2416a59910a484cec6d0cd0cf' }, "Small, Medium, Large, Extra Large size variants")), index.h("li", { key: 'f0de8641e5be650493aaa8c16992b4d6e443957f' }, index.h("span", { key: 'fedc8927b30dc4868d5a1944bb2e12edefb8d03b' }, index.h("ifx-icon", { key: '894cc0fc0f3cc264b0ffa1060553850b8a1854a8', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f88121bbdfec6f30df705eed344766ce134cd965' }, "Icon incorporated")), index.h("li", { key: 'b1dbb6495e0409a7ffe211094e9a9b2e8d66bccd' }, index.h("span", { key: '1ba0dbf15aacf395c40b99247993ec19434af6cf' }, index.h("ifx-icon", { key: 'b5b51f4d9bd462ba8f2077947e958d91f1bf0c08', class: "check__icon", icon: "check16" })), index.h("span", { key: '67598520057f368d41bd9e8eb95c603a8a63de22' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'bd44d61a79d73a3f6b2c7a43cafde2d8b02168a5' }, index.h("ul", { key: '315bf9405c04ddcc87639197a42cee9fe43e0e5d' }, index.h("li", { key: '6b69feccac632c952ec1bffdbf6adf585f66e2ac' }, index.h("span", { key: 'bc8bac4034a57a6ed3ed319f5cb5e0262232b4a0' }, index.h("ifx-icon", { key: '17106a237ce3a49f208114c8b6f68831467aefcd', class: "check__icon", icon: "check16" })), index.h("span", { key: '6ecfe78963734c46036ae8ddc394cc37841c54a7' }, "Bold, Underlined, Title, Menu state variants"))))), index.h("tr", { key: '1586ab60eaf9f0a90396e42645a5edaba652db30' }, index.h("td", { key: 'fd7398cf7970ac02a7adbd70d430894eda66c0d3', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '6a1939d6e9b5f8fab77d22857a5097329f35bdcc', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-list--development", size: "s", variant: "bold" }, "List")), index.h("td", { key: 'd43b403092259d07741e232f98d775fef21e5ba1' }, index.h("ul", { key: 'dec9c79116a5564ad06486b89b1085a1606905b0' }, index.h("li", { key: 'f6dcff27ce033cc9407044c01d7f55dc2e7ecd1d' }, index.h("span", { key: '4d3bf9881f41ca16a85d5a5e81643b055ba54e86' }, index.h("ifx-icon", { key: 'd6f6d98c8da5b9b4d174df4697d931159996137b', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f82dd73d1cddaabe426c8b5a3a0ec9da1011fc4e' }, "Displays a scannable collection of related items in a consistent order")), index.h("li", { key: '434e571f0a2df501c7b772ff3c85abe3285fb063' }, index.h("span", { key: '4a8c2af196050ca28f8f6d8b8db577e344818adf' }, index.h("ifx-icon", { key: '8410fcf63a9bedc2477059d3bd3e94634c0e40d4', class: "check__icon", icon: "check16" })), index.h("span", { key: '986339d866580167a66e9bbede657a36a926aa2f' }, "Supports leading/trailing content plus title and description to keep mixed content aligned")))), index.h("td", { key: 'c6fd5fedb04cab42439bde78ad2f970ae16152fa' }), index.h("td", { key: '3a46ce7d87ee0fcf1d9dcb8e615e52837cb7417f' })), index.h("tr", { key: '8290276608c64d2ed398fa1717038a698a83f941' }, index.h("td", { key: 'd224155eb4ae9c6543fa5ddde8a75870a2b4fe44', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '40f0d25d01d69e7db554dc08af984e4d4fc9efb1', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-modal--development", size: "s", variant: "bold" }, "Modal")), index.h("td", { key: 'c3929f5d6e0580489a0a801471626f1cd57e5014' }, index.h("ul", { key: 'a44b688ed8ec4ef5a0339ba9ec94ec72ce9d2f9b' }, index.h("li", { key: '8b995fd7be8d2eee3575fff9fd158ef64712d9dd' }, index.h("span", { key: '94ae49c1463091a5f6e6d40610dff64cda912cd0' }, index.h("ifx-icon", { key: '6921f0c1529d268839b0124eaa366770229ed060', class: "check__icon", icon: "check16" })), index.h("span", { key: '977934bc3013d029755cd40eae6f9fc98b50663b' }, "Provides a customizable modal window, typically used for displaying contextual information, user interactions, or additional content without navigating away from the current context")), index.h("li", { key: 'e7d9620052d1a2f29b012015045a012e0f07d213' }, index.h("span", { key: '507927160872ee50d03922c0ae688c2bea9e6335' }, index.h("ifx-icon", { key: '292454fc1e444b96f98e2089f1c408feb32a6a40', class: "check__icon", icon: "check16" })), index.h("span", { key: '0454f1008f2f7492a409f4dac608ef0b05c2267e' }, "Adheres to webstandards")))), index.h("td", { key: '4c36ff649e15752c2ba4e281adc26f656123ca94' }, index.h("ul", { key: '4ef0394386428621ba607d1de188e27ede47e97b' }, index.h("li", { key: '9c77044e9a85d2ac9484d20c656d0787cabec985' }, index.h("span", { key: 'c1bb4118794f1f275a138d9b14a56203e0efe459' }, index.h("ifx-icon", { key: '76df3eeb048c54a9acea1f97349df41677d14248', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f26439d77c207832b73e0781243ca15657d82dd8' }, "Alert-brand and Alert-danger theme variants")), index.h("li", { key: 'a12f75bd7ffcaf8196c83498d94bb33f4b618fb6' }, index.h("span", { key: '409036d75103546d6db487171b94334a2646cd19' }, index.h("ifx-icon", { key: '5e80d05701265b6f9b3475c4dcd7ba7652f80429', class: "check__icon", icon: "check16" })), index.h("span", { key: 'cf3d5fb9c468ca6cb83a29a075f409257f1f4119' }, "Extended customization")), index.h("li", { key: '20ad7ee03f2073e9e5d78bbe3888c3b5799f100e' }, index.h("span", { key: 'cfe10c0cb5f2c95df9d4ac9654bf203b7aab1905' }, index.h("ifx-icon", { key: '4d0184fd82b20884c0d4f90a3b364ab2468f3c9b', class: "check__icon", icon: "check16" })), index.h("span", { key: '14882e0ef8991e04393fe0b6356df3e8c0037d8b' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'c9f0027269cf70a5ceddbdf32379d0b09b01bcef' }, index.h("ul", { key: '31d141773c71d25abed91934700c4f1d92426621' }, index.h("li", { key: '008406aaf96cddaa03ef2583ed160d117f539eb8' }, index.h("span", { key: '6fc383b52477e65486b1d87e507e150b139e4f7c' }, index.h("ifx-icon", { key: '96aac1f7201f294e8fcf54b02cce19b9fa7d8209', class: "check__icon", icon: "check16" })), index.h("span", { key: '3053001782dfcc627d9ad609ceecf322b00d3228' }, "Removable close button"))))), index.h("tr", { key: '569522de9a3e1dbe6737510afcfb5019f264b621' }, index.h("td", { key: '52bb127266a3e0d83b5a444140e72386b7ff7a28', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '9785011efa6042744206968f6f12317b213a4bb0', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-select-multi-select--development", size: "s", variant: "bold" }, "Multi Select")), index.h("td", { key: 'bc8fe978eaa5ccd2e732dfa6734b6eb8d8e43e78' }, index.h("ul", { key: 'cdadc3e2db1ac5994c88843a4371e21c82a9f3fa' }, index.h("li", { key: '8a3b4562dcdb580072e4064a2cd05fa037bc0024' }, index.h("span", { key: '82bde9654e98313528a0281944b911fa9394dce2' }, index.h("ifx-icon", { key: '7327cd0d8e1c57a5b5ddc8ff034b06a2db5aa79b', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a9317a32321a9cf3f82b668c928222dda1c9d93d' }, "Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options")), index.h("li", { key: '99cfec02f85d30784c654c2ab10c55667f4cf8b3' }, index.h("span", { key: 'f9c1256a9c1d5f155cecc3e18acc3dd7fef36682' }, index.h("ifx-icon", { key: '944d13e97f6ee674c5a8096e8ff6421f82527b24', class: "check__icon", icon: "check16" })), index.h("span", { key: '0eae797e710daad03a97a902b9ca6d049e79ca9c' }, "Adheres to web standards")))), index.h("td", { key: 'cb8a82429487cd03d005d74f28014b6b9ac17b3f' }, index.h("ul", { key: 'a5652c3e6672510ddfce73cd780112c08d424315' }, index.h("li", { key: '3dd8e88e3a80aa7883eddf39b9a41c0710b6588b' }, index.h("span", { key: '4befff6f22bae0288cedc03584ca326acd3240e8' }, index.h("ifx-icon", { key: '8e0e53901054b1b70083a115a5344ff419627910', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd7c9826bd08df2fe9e9b1b6c0218dd992f896b18' }, "Extended customization")), index.h("li", { key: 'ecf825757189a09733c2defb25e3b64906e1a724' }, index.h("span", { key: '92e43e04bbba7d3fe677a9c8cef0e986c53f7992' }, index.h("ifx-icon", { key: 'ca4559f0ca484f7ac46733a62e4a83ac73679eb6', class: "check__icon", icon: "check16" })), index.h("span", { key: '5b66a3e640f45a2b028c22ae63b3aeed691c2144' }, "Nestable options")), index.h("li", { key: '098954f64fb24df76e92013d9e0fa0d7d5b160bf' }, index.h("span", { key: 'dae12bf6fe8d3425ae01cf57c088039c9eabd069' }, index.h("ifx-icon", { key: '34e1010aea6f6568ce44ee64cadd1c2680169067', class: "check__icon", icon: "check16" })), index.h("span", { key: '1b2721f56938b927dc338e176e0d25bbcc151354' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'eb71a5c9e5cf8ca39a9124ae53e171556d67ff0f' }, index.h("ul", { key: 'de64f7105d9f01678ef67616eee8d7b9447f1a32' }, index.h("li", { key: 'ee826fffc92ab6702ef76f7767ccdc9ea5497672' }, index.h("span", { key: '536361ed99afb09e4543136211c1e37e8ec37a8d' }, index.h("ifx-icon", { key: 'fe76839506e92d923417c1edf64cb2e0b4a3e42b', class: "check__icon", icon: "check16" })), index.h("span", { key: '778896823900ea6246a6bb03f2271ef409b42d5f' }, "Option to enable and disable the search"))))), index.h("tr", { key: '73fc3183ccfa8e53b4dc0e533ea1eba358a26ff1' }, index.h("td", { key: 'f8cc66878c19b6197f6fc6cf892af68670fdd943', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '4a99c54c5d16915c0fef21dcfa710ea4a1239ff9', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-navigation-navbar--development", size: "s", variant: "bold" }, "Navbar")), index.h("td", { key: '85f271057ae856203bb3edb7bd3997ac22652aac' }, index.h("ul", { key: '09f0eba528ca10d974204c67ff641b61284b006e' }, index.h("li", { key: '181f7619fdcc62fce9de1d97f175beba0861022d' }, index.h("span", { key: 'e09b09994f7d245bf59139f59c3ec5aebd8c3854' }, index.h("ifx-icon", { key: '2a658fd8d5b7d03d43f34e6060ba28bfd345e1ae', class: "check__icon", icon: "check16" })), index.h("span", { key: 'cdcfa33b6a38aa8446e4f34ae49b8d67a8193f44' }, "Provides a standardized and customizable navigation bar for organizing and presenting essential links, menus, branding, and interactive elements within a web application")), index.h("li", { key: '6711a1e22bdcfb24144b1a0cd514af0bed8095f8' }, index.h("span", { key: 'b37b48a13b6ab35a71e960a270784d8c490e0fba' }, index.h("ifx-icon", { key: '01948333d3ddf5a0c3161c911bf7667a746e1dd9', class: "check__icon", icon: "check16" })), index.h("span", { key: '722e753bf19d3a814d9860fb8ab08f5d85889f83' }, "Adheres to web stadards")))), index.h("td", { key: 'af8e505b5f69b832f3e768abb77a998cba6137fb' }, index.h("ul", { key: 'a7a6397eb372ffaae17048b1b6e21bb79138427d' }, index.h("li", { key: '3b6024c53ae3832f59aec6334ad3a48bacfb4c8d' }, index.h("span", { key: 'c619f9b7287da167dcbf03b7de65956654f38f9e' }, index.h("ifx-icon", { key: '82b91198543e26b3c69411b576a328782c18c3ce', class: "check__icon", icon: "check16" })), index.h("span", { key: '10948fb0ddfc6df93feb8de1292751bbf371811a' }, "Navbar-profile component")), index.h("li", { key: '57976dcf0c19d95c60fadf3a7322ada90a087a10' }, index.h("span", { key: '182c1af89d8f69ac94229d8b3070aaf8bf40ebc1' }, index.h("ifx-icon", { key: 'e0ecb0ea20304b4a640bdd30130cc513ce641311', class: "check__icon", icon: "check16" })), index.h("span", { key: 'fffd364bf5d9f30f62626e414f7c82a13d642a17' }, "Mobile Responsiveness")), index.h("li", { key: '964b14f5917102277ac4d0cb22a860f26fc011c6' }, index.h("span", { key: 'a8742f929d92e98eedced14efcee9d82c0ccae52' }, index.h("ifx-icon", { key: '55eab5a36d0d9a200ad8a6a736a2df5f04a4ca91', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a2da81596708412eb08faab9c8b041c87d476e53' }, "Mobile Sidebar")), index.h("li", { key: '367498a6346c1c429bd075351cf303860071fc74' }, index.h("span", { key: '07e85f87f9f0fbd8febb789e0d578ed81067e07c' }, index.h("ifx-icon", { key: '1a9709bf17411f60fd40dd4f2fb4d126df12eebb', class: "check__icon", icon: "check16" })), index.h("span", { key: 'dad5ea30611f731575dd15fdff3137861edda9a5' }, "Extended customization")), index.h("li", { key: '94df2ef1f0e7b12a429a7740103f764f455439dc' }, index.h("span", { key: '58da21221c8cbc245dcf151dfc25965c12ac24d0' }, index.h("ifx-icon", { key: '7f6b4a6e7a40073e152fd4357cd7e62802b5a57c', class: "check__icon", icon: "check16" })), index.h("span", { key: '052ab9cc3a070c0d62f931bf52a7ff35a939395d' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'b37318bb541dc2b7aa7bd83c2191fc853b1142ba' })), index.h("tr", { key: '0862cfeff7bab49f557d80b4813028b0a9a8c542' }, index.h("td", { key: '6961e719ff11045323299fa909820d176796df89', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '3292dc2684a083e1b5b9defba7f38421852a3468', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-notification--development", size: "s", variant: "bold" }, "Notification")), index.h("td", { key: '2c4d5c4a3c411a63e93e0c114caecd3677f92606' }, index.h("ul", { key: '819de9021b324df87d62a651fbc9632df86ba2a9' }, index.h("li", { key: 'e42b630a31646171cc2253202992cbcbf05f9eec' }, index.h("span", { key: '1e1a24f6d26a69f7f7d828ae88d754f51c0c1f9d' }, index.h("ifx-icon", { key: '693025bd71026c9beacd26bb3e7c7ed754c92207', class: "check__icon", icon: "check16" })), index.h("span", { key: '55577d5cafa46448de3eb65831a94c67978e093b' }, "Offers a flexible and visually distinct container for presenting informative, warning, or error messages to users, enhancing the overall user experience with timely and relevant feedback")), index.h("li", { key: 'b0299a52fb4069f431a72aae9b8df3e975c43dee' }, index.h("span", { key: 'f97d625ec97539365e41213be68f7405bb2eebfb' }, index.h("ifx-icon", { key: '7003228b29cd1b1cfaa37223c6b9660c77aabeba', class: "check__icon", icon: "check16" })), index.h("span", { key: '81e19ed58852f39fe72453114bf3fff6deaecb32' }, "Adheres to web standards")))), index.h("td", { key: '90fde13cdc32bac8329eda2fe479eb4c5ac6d690' }), index.h("td", { key: '9038f9ceee7016e1ec7f383ddbae30112d76e3b1' })), index.h("tr", { key: '9a92637e9fd66c7d2327f1489bd282b50489b719' }, index.h("td", { key: '83a49ac7a4e34ceeba4c4f957ea86cb52de3d37d', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '26f5a3ff029cbb4b46b3effab756f79b5b8180c1', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-pagination--development", size: "s", variant: "bold" }, "Pagination")), index.h("td", { key: '44fc610d86e803d922a51a355315175605d635fe' }, index.h("ul", { key: '124e82e3f2efa88985d809db29dadcbb31895155' }, index.h("li", { key: '5d11b38cc6dbee0ad1a13652d59e8f8dce3ecef0' }, index.h("span", { key: '3529b8b6b90f6b74eccd577660b52f9731399d7b' }, index.h("ifx-icon", { key: '3b9cd6e0304ea7785dd162d9643f764d11a045d1', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b7a84909232e757248811587b1ff87d17fb035f9' }, "Offers a configurable set of controls for navigating through sequential pages of content, typically used for displaying large datasets or segmented information")), index.h("li", { key: 'cabe2b90a5468c114ba351e7a70a442f2d09337a' }, index.h("span", { key: '12441ac5e62ddee60c07ec1f40db1b13b6e71efa' }, index.h("ifx-icon", { key: '77514bc631a7855bd425a616989c5a4f55c4fbcd', class: "check__icon", icon: "check16" })), index.h("span", { key: '565f9189d892a5fd96918d4bb5e60edb303a554d' }, "Adheres to web standards")))), index.h("td", { key: '257b703ace8268540a5fb1d74509358576040267' }, index.h("ul", { key: '4911f4f86fe394f9610da5f67aa7952803aab077' }, index.h("li", { key: '737d98a40194ace034df19d48508d8a2ee19ccac' }, index.h("span", { key: '00dbbbb3b8af66e7d8ac744cc7dc45375dd825d1' }, index.h("ifx-icon", { key: '6f3181cd899812dcb2f3062a47b8771002273120', class: "check__icon", icon: "check16" })), index.h("span", { key: '5746e1578c158cfa45f880e26754ea3488f4fbac' }, "Extended customization")), index.h("li", { key: 'f7fcb47618c9309764c22f0ca722ce630af6a74a' }, index.h("span", { key: '1127becf047ef283cdfe7e005d847f3b44b7b105' }, index.h("ifx-icon", { key: 'c6336e2a66f13fd2250de61568f5344e17b5ad36', class: "check__icon", icon: "check16" })), index.h("span", { key: '8b61a04328ce5dd30d3c226dccff527400c2b1b9' }, "Configurable Results Per Page option")), index.h("li", { key: '3d9ea289b93d0303c59525bf736987bdc3d8bcdb' }, index.h("span", { key: 'e9021e18a0c38c563de6d8bf499ee78ba7b14b34' }, index.h("ifx-icon", { key: '4316fce0160fd9b3e9bb9ddb2dfce753702115ff', class: "check__icon", icon: "check16" })), index.h("span", { key: 'cd2fe5ff27776042d407a9f6e107f1e8d0c18d94' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'd364a42f6e5bb487ea4bce2fe14a1a1bd69bbd37' })), index.h("tr", { key: '34a18f3c8fa8402ea52454c29c3e80d930de412d' }, index.h("td", { key: '5b6b5e5154f368aeb7bb5a4f71d5e9636f03c03c', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '99b2e6646bb4a4900f6cac0b78440377a4657db0', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-popover--development", size: "s", variant: "bold" }, "Popover")), index.h("td", { key: '02fcbf6881fd64224798b31c804ed1ced326516a' }, index.h("ul", { key: '5f7824ca1727a8d7b32b7aeedb7198172d437817' }, index.h("li", { key: '40a159e3a3e8fd99df4246100c066f35282f34ae' }, index.h("span", { key: '845b22ee78abb2959793cdad781fbf34a621cc01' }, index.h("ifx-icon", { key: '37460c9a61d404bacbabb873bd5bebda68e8228b', class: "check__icon", icon: "check16" })), index.h("span", { key: '3b352dfbace8fb89543af733ecfd3e16334907a5' }, "Provides a contextual overlay for displaying additional information or interactive content anchored to a trigger element")), index.h("li", { key: '0dc80a87eda2295527f3526f917661867ebe2e83' }, index.h("span", { key: 'fddafb3edd42c07971db1f8c77b354343eec36da' }, index.h("ifx-icon", { key: 'c68d0b926b33599f310bf63580bf61a09383132c', class: "check__icon", icon: "check16" })), index.h("span", { key: 'c6dfb4f04b41f0271c46ce6c99d404e3a62cfcf7' }, "Adheres to web standards")))), index.h("td", { key: '41dee08010e05d3a9d540be155b79bddd87a329e' }), index.h("td", { key: '1b387009b36e09ee53ea9cfcdccadd920f20ac5a' })), index.h("tr", { key: '956b5040001b75c4a062f20cc6b1ffcc47fa9554' }, index.h("td", { key: 'e444c195dbce7ebf461dd0e44bd1e1b7ac6b67bb', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '67045897c55a10616440ea9ad0174fb0897e2dcb', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-progress-bar--development", size: "s", variant: "bold" }, "Progress Bar")), index.h("td", { key: '5743e163b4fcb29874f5b8153edca309a52db93b' }, index.h("ul", { key: '654f4816c12e1b0bbc5129c0d091942c6b4279bc' }, index.h("li", { key: '5b988ff1634e49a42d6f7c3b31647f1c03ce87b3' }, index.h("span", { key: '340c36e138d158234921a0d40f100ca0bb60f75e' }, index.h("ifx-icon", { key: '83c8d37d546b2f44c8817b4be0f1722cc96a88b1', class: "check__icon", icon: "check16" })), index.h("span", { key: '397daa286f5c3bca8f627788d66856b292ec39bb' }, "Offers a customizable and dynamic bar that visually represents the advancement of a process, typically used to convey loading status, or task completion")), index.h("li", { key: 'dece151625a659b68bffab8d387b8047900945cb' }, index.h("span", { key: 'a63c26fa931302ebd6309f8ae9caf639acbd33db' }, index.h("ifx-icon", { key: '63cc48ec9e19ef50c69f825b6fd37544b6f49686', class: "check__icon", icon: "check16" })), index.h("span", { key: 'aaed27449e9fe1de5225b48157b63e4cdf241866' }, "Adheres to web standards")))), index.h("td", { key: 'e5cde5ed5dd4540d87e5c696654e913ca287af8a' }, index.h("ul", { key: '0f2a8c86482892c2e789016ce6893d86b70981be' }, index.h("li", { key: 'b575098c17096330fb94428721708d2949c68766' }, index.h("span", { key: 'e729aa652696ffbbe12541fcd1e165e71305fb8d' }, index.h("ifx-icon", { key: 'e65f7601ecaf7635fe7892e885dfc0c1a32d5f46', class: "check__icon", icon: "check16" })), index.h("span", { key: '67123d0c460a708fd07b4cc73da77c359b9762cf' }, "Extended customization")), index.h("li", { key: '1a97d68b9c579f4f5459ae17c8103682eef65261' }, index.h("span", { key: '16058035054cc4b9334b2ab647e384bf62b51b94' }, index.h("ifx-icon", { key: '7fe1cda76200fae8ebb9970acc46568bfdb73f38', class: "check__icon", icon: "check16" })), index.h("span", { key: '8356800755af1d71cc8e235257b965bd325b1748' }, "Show percentage option")), index.h("li", { key: '324d73e71c132fc674512192ccd33b796cb6e015' }, index.h("span", { key: 'b776debc559072b2861c3f5435b494453fdbc4c3' }, index.h("ifx-icon", { key: 'db86459801c97078f99bf4955118559fe610aa94', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a55c8dc27c86e5e98a3647030a272245682fb787' }, "Small and With Label variants included")), index.h("li", { key: '77fc61b39f767eceddd722869d8005d0a34239e5' }, index.h("span", { key: '743a479f4f2cb57b5f530103ddd582f3fda2fbc1' }, index.h("ifx-icon", { key: 'befffb76509d9ebf9115b0ef8e55efa32fa1a7cb', class: "check__icon", icon: "check16" })), index.h("span", { key: '7eb292238fc69f29b61b6810d741edda92efb781' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '1af9a95e8c251f5eb2f1fac82994ee1813cfca89' })), index.h("tr", { key: 'f77ecb03bbd19d4dd38c4a81573aadfda5a85d38' }, index.h("td", { key: '7c9a376d6507d7791456d2752ad06aaa3a2f15ff', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'f20f845e30bc2b08792e537c6e180c3f47735518', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-radio-button--development", size: "s", variant: "bold" }, "Radio Button")), index.h("td", { key: 'e0205fea4cf2d44ab4b53eaa6f772de1de2a62f6' }, index.h("ul", { key: 'c3928f589505cdea4385da380ae30ae77495dc7c' }, index.h("li", { key: '39e7c15004fee4bd9f73afe83533986579de5993' }, index.h("span", { key: '335381fb6e58ac1a077b1d8e3ad2f897eb1dcb41' }, index.h("ifx-icon", { key: '8e8c95b5362f1576e0525a47295a6f6f909b7775', class: "check__icon", icon: "check16" })), index.h("span", { key: '6aef600a46f7352e9785abb5e0655cefce725acc' }, "Offers a customizable radio input, allowing users to make a single selection from a predefined list of options, typically used for multiple-choice selection or exclusive input")), index.h("li", { key: 'd362c912af2843a38102925a1fe4403a6e55d94a' }, index.h("span", { key: 'f1fd31b99d856cfedef919052492e1572a4c409c' }, index.h("ifx-icon", { key: 'f1fa019cf9816a6054f15c5cd0e422df8db13656', class: "check__icon", icon: "check16" })), index.h("span", { key: 'c5e6e2b2fb1d853a28bfc621549e6a05f63b9b5f' }, "Adheres to web standards")))), index.h("td", { key: 'a02d603c6a96a573dba111d441a5aa1441ae6474' }, index.h("ul", { key: '88cf015680935f73cc9c1dc828b1d978f979b277' }, index.h("li", { key: '167b3743affe89d44ef62cae5bbe0dd4eb882fcd' }, index.h("span", { key: 'd7cf0b6a207533c31c8bd347161eb6121df49479' }, index.h("ifx-icon", { key: '0723ece5d3beed73e8dcd75d75572916d4f4a594', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b580d80306d68cc21e63c701b9edf86dbc56b21e' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '2db88526f6ef7991e09b35ad0dff7e76d6d3ce73' })), index.h("tr", { key: '9648c66394d720c404c662aabf79ec07233f6ef1' }, index.h("td", { key: 'fe964d29e50927f0357657e38953a51e5132646f', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'fe5137e676e967a9a6756050c07e12632fc50ace', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-radio-button-group--development", size: "s", variant: "bold" }, "Radio Button Group")), index.h("td", { key: 'a50f2e309068440afa4cb017c8758be26e018b7d' }, index.h("ul", { key: 'be9c0d597801911331ebfd0a34032ab9d903d9e1' }, index.h("li", { key: 'cdc8567ae1f7188ca23aefd605843fbd3587ebe5' }, index.h("span", { key: '8e9db002518351845c4cb84cf80b1435d86334f6' }, index.h("ifx-icon", { key: 'a97d304ce5b31151c3a28ced59b77e1a0787344f', class: "check__icon", icon: "check16" })), index.h("span", { key: '88ea9b53a85e86027a478bfd37e38ac581f95c04' }, "Provides a customizable interface for grouping multiple radio-button inputs")), index.h("li", { key: '2c3cb25faaae97d1c93e3d9c953622e884f6894c' }, index.h("span", { key: 'd564b66e8fe06d80ab00ea1945b584e3e0f8b1f0' }, index.h("ifx-icon", { key: '1aaa57205f57bde65f14574fae1eeba25b104a0f', class: "check__icon", icon: "check16" })), index.h("span", { key: '40bebcc079298905dd634bf6b7dc4398c3772559' }, "Allows users to set and display group label, caption text and caption icon")), index.h("li", { key: '250bb493f3d78e35d93495bcd5721e56da6d130d' }, index.h("span", { key: '1a57b7140243b54095f18b4521500ef8e00e35b6' }, index.h("ifx-icon", { key: 'ba0971b769d3e509f697029841f22b466bc46cca', class: "check__icon", icon: "check16" })), index.h("span", { key: '8f41b5b4eb9a0c9fc98791ca48c92bd03f8d0dfc' }, "Allows to display individual or group error")), index.h("li", { key: '8248e15117835410479065c87dfe7279dd035a18' }, index.h("span", { key: 'cd2a1d857db1bc7864e91df532e39f917f887aa4' }, index.h("ifx-icon", { key: 'bd98970965b1b6cccd74937c97cc882c58e28a81', class: "check__icon", icon: "check16" })), index.h("span", { key: 'e39447eee7b6428f8d29b940b26a9b9a6a80aae9' }, "React, Vue and Angular wrapper integration")), index.h("li", { key: 'c5fb23b98871e242fdc81b99f57b91e490a7ca08' }, index.h("span", { key: '83d773ac319fd489f1ea0471a72c8199f2a987a4' }, index.h("ifx-icon", { key: '9836e802bae2600f8bbbab2bd7559ae627ee9e4d', class: "check__icon", icon: "check16" })), index.h("span", { key: '8adeb4b26832d146cd953c664b14039430527ac1' }, "Adheres to web standards")))), index.h("td", { key: '8226f4cc602b2551a24ac79e12c27ec7ec1e9b1a' }), index.h("td", { key: '04878cb654dee5e854b89a88442c24fca843c117' })), index.h("tr", { key: '43648dccbfda5e62780ed44646a59fe23a28ffb7' }, index.h("td", { key: '1286a2645b762e6a1e5b2c92c084e7268b87fb0a', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '06f9d3d018b84f213e32c073a4496f8fb9602304', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-search-bar--development", size: "s", variant: "bold" }, "Search Bar")), index.h("td", { key: '9472fd745bbbaad75bf54fa2aefdd8eaa5fec07b' }, index.h("ul", { key: 'efaa80c5bf2da23b2382723014d839da284d58df' }, index.h("li", { key: '2654190c305ae638b8647c2d422a1efcf9c5a08b' }, index.h("span", { key: 'd2528050d470cbe3badced6cb6c6cf940163aa84' }, index.h("ifx-icon", { key: 'dda08107bc910cecbdf042bbbcc8d3548f023e24', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b47d6b78d8239ea5f669dcad5a2182449a74c728' }, "Offers a dynamic and customizable input area that allows users to input search terms and trigger search actions, typically used for querying and filtering content within the application")), index.h("li", { key: '902fe7325a0cc5af586f917bebf16d84a98ab61e' }, index.h("span", { key: '406705227b86e85e2e183f14367fdcbb984b7bec' }, index.h("ifx-icon", { key: '4e37fba1450546f5aa600762e402b0364eebafb0', class: "check__icon", icon: "check16" })), index.h("span", { key: '713be689af84bd2758c3167f80d7aac3a545e623' }, "Adheres to web standards")))), index.h("td", { key: 'a210544e63577d270fa0f2d4893698f5f9d9778d' }, index.h("ul", { key: '66054b46de0d81ee46c3bd248ab28cf55e396fa6' }, index.h("li", { key: 'fc13030394219ddad816a3ab18ad6121863357e3' }, index.h("span", { key: 'a86df7d746bc14b1e23190100045f41a9112f85e' }, index.h("ifx-icon", { key: '3a69f36dd1df973c0ad7b71a15ea744f56866c9d', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b1e5d928fcd95ac96acb7f1f50a1719f1b4b298c' }, "Collapsable option")), index.h("li", { key: '0f02a39cab027991d88db4058fe759296aa2bf12' }, index.h("span", { key: '7a249473fd33abbc20a7da3d91285235ffe514a9' }, index.h("ifx-icon", { key: 'a8ceda0f34dc8977de4b159ff4a2c3b2d0b10e9e', class: "check__icon", icon: "check16" })), index.h("span", { key: '571812afb294e5ee40021608c5f5e672763fed12' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '964f366111515b7915064b8f51c530283c378b41' })), index.h("tr", { key: '3213e466af921c570778c5e1e4f050ab53434e78' }, index.h("td", { key: '1415319a3c0f03ec3c1f5192dd766be8d90badf9', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'd1e3f904777200259eae9942576416a2c5381212', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-search-field--development", size: "s", variant: "bold" }, "Search Field")), index.h("td", { key: '7b0b62d5db0c482f31907b2e1dc675eb62678e7c' }, index.h("ul", { key: '450905eed3134e72ce10306b0ba853442c4ec325' }, index.h("li", { key: 'e976787f9de7a4cb32d2040c72ba3611f6e7f466' }, index.h("span", { key: 'be11be5cbe0cbf5bd56f88da50ae8b17e07e1899' }, index.h("ifx-icon", { key: 'c03bb8706a21c760e3bee0d69577752f243f3791', class: "check__icon", icon: "check16" })), index.h("span", { key: 'ec3266ef42f413c4632a9413cc876c6e69c9a275' }, "Offers an interactive and adaptable input area that allows users to enter search terms and trigger search actions, facilitating efficient querying and filtering of content within the application")), index.h("li", { key: 'e7fe0884e4c98eb994129f541c1da037decd9b2e' }, index.h("span", { key: 'de2cda8cf8aaa4b7a33188f9d3cd32233b626588' }, index.h("ifx-icon", { key: '489fa8a35e2c738626a4f0d9f834d434a3f3ee99', class: "check__icon", icon: "check16" })), index.h("span", { key: 'ed05ff6af5c2c4a0b4e271a472ed4b29e17d687f' }, "Adheres to web standards")))), index.h("td", { key: '0e83dbbc66f9dc5c232e605f20b643be7a847340' }, index.h("ul", { key: 'b9fad7b258fc16fb479eaf6c510f23ba6695f65e' }, index.h("li", { key: '45e87133062ab71e05bb2995c3d2424b0d9490a9' }, index.h("span", { key: '6541ddcff4b429fddcb5017082ebf5503c980920' }, index.h("ifx-icon", { key: '3a2cff3f387a8fd3193c4711e8f6bbb76c71e314', class: "check__icon", icon: "check16" })), index.h("span", { key: '2ce964b65891188a42ac4b2ca348faf1e4857bb2' }, "Show Delete Icon option")), index.h("li", { key: '99e0d2aed268d63e1545b479e27c97ca50257926' }, index.h("span", { key: 'c32f4f4fb5b055123a088077ae439494d6be8661' }, index.h("ifx-icon", { key: '54201afd194624ead6538725e90c4de695959e01', class: "check__icon", icon: "check16" })), index.h("span", { key: '20ca16b03e97414d632758b4f0363bc1d4eafc2e' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '3c77bd24345b7b585b42ca19fcdb44e8aaba00ea' }, index.h("ul", { key: 'e374ef64654b7ac3cb484ec45bd5b96806691e97' }, index.h("li", { key: 'e549d706846b6856ba09964413d69dae8cbee5a5' }, index.h("span", { key: '7ffbc00f92cc9c5eb074a15ac5e41f53d6463467' }, index.h("ifx-icon", { key: '49baed09e11f335e74271346c026dbac54097f59', class: "check__icon", icon: "check16" })), index.h("span", { key: '792d0316dab2a95156d7899a223cc47eb7f63095' }, "Offers search suggestions and history"))))), index.h("tr", { key: 'e112868ff8051728d35ab10f7c406962a516573f' }, index.h("td", { key: '40d43714c51e549339a5ef21d6bf61764f925071', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '427dd8402e39bb94aff8bda325021f48a533ce67', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-segmented-control--development", size: "s", variant: "bold" }, "Segmented Control")), index.h("td", { key: 'a384a14f4b4468289f25b91059f491caa578f0ff' }, index.h("ul", { key: '624f67e0a9bd32945da9ecb50c0c751dc24e7164' }, index.h("li", { key: 'df72df38758620738a0298fb9b0990ccc086f822' }, index.h("span", { key: '65911a19d8019e03085cc3be8f6c60c140b3fbdd' }, index.h("ifx-icon", { key: '7d79859280d80de4d8f08619eab5582d8f7a854c', class: "check__icon", icon: "check16" })), index.h("span", { key: 'c7a08727b6d5953c9d8e6bf37611f40fb4443126' }, "Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application")), index.h("li", { key: '542d3de477b9c68b6d74bd68af570921422d559a' }, index.h("span", { key: '9b6697c8c3da17b3bf91d6bfeefdd42df6362aac' }, index.h("ifx-icon", { key: '10d589d81066972b97ce93f7bb17d29b0fdad442', class: "check__icon", icon: "check16" })), index.h("span", { key: '11e5470637360053cc0564f2090440d133c6b3d7' }, "Offers a customizable set of segmented buttons or tabs, allowing users to toggle between different choices or views, typically used for filtering, categorization, or navigation purposes")), index.h("li", { key: 'aa176eb090aa701f500d8138f8874f5c7846e12d' }, index.h("span", { key: '20f73830720cf014b2aa560996a7f141bcbd3138' }, index.h("ifx-icon", { key: 'bfd23c9243f951eb303b895d3cc670fcc58ccdda', class: "check__icon", icon: "check16" })), index.h("span", { key: '1618ce621f57363e96fee5250f931439efdb1664' }, "Adheres to web standards")))), index.h("td", { key: 'd7426f33347f04f0758a39a055cd4347e897832b' }), index.h("td", { key: '3a3951dac41c5cb6e2f74c70f265cbc31faf5284' })), index.h("tr", { key: 'd5d34b94f72af75cbd2293b5f630544acdbaff9a' }, index.h("td", { key: 'de1c081cc92d706d6c90a8272051224df834a173', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'fcce756bd5a6223482f1491dbdc42066afa53f8e', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-navigation-sidebar--development", size: "s", variant: "bold" }, "Sidebar")), index.h("td", { key: '42944d523dd9894609a4629f20625391a47e3b20' }, index.h("ul", { key: '7f2bfecde941593ece32b147752bae637e9c3e68' }, index.h("li", { key: 'e1225699d21a02f087f590f03729fa4ab739ad72' }, index.h("span", { key: 'c8e073c61e174cfdc752f222f42b57c9df01a321' }, index.h("ifx-icon", { key: 'f4a552312f0e16ee9c97c73ec5175108957db579', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b3cf2aa21ded1e43af4e8acb57b7bcfb8fa52f75' }, "Offers a configurable and collapsible panel that typically occupies the side of the screen, allowing users to access additional sections, or menus while maintaining the main content area")), index.h("li", { key: '0934338c9008853d1bae77ff87d5f36c1989cac3' }, index.h("span", { key: '7e1c7cbd823d64e53aacd63cb7295ac3fc56153c' }, index.h("ifx-icon", { key: '7dbc6704ad9bbdea4d9b50cb2f13921ada4189bb', class: "check__icon", icon: "check16" })), index.h("span", { key: '6a39411929c4941e803a335e4b8e3200d1e8674d' }, "Adheres to web standards")))), index.h("td", { key: 'c783d05c8e6ab3f8abc03e8969a56fdcd029da98' }, index.h("ul", { key: 'cdcfa54dc273e0f77594fc5148ab78dc2967f6a6' }, index.h("li", { key: '77ce561ba34d347fa4a2e4f904939fe84dc429ae' }, index.h("span", { key: 'e210dad6d40bf954046fa4e976aa55f787d8d77f' }, index.h("ifx-icon", { key: '680f3ae91b1b6e219eaaa8cadc3f633092575915', class: "check__icon", icon: "check16" })), index.h("span", { key: '7fae1e9e77f096ea8833e9b8e117877e3218f002' }, "Extended customization")), index.h("li", { key: 'ba3be5b68310d40cbf2f02dff2b855ab14196056' }, index.h("span", { key: '106ba644df2472a605b06d0b33211db03e85a4b2' }, index.h("ifx-icon", { key: 'b377b80201b55380d12394ad12a32f7a20bdf320', class: "check__icon", icon: "check16" })), index.h("span", { key: '5e6d9693aa79dd5d87dcda35d11b750adda7b5ab' }, "Multi-layer nestable items and menu")), index.h("li", { key: 'f3784127fa7ee20a67327fe8580c0aaadaa2e219' }, index.h("span", { key: '8a11fc0601c974984cd0518da10bcd1ffa04d420' }, index.h("ifx-icon", { key: 'a1dbb5fd84ef8817d5a280f30d09b2e5fe1adc76', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f5be207f5023aa16ec294766b9fe19640ee47f08' }, "Initial collapse option")), index.h("li", { key: '428eaf6a1c8bb827f7b9b25b7a950e6d08bfdff8' }, index.h("span", { key: '6afca170bce73c85baf7020ca04516cc206b29ce' }, index.h("ifx-icon", { key: '3317af482643658c0bd953f1a221959670bbf403', class: "check__icon", icon: "check16" })), index.h("span", { key: '1aac2dedbd011d8f90d5ca7fe2a6d2cfef06e5de' }, "Active and action item feature")), index.h("li", { key: 'a605e305aeadea8e68b3063e0c69838b999c87fc' }, index.h("span", { key: 'b0027a30fbe5feca7b273485e691218edf98bab3' }, index.h("ifx-icon", { key: '088ddf3604023dd2fe0c3d75a8a6205a3926e6e1', class: "check__icon", icon: "check16" })), index.h("span", { key: '5d01dc0f975467ab87b317d68b480ee7bf387160' }, "Number indicator integration")), index.h("li", { key: 'd645ab5bbbd211f12c8869a31e49263681c54310' }, index.h("span", { key: '4d94b9c670263ed8d84723247be02de5728da671' }, index.h("ifx-icon", { key: 'b310672c7b98957cfda5368a8f9999e5041dece9', class: "check__icon", icon: "check16" })), index.h("span", { key: '09709af7595a15827c6905ee7628cf8c2e291fb6' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '895c0f06510f94b66c6403e69692c507d3386f43' }, index.h("ul", { key: '7a8c2806623a1fd2ccc0603c322d742e555e7b9f' }, index.h("li", { key: '0a7bf1daf9473cb82a9643e6cf90506ddfc1bf63' }, index.h("span", { key: 'ac477317d0a2a310b370f0217597083b13047dab' }, index.h("ifx-icon", { key: 'ee7541d45b54edf8062fb7184c134f4829def82e', class: "check__icon", icon: "check16" })), index.h("span", { key: 'ed1dc495b9b11be83f77e76af9adfdfb82a101df' }, "Removable Footer, Header and Logo")), index.h("li", { key: '78ac0e8c5f00f063debeaf1431c6d0b61db3825c' }, index.h("span", { key: '9f73922541c17d4a15f8f8eabcd1b2f5370fbe01' }, index.h("ifx-icon", { key: '82b613975dd910ab383071cbb8c3c100773617b5', class: "check__icon", icon: "check16" })), index.h("span", { key: 'fe1ffa8fd5e81262281c5240ffab7817559f9550' }, "Removable and customizable Links"))))), index.h("tr", { key: 'af8697d314a2da96349b04070a52949d115e1fed' }, index.h("td", { key: '1495a2b536a7c8d194ae80a1ee24260155d1742e', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '87b1202d0680deeab0dd9fd0cfbde46b145e5bd9', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-select-single-select--development", size: "s", variant: "bold" }, "Single Select")), index.h("td", { key: '0703325d21d2f27ec59d5971b21bafdd99cd8814' }, index.h("ul", { key: '01cea7ed1092adb80fedc4860ca4ae0e0a2bfead' }, index.h("li", { key: '0e869845e5126f4d23474634fe0a3310082e289f' }, index.h("span", { key: '582ad17c598360755871b6093772d5978d0267ee' }, index.h("ifx-icon", { key: 'e2e53466ac56fca09743f795f1fb57c86e75368e', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a4ea34ec545b6c15734a3acce1b9c6b77cf5e22e' }, "Provides a user-friendly and interactive dropdown list for selecting a single option from a set of choices within a web application")))), index.h("td", { key: 'd2bb5ba53173dd70c9a038a1feea4b474b95bb00' }, index.h("ul", { key: 'bb1a3048bd4eb4c653a3e56ea9083c6c5e20a508' }, index.h("li", { key: 'fb383392d3a91cf88d2377ca3398f9675baaff92' }, index.h("span", { key: '5a1d192ab9652c3e29afeb413fe4ef0b3d9050d6' }, index.h("ifx-icon", { key: 'fbdc265a60c8c77d1a06b060601ba7b6eada3473', class: "check__icon", icon: "check16" })), index.h("span", { key: '915c1349c65fd411afafb715bdce288475ca6967' }, "Extended customization")), index.h("li", { key: '957f71c8c424042c319ea1eae70347a932040dcc' }, index.h("span", { key: '8f2f8b4fab681792535c2f6086c1c460e57b2027' }, index.h("ifx-icon", { key: '351f23f98188ef586f17683fc5503bed7f5010fa', class: "check__icon", icon: "check16" })), index.h("span", { key: '94669f5063e1d8ecd8ddaecd866f2317c26556e1' }, "Option to enable and disable the search")), index.h("li", { key: 'b9cc4938541044e6b726b1c84fb9c06b3d931bc9' }, index.h("span", { key: '4210b09a530df9ead2d68a20c477f127515b9054' }, index.h("ifx-icon", { key: '1ed04c32a82aa6540c5c83a28095340756528163', class: "check__icon", icon: "check16" })), index.h("span", { key: '0981a9d4fc8768c3311b6f8c8bfde82d26c5a15e' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '641d4de9cc9ebeb21f894c497a89b12f88aa0788' })), index.h("tr", { key: 'ec66c109989b91afd9669afad1ed44ddf15e7591' }, index.h("td", { key: '4d490782e6b1cf22dc07c1cb6414ab7753d5942b', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '872aac8f0e8c828a1e3347f86c110cbcaec128a8', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-slider--development", size: "s", variant: "bold" }, "Slider")), index.h("td", { key: 'dde30b8e6fe133e5595b01662eec6d68695ce058' }, index.h("ul", { key: '8590165c1d472c9d673180ac545504a9df4ecf0c' }, index.h("li", { key: 'e432a2131331c9e062185f40a72f461bec7a54f9' }, index.h("span", { key: '228bdb111b22c9f7188aeabeb5bfce1773686352' }, index.h("ifx-icon", { key: '39e78f140d146d1a3b182eaaaf5509cb97a79154', class: "check__icon", icon: "check16" })), index.h("span", { key: '11917804a8a8c8feac8084364a875d678d3fbe97' }, "Provides an interactive and customizable input control for selecting a value within a defined range, often used for settings such as volume control, data selection, or numerical input")), index.h("li", { key: '09378bd0a39fe76ca5307f2982062f5daa934c65' }, index.h("span", { key: '745d9265aa8e5a6efdb5f13d8090edebf066dd64' }, index.h("ifx-icon", { key: '70d82f93ea25b4eb45ba0bf90d71b4bbcc5bbbfe', class: "check__icon", icon: "check16" })), index.h("span", { key: '7708bb98e24a46cba6793e6617fe4bddf187d277' }, "Adheres to web standards")))), index.h("td", { key: '0fd5daa6e0d9c3cb38ffcb5cee85ecc4060925c9' }, index.h("ul", { key: '19a3053626c5622e4cbc776a4775583d17352f37' }, index.h("li", { key: '174f7d771e75e88b487789b98225a7ff6a84bcae' }, index.h("span", { key: '19126dc3aff815e828eb1e9758e33454be826be7' }, index.h("ifx-icon", { key: 'e441cd3ecd375c91ed8974478a0ae8bb3dcf54d5', class: "check__icon", icon: "check16" })), index.h("span", { key: '548e96db5d71aab0c594b92306091b8ebcbe2cb0' }, "Icon incorporated")), index.h("li", { key: '189ec22ddf3f0a670b3e5a28ebd5770f51073f1b' }, index.h("span", { key: '4815c2bfadb3d4ef23edb82f3f2808e6f3602409' }, index.h("ifx-icon", { key: 'b09db5ec85d72fb93cb9c534f6dd75334e7c94b5', class: "check__icon", icon: "check16" })), index.h("span", { key: '761db19baed857eb9376aa1c7b6857398b7a4872' }, "Percentage variant")), index.h("li", { key: '6c53303a8b60f0c56870535e5f038ccdf224b5cc' }, index.h("span", { key: 'adbe9f2225c0a6a21e9d8aaa351a86ea9b366cda' }, index.h("ifx-icon", { key: '229658af9c5de471717e8edb89a77ac1958fd4ac', class: "check__icon", icon: "check16" })), index.h("span", { key: '4593ed4f92f3a35c2067b5fd3a648816d8a1591a' }, "Text variant")), index.h("li", { key: '2f5ef621528d3e6bbd95ae1cae01cb4b95713adc' }, index.h("span", { key: '52bdfc847fc547e6cbcc89cb762f82c86b0e550a' }, index.h("ifx-icon", { key: 'eed3a587cadf90cf0d7b62125f995cf3034f88af', class: "check__icon", icon: "check16" })), index.h("span", { key: 'f51713c415dae8b392834ffe9c3316881638a96a' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'efeec07d06f5c4fbe38cc8a1d27b69bfa9f61d22' })), index.h("tr", { key: '7e08e7dd2fd7df6a2ca8674b439c2c1b9a054cbb' }, index.h("td", { key: '93c563d3a28a2b101abc573742ee9318513b3fad', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '9850be95141d5ae37ff2535bcdb41598e633aa91', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-spinner--development", size: "s", variant: "bold" }, "Spinner")), index.h("td", { key: '327b7567762558f3092c72bf25c681b1a1452a24' }, index.h("ul", { key: '964a8eb3b1365db264598851c8dfe2fdc14eff3f' }, index.h("li", { key: 'd6bc3957448fde1fbcaf0a3f2e2ee8cf01817de7' }, index.h("span", { key: 'd5d9b504deab1d08b901179a85b3e1b5cf21b94d' }, index.h("ifx-icon", { key: '3b9bf86e261b280b2c2c4151719724e31a7e2757', class: "check__icon", icon: "check16" })), index.h("span", { key: 'ada17da5525e5337c8ea667135e3194f382f167d' }, "Offers a customizable and animated symbol that conveys to users that a task is in progress, typically used to signify loading content, data retrieval, or pending operations")), index.h("li", { key: '21956c8ed777aaaa23ba9df53f71117074c76de5' }, index.h("span", { key: 'baf51e7131cce0771cfa9edd2d01583b24313a02' }, index.h("ifx-icon", { key: '2445446f2f4db2538980466953ba64cf0271b148', class: "check__icon", icon: "check16" })), index.h("span", { key: 'cf1d589546bbd4438fbbccb6d523b108ab3a6be1' }, "Adheres to web standards")))), index.h("td", { key: '6afbf9e70b668565dddc7e8506d4cc8342cbcd68' }, index.h("ul", { key: '7fbe63ebf0067828e3abd2122f3a8d24c3495449' }, index.h("li", { key: '067ddf297c4f90e3398c78e6d0d841039224b410' }, index.h("span", { key: 'ea534d48201a557b34e693e01532b689443d555a' }, index.h("ifx-icon", { key: '554978021f9e2e6645002fc2b820f69e1982a243', class: "check__icon", icon: "check16" })), index.h("span", { key: '572d6abdbf9d7e946ef9e4a8cbf2636eaa1a3bbb' }, "Brand variant")), index.h("li", { key: '925a0afe996ea6a73885055850dbc2675ec90c9e' }, index.h("span", { key: 'd1a568cde023d278beae8ea82bf7811c73b855fc' }, index.h("ifx-icon", { key: '7ec76d3c85aff4eed92c03b0a3d52c64f22be475', class: "check__icon", icon: "check16" })), index.h("span", { key: 'ad960745adf36a635a47da0803d3f46182392334' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '38b84204b531fcfbad1e72f618fa84eaaece127f' })), index.h("tr", { key: '647d95083dbbaf4ae868c465afa8e346321cbda6' }, index.h("td", { key: '73bdc1242c9d6ca55afd76918153be8518791ca4', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'c2a6993ce07170b3c32605d18a30eacca7a08d1f', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-status--development", size: "s", variant: "bold" }, "Status")), index.h("td", { key: 'e4929c3d39eeb43e38b054d5a4a79043904eebed' }, index.h("ul", { key: '7bc2fc575e8433dbf89e155c8a5991a7b42716fe' }, index.h("li", { key: '5b19e068397192ae99a3c25d87ff4f970a36705b' }, index.h("span", { key: 'd5895a1cfd44fc00036ce39c7175d16c64486874' }, index.h("ifx-icon", { key: '8d499765316a3d2bd442549fdb286937f6588123', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd5adf4665040ebf544ee372a1bde9a3ffb820905' }, "Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application")))), index.h("td", { key: 'ee190be482b7af3e1ae5660fdef6119dabbe09d2' }, index.h("ul", { key: 'c54b7b596b769423a36ad922cf74bd897e6a0ee2' }, index.h("li", { key: 'c7e227f096bb5a01fdae722aa6e3aa6f93772ed5' }, index.h("span", { key: 'dd401e83f643e9eec4891086b565c8920eb2f48b' }, index.h("ifx-icon", { key: 'cbd47ff9077cc74b0033eeddc5eb2b9572ac81ad', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd3c60bba659a009322ef8365ecfe7550b2b1b27e' }, "Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants")), index.h("li", { key: '912977b8dc655b85646018b2f62d5cccee89180e' }, index.h("span", { key: '4c49fbc1d59e6d3b421f0f6357668491221d7d67' }, index.h("ifx-icon", { key: 'a27fdad827bed0fa9add590064a066a5ded9a7d1', class: "check__icon", icon: "check16" })), index.h("span", { key: 'afd6da564559b6ce679f6205b0c2e4e3031ede44' }, "Removable border")), index.h("li", { key: '6ef17d20a8ed52d9468e72408846c3ef96b6c84f' }, index.h("span", { key: '5dfa0589554ccb233deec98688241cb3b0e6b765' }, index.h("ifx-icon", { key: '8d9ed95dc1ff5bc6e4a9611923f7de6075c0a85d', class: "check__icon", icon: "check16" })), index.h("span", { key: '82c0de615ba65bcb25cd49f403f590f9fcdd8623' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '579f56c4e91b1f5ab5f692d987a6b8f4f5e9a634' })), index.h("tr", { key: '6e78c5fdc9bd7271470984445a0d8bb101db2b2c' }, index.h("td", { key: 'd09284057b4a48ce649cd8005b339ccb0108bf2c', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'dc0d6af6e33b63d01b1d2eb1cfe025c9e398b712', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-stepper--development", size: "s", variant: "bold" }, "Stepper")), index.h("td", { key: 'b77248791b4ae77053c19f7959d5a4be6254ed12' }, index.h("ul", { key: '4bca975a7416a73172541129cbc6fc060e5596ba' }, index.h("li", { key: '4156c81ea759f855db604738650549770b8d8895' }, index.h("span", { key: '1be748f9b0e172ad069998d4eaa4888229ba654e' }, index.h("ifx-icon", { key: 'fbd5810a2e68f92372c4c36443c7ef0807bd082c', class: "check__icon", icon: "check16" })), index.h("span", { key: '20cee592243d76fc8e43d75e9e017369d56b5995' }, "Offers a customizable and intuitive control that allows users to navigate through sequential steps")), index.h("li", { key: '32d062b3ad5ad226a202ef676f47a3fcaea1f4c6' }, index.h("span", { key: '850fd45ddbe4a124107a4c2d0717ad48d846f265' }, index.h("ifx-icon", { key: '4547cb8119346533e0f34f7031ec556f9b60ec1e', class: "check__icon", icon: "check16" })), index.h("span", { key: '55811be8e211896175135c8bbf469392d4066f60' }, "Default and Compact variants")), index.h("li", { key: 'd749c036a039a0f703f124817ca388fb34a93b30' }, index.h("span", { key: '018879045eb3b5c84d007d8d177525ebf89e82fa' }, index.h("ifx-icon", { key: '991abaef3f85432a580a69572acfdcfb8f9b2ced', class: "check__icon", icon: "check16" })), index.h("span", { key: '2639f0724df4f4561d00f16e85c85dc6fe6b2760' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '55c4e41357acf3ebc38529c3839ae877d22225bf' }, index.h("ul", { key: '86b420454d13ed3ed3a6650062434fe8f8dce69b' }, index.h("li", { key: '2d409d7b1498b43f58aef0f830ca39e8958290fb' }, index.h("span", { key: 'f7cb6d990d61d6cc8a2932fc204e9f9ab630b9af' }, index.h("ifx-icon", { key: 'ead9ed57b01155539ed58a42788d3531ed1f8a18', class: "check__icon", icon: "check16" })), index.h("span", { key: '8246fa3ee468aca2d49534e88121d232d347fcea' }, "Vertical variant")))), index.h("td", { key: '30f4bef97de11a38e9aa11ba2916d0981cb9c70f' })), index.h("tr", { key: '799c613228e2ca5c8ce5ee0d84916d11a9040011' }, index.h("td", { key: '7643121102377d1106fcafb4e67d8fc951ed2443', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'bc9978dba4322589bdff8cdf5250bcc79140183d', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-switch--development", size: "s", variant: "bold" }, "Switch")), index.h("td", { key: '2a142018c27e64c9b3fe0c8c9c0fa230dd2a6014' }, index.h("ul", { key: '62f11bf121862cf8e84f7e48cdf97270561e64e2' }, index.h("li", { key: '6056812985f9d3e64378c8ffeeabef10bacd00c5' }, index.h("span", { key: '5706fde90efd4a026c45ac5c49f4ba5e2a7a756c' }, index.h("ifx-icon", { key: '76139e3dae92984b02f0484534d8a49c2e1eb09d', class: "check__icon", icon: "check16" })), index.h("span", { key: 'df6d8d900f8956812a3bf6d873d4812dd25c2f64' }, "Provides an interactive and customizable interface for toggling between two states, typically representing an on/off or active/inactive status within a web application")), index.h("li", { key: 'dc04e9530310300d0ed2fbc05f430fea66b68c92' }, index.h("span", { key: 'c5797d75dab0cbdd08ce7f13795db7f4a61f3be1' }, index.h("ifx-icon", { key: '0e88cfd371540380703f36dd02932e7bbc1bda37', class: "check__icon", icon: "check16" })), index.h("span", { key: '58035165ac90f9c6e0ec6915b080ff12c1c2f528' }, "Adheres to web standards")))), index.h("td", { key: '5c8d6330be6e606fbe552be4d63b245a3b589575' }, index.h("ul", { key: '547a5b5f46e8862ded106bccb09095a3b526e6f6' }, index.h("li", { key: 'cbac124b8a57444a227a26e699eca29ced72adff' }, index.h("span", { key: '5f137363778fa3a7792ad3b5b2f4c675acec58cc' }, index.h("ifx-icon", { key: '6a7bf6aa143f40f1f2b0d27879498a4829eedfcb', class: "check__icon", icon: "check16" })), index.h("span", { key: '8405ad3e5223e2d8614737afc6e20d466f2faf65' }, "Incorporated label feature")), index.h("li", { key: '847dfcf468e68017edfd7655e405382d4a6bf3af' }, index.h("span", { key: '807b552c6eeee0589ffaec2cc8d19fb80dd64f81' }, index.h("ifx-icon", { key: '0aaeb0f9a500b970e2b5ad6c87b862f435743b7a', class: "check__icon", icon: "check16" })), index.h("span", { key: '6229c2ff1d7754f2d1d50c32a1a2f8fe02bafdfd' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: 'f9bd8d3f3f27a80f5e41247271acf8a934f7de09' })), index.h("tr", { key: '91fb39ac9b906797a1e75d0cadbb033879b52d5a' }, index.h("td", { key: '30de391830232d216d14ad8d89e28a09762f0783', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'd93dc54ee8dba1d3a4be362c153d4158c7b89af7', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-tabs--development", size: "s", variant: "bold" }, "Tabs")), index.h("td", { key: 'fb885bf1516e5183bd110c736912c5bc4d1540c0' }, index.h("ul", { key: '951e3460917d5aba72f3d65cc97d5dbb6e965108' }, index.h("li", { key: 'cb60e2a195cdaa1a5decf0fafcbdd30257b7a2ae' }, index.h("span", { key: 'f0a6f9452edb9ba58a0d7e7691108098409cef35' }, index.h("ifx-icon", { key: '0800a3ab67870e098f065e3001a61d4ea93d5468', class: "check__icon", icon: "check16" })), index.h("span", { key: '99de4e5ec7d79ec968058a1b347ac3d03a43029d' }, "Offers a customizable and interactive layout that allows users to switch between different content panels, typically used for organizing related information or functional sections")), index.h("li", { key: '3f5d3e90f444da08b411abe36e083a91164ed513' }, index.h("span", { key: 'fb3d45ccb8eacd4659e57f3904db85e00c90a932' }, index.h("ifx-icon", { key: '8d5697e7ca3675e76cd2c9e07efa60618e1ec942', class: "check__icon", icon: "check16" })), index.h("span", { key: 'e13515afc04bceda1b1c6737d93b8f1b778d53fe' }, "Adheres to web standards")))), index.h("td", { key: '24e1d337b26b0d17c963ec6ebbb24e792f384689' }, index.h("ul", { key: 'd3ba994be33c469ede08dfc6fd4da2ab7eac75a5' }, index.h("li", { key: '7bd1a22b338be6ce6bc604f4f3b761b1ab97c9ec' }, index.h("span", { key: '2f2e09c723bf768355c8e63a549963344952fda4' }, index.h("ifx-icon", { key: 'f74e1e7a4a8f28eb0eee8fffb0eee4fbf1691882', class: "check__icon", icon: "check16" })), index.h("span", { key: '6c9762a613924d35f25427521a5904db0aa2e908' }, "Horizontal and Vertical orientation")), index.h("li", { key: '25921e75b1a69f317ffa731b002a2968c70008a2' }, index.h("span", { key: '87877fb2180c632234f5eb0b0c636016cf8b257e' }, index.h("ifx-icon", { key: 'fb313053d6896a05cdb0b76fa8d70339d48785eb', class: "check__icon", icon: "check16" })), index.h("span", { key: '6ca024cb410120abc880fd14f8605002cadf8f52' }, "Extended customization")), index.h("li", { key: '7d9ceec69ee6fb4927013d9053402488d9a26090' }, index.h("span", { key: '08e3ce345b74d63c9bf3c9d3b69dc674bc64c6bf' }, index.h("ifx-icon", { key: '11b0524a174094755ab20e183440c3c6e352bfec', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a3477a9928f0e75fb6beee1ccb08706d776d908b' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '8ebc0d40e6fff2bf65a9cc190f8f214758ddbf70' })), index.h("tr", { key: '50e80aa517b46036328ecad7f9b15fb6d8c0c855' }, index.h("td", { key: '14bb77dd92b1839ca956a905f89c6a7c35d5401c', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '7ccffc3818aaeb658f0ded3e5bae8a7162926d57', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-toast--development", size: "s", variant: "bold" }, "Toast")), index.h("td", { key: '6dc77b89244c2db486aafdc2bcc367c6d8952420' }, index.h("ul", { key: '462611039931555a11912fb9842f59ced3f1da3a' }, index.h("li", { key: '076ba783729d5255a10b49790586d23abb9ae957' }, index.h("span", { key: '6564ff585495844f16308831264d9e3536a25ebb' }, index.h("ifx-icon", { key: 'eed8af773799f081931ea16f50fa12e6aea6d68f', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b4950a71021f049c2424e95242e79fec1590ca24' }, "Provides a lightweight and non-intrusive notification interface for displaying brief messages to users")), index.h("li", { key: '6b0bad92cfe6e98151e2748fa3d1e4ff891e6229' }, index.h("span", { key: '08b4ae35c94f92cf5e0681ec41e24960e92c2526' }, index.h("ifx-icon", { key: 'bc45514e6e3c2e98bc8efad31213e07493f53acf', class: "check__icon", icon: "check16" })), index.h("span", { key: 'af2158ac5c497374cac357d814967b7872f16afb' }, "Supports success, warning, danger and loading status variants")), index.h("li", { key: '878a5636b31e26056bd1ad8ebc395bd2ef24dd61' }, index.h("span", { key: '658ba388ee8cab889f5dfcd172b022bce0340970' }, index.h("ifx-icon", { key: 'bf8bf7453606fd6f8d7b598cc2f93711b3b767da', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a4df43db6bacc1d10dad4a50efc83f9a07392306' }, "Adheres to web standards")))), index.h("td", { key: '89b33665513ba5ae496cac535539c66611b51b41' }), index.h("td", { key: 'eb72cb1cbd352f5f3b6a6ef5784211769f0566c3' })), index.h("tr", { key: '9879bf87ac547af146df62f1d8597143ebe265ec' }, index.h("td", { key: 'cb6454ccb5acf563da032bdd0dad35238fc9e9de', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'd0413a961cd4746972187f22766f659530842210', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-text-field--development", size: "s", variant: "bold" }, "Text Field")), index.h("td", { key: 'c395593c9526f44588f072f14ac1e5565c896c70' }, index.h("ul", { key: '9b871440ea1203c246800e8aa930b2b448b6b631' }, index.h("li", { key: '303dac722ac1824eb5355564ad40710d840fd18a' }, index.h("span", { key: '85579c70b6f1cabc6f310684c332ddb69d42abf1' }, index.h("ifx-icon", { key: '9a65ad9c0c5f8c54b8874f49a74666fd2eb0c88b', class: "check__icon", icon: "check16" })), index.h("span", { key: '1b7fce49d449d41ebdc04591e1b042d2a27abf49' }, "Offers a customizable and accessible interface that allows users to input and modify text, facilitating various data entry and form submission tasks")), index.h("li", { key: '444fc85c2fc49d731ad8046a3dfc3ab29f081f89' }, index.h("span", { key: 'c3275a07b4a095bfc0eb863e26cc7ba8cc2be688' }, index.h("ifx-icon", { key: '63114c9386546c9fc9349763b08c9dffabf1a449', class: "check__icon", icon: "check16" })), index.h("span", { key: '07a4911213a2b43adad90c158ddf416fdfbdd306' }, "Adheres to web standards")))), index.h("td", { key: '92839b39d53f38f9944b69b676f20c9cc2c6cf33' }, index.h("ul", { key: '4ccbbffd40a6dbf9a7eb397a3c682f53fffbe173' }, index.h("li", { key: 'efedfc56646e5b2c48cac80306651d354ba216b0' }, index.h("span", { key: '3753af3b58cd352f6aab5b2bf8b46e42f491e92d' }, index.h("ifx-icon", { key: '646f882694dbb9ecd549a0dff369ef11f562c3e6', class: "check__icon", icon: "check16" })), index.h("span", { key: 'ba0655d0c6cb7a4187502d13c1c26ce05d503ba4' }, "Extended customization")), index.h("li", { key: '9104632706b7b264d3a410c0a5e142c41b9b85cb' }, index.h("span", { key: '78cb86a1f94a4d76cde329117591377cf6e5d6d7' }, index.h("ifx-icon", { key: 'a53bd2f1560f5ef7bd34cafdec68c402a1d042db', class: "check__icon", icon: "check16" })), index.h("span", { key: '05586cf2cbf7539e41f6417c041191918b62d63c' }, "Possibility for icon configuration")), index.h("li", { key: 'f2e7aecf4c2859e0400eab36812114f6d763f0e2' }, index.h("span", { key: '58982ac085de2cf2ce540a6cca84aa0e2ea630ee' }, index.h("ifx-icon", { key: 'b46db1e0937b0fa95099fe8e9aefb2222c7fc0aa', class: "check__icon", icon: "check16" })), index.h("span", { key: '0fc9ba676d07a359fa95b7761ca5de944b9be5d3' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '13d23017f6e97062e62ae77849bf9992dd5d8ec2' }, index.h("ul", { key: '2e586d1c855018047805dbf98b84c6e7e21dc4d3' }, index.h("li", { key: '7e0fc0112d1e05da0d939db387eeefc7fc1e5733' }, index.h("span", { key: 'e33054f2478335321323623affdc2021a56e086f' }, index.h("ifx-icon", { key: 'b45a815d66f0498a07caa27ac1672dc11dea45c7', class: "check__icon", icon: "check16" })), index.h("span", { key: 'e883289901f39906a3ad38eb6b5f5d75ce0f999e' }, "Form integration"))))), index.h("tr", { key: 'b80ab42b1c511d21c7098b0f585bbb09a3a298e1' }, index.h("td", { key: '61c17bb94fbec546753ef96c1b9b3d667cde6c98', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '74840358f6398700e6ba3327ea920f7b4ea2e455', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-textarea--development", size: "s", variant: "bold" }, "Textarea")), index.h("td", { key: 'a9cb4e5889fbd128635f527f1b4fbf7c4ddf05d7' }, index.h("ul", { key: 'b7563dbbfa1987ba9a237c0ed18cdaa708880282' }, index.h("li", { key: 'd8f45e2486571f01b4cce4f886c3bb304c693c81' }, index.h("span", { key: 'cbab2f2b3fef2ff3c24de6dec2492284822025d4' }, index.h("ifx-icon", { key: '1bcee607003f35e62109fb5a42ecefd6145df0e1', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b81268e52d62f194744f68f75645ad151e91e1d7' }, "Provides a customizable multi-line text input interface, enabling users to input, edit, and view large amounts of text, while adhering to web standards for accessibility and usability.")), index.h("li", { key: 'be88648904fd95f58643f5758950104e926c85a5' }, index.h("span", { key: 'adfc822a28c65178c974a40114ff60b7dc3a2a29' }, index.h("ifx-icon", { key: '8a46b6d84370913ab6031a36acd96375e9236890', class: "check__icon", icon: "check16" })), index.h("span", { key: '94d6431281341b92a69468eaf5ab4340d6d6487e' }, "Form integration")))), index.h("td", { key: '438fac41e65bd2dd05bb005bfec017d4e195677a' }, index.h("ul", { key: 'f6bdd5dcdc6cd7e6c4a84f9a871e33804ea38568' }, index.h("li", { key: 'e2a991f7c2637ed686b42e134a8f4ca1a72762ef' }, index.h("span", { key: '816225b88bf01abc392b8c851b6db7cee4a78c10' }, index.h("ifx-icon", { key: 'eca05aa71e989bb8d291faa94685416b5ff783fb', class: "check__icon", icon: "check16" })), index.h("span", { key: '1464f650fdb5bf36e2ccbd5d48bd7667d7fa41de' }, "Incorporated required feature")))), index.h("td", { key: '67adc22ed98af572702511299d5ecaa2f60c6cae' })), index.h("tr", { key: '56337ee782631d86ca0bb0479fa2d05593931c82' }, index.h("td", { key: '99fa642d88c36c70b40a38302e8beca1cf5a925d', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: 'ffe973be519c200e50a4fec9ae917505abc2952a', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-tooltip--development", size: "s", variant: "bold" }, "Tooltip")), index.h("td", { key: '7f161341535950f32bb191f6f374924bd44ae077' }, index.h("ul", { key: '49c64cdf4535a47c4c1db12bb4488c32b11b0e2a' }, index.h("li", { key: '80ab20335e080b9085957d1ff1ed0af9f4bcbefa' }, index.h("span", { key: '0789fd525ca72b4ae86c8b0359dd456d61409573' }, index.h("ifx-icon", { key: 'a0ac14c6c9ccc2c6db1b7a84183764fe9762df3b', class: "check__icon", icon: "check16" })), index.h("span", { key: '7169d4a2d87d01e6b33f3652c7e181650f192b61' }, "Provides a simple and informative interface for displaying supplementary text or contextual information when users interact with specific elements within a web application")), index.h("li", { key: '702bce9d7c6570ca6b654bd98ef8ab9da6fd182c' }, index.h("span", { key: '41794f930912b3cf42afca76da3fe1458b00a8d7' }, index.h("ifx-icon", { key: '13df94ad30e8ec3f0c71d9c732ff44fd348adb2e', class: "check__icon", icon: "check16" })), index.h("span", { key: '3be4a6e382ce563bb7b1e37f7015d2543d1169b5' }, "Adheres to web standards")))), index.h("td", { key: '44e9569a3bb9f7acea2f06eaa609f38a378c6a9d' }, index.h("ul", { key: 'ddaefe1d215b13d0aaa2a96c218cf4ce49ca0f36' }, index.h("li", { key: '96b3cdb378d14e93ed035df85e699782ff0043cf' }, index.h("span", { key: 'ba31e1eba81e9b1d4177c85ef7e93ddac443801b' }, index.h("ifx-icon", { key: 'dd1291419f06a72df7b66ca248200cbdabb9f06e', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd02bff6bb78e6e6831856eb3858b06095550007e' }, "Compact, dismissible and Extended variants")), index.h("li", { key: '57dbeddc1e6c6d49896cee2f6bc0db49df7ff10c' }, index.h("span", { key: 'c4cb2e2ab57be77e0dce85f0c317ba89c98df4b9' }, index.h("ifx-icon", { key: 'db745b428291126e9b9e5ce11d5384aa58a48cd8', class: "check__icon", icon: "check16" })), index.h("span", { key: 'd1c72981df5894b62c108505ae5237ebded11bf2' }, "Auto-adjusting position")), index.h("li", { key: '68d63f53ebbdeae0ad45d3168734fcc7d5cad74b' }, index.h("span", { key: 'a651292a72727f02be12a33985a6d89c379a9e28' }, index.h("ifx-icon", { key: 'b87be6be0a8e9c162237fb2e944e67649726f25a', class: "check__icon", icon: "check16" })), index.h("span", { key: '640be7045a2d67db93e4cd7c6e8a9584504e1f9c' }, "Icon incorporated")), index.h("li", { key: '1a8b01fb9d08c804e32a0c8abd08b0daee3a8bc2' }, index.h("span", { key: '08ba66b378ed27e49a4b660c51a58bdd96d5c36d' }, index.h("ifx-icon", { key: '56b9ac5a25ba3261556f5878091c8f186fb46424', class: "check__icon", icon: "check16" })), index.h("span", { key: '78d4f2744e96c988431cbe37c5e6703e1505cf29' }, "React, Vue and Angular wrapper integration")))), index.h("td", { key: '082327042fa9d22a63fd895dc84da2b0fc54a9f3' })), index.h("tr", { key: '4e87e9d5d6447f6677e868c29102e90373787666' }, index.h("td", { key: '5928201aef8d1a7264706ab0d3e379898302acd7', class: "completed__component sticky-col second-col" }, index.h("ifx-link", { key: '61824bc29b7668477b70b7556d818098c03dc50f', target: "_blank", href: "https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/components-tree-view--development", size: "s", variant: "bold" }, "Tree View")), index.h("td", { key: '98b7996bc79d79a62943764df32a1eef8fc66e7e' }, index.h("ul", { key: 'ad5dbe6007193cb4da4ec65b2eaec52bd31b3bb5' }, index.h("li", { key: '98a0cdb721797faaa70ed043ece0be37ec77ee2c' }, index.h("span", { key: '924863e8cd71521f5256d864e962bc456bd684f8' }, index.h("ifx-icon", { key: '989d0e15b62651f4964aa543b20c81b201d5d40c', class: "check__icon", icon: "check16" })), index.h("span", { key: 'b78bf93572648a2eafcb2a8b0d6a40717ce24274' }, "Provides a structured and expandable interface for presenting hierarchical data")), index.h("li", { key: '6e080db6cf03eb5a7151b712b0dc3aa481ac1ea4' }, index.h("span", { key: '0f9c67b742655ad2883cc5b03fe4d0b7501058f7' }, index.h("ifx-icon", { key: '9504f74e675fa026fe45d8668334da016f0d0cb2', class: "check__icon", icon: "check16" })), index.h("span", { key: '0b7308a66ff88cfd12d000e3c7165292745c7fa0' }, "Enables users to navigate complex information architectures by expanding or collapsing nodes")), index.h("li", { key: 'c8f7a140da3d019009f320c4e36701224150d5a9' }, index.h("span", { key: '0fe0aee180c7cc0a81b193947d8c19298ca50bac' }, index.h("ifx-icon", { key: '8b19698fe92882fabd47e6f3c1d2421422d43e9a', class: "check__icon", icon: "check16" })), index.h("span", { key: '119026841f990e9b9c7cf648ee6d089efbbab613' }, "React, Vue and Angular wrapper integration")), index.h("li", { key: '708f591f1289332a83bebbb69bd841e2044e66b4' }, index.h("span", { key: '2f3365f2f6eb7c986e35d759e473561648656bff' }, index.h("ifx-icon", { key: '4482f45750e5802bec4d8b11a6c5e6c572eb77ef', class: "check__icon", icon: "check16" })), index.h("span", { key: 'a6021d4016b498542081a59ddce08b8c1d5adfee' }, "Adheres to web standards")))), index.h("td", { key: '45ea8ebcc2adf8a4ae78f0f3a228cced3d186a5e' }), index.h("td", { key: 'db00e8c47135bda1317375c3f3bfb0ec1502a2e1' })), index.h("tr", { key: 'a9525a6d9293850f1eba5d4f4fcad8263d0748d9' }, index.h("td", { key: '4e980e84b8b8e3398961661900f6e439dcc1fdbc', class: "planned__component sticky-col second-col" }, index.h("ifx-link", { key: 'c7a6080b23f5a9847fe8b2eca76bda587583f788', href: "", size: "s", variant: "bold" }, "Card Group")), index.h("td", { key: '9750ab95307351fb9fcfe285b91af05c3fbe05b0' }, index.h("ul", { key: 'a16a968ef08b72d5a86b4042ee8169d3a7c9e3d9' }, index.h("li", { key: 'c9ed192b83da280fa30d0e5f48aa754e9b6c7b04', class: "planned__component-wrapper" }, index.h("span", { key: '5de67ca28c6b4c278c4107bd5a97e2cd24deaa3d' }, index.h("ifx-icon", { key: '1c48f8e1a53edb4c7b3f5d1e11163a92aeac11a6', class: "planned__icon", icon: "clock16" })), index.h("span", { key: '082034643c92dac94d89b34dc2cb127719287e57' }, "On Hold")))), index.h("td", { key: '4e61848498fd208dae3c077353fc55fcd5017fd4' }), index.h("td", { key: '558b4bff85f7f79d9f9666fc57d62c35572019c0' }))))))));
+    }
+};
+OverviewTable.style = overviewTableCss();
+
+exports.ifx_overview_table = OverviewTable;