@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/components/ifx-overview-table.js

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

package/dist/components/ifx-pagination.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxPagination extends Components.IfxPagination, HTMLElement {}
+export const IfxPagination: {
+    prototype: IfxPagination;
+    new (): IfxPagination;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-pagination.js

@@ -0,0 +1 @@
+import{P as o,d as s}from"./p-CHllTWC_.js";const p=o,r=s;export{p as IfxPagination,r as defineCustomElement}

package/dist/components/ifx-popover.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxPopover extends Components.IfxPopover, HTMLElement {}
+export const IfxPopover: {
+    prototype: IfxPopover;
+    new (): IfxPopover;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-popover.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as o,h as i,t as s}from"./p-BT_2CyMS.js";import{i as r,d as a,t as p}from"./p-94ZtGp9D.js";import{d as n}from"./p-DMAv4MDG.js";const l=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ifxOpen=o(this,"ifxOpen",7),this.ifxClose=o(this,"ifxClose",7)}get el(){return this}popoverVisible=!1;computedArrowPosition={};popoverTitle="";text="";position="auto";disabled=!1;open=!1;ariaLabelText=null;ifxOpen;ifxClose;static GAP=12;popoverEl;triggerEl;lastOpenTrigger=null;openChanged(t){this.popoverVisible=t,this.popoverEl&&(t?(this.popoverEl.style.visibility="hidden",this.popoverEl.style.display="flex",this.positionPopover(),this.popoverEl.style.visibility="visible"):(this.popoverEl.style.display="none",this.popoverEl.style.visibility=""))}async componentDidLoad(){if(!r(this.el)){const t=a();p("ifx-popover",await t)}this.popoverEl=this.el.shadowRoot.querySelector(".popover"),this.setupTriggerElement(),this.popoverVisible=this.open,this.open&&(this.popoverEl.style.visibility="hidden",this.popoverEl.style.display="flex",this.positionPopover(),this.popoverEl.style.visibility="visible",this.ifxOpen.emit({trigger:this.lastOpenTrigger}))}setupTriggerElement(){this.cleanupTriggerListeners();const t=Array.from(this.el.children);this.triggerEl=t[0]||this.el,this.triggerEl.addEventListener("click",this.onClick)}disconnectedCallback(){this.cleanupTriggerListeners()}cleanupTriggerListeners(){this.triggerEl&&this.triggerEl.removeEventListener("click",this.onClick)}getViewportSpace(t){return{above:t.top,below:window.innerHeight-t.bottom,left:t.left,right:window.innerWidth-t.right}}resetPositioningStyles(){this.popoverEl&&(this.popoverEl.style.top="",this.popoverEl.style.bottom="",this.popoverEl.style.left="",this.popoverEl.style.right="",this.popoverEl.style.transform="",this.popoverEl.style.visibility="")}positionPopover(){if(!this.popoverEl||!this.triggerEl)return;const t=this.triggerEl.getBoundingClientRect(),e=this.popoverEl.getBoundingClientRect(),o=this.getViewportSpace(t);let i=this.position;i="auto"===i?this.getBestPosition(t,e,o):this.validateAndAdjustPosition(i,e,o),this.resetPositioningStyles();const{popoverStyle:s,arrowStyle:r}=this.calculatePosition(t,e,i);Object.assign(this.popoverEl.style,s),this.computedArrowPosition=r,this.popoverEl.setAttribute("data-placement",i)}getBestPosition(e,o,i){const s=t.GAP,r=t=>t>=o.height+s,a=t=>t>=o.width+s,p=(o.width-e.width)/2,n=e.left-p>=0&&e.right+p<=window.innerWidth,l=e.left+o.width<=window.innerWidth,h=t=>n?t:l?t+"-start":t+"-end";return r(i.above)?h("top"):r(i.below)?h("bottom"):a(i.right)?"right":a(i.left)?"left":h(i.below>=i.above?"bottom":"top")}validateAndAdjustPosition(e,o,i){const s=t.GAP;switch(e){case"top":case"top-start":case"top-end":return i.above>=o.height+s?e:i.below>=o.height+s?"bottom":i.left>=o.width+s?"left":i.right>=o.width+s?"right":"bottom";case"bottom":case"bottom-start":case"bottom-end":return i.below>=o.height+s?e:i.above>=o.height+s?"top":i.left>=o.width+s?"left":i.right>=o.width+s?"right":"top";case"left":return i.left>=o.width+s?"left":i.right>=o.width+s?"right":i.below>=o.height+s?"bottom":i.above>=o.height+s?"top":"right";case"right":return i.right>=o.width+s?"right":i.left>=o.width+s?"left":i.below>=o.height+s?"bottom":i.above>=o.height+s?"top":"left";default:return"bottom"}}calculatePosition(e,o,i){const s=t.GAP,r={position:"absolute",zIndex:"1000"};let a={};switch(i){case"top-start":r.left="0px",r.bottom=e.height+s+"px",a={top:"100%",left:"12px"};break;case"top-end":r.right="0px",r.bottom=e.height+s+"px",a={top:"100%",right:"12px"};break;case"top":r.left=e.width/2-o.width/2+"px",r.bottom=e.height+s+"px",a={top:"100%",left:"50%",transform:"translateX(-50%)"};break;case"bottom-start":r.left="0px",r.top=e.height+s+"px",a={bottom:"100%",left:"12px",transform:"rotate(180deg)"};break;case"bottom-end":r.right="0px",r.top=e.height+s+"px",a={bottom:"100%",right:"12px",transform:"rotate(180deg)"};break;case"bottom":r.left=e.width/2-o.width/2+"px",r.top=e.height+s+"px",a={bottom:"100%",left:"50%",transform:"translateX(-50%) rotate(180deg)"};break;case"left":r.right=e.width+s+"px",r.top=e.height/2-o.height/2+"px",a={top:"50%",right:"-10px",transform:"translateY(-50%) rotate(-90deg)"};break;case"right":r.left=e.width+s+"px",r.top=e.height/2-o.height/2+"px",a={top:"50%",left:"-10px",transform:"translateY(-50%) rotate(90deg)"}}return{popoverStyle:r,arrowStyle:a}}positionChanged(){this.popoverVisible&&setTimeout((()=>this.positionPopover()),0)}async show(){this.disabled||(this.open=!0,this.popoverEl.style.visibility="hidden",this.popoverEl.style.display="flex",this.positionPopover(),this.popoverEl.style.visibility="visible",this.popoverVisible=!0,this.lastOpenTrigger=this.triggerEl||null,this.ifxOpen.emit({trigger:this.lastOpenTrigger}))}async hide(){this.open=!1,this.popoverVisible=!1,this.popoverEl&&(this.popoverEl.style.display="none",this.popoverEl.style.visibility=""),this.ifxClose.emit()}async toggle(){this.popoverVisible?this.hide():this.show()}onClick=t=>{t.stopPropagation(),this.lastOpenTrigger=this.triggerEl||t.currentTarget||null,this.toggle()};onCloseClick=t=>{t.stopPropagation(),this.hide()};render(){const t={popover:!0,visible:this.popoverVisible,"popover--disabled":this.disabled},e={position:"absolute",...this.computedArrowPosition};return i("div",{key:"15f774e912b5427966231688385aff04da526869",class:"popover__container","aria-label":this.ariaLabelText},i("slot",{key:"e5fd47a126d1c6c1be11fb1394fac65fff574f1e"}),i("div",{key:"4daa2535f92158e4dd26fe4ff3a16e19f0ee903d",class:t,role:"dialog","aria-modal":"false"},i("button",{key:"dbdb04f3e229a8f15d713e00f8c17c9d338be9ff","aria-label":"Close Popover",class:"popover-close",onClick:this.onCloseClick},i("ifx-icon",{key:"bd29a9fc230343d57ff4d0ed1a92a841ce037a07",icon:"cross16"})),i("div",{key:"dc87a2c432d63b78a91cf88a415a246f7212473a",class:"popover-content"},this.popoverTitle&&i("div",{key:"78ddd6bad89ee21bea5cfec3675057fd9847c5e7",class:"popover-title"},this.popoverTitle),this.text&&i("div",{key:"0c1a856d0603d268e19eaa60fe8e50d916046a21",class:"popover-text"},this.text),i("slot",{key:"3e5d4d7e80a1bb382ce2f041d4310338974a3d86",name:"content"})),i("svg",{key:"cf61e03de9b1ba8d1c89e0ae54403678178142bf",class:"popover-arrow-svg",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",style:e},i("path",{key:"1c25f8f94aacd59b4b6c5fe90e52fbb5bd6cf909",d:"M6 8L0 0L12 0L6 8Z",fill:"currentColor"}))))}static get watchers(){return{open:[{openChanged:0}],position:[{positionChanged:0}]}}static get style(){return":host{display:inline-block;position:relative}.popover__container{position:relative;display:inline-block;font-family:var(--ifx-font-family)}.popover{position:absolute;z-index:1000;display:none;background:#ffffff;box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12);width:var(--ifx-popover-width, 240px);min-width:var(--ifx-popover-width, 240px);max-width:320px;pointer-events:auto;box-sizing:border-box}.popover.visible{display:flex;flex-direction:column}.popover--disabled{opacity:0.5;pointer-events:none}.popover-close{all:unset;cursor:pointer;position:absolute;top:12px;right:12px;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:background-color 0.2s ease}.popover-close:hover{background-color:#f7f7f7}.popover-close:focus{outline:2px solid #0a8276;outline-offset:1px}.popover-content{display:flex;flex-direction:column;padding:12px;gap:4px;text-align:left;min-height:24px}.popover-title{font-size:1rem;font-weight:600;color:#1d1d1d;margin:0;padding-right:24px;text-align:left}.popover-text{font-size:0.875rem;font-weight:400;line-height:1.25rem;color:#575352;margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;text-align:left}.popover-arrow-svg{position:absolute;width:12px;height:8px;color:#ffffff;pointer-events:none;z-index:1001}.popover-arrow-svg path{fill:currentColor}"}},[769,"ifx-popover",{popoverTitle:[1,"popover-title"],text:[1],position:[1],disabled:[4],open:[1540],ariaLabelText:[1,"aria-label"],popoverVisible:[32],computedArrowPosition:[32],show:[64],hide:[64],toggle:[64]},void 0,{open:[{openChanged:0}],position:[{positionChanged:0}]}]),h=l,c=function(){"undefined"!=typeof customElements&&["ifx-popover","ifx-icon"].forEach((t=>{switch(t){case"ifx-popover":customElements.get(s(t))||customElements.define(s(t),l);break;case"ifx-icon":customElements.get(s(t))||n()}}))};export{h as IfxPopover,c as defineCustomElement}

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxProgressBar extends Components.IfxProgressBar, HTMLElement {}
+export const IfxProgressBar: {
+    prototype: IfxProgressBar;
+    new (): IfxProgressBar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-progress-bar.js

@@ -0,0 +1 @@
+import{P as o,d as r}from"./p-D8rBTzjL.js";const s=o,p=r;export{s as IfxProgressBar,p as defineCustomElement}

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxRadioButtonGroup extends Components.IfxRadioButtonGroup, HTMLElement {}
+export const IfxRadioButtonGroup: {
+    prototype: IfxRadioButtonGroup;
+    new (): IfxRadioButtonGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-radio-button-group.js

@@ -0,0 +1 @@
+import{p as t,H as o,h as i,t as e}from"./p-BT_2CyMS.js";import{i as r,d as a,t as n}from"./p-94ZtGp9D.js";import{d as s}from"./p-DMAv4MDG.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}errorStates=new Map;get el(){return this}alignment="vertical";size;showGroupLabel;groupLabelText="Group Label Text";showCaption;captionText;showCaptionIcon;required=!1;hasErrors=!1;handleRadioButtonError(t){const o=t.target;"ifx-radio-button"===o.tagName.toLowerCase()&&(this.errorStates.set(o,t.detail),this.updateHasErrors())}async setGroupError(t){Array.from(this.el.querySelectorAll("ifx-radio-button")).forEach((o=>{o.error=t}))}componentWillLoad(){this.initializeState()}async componentDidLoad(){if(!r(this.el)){const t=a();n("ifx-radio-button-group",await t)}}handleSlotChange=()=>{this.initializeState()};initializeState(){this.errorStates.clear(),Array.from(this.el.querySelectorAll("ifx-radio-button")).forEach((t=>{this.errorStates.has(t)||this.errorStates.set(t,t.error||!1)})),this.updateHasErrors()}updateHasErrors(){this.hasErrors=Array.from(this.errorStates.values()).some((t=>t))}render(){return i("div",{key:"04cc6baab4aab398b0a827f4c824d047368f92e8",class:"radio-button-group-container"},this.showGroupLabel&&i("div",{key:"1f72da5b0269cdc66368da264a0c8549a8f61deb",class:"group-label"},this.groupLabelText,this.required&&i("span",{key:"346b1392c9b0a36f4002b16ff2928d235f33dd13",class:"required "+(this.hasErrors?"error":"")},"*")),i("div",{key:"cb07b32ae38f0867ba17ff6fa211b3c98e4ac29c",class:`radio-button-group ${this.alignment} ${this.size}`},i("slot",{key:"3a7ae6a066ce46844c2381fcaf41938b7c9ee347",onSlotchange:this.handleSlotChange})),this.showCaption?i("div",{class:"caption "+(this.hasErrors?"error":"default")},this.showCaptionIcon?i("div",{class:"caption-icon"},i("ifx-icon",{icon:"c-info-16"})):"",i("div",{class:"caption-text"},this.captionText)):"")}static get style(){return".radio-button-group-container{display:flex;flex-direction:column}.radio-button-group{display:flex;gap:8px}.radio-button-group.horizontal{flex-direction:row;column-gap:12px}.radio-button-group.vertical{flex-direction:column;row-gap:12px}.group-label{font-family:var(--ifx-font-family);font-size:1rem;color:#1d1d1d;line-height:1.5rem;font-weight:400;margin-bottom:8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.group-label .required{color:#575352;margin-left:4px}.group-label .required.error{color:#cd002f}.caption{margin-top:8px;align-self:flex-start;display:flex;width:100%;column-gap:8px;justify-content:space-between;align-items:center}.caption.default{color:#1d1d1d}.caption.error{color:#cd002f}.caption-text{font-family:var(--ifx-font-family);font-size:0.75rem;line-height:1rem;flex:1;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption-icon{flex:0;display:flex}"}},[769,"ifx-radio-button-group",{alignment:[1],size:[1],showGroupLabel:[4,"show-group-label"],groupLabelText:[1,"group-label-text"],showCaption:[4,"show-caption"],captionText:[1,"caption-text"],showCaptionIcon:[4,"show-caption-icon"],required:[4],hasErrors:[32],setGroupError:[64]},[[0,"ifxError","handleRadioButtonError"]]]),l=c,p=function(){"undefined"!=typeof customElements&&["ifx-radio-button-group","ifx-icon"].forEach((t=>{switch(t){case"ifx-radio-button-group":customElements.get(e(t))||customElements.define(e(t),c);break;case"ifx-icon":customElements.get(e(t))||s()}}))};export{l as IfxRadioButtonGroup,p as defineCustomElement}

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxRadioButton extends Components.IfxRadioButton, HTMLElement {}
+export const IfxRadioButton: {
+    prototype: IfxRadioButton;
+    new (): IfxRadioButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-radio-button.js

@@ -0,0 +1 @@
+import{R as s,d as o}from"./p-M9y7mTsF.js";const m=s,p=o;export{m as IfxRadioButton,p as defineCustomElement}

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSearchBar extends Components.IfxSearchBar, HTMLElement {}
+export const IfxSearchBar: {
+    prototype: IfxSearchBar;
+    new (): IfxSearchBar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-search-bar.js

@@ -0,0 +1 @@
+import{p as e,H as s,c as a,h as t,t as i}from"./p-BT_2CyMS.js";import{i as r,d as o,t as n}from"./p-94ZtGp9D.js";import{s as c}from"./p-QgsB_-OM.js";import{d as h}from"./p-DMAv4MDG.js";import{d as l}from"./p-6rWkhPoz.js";const p=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxInput=a(this,"ifxInput",7),this.ifxOpen=a(this,"ifxOpen",7)}get el(){return this}isOpen=!0;disabled=!1;value;maxlength;autocomplete="on";showCloseButton=!0;ifxInput;ifxOpen;internalState;pendingFocus=!1;async open(){this.pendingFocus=!0,this.internalState=!0}async close(){this.internalState=!1,this.ifxOpen.emit(!1)}handlePropChange(){this.internalState=this.isOpen}handleCloseButton=()=>{const e=!this.internalState;e&&(this.pendingFocus=!0),this.internalState=e,this.ifxOpen.emit(e)};setInitialState(){this.internalState=this.isOpen}componentWillLoad(){this.setInitialState()}componentDidUpdate(){if(this.pendingFocus){this.pendingFocus=!1;const e=this.el.shadowRoot?.querySelector("ifx-search-field");"function"==typeof e?.setFocus&&e.setFocus()}}async componentDidLoad(){if(!r(this.el)){const e=o();n("ifx-search-bar",await e)}}handleInput(e){this.value=e.detail}handleOpenSearchKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleCloseButton())};render(){return t("div",{key:"e6fb09717914d5b2bf1f14ce678f409042031343",role:"search","aria-label":"a search field for user input","aria-disabled":this.disabled,class:"search-bar "+(this.internalState?"open":"closed")},this.internalState?t("div",{class:"search-bar-wrapper"},t("ifx-search-field",{autocomplete:this.autocomplete,disabled:this.disabled,value:this.value,maxlength:this.maxlength,onIfxInput:this.handleInput.bind(this)},t("ifx-icon",{icon:"search-16",slot:"search-icon"})),this.showCloseButton&&t("a",{"aria-label":"Close button",href:c("javascript:void(0)"),onClick:this.handleCloseButton},"Close")):t("div",{class:"search-bar__icon-wrapper",onClick:this.handleCloseButton,role:"button",tabindex:"0","aria-label":"Open search bar",onKeyDown:this.handleOpenSearchKeyDown},t("ifx-icon",{icon:"search-16"})))}static get watchers(){return{isOpen:[{handlePropChange:0}]}}static get style(){return":host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#ffffff;display:flex;flex-direction:row;align-items:center;width:100%;font-family:var(--ifx-font-family)}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0a8276;cursor:pointer}.search-bar .search-bar-wrapper a:focus{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar .search-bar__icon-wrapper:focus{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}"}},[513,"ifx-search-bar",{isOpen:[4,"is-open"],disabled:[4],value:[1025],maxlength:[2],autocomplete:[1],showCloseButton:[4,"show-close-button"],internalState:[32],open:[64],close:[64]},void 0,{isOpen:[{handlePropChange:0}]}]),f=p,d=function(){"undefined"!=typeof customElements&&["ifx-search-bar","ifx-icon","ifx-search-field"].forEach((e=>{switch(e){case"ifx-search-bar":customElements.get(i(e))||customElements.define(i(e),p);break;case"ifx-icon":customElements.get(i(e))||h();break;case"ifx-search-field":customElements.get(i(e))||l()}}))};export{f as IfxSearchBar,d as defineCustomElement}

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSearchField extends Components.IfxSearchField, HTMLElement {}
+export const IfxSearchField: {
+    prototype: IfxSearchField;
+    new (): IfxSearchField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-search-field.js

@@ -0,0 +1 @@
+import{S as o,d as r}from"./p-6rWkhPoz.js";const s=o,p=r;export{s as IfxSearchField,p as defineCustomElement}

package/dist/components/ifx-segment.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSegment extends Components.IfxSegment, HTMLElement {}
+export const IfxSegment: {
+    prototype: IfxSegment;
+    new (): IfxSegment;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-segment.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as s,h as n,t as o}from"./p-BT_2CyMS.js";import{d as i}from"./p-DMAv4MDG.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.segmentSelect=s(this,"segmentSelect",5)}segmentSelect;icon;segmentIndex;selected=!1;value;handleSegmentClick(){this.selected||(this.selected=!0,this.segmentSelect.emit(this.segmentIndex))}handleSegmentKeyDown(e){if("Enter"===e.code||"Space"===e.code){if(this.selected)return;this.selected=!0,this.segmentSelect.emit(this.segmentIndex)}}render(){return n("div",{key:"c32a30a780a9d1c1d3951ff4e20d2184ac078085",class:"segment "+(this.selected?"segment--selected":""),tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},n("ifx-icon",{key:"8d07025fbbe6cf22c27ffd9feeb95a6b76f15c0e",icon:this.icon})," ",n("slot",{key:"0c7eea89cc30faf1b6948507f6fb843dd0a227e1"}))}static get style(){return'.segment{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #bfbbbb;border-radius:1px;padding:0 8px 0 8px;height:34px;background-color:#ffffff;transition:all 100ms ease;transition-property:color, background;font:600 0.875rem/1.25rem "Source Sans 3";font-family:var(--ifx-font-family)}.segment:focus-visible{color:#ffffff;background-color:#0a8276}.segment:hover{color:#ffffff;background-color:#08665c;cursor:pointer}.segment:active{background-color:#06534b}.segment.segment--selected{color:#ffffff;background-color:#0a8276}.segment.segment--small{height:30px}.segment::after{position:absolute;top:0;left:0;width:100%;height:100%;outline:1px solid #bfbbbb;border-radius:1px;content:""}'}},[769,"ifx-segment",{icon:[1],segmentIndex:[2,"segment-index"],selected:[1028],value:[1]}]),f=c,r=function(){"undefined"!=typeof customElements&&["ifx-segment","ifx-icon"].forEach((e=>{switch(e){case"ifx-segment":customElements.get(o(e))||customElements.define(o(e),c);break;case"ifx-icon":customElements.get(o(e))||i()}}))};export{f as IfxSegment,r as defineCustomElement}

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSegmentedControl extends Components.IfxSegmentedControl, HTMLElement {}
+export const IfxSegmentedControl: {
+    prototype: IfxSegmentedControl;
+    new (): IfxSegmentedControl;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-segmented-control.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as s,h as i,t as r}from"./p-BT_2CyMS.js";import{i as n,d as o,t as a}from"./p-94ZtGp9D.js";import{d as l}from"./p-DMAv4MDG.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxChange=s(this,"ifxChange",7),this.internals=this.attachInternals()}get el(){return this}initialValue="";internals;ifxChange;caption="";label="";size="regular";required=!1;error=!1;value="";name="";onValueChange(e){this.syncSelectedSegment(e),this.updateFormValue()}onRequiredChange(){this.updateFormValue()}onSegmentSelect(e){const{previousValue:t,selectedValue:s}=this.unselectPreviousSegment(e.detail);this.value=s,this.updateFormValue(),this.ifxChange.emit({previousValue:t,selectedValue:this.value})}unselectPreviousSegment(e){let t="",s="";return this.getSegments().forEach((i=>{i.selected&&(i.segmentIndex!==e?(i.selected=!1,t=i.value):s=i.value)})),{previousValue:t,selectedValue:s}}getSegments(){return this.el.querySelectorAll("ifx-segment")}syncSelectedSegment(e){this.getSegments().forEach(((t,s)=>{t.segmentIndex=s,t.selected=t.value===e}))}setActiveSegment(){const e=this.getSegments();let t=this.value;t||(t=Array.from(e).find((e=>e.selected))?.value??"",this.value=t),this.syncSelectedSegment(t)}updateFormValue(){const e=this.getSegments()[0]?.shadowRoot?.querySelector(".segment")??void 0;this.internals.setFormValue(this.value||null),this.required&&!this.value?this.internals.setValidity({valueMissing:!0},"Please select a segment.",e):this.internals.setValidity({})}selectValue(e){this.getSegments().forEach((t=>{t.selected=t.value===e})),this.value=e,this.updateFormValue()}formResetCallback(){this.selectValue(this.initialValue)}formStateRestoreCallback(e,t){this.selectValue(e??"")}setSegmentSize(){this.getSegments().forEach((e=>{const t=e.shadowRoot?.querySelector(".segment");t&&t.classList.add("segment--"+this.size)}))}async componentDidLoad(){if(!n(this.el)){const e=o();a("ifx-segmented-control",await e)}this.setActiveSegment(),this.initialValue=this.value,this.updateFormValue()}render(){return i("div",{key:"c79d8c5fe6373f05af7106749caa2048ac4c9698",class:"group"},i("div",{key:"44df92548d718f658e814fdbc7a6fe6fe55a1e88",class:"group__label"},this.label.trim(),this.required&&""!==this.label.trim().toLowerCase()&&i("span",{key:"c6d098ed37fe8cf71e0ecded70d14913d17904e6",class:"required "+(this.error?"error":"")},"*")),i("div",{key:"aef9a850f50030cd29c033ffcbf8e3c27d270822",class:"group__controls"},i("slot",{key:"875230ae120ff16ecf777d051f296e9b0588bf67"})),this.caption.trim()&&i("div",{key:"5c4f014281d71d3604d2bee17d52501fec9b45cf",class:"group__caption "+(this.error?"error":"")},i("ifx-icon",{key:"8c062691ac17396055fb4579503e3cc043ca1d3b",icon:"c-info-16"})," ",this.caption.trim()))}componentDidRender(){this.setSegmentSize()}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],required:[{onRequiredChange:0}]}}static get style(){return".group{display:flex;flex-direction:column;justify-content:space-between}.group__label{font-family:var(--ifx-font-family);font-size:1rem;color:#1d1d1d;line-height:1.5rem;font-weight:400}.group__label:empty{display:none}.group__label .required{color:#575352;margin-left:4px}.group__label .required.error{color:#cd002f}.group__controls{display:flex;flex-wrap:wrap}.group__controls ::slotted(*){margin-left:-1px;margin-top:-1px}.group__caption{font-family:var(--ifx-font-family);margin-top:4px;display:flex;align-items:center;gap:8px;font-weight:400;font-size:0.75rem;line-height:1rem}.group__caption.error{color:#cd002f}"}},[833,"ifx-segmented-control",{caption:[1],label:[1],size:[1],required:[4],error:[4],value:[1025],name:[513]},[[0,"segmentSelect","onSegmentSelect"]],{value:[{onValueChange:0}],required:[{onRequiredChange:0}]}]),f=c,h=function(){"undefined"!=typeof customElements&&["ifx-segmented-control","ifx-icon"].forEach((e=>{switch(e){case"ifx-segmented-control":customElements.get(r(e))||customElements.define(r(e),c);break;case"ifx-icon":customElements.get(r(e))||l()}}))};export{f as IfxSegmentedControl,h as defineCustomElement}

package/dist/components/ifx-select-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSelectGroup extends Components.IfxSelectGroup, HTMLElement {}
+export const IfxSelectGroup: {
+    prototype: IfxSelectGroup;
+    new (): IfxSelectGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-select-group.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as s,d as i,t as a}from"./p-BT_2CyMS.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}label;disabled=!1;componentDidLoad(){this.applyDisabledToOptions()}disabledChanged(){this.applyDisabledToOptions()}applyDisabledToOptions(){this.disabled&&this.el.querySelectorAll("ifx-select-option").forEach((e=>{e.disabled=!0}))}render(){return s(i,{key:"0ec60791d075e8574499996cb0847ed0ab72b37b",role:"group","aria-label":this.label},s("div",{key:"1f66c57eb30bfc4ac40676a8bfb46e7eab912621",class:"group-heading","aria-hidden":"true"},this.label),s("div",{key:"2e1ffa171b35984bed1c0550469f3e96ca4cb88c",class:"group-options"},s("slot",{key:"7bcc6a41183aef571fe4bf605fcc3ace2924d944"})))}static get watchers(){return{disabled:[{disabledChanged:0}]}}static get style(){return":host{display:block;width:100%}.group-heading{display:flex;align-items:center;padding:8px 16px;color:#575352;font-family:var(--ifx-font-family);font-size:0.625rem;font-weight:600;line-height:0.875rem;letter-spacing:0.2em;text-transform:uppercase;cursor:default;user-select:none;pointer-events:none}:host(.group--empty) .group-heading{display:none}"}},[769,"ifx-select-group",{label:[1],disabled:[516]},void 0,{disabled:[{disabledChanged:0}]}]),n=o,d=function(){"undefined"!=typeof customElements&&["ifx-select-group"].forEach((e=>{"ifx-select-group"===e&&(customElements.get(a(e))||customElements.define(a(e),o))}))};export{n as IfxSelectGroup,d as defineCustomElement}

package/dist/components/ifx-select-option.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSelectOption extends Components.IfxSelectOption, HTMLElement {}
+export const IfxSelectOption: {
+    prototype: IfxSelectOption;
+    new (): IfxSelectOption;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-select-option.js

@@ -0,0 +1 @@
+import{S as o,d as s}from"./p-OJkXkXZS.js";const p=o,r=s;export{p as IfxSelectOption,r as defineCustomElement}