npm - @infineon/infineon-design-system-stencil - Versions diffs - 37.12.1--canary.1987.efd49fa96724f4af933f59f965802c5626d3c4a9.0 → 37.12.1--canary.1988.f5eee06727d2bb5660c87b54c84ac34cbdc94b91.0 - Mend

@infineon/infineon-design-system-stencil 37.12.1--canary.1987.efd49fa96724f4af933f59f965802c5626d3c4a9.0 → 37.12.1--canary.1988.f5eee06727d2bb5660c87b54c84ac34cbdc94b91.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (616) hide show

package/dist/infineon-design-system-stencil/p-6a48000a.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as c,g as a}from"./p-b7a462e5.js";const d='*{font-family:"Source Sans 3";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}li.planned__component-wrapper{align-items:center;line-height:16px}.version__wrapper{display:flex;flex-direction:column}ifx-icon{color:rgb(10, 130, 118)}.check__icon{width:10px;height:10px}.planned__icon{width:12px;height:12px;vertical-align:sub}';const f=d;const b=class{constructor(c){e(this,c);this.getPlannedComponents=()=>{const e=this.el.shadowRoot.querySelectorAll(".planned__component");return e.length};this.setPlannedComponentsNumber=()=>{const e=this.getPlannedComponents();const c=this.el.shadowRoot.getElementById("number__indicator-planned");c.number=e};this.getCompletedComponents=()=>{const e=this.el.shadowRoot.querySelectorAll(".completed__component");return e.length};this.setCompletedComponentsNumber=()=>{const e=this.getCompletedComponents();const c=this.el.shadowRoot.getElementById("number__indicator-completed");c.number=e};this.setTotalComponentsNumber=()=>{const e=this.getPlannedComponents();const c=this.getCompletedComponents();const a=this.el.shadowRoot.getElementById("number__indicator-total");const d=e+c;a.number=d}}componentWillLoad(){let e=this.el.parentElement;if(e){e=e.parentElement;e.style.padding="0px"}}componentDidLoad(){const e=this.el.shadowRoot.querySelector("header");const c=e.offsetHeight;const a=this.el.shadowRoot.querySelector(".wrapper");a.style.setProperty("--header-height",`${c}px`);this.setPlannedComponentsNumber();this.setCompletedComponentsNumber();this.setTotalComponentsNumber()}render(){return c("div",{key:"00bbb430c446d182fb05cb95d1761f1884c0b4da",class:"container"},c("header",{key:"e0d051325e7bf1df260701a41fd056647c3c8792",class:"header"},c("div",{key:"aef45c34fd4a7ecd56a874074618d716d8270e6b",class:"header__info-wrapper"},c("div",{key:"edba3a949b031e210f5b1fa110b50bce37552ce8",class:"title"},"DDS Components Overview"),c("div",{key:"da7dc985d00b4117ab2712e27d0eec46520059d8",class:"infoboard__wrapper"},c("div",{key:"953a3c69a57d2b0f2fb87bd2b8b6fa1fe6a6576e",class:"basic__info"},c("div",{key:"ff967d2125aa40b705c6e0446f195a1a27f353ad"},"Total Number:"),c("div",{key:"b07644b8bcbb0527fdf5e63487bd484270020ab4"},c("ifx-indicator",{key:"88ee2a709f20582b260f8503f7d09e32651887d5",id:"number__indicator-total",variant:"number"}))),c("div",{key:"943412296d2b19cb55f39bd7a54b890a712c6234",class:"basic__info"},c("div",{key:"bc84184d5ee18ffc5a202ddad71feb0c7ae10d36"},"Completed:"),c("div",{key:"644239aea3ff0ae4e886d9de4a72305aac1612b0"},c("ifx-indicator",{key:"6e5faf40502f0bd20b72a2406dcd302c51ff075a",id:"number__indicator-completed",variant:"number"}))),c("div",{key:"1110dcd7bcf4298c73a87b172f3ec6788e559127",class:"basic__info"},c("div",{key:"50365c095733b8deb5aa26a6cdbd4993f10f0d9e"},"In Progress:"),c("div",{key:"297c3dc3dc38e3ce34e151f6ad970c0b7f9f3588"},c("ifx-indicator",{key:"93973aad97ed7ba38f6898ece7f287683c4ca8c0",id:"number__indicator-planned",variant:"number"})))))),c("div",{key:"5d57adda178eb4ea3179f66f8c85daa199e4887d",class:"view"},c("div",{key:"8e6841bd08e4a8f09ff0d1a600cfd0d6b49508a0",class:"wrapper"},c("table",{key:"e5b7dc46af61d4a7053bff48c9ecc42e8a1c86d2"},c("thead",{key:"c2c120585a96bbcf96790421443b4389aa1f3a2c"},c("tr",{key:"abaae6cd1cf3303b0028f010907c66d0e99a6f27"},c("th",{key:"4e3470223510de3d8632dfe4dbcf894fd4cc8bd5",class:"sticky-col second-col"},"Component"),c("th",{key:"8d154da8b1df0b7aaa75abde87f99e3c7606a53b"},c("div",{key:"fbae7322f68f48c80e199e91878f128ff6e089b7",class:"version__wrapper"},c("span",{key:"c92e208542711505b99ba1a3a69253b161a5ac19"},"Version 1"))),c("th",{key:"9ce26b38f4d68346e3d9e36d1d8d634bcd61aafd"},c("div",{key:"935ea1eac7d2b8da5ddd505e3f7389da56a5465c",class:"version__wrapper"},c("span",{key:"8cd9ebf20242d0325fefab5ba2b08e4dfff6027f"},"Version 2"))),c("th",{key:"81040ea9e950d09d580cdfb73966368e83b81eac"},"Version 3"))),c("tbody",{key:"c24e8e885349d332623faadc80b2014fa11955d7"},c("tr",{key:"cbcd452ebb1e04ba6e73adc3bf7ca90b34c4a288"},c("td",{key:"2f736c3950f3d82ea4257f14220b4ca4dbbce35e",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d9122ed95704cc1c6f309e7cc83486407223b73d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-accordion--development",size:"s",variant:"bold"},"Accordion")),c("td",{key:"6b56750fefe13e4e4bc9a5d00db57578cb0d8936"},c("ul",{key:"4a5befb251244540aadfb9efad4f63c7d8c56032"},c("li",{key:"4c4e7603566fb8f766febe0f5cd8de3cc455c21a"},c("span",{key:"4a7087979d2b3e32247df679eea8e6dabdd023c0"},c("ifx-icon",{key:"9d1ed9554a6e93707e5ae905b0bf98e9be817e28",class:"check__icon",icon:"check16"})),c("span",{key:"1e6bcafde4573314eea146d334fd3ebc4a622c52"},"Includes essential functionality such as expand/collapse behavior and minimal customization options")),c("li",{key:"88746ed37d368e1a785cc86b0c7a06e802c1a811"},c("span",{key:"d9377dba03acfdcd1eaee7bd4f96ee7529607b93"},c("ifx-icon",{key:"e1e9f1a6344e90468c1eefd5f9d069acb08e3a06",class:"check__icon",icon:"check16"})),c("span",{key:"817aba1b193db1ccc8582627fcbd5eb1a94e0bcf"},"Adheres to web standards")),c("li",{key:"8f9df34866e03499853f0da6b96d135a82bb383e"},c("span",{key:"cd668538a6a9751845321a85782f3e444957793c"},c("ifx-icon",{key:"e64741cd6bcb1c3df0ad4a4c696dae88b0628ceb",class:"check__icon",icon:"check16"})),c("span",{key:"21639a4433bb28f364a1c32b236c5f5f40dfb7f1"},"Provides a simple and lightweight way to organize and display collapsible content")))),c("td",{key:"69ac066149c538c185e16f8b36ca7b8c08ee7da4"},c("ul",{key:"2d3f457eed4b004afb435b164bc57b7bbe683712"},c("li",{key:"57c93c94a8b0f59a98c8381f95c90b63ea4a207d"},c("span",{key:"8756715dbc07d0b176e0975f83390e7873a67280"},c("ifx-icon",{key:"ebdb21a45b8d92b7bff48e43ebfb74b0ef6064b7",class:"check__icon",icon:"check16"})),c("span",{key:"a1ab8c23ce5f15db5f6a5c5be745c973e2537c33"},"Auto collapse feature")),c("li",{key:"914d02ac2168f925e230fa2f6989bcfc2336c70c"},c("span",{key:"d02f18f886682c05719969cd6f280fcac18e43e7"},c("ifx-icon",{key:"657cae369b468de82eeb8c203c635379bf42eb7f",class:"check__icon",icon:"check16"})),c("span",{key:"ef2d620079f47d6cb1ba05bf1d3d6905b6248959"},"Initial collapse feature")),c("li",{key:"e7fbcf0f0bef91c68387202517acd5213bc4211c"},c("span",{key:"274f02e8549549c5c4314221db103d892b25a743"},c("ifx-icon",{key:"42b4234796683874cc584658d881b89b220cd56e",class:"check__icon",icon:"check16"})),c("span",{key:"bd8069c6f7ff52cfbb13677ab4d65cf363582198"},"React, Vue and Angular wrapper integration")))),c("td",{key:"4cbabcc624352825eb15cb94fa894620ae3a2f7c"})),c("tr",{key:"5ab72edcf8922c354a8ea354a7e6e67c6daff7a1"},c("td",{key:"7fa9c0b23fac303f8f251f69cdf4da49956d1bae",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"8264fff64401a029dac88e96c61ac8a7e4ea3c53",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-alert--development",size:"s",variant:"bold"},"Alert")),c("td",{key:"a5d00c5842030d8ecf6199b004f5696006c90cff"},c("ul",{key:"d96484f77c7396dfa9e103e5ba58aa4b2afc0b86"},c("li",{key:"e98b74cbdb40224fbd6da7024361188fd564631d"},c("span",{key:"46439cf7558260678c5affc706bffaa1c8524e78"},c("ifx-icon",{key:"d0b6e71684a53a1da089bb47cd0acf4c1a7f046f",class:"check__icon",icon:"check16"})),c("span",{key:"f2286a9ff571041f86ec6c34f2af6b71cb0db16f"},"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")),c("li",{key:"87717b04a7b045b7dec5f740123e96b999a8b865"},c("span",{key:"a5512334a90dc2e994d76a83b3c6800f76b372ee"},c("ifx-icon",{key:"18865f84456910e75d9466ab3af7b642eaf57e94",class:"check__icon",icon:"check16"})),c("span",{key:"23cc7a9f7a90e85ef67076469b2ec6f7e04e9976"},"Adheres to web standards")))),c("td",{key:"32a2ac65714724960b25801a9e4c07c916e98ad0"},c("ul",{key:"32b3da1a0ebaf9fd918f3412a659a328eba3bdf9"},c("li",{key:"5d9c6391e1e60dfdb29f044b1d9037cfef5a48ab"},c("span",{key:"e2952f39d33f47c7345c9f718677a641e1793218"},c("ifx-icon",{key:"b35e7ab3ecf3254fbc20ae122c1ed9645ee7183c",class:"check__icon",icon:"check16"})),c("span",{key:"2fbe5c2a288ae79577a2d0dee725a18918e85698"},"Configurable close button")),c("li",{key:"a78e55484304af222b7ad78f35bf1ac1fe860059"},c("span",{key:"7c96a0e84616556794afe6ad1badf4259c43eb64"},c("ifx-icon",{key:"f3f2fe10949411d65f494f8b97dc4f7ddc04fa5c",class:"check__icon",icon:"check16"})),c("span",{key:"8aaad2af9bb6bab8c706b0890e816463eb1c4cea"},"Additional Info variant")),c("li",{key:"cb5fc135ea93e6b957cd99211700d2e357b04f3a"},c("span",{key:"7d7070e6b573219cb4156b8d05732d71ef1d7a01"},c("ifx-icon",{key:"d40d1f33ef71c91a4ead38423704c32b0d0a90f3",class:"check__icon",icon:"check16"})),c("span",{key:"82156b311de68430c508089cbd51d523286d652f"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6b8b58a586f384072a5e6f338e380f878e5f8f74"})),c("tr",{key:"c1421123f085a4a581cd31495b26d0df05a521c1"},c("td",{key:"e5e843277580ff66e0a0969b034c1efbc58bcbfe",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"b716099166518ddb477b3830faf8e14ea3e0aa29",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-badge--development",size:"s",variant:"bold"},"Badge")),c("td",{key:"2874a467a2023f5d4dc84bd2097654992a7358f3"},c("ul",{key:"4ae49659be5236020d9f8736c46fa20e3dc586ec"},c("li",{key:"4f2bfdd0e8b8ab695a862cae32cfa08f930eecb3"},c("span",{key:"3829760bc9eb7c2a3d4d05d8ef7158063880f361"},c("ifx-icon",{key:"29399a6ccf4b81bddb8c7ae567fab07c82f7805b",class:"check__icon",icon:"check16"})),c("span",{key:"94c8a1193f60ce7102456dbba4fed5433607eb5b"},"Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues")),c("li",{key:"ec3aff010e78f6f77edf39bca62be360c179e1c0"},c("span",{key:"367daba5833904d5bf85ef1311370d1cc5ed7afc"},c("ifx-icon",{key:"676aa6e3c0f6b6a5debba85a5dfa6a386a566cf3",class:"check__icon",icon:"check16"})),c("span",{key:"ae22f936776c003f97103ab3fee61d909f7ff22b"},"Designed to seamlessly integrate with existing UI elements and adhere to web standards")))),c("td",{key:"8df5abc6e94280cfb19c591c0916ad7bad56682d"},c("ul",{key:"39ecde35b4c5b3211197dd66165fc041e822a628"},c("li",{key:"9bb72b9cb0f37bdc681c8a3c4cfdc1ea4f14412a"},c("span",{key:"2cb6566147dcf19c19fb6786f4fbce655ffcc8e0"},c("ifx-icon",{key:"f5040512a2452fbae43e86824d0b10a783a4aec5",class:"check__icon",icon:"check16"})),c("span",{key:"4f76612dcb69bc661a512f7d05c7524ddc4106cb"},"React, Vue and Angular wrapper integration")))),c("td",{key:"8b1911b1386c2e703fabbbfc5ed08e01d7b76701"})),c("tr",{key:"77118794f80c4ae3d6e116fba34b3953b216d9da"},c("td",{key:"71faa0f87d1b38c9886cf13fc489675868c6a922",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"bd3693ac2d18dfcab370b1161ea6055e8c5fff04",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-breadcrumb--development",size:"s",variant:"bold"},"Breadcrumb")),c("td",{key:"da1187032b44a2f0083415251d9a457df28a9726"},c("ul",{key:"f1c4108ab29623e3d00dc6233194f65b315fca28"},c("li",{key:"56bc250665fd897178953636e20df20aa13ae01f"},c("span",{key:"75199839831e880e22a6209af50428ad995c1c40"},c("ifx-icon",{key:"3322c743736ce2cfe0e959527703fb834c0043ea",class:"check__icon",icon:"check16"})),c("span",{key:"dda30e8bd6a18983b1821b161b71b47e1efbb9e5"},"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")),c("li",{key:"8717e1802a5d6da4a138229f4985f20498736e31"},c("span",{key:"54bf8c520da11293003751b03e1a441a17555741"},c("ifx-icon",{key:"143ffb97a233485ed520b94f4d5a43039cbfb4ca",class:"check__icon",icon:"check16"})),c("span",{key:"243f9b2fadfc73f773eacb50fb7c40d3a4bdb8fb"},"Adheres to web standards")))),c("td",{key:"734cd25cbf3c58cea82c4a348f8dc1011b93b293"},c("ul",{key:"da8b3e6741f65e1c29e14cd3ff384f74c2d333c4"},c("li",{key:"280d35c26718c5429acd35bce187c1802c39dec7"},c("span",{key:"a2dc1ebf0d8d1b04d5a5c6ec7ee2133e98a27e76"},c("ifx-icon",{key:"16c0d7066b84e324ad196ffdccf6a75dbcde6d7c",class:"check__icon",icon:"check16"})),c("span",{key:"73d99be948c46ba003f553a03c88f8d659a57929"},"Possibility to add an icon")),c("li",{key:"5f40152c4dbfd3699e69aba82548a2a7f8e97f44"},c("span",{key:"675377fc10dbf3893d6f95478e476c6053b150bc"},c("ifx-icon",{key:"a08de112dec5adda14adb554de7ca84b90804124",class:"check__icon",icon:"check16"})),c("span",{key:"c5af0bf40d9fc1b314b00889d7426ef41284fdd1"},"Incorporated dropdown-menu for individual items")),c("li",{key:"d1f14b625121cc2154d6bb7b1bc4e24a79ee0786"},c("span",{key:"710526b0bb02b210070d80cefc9219526076173a"},c("ifx-icon",{key:"c0b514c30b5a0de9c60e5b33e90a067e061f7dba",class:"check__icon",icon:"check16"})),c("span",{key:"299a21097acbaeddcb52f7a78ed6022800ff044d"},"React, Vue and Angular wrapper integration")))),c("td",{key:"2965e8b188b5ba93c39289cb65fe1268ba8f861e"})),c("tr",{key:"4785bb887c573cc1913b5b1c719b70e3a173a95d"},c("td",{key:"b61a74fa74b6e3b683b2f18b0e8b4e20110b3097",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"3fb62c9d250b0d9e0ccaac2bcd32d7eef86b5521",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-button--development",size:"s",variant:"bold"},"Button")),c("td",{key:"fb04ae94367af86fd0832491f0bc41755e27e939"},c("ul",{key:"b737f4f0b7dfc1523690f70e286d2f2f777104b9"},c("li",{key:"825fcb7850578dd278151ddb469f7a4cb25466dd"},c("span",{key:"155ad7e0a2cf1e4fe445093189736ddf3157eef1"},c("ifx-icon",{key:"c45d834a01b6cd003cd7cfaa336a4fb5135e92ab",class:"check__icon",icon:"check16"})),c("span",{key:"50aa8f1a7b02da50287b3f268a53b478c576e982"},"Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions")),c("li",{key:"4362eebba09058c91c299da6a64fd33d08621d02"},c("span",{key:"1cb39fc2d11095b1ee137af468914e83d9d21810"},c("ifx-icon",{key:"18769d13b5f4e6739a7b04626e3e1acaec59a430",class:"check__icon",icon:"check16"})),c("span",{key:"6fd34f277300ea64b088fcdd4ee759477cbfaa79"},"Adheres to web standards")))),c("td",{key:"46b25d2a0a58d532c09c70261f5943d5702c7e88"},c("ul",{key:"f64fc2be3f900118b00785899990648b52e3f9d1"},c("li",{key:"055b25f0ca12148d86f6ab706663d79ae03ae867"},c("span",{key:"6d1797b36ea86b561384a5719b0777492d976693"},c("ifx-icon",{key:"8599bb657a1c8e06382b4e303114a8fa70fdad9c",class:"check__icon",icon:"check16"})),c("span",{key:"1440141f8d64b73bc46a9f8d8bc4ecb77187af93"},"fullWidth feature")),c("li",{key:"0f4d38b4786c37de21aa922ed00c9433fce26ded"},c("span",{key:"797c499d719f14f1053ecf141ee7eb5107903dc0"},c("ifx-icon",{key:"bbf18b5f10c9d7ae25fec074560f392c42f59962",class:"check__icon",icon:"check16"})),c("span",{key:"cfa08f37633b1da3eda53a201fe14398bd5c94f1"},"Icon integration")),c("li",{key:"ed96f1c14f731f9d4773fe38f2664e3b7de41a09"},c("span",{key:"193f46ff5a9dd9098c35092facc0cc026d12ab61"},c("ifx-icon",{key:"e08bde989b8ab653c9de43c5d1f8bba1d1b81fc0",class:"check__icon",icon:"check16"})),c("span",{key:"43af62cd080c2f96ed81cc868449fe92a97b5da5"},"Link integration")),c("li",{key:"7673cf23a1b1e0621da9c9ea1e6b7b253c207fa2"},c("span",{key:"8fa2a647363b2e363f36f930c9df7f194058ea6d"},c("ifx-icon",{key:"e7ac165f9ddd181e5dea48299afb7b5c28dab51f",class:"check__icon",icon:"check16"})),c("span",{key:"be845ca40b7531264915a612afb498d4c99ac4c5"},"React, Vue and Angular wrapper integration")))),c("td",{key:"3b7811bf2943bf3f302d26155cd73604723c5fa1"},c("ul",{key:"7dbc5a4beccee1a127d9b11072ec40afde5fb83a"},c("li",{key:"e2608b68a69fd6aea771707e8ae95fc51ad7557f"},c("span",{key:"8d91239c30dd7d33632fd547c27284cb5934f856"},c("ifx-icon",{key:"5ded73784af559cd8a762384dfb11589c12c59ce",class:"check__icon",icon:"check16"})),c("span",{key:"3b21184451c4190c6995a04823a1abf7df194d86"},"Form integration"))))),c("tr",{key:"159326a50d84a2fa36e7799d232295dd83952fa8"},c("td",{key:"f7f54e0e432c4bf10b6522e75ba5f84544f15079",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"e529cc7e0f8eab7490cd3e1d96e122585ce3618f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-card--development",size:"s",variant:"bold"},"Card")),c("td",{key:"153d4e50a2c1ac0150a755f35b80417c435a9f6e"},c("ul",{key:"c289fbdbb4ee4ebc4b7d413f2856ff3d772c4749"},c("li",{key:"e8e0bdeb98b3594585fd56a68c49ba7c5faa2fa8"},c("span",{key:"e7ced31a1d2925907766f1bb722be24c14e5ad7e"},c("ifx-icon",{key:"f18341a63e3b2aaa1f241fe5f4a0c66d4c5c85f2",class:"check__icon",icon:"check16"})),c("span",{key:"63df698be3d2942654830d28985ebb0bdd3d10cb"},"Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons")),c("li",{key:"99bc6d2c4e0f9f291eb9082a9aa2021aa5c01ac3"},c("span",{key:"e149dce83383a637bf3eff7ef61fd87b7ea895db"},c("ifx-icon",{key:"3e6d0e445f30db5325f2ba7c30aa59ba9488b480",class:"check__icon",icon:"check16"})),c("span",{key:"7a008f80aec5c5720c19085b07df8a5a86534b25"},"Adheres to web standards")),c("li",{key:"970f414703cfe65251153b2806b7d6e6b0c51fda"},c("span",{key:"ce055a972af4214d0913eff81197091a8684d647"},c("ifx-icon",{key:"861fb31b4ecc7f82e2c3729629c3c9b9dbe3dda1",class:"check__icon",icon:"check16"})),c("span",{key:"f7e10982e4bf853d75081cfeb91b3c1e908f73c4"},"Horizontal and Vertical layout")))),c("td",{key:"89b464da96044a9e89d2e1c737c1a11041f4e7f3"},c("ul",{key:"92b921a8703e73a7be6ede23aa4273e420dfdd9c"},c("li",{key:"f99e7b20e0748e04ec6de765a82c0a0d54159c35"},c("span",{key:"9593cce496e510a264db4778905622574bff9341"},c("ifx-icon",{key:"46058967baae4e988e7b4a2ad39973e80778e1b8",class:"check__icon",icon:"check16"})),c("span",{key:"13eab01afa480d7957e4181b71684f4fe9e13ae3"},"Possibility to embed multiple buttons")),c("li",{key:"848aad8525b57125293497cafd2602d8c3b6ccf1"},c("span",{key:"e4854439df353fbb3c4131f5eb3aef5638f0a294"},c("ifx-icon",{key:"5775bd6ed9d30c305c88cb3c5a169d534cf9acf3",class:"check__icon",icon:"check16"})),c("span",{key:"3da73d7554fcb59325179f5b8de37bf9b6ba1577"},"A switch between a Link and a Button")),c("li",{key:"b0e041df3bb2f4c871724220b55de994f58fe76e"},c("span",{key:"7618a041763f07374dcfd72f04b9792d5d115994"},c("ifx-icon",{key:"4e8662f6b3a1d87052788f697305966878b13e66",class:"check__icon",icon:"check16"})),c("span",{key:"8c186c9c6bd7b7dc7e587b5126220e71d3774506"},"Enhanced stylying behavior")),c("li",{key:"572ff768d531e6ecc5b252151df631995b783f07"},c("span",{key:"61c02bcd3844aea954a28f4a0bdce269b91293fe"},c("ifx-icon",{key:"e5a501cddd10281023a90ffdae917fe360882201",class:"check__icon",icon:"check16"})),c("span",{key:"119bd9cfb1f3ae973469467092458fd0de85723c"},"React, Vue and Angular wrapper integration")))),c("td",{key:"801c0902bf170c616801cd0d16c2ff04572dcc0f"})),c("tr",{key:"a9f10d188bf4e077f90168916f9bec0754c222bd"},c("td",{key:"346488bf1d12867bf0e28778d8a3f861efaaa59e",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"34a883b17cd50ca9991f22ece059ba627c9441b9",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox--development",size:"s",variant:"bold"},"Checkbox")),c("td",{key:"f371838893a8f2f86780a930e042d0de38914d12"},c("ul",{key:"0340f335b2ec77382ff119bea0104f50a0be07db"},c("li",{key:"fc6b3579c7195dda7acfa7595828c670526fc427"},c("span",{key:"77aa4f2f0d6bb23a1da8b1f911077aa3bd475160"},c("ifx-icon",{key:"d339a9460df6611b10789a24b6cdec9fbe458185",class:"check__icon",icon:"check16"})),c("span",{key:"18b6dd426eb9d7f8d30e3581ede259eceacb76af"},"Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states")),c("li",{key:"3fdfff9d465da1d2180f7d6d46c7d008ab3c595d"},c("span",{key:"3a763f05ba855fcb15938b6e92c33acb458475b2"},c("ifx-icon",{key:"aeb78a1be6f40541e2d99c4a720dfbcba98f05af",class:"check__icon",icon:"check16"})),c("span",{key:"d4cc1e25f1b4dc0e46abc9afccd37588316d85df"},"Adheres to web standards")))),c("td",{key:"809eb60c153984ebf76b3908d83da2f618f6dddf"},c("ul",{key:"9e368e69500185910f6fd03287e061d5cd2708f6"},c("li",{key:"e7099ee057998ae254627aa923a806781fb10f69"},c("span",{key:"19cd1b8b97e22b040c2e3beacd9a7a9b63f548a8"},c("ifx-icon",{key:"3d88b889d7a96601b2ecfa6a46c733097bf65a82",class:"check__icon",icon:"check16"})),c("span",{key:"b6e591faa19eba02ee42ad0345948985c109ced1"},"Indeterminate state variant")),c("li",{key:"9b43bf250d573a9eed21320dde4bc0fdfc0e6455"},c("span",{key:"c7e6d12ce556848000bf094593f33668966c2cac"},c("ifx-icon",{key:"dd4260bd9371436cb10a36547c431a31a475293b",class:"check__icon",icon:"check16"})),c("span",{key:"3d303a7f511d2baf368ad1dedb989c81c57c5a5d"},"React, Vue and Angular wrapper integration")))),c("td",{key:"c0ae72ee02b9075082613a881ea1a7a0d87b7023"})),c("tr",{key:"e0b695ae9fac0cb9bbdfc8fa1d3566459af43463"},c("td",{key:"cef52de770c9ef42618953aa7e3207be3fb13680",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"de18b7e3be8f8181e27c3a85018a9a795fe7dabd",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox-group--development",size:"s",variant:"bold"},"Checkbox Group")),c("td",{key:"703f7c408f8422d5ffdcea24fed187f4e04e1829"},c("ul",{key:"46564334a5cdc115c82fd46d577d2ea9a15c0517"},c("li",{key:"eb7ce0917009fc482e2bdfac416e978b59e0b367"},c("span",{key:"d61ca2ce331315249ee4ae64ee1ae1e6cb665549"},c("ifx-icon",{key:"05bc939c394c0a6bf2b5eded4c40a5599e2e34a4",class:"check__icon",icon:"check16"})),c("span",{key:"e4f303e56f55c27f7bfb3be69224b3804a4242bb"},"Provides a simple and customizable interface for grouping multiple checkbox inputs")),c("li",{key:"85cbe55977e5567e39f1612f9b0971f92c24fe9b"},c("span",{key:"dadc6fcd43a1fa1fb1d94ddb1cee5af39a0e740b"},c("ifx-icon",{key:"6bf7718dc388bda282414b6bc0ca8b2f19e4ee19",class:"check__icon",icon:"check16"})),c("span",{key:"9cf53fb89510e34918caf53833ca3d008350b16f"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"7b0e670819e186584d847d7e624f99c21fc58c82"},c("span",{key:"cfe87a3806e02fc6e3a699e7cce5dbaf262fb057"},c("ifx-icon",{key:"e70c580fa4b147e2cab7824d3b6fa8ba910791f7",class:"check__icon",icon:"check16"})),c("span",{key:"2472f6dba71c8178a8c276682781429def9d373c"},"Allows to display individual or group error")),c("li",{key:"d62a081e149a06795ca779f5035ed2814415669a"},c("span",{key:"fcea5a3bdae9791be40af187710089f793d06bd5"},c("ifx-icon",{key:"fc88d43257f37fe91dfaea678cfecf410f1136dc",class:"check__icon",icon:"check16"})),c("span",{key:"03b1d66a4645a31ccc2f7db699376daf8f1c7c3b"},"React, Vue and Angular wrapper integration")),c("li",{key:"42756f85235c29d52ca0d9e06d22de907bfc6bc7"},c("span",{key:"cb5fe8b47418120860583e03044afac40c6d8f90"},c("ifx-icon",{key:"6d0231c164358975505e3c35d0552667c948ffd6",class:"check__icon",icon:"check16"})),c("span",{key:"94f5263573aa710ca546d8b6254b437e2c14b075"},"Adheres to web standards")))),c("td",{key:"f0378d088de8265094b257e3a67ba4e890577675"}),c("td",{key:"b236d19a2155511d1ac1269a6b0f6c2bdcd4d2cf"})),c("tr",{key:"bbdbccc5e3858a7730fa1e328ffb79cc35cf072f"},c("td",{key:"4f3921684a22d9f2dd4fd89dd2106e19b1b17303",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2f8397c5a340d54c3078502aea312a41cb70b95a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Chip")),c("td",{key:"6bc277c6cb91cdda68bf4a0d10b48109474beee0"},c("ul",{key:"f646172452f28f848591e3833a6bb1d34cff4437"},c("li",{key:"ce85737440de1a81baa40d1de9e3023dfb5ee8e7"},c("span",{key:"c3babe2a899c9f44555d100dfa9cdd4df1208d6c"},c("ifx-icon",{key:"548981e4db46146f6e643868830e9f0a9f1b98dd",class:"check__icon",icon:"check16"})),c("span",{key:"813805707c12eac4be2fe53ca0e0aadd3fe635c4"},"Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities")),c("li",{key:"b316f85cf3bae45013ef4bb8fd378d2d88f378f6"},c("span",{key:"0e10db6bf6c9ac4992b76e901b19ea3dccd306e6"},c("ifx-icon",{key:"04633a3f8a8fb5216cf0df25b6c5946bac7ebc13",class:"check__icon",icon:"check16"})),c("span",{key:"3b3f37af2375ad7b8cf70910b844cd78e52a8292"},"Adheres to web standards")))),c("td",{key:"6c800cb4e4c117eec0287b2ad6f4f6437a6dd100"},c("ul",{key:"89e1d8987b8a5874e6a2a970cb4b48b5ef9811b2"},c("li",{key:"5bf61b07cf94ac040f70882f832279b19acf6ba0"},c("span",{key:"dc7312204a8f81b5401986b0f10c666bbc82d733"},c("ifx-icon",{key:"69aa6c4702cc6613af729c2737fe13ed8df343e5",class:"check__icon",icon:"check16"})),c("span",{key:"0560cf3ef720df706b7bd114bffc522c8da85fe4"},"Incorporated dropdown-menu for individual item selection")),c("li",{key:"38baaa89fcf2eb6e2ed0fb1c6b2fc6670a97d52a"},c("span",{key:"b4f93f88946eead99c6c8ed4ef4c074dddfab86f"},c("ifx-icon",{key:"b3390dafb921b6bcc68f822e19c6b80b8326f41e",class:"check__icon",icon:"check16"})),c("span",{key:"49193b9ca7802b522d50d88a689b84485aa5eddf"},"React, Vue and Angular wrapper integration")))),c("td",{key:"fc9c2f7cc8cc99a5ffe8f60f8b606b3293ef7965"})),c("tr",{key:"07545c1d9dd1cf53b9537846e1f78a5007a1c9c0"},c("td",{key:"a5bff188b8c75de993cc64111fee1dda3c449e21",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"6d63a318d8f30de16de1ba3f824275945225d86a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Date Picker")),c("td",{key:"74efc9dd9bf490269c31ed0c5cf15bc30951fe2c"},c("ul",{key:"4834a5fb4be704dd0f00ce7eaef33674caaa5c09"},c("li",{key:"bf4c318db1933b934e715dc892407793d24ce0f5"},c("span",{key:"9d8c7247ec61264f3e094013402a01adc4e1f26b"},c("ifx-icon",{key:"61ef5bb644db8d56cd0abb018214202901d9b612",class:"check__icon",icon:"check16"})),c("span",{key:"f6681e750b28a268608227f16ec40f1518b8375e"},"Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction")),c("li",{key:"37fb0c457e40db5335566b999dd220c920edd32a"},c("span",{key:"94a43704145dea7efca7a16f1ddd22984403d81e"},c("ifx-icon",{key:"e879ab968d0cfcff9697959023d85b8925fc3f4c",class:"check__icon",icon:"check16"})),c("span",{key:"071300b99baa46b8a69829eee98e8041f9c5d1a7"},"Cross browser compatibility")),c("li",{key:"1c0e841f51fc6ac4092a75290757c666aee917e6"},c("span",{key:"28ee73be3e9ff15ffa089411f20bb6fa8da1e5f8"},c("ifx-icon",{key:"68e2db6aa735aa84c3e19f3946cc55d24e7cda10",class:"check__icon",icon:"check16"})),c("span",{key:"c1a7afefaf4c99a3fc24fe06d88a2fcf1524c443"},"Form integration")),c("li",{key:"03f2621a8951f14f270d6b68ac9fd18a6530320e"},c("span",{key:"ed5b077ce7292bf2fe2a7740b40971fb3bc94fcc"},c("ifx-icon",{key:"bf2af71ca21157f9df7c074f7fbabb411517a391",class:"check__icon",icon:"check16"})),c("span",{key:"8f788105ea76e50cd45d93282df2e082af0ff057"},"Adheres to web standards")))),c("td",{key:"c35fcd5891bce60d69725021d1b18a1123b735f9"},c("ul",{key:"deb32d530ea0433d269cc031273b93aaa766b7c1"},c("li",{key:"3260cccf8feb8b155814e0932b83757aa75a9a1c"},c("span",{key:"e8efd693bf4fb8d5fe60d76d907c60133921f4f3"},c("ifx-icon",{key:"3d72344038129f5a393c669d6962d37761f6e448",class:"check__icon",icon:"check16"})),c("span",{key:"72e7cee4f9f0b2e363af881dc2fe1a2dc8303c45"},"Range")),c("li",{key:"21a9acef266f0c66f7d8b44c48c3dd144d1023e3"},c("span",{key:"61fcb8bd75c4f742464423257080760f15e9887c"},c("ifx-icon",{key:"67f436f439b5dcc98293bac834033f7736bff8db",class:"check__icon",icon:"check16"})),c("span",{key:"b9dc5c4f6b110eca457f21bfebf03e6b4edc420f"},"Default value")))),c("td",{key:"a604ec947d3c12652f111d49f1b781c722e8809c"})),c("tr",{key:"446661e4ab8408881629d0233319bc1173bdb792"},c("td",{key:"c35e3ce8b2af0caf60ce2f35f5121cb6637020ca",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"bddfbda5f217a659f87400a16cfc413dc6e01da8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-dropdown--development",size:"s",variant:"bold"},"Dropdown")),c("td",{key:"7269da1b46f05f72c0d7bb57044c6382cfd760f6"},c("ul",{key:"120bede4f91d25d4d8148bb59a08716cfeba7ed8"},c("li",{key:"596ff21aade25f3e5b7d65b1ed8a17c4f9fc582d"},c("span",{key:"cd66899735f3870da9a8ed940eb3234863502d06"},c("ifx-icon",{key:"57f1dba0beb3036f34fa3624e6aa9e62b72202d2",class:"check__icon",icon:"check16"})),c("span",{key:"2d22371cf53d6c02cd2973f78314822023bde5ff"},"Offers a versatile and interactive user interface element for presenting a list of options or actions")),c("li",{key:"2f94ce469d2d2af5536730c526f89ccf6c79023e"},c("span",{key:"2a41bf1e3d7069ed6b38cd49c7a8b008d595bf60"},c("ifx-icon",{key:"14d395f0a26fbda3e01cd342a5989ccf891da4a4",class:"check__icon",icon:"check16"})),c("span",{key:"a04091278f4f6c1010bcd6a622d2a2aab8b6ae9c"},"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")))),c("td",{key:"173a59fd87408e0da3aeb3038e47b4fbcab512ec"},c("ul",{key:"f20775f40e9b288b2f2c7e90e4300fc49f9f8dfc"},c("li",{key:"0dd68e2e6f966e718ea6920895f07478ecec358b"},c("span",{key:"38ad55d9f51ea139e2e227cf0a6f773f33dce168"},c("ifx-icon",{key:"c4892e05c059df44e9e0bbf8185bba2073de8e7d",class:"check__icon",icon:"check16"})),c("span",{key:"6d054d7cd1df2043ba594aee147ed072ae970950"},"Search filter")),c("li",{key:"b3391c007bf102c5a746922532031601d1af009f"},c("span",{key:"9d92187879ac73eba830361fe3f7d1ef613848d5"},c("ifx-icon",{key:"2bc0fe072645d7f125a38da4e1f41fe83e9f9dec",class:"check__icon",icon:"check16"})),c("span",{key:"486ed7df5f581745b3d3a535a0036719e376b312"},"Header section")),c("li",{key:"ab0c4ad346c1c5fe90871e60b3051d81a504bd67"},c("span",{key:"c886470c370b0744a3c5c557035377fa496c2ce2"},c("ifx-icon",{key:"26388a9967019df3b41a3978ed20809725c59276",class:"check__icon",icon:"check16"})),c("span",{key:"dbc43c9ee300f4ea4c6f94ffdb846a25a558e26a"},"Menu Item Divider")),c("li",{key:"2188bfa60ac71950e6eb3cc245333f67a3046d32"},c("span",{key:"929f931d46520135fdd8db26598cc4ee1f5498b3"},c("ifx-icon",{key:"f426dc5095992f5383775811433f063ee6c995bd",class:"check__icon",icon:"check16"})),c("span",{key:"8bec7deeb4d34c5ebb64583372f5dc0e0b9704ca"},"Icon incorporated")),c("li",{key:"ee6f103cc883bcedde7020cafc2be6a0aba22b55"},c("span",{key:"815acc9d82aabf894b2ff3e7c800005fcb030e40"},c("ifx-icon",{key:"b054dc83b89f1152d314e269aa7c6dbc82e9cd94",class:"check__icon",icon:"check16"})),c("span",{key:"fb79b9306bbeca3db69cf5df6f8759f2b7d16cce"},"Extended customization and configurations")),c("li",{key:"81877d3e75db75e11fd95117bf671990ba7d8869"},c("span",{key:"d731c5fd489df6f57c1c0826ad7145fc6f18a8b9"},c("ifx-icon",{key:"be7ff0baf9b429ebf8ca2af5ffd16ddac89323b9",class:"check__icon",icon:"check16"})),c("span",{key:"ab74426c03c8a542ebc73c9fd5516c40fa6f832c"},"Separate label trigger")),c("li",{key:"f56f74ec7113d43bf5987ef640a251e6d3d8148f"},c("span",{key:"1a8b802642e61eb3874ab4104398440e1c62661f"},c("ifx-icon",{key:"94af273ae650ed8986b75d78335932c919e3c070",class:"check__icon",icon:"check16"})),c("span",{key:"e4d9c09a4460da3591a1e6270678a0e9dd59f3e1"},"React, Vue and Angular wrapper integration")))),c("td",{key:"865b216b3ab03d91b1514057c93ed0dafa02fd7d"})),c("tr",{key:"e6804966f460e4660f66781ec2d30e2d5dc2627d"},c("td",{key:"1001b10aa7429f5d60c3d6bf75b4815b1a9a9592",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"7ea0575c390881ae61bf8218c8e9fed204ae1b3b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-footer--development",size:"s",variant:"bold"},"Footer")),c("td",{key:"ada88da3c7edbd6690deb57e1e537c9d8606b65e"},c("ul",{key:"753c39e37254f4e310a8dea01474e0d8847bdc51"},c("li",{key:"75baa90c36e45558f5372cc76ad540eadb6d2e64"},c("span",{key:"7301941976886f9d6fd8332b2278f703ca12d465"},c("ifx-icon",{key:"c7b9da14ff6e9c0cafe6482573ae3bd25abf853e",class:"check__icon",icon:"check16"})),c("span",{key:"50410b96ba4edd6479a29c92233382fc2e398410"},"Provides a standardized and customizable way to display essential information, navigation links, and branding at the bottom of web pages or application interfaces")),c("li",{key:"1a05adf4139b9af792b07c5f176708a0ba5a77a3"},c("span",{key:"b8794814bec921c561a36bf97cec54867d5e6399"},c("ifx-icon",{key:"f2ed2e816320a895ee6783f400d6789d76069f38",class:"check__icon",icon:"check16"})),c("span",{key:"8b3382e17864a1e661ccb866ae7d0b8aec071934"},"Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information")),c("li",{key:"8de29d4d594956e3beb4ff6c1d0fcd0479b4232e"},c("span",{key:"4048026c711665e2a3f9c518181ebedca28fcb43"},c("ifx-icon",{key:"a7a4fe7503f2d9f9b83b7daa5631182043e3fd36",class:"check__icon",icon:"check16"})),c("span",{key:"50fe1e8b04f38c0c5ca6e81dc77d0761504b6727"},"Adheres to web standards")))),c("td",{key:"1e7b1b76abf12a3b536ae0eb899e5b7721298112"},c("ul",{key:"7a0b1ec24034dd2ecbeb37cf7d70f8f8190ccf9c"},c("li",{key:"37222dfe3a25f723c6b781ad10c3ae1ace5c0a26"},c("span",{key:"47dacecbe894c18203b1b08e12fa0f1811580da8"},c("ifx-icon",{key:"b62017251ac8808c4008f7592967e2f1c11b578f",class:"check__icon",icon:"check16"})),c("span",{key:"29f4b91827437c2de1ed246858730c847b8d69da"},"Small, Medium and Large variants")),c("li",{key:"90df2060650a641ca1624b5162be58e4f65db43d"},c("span",{key:"50e8d07bbe416cbf05bd9752f35ece533888a6bd"},c("ifx-icon",{key:"49c7ffc145ea6c9a4e912636955f429f291b2aa0",class:"check__icon",icon:"check16"})),c("span",{key:"69000c7dc3c9f4356579999e3e95ea0699476ede"},"React, Vue and Angular wrapper integration")))),c("td",{key:"a122a4330a8b3089df52b287c3a1b0bfa4e63b1b"},c("ul",{key:"dcc7fdcef42006399b560f6fadf5959ed92ea3c7"},c("li",{key:"91c2ad8e82d9a3fe8416215a56e0e469460274ab"},c("span",{key:"7540c7b31abed5f389e5ddbf6562a75821fb6656"},c("ifx-icon",{key:"81d57cef8fd2c4bdbb7668d96f11636ffef5a750",class:"check__icon",icon:"check16"})),c("span",{key:"30740f11bf8dfc9b52feb9bdb5a8f15ff6d50c33"},"Customizable and removable links"))))),c("tr",{key:"2f124ca286a0a6883151248c1e61a61ea430452c"},c("td",{key:"7a1cc52b0e874a1ddb7a36eb88a8915f2f86de86",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2316d748ba69f656e62acd8d5b44151776b8f2b6",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon-button--development",size:"s",variant:"bold"},"Icon Button")),c("td",{key:"f13cc4f9942c03dec8f42c648348a59f5136bfca"},c("ul",{key:"0a680b5e5959eec93094f88735a3e62a2200b09e"},c("li",{key:"915bf9b61892f25d3b0f773b18d4c54ecfa85edf"},c("span",{key:"f969ce1f5ca2159bffe138c805b9ffe0cc210da6"},c("ifx-icon",{key:"074852e7f46636a82b231bcaa09cc68ec6dddd66",class:"check__icon",icon:"check16"})),c("span",{key:"d54a0ac8142c4eec998984a16398402fdf97c416"},"Offers a compact and interactive icon-based button element")),c("li",{key:"15099383f6014dc6a96491f799b1f15973dcd0af"},c("span",{key:"cdacdf184f9ff7bd1397aa6591ceff8e4ae06780"},c("ifx-icon",{key:"dfbdb135d3fe1ae43876d3f95702ddbaef46bf05",class:"check__icon",icon:"check16"})),c("span",{key:"6bd40958740d3beb4d08db49fcea7ef059c806ed"},"Provides a limited scope of customization")),c("li",{key:"dbf0d8ed00b102d55fa86990cd5e8b11f272ce8a"},c("span",{key:"8cb61cda853d49c78abdb6bf5a59793646e01680"},c("ifx-icon",{key:"cb3eb9c3c68ca6005818eed5510c7a0ea69abb2b",class:"check__icon",icon:"check16"})),c("span",{key:"0f3cad3db3ad6cd0f9dee2d943b95bb5d54509e0"},"Adheres to web standards")))),c("td",{key:"9674b64821ce6caf4030d1f0d2df2645cdcd35dc"},c("ul",{key:"27bcaca93ce92d2b48f9acb25987f2dc0b7d7436"},c("li",{key:"1fbad411194111a06286e7522df20b567f37f3c1"},c("span",{key:"716037e6951b26a747ce04fab8293d6525a5a51a"},c("ifx-icon",{key:"b4f3465af6a154cc2cd1570631248a68e2d8049a",class:"check__icon",icon:"check16"})),c("span",{key:"b15d0ce24c01c2d2d14efca8d10ff9f0e71652d2"},"Additional Round and Square shape variants")),c("li",{key:"0bcb41f3936ed69e446a8032cf2a28f3350ed5e4"},c("span",{key:"edf37efc50220e7b47268758818eecd6bd5fb334"},c("ifx-icon",{key:"52788902ed81b1705f5d1c2da276db00756b7d89",class:"check__icon",icon:"check16"})),c("span",{key:"aad2ef8c5c8261f60e3bee9543d144ebf476c95c"},"Small, Medium and Large size")),c("li",{key:"247222283bbb29d81d3bbce4761f7c66cf588f4c"},c("span",{key:"e95be01311decb2dd0a4c228f483c4a11965a60b"},c("ifx-icon",{key:"d7fb216f8791bc2b56f94fb152260b0159017956",class:"check__icon",icon:"check16"})),c("span",{key:"29f3df63c042e41cd8a64107afba4d1c5c16c346"},"React, Vue and Angular wrapper integration")))),c("td",{key:"2c1cc3a0500a6e2d51c5828d6da43e1d1cbc6f59"})),c("tr",{key:"fd3e853e2748401b9af2982bba399c9dfdd6992d"},c("td",{key:"36dc12485411f0007ea8decec7820a219f5b0139",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"37d8b80e602968ee4cec0c42c957c15a4366a266",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon--development",size:"s",variant:"bold"},"Icon")),c("td",{key:"48d54d2ae01de07832951f69c069cf1d9efec37c"},c("ul",{key:"7c90e6fb12c2b34e6253d185e9baf4d5387cd684"},c("li",{key:"7c7d66878cab942ca03fd10dac24b19c7324b095"},c("span",{key:"8c43db12e571fdb16aec6804b09a505c1c653570"},c("ifx-icon",{key:"14a18cf32e21396637365ba522fa9e088ea3c2c4",class:"check__icon",icon:"check16"})),c("span",{key:"674096d73797e0072b7a207684ce5f0e0c12d5ed"},"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")))),c("td",{key:"10378e020a0be16a2d7173086c104d50af2e4da3"},c("ul",{key:"7e3d4a436305f09f8e96d6711e5bd6810c9e3cdd"},c("li",{key:"3e11681371c58deba3edb58d5c5302240eb5fa41"},c("span",{key:"12c5e77faf27045652a4c8f5055ce668b2171904"},c("ifx-icon",{key:"85276d88dce2d84023e9b4c46e53093f4f9de334",class:"check__icon",icon:"check16"})),c("span",{key:"14f4f321c486b2296c6b4051aa98b2fc1b355119"},"React, Vue and Angular wrapper integration")))),c("td",{key:"22cb7ca1d79cbb91780465e792710b30b969ac8a"})),c("tr",{key:"f04328b11cc4aba7ff3c0839325d8da8456bd296"},c("td",{key:"4fe37d5a59f80c82f96dcb261f29b29c75fc361b",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"78422008ee835efcb5a04b66b02405be2e556e65",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-link--development",size:"s",variant:"bold"},"Link")),c("td",{key:"c1bfaf9ade244634359c0f2799395e281c969e59"},c("ul",{key:"ab944b70c9ba7ceb6bb4fbc4475774d2e90753ee"},c("li",{key:"54dfc046da7aa4af825c8136d7db615ef44afecc"},c("span",{key:"e159d7b344ae9a5ee6afb1130b9354a9e4686421"},c("ifx-icon",{key:"abc132e9ab7dd050044d7ddb8646580d575a8b7c",class:"check__icon",icon:"check16"})),c("span",{key:"8ceca214c2bb461497b6c5edbbaeb9ec1851b391"},"Provides a flexible and customizable element for creating hyperlinks within a web application")),c("li",{key:"959f2b3352bed4822c8782ba58e5f191ea82be28"},c("span",{key:"4065ba4bf40e95120a0a58e8a845b884ff246ad2"},c("ifx-icon",{key:"530c9e8fd837903ed2373502f6f8b86a5803dde4",class:"check__icon",icon:"check16"})),c("span",{key:"fbe03ec673a4427a13307a2b50d10066b8cedcb1"},"Offers essential functionality for defining clickable text or elements")),c("li",{key:"ce128f36fe45f1d2116928067fd78f63817a539d"},c("span",{key:"fc26586a6bf7c41d22a119244bc4f5eb3d0a0559"},c("ifx-icon",{key:"004e80aee23a6f87e7cb11c22661baac9f063cc1",class:"check__icon",icon:"check16"})),c("span",{key:"ba8459681851e7fedd3a7d5fdb0f1f64a381c54a"},"Adheres to web standards")))),c("td",{key:"4e70bfa049f5fc4d9b60d5c87b4ff5d261691fa6"},c("ul",{key:"3484f194c33d87efe2af4001d6a2e172069fceb4"},c("li",{key:"8163a370a0ca390dec4b417bd551d968d5cf4d22"},c("span",{key:"da6530526764217f572f48f56663b078be166ed9"},c("ifx-icon",{key:"916fe5eaab41f3fec5c93172f091ce70c6d95cac",class:"check__icon",icon:"check16"})),c("span",{key:"14c81e533bd3f2d629cec9f48ee8bd2711245968"},"Small, Medium, Large, Extra Large size variants")),c("li",{key:"2e23385993ef318db43e165ca6671f9cb7906620"},c("span",{key:"56e8717283c1cc880585bed4ccbf16d8689944cf"},c("ifx-icon",{key:"b725db3d9c9a887073ab95cb4a437c4f5a9ae324",class:"check__icon",icon:"check16"})),c("span",{key:"bffe9f7339d8fd2967e95230b036c29f27ac4fa0"},"Icon incorporated")),c("li",{key:"ca2e4b9065f5edb67604e476e6784d4cbb6753fa"},c("span",{key:"6f08f7ffd396771105928a78138573c16f140aa4"},c("ifx-icon",{key:"edd40fd93d7ba77b0314de612f4985dddf7f1e06",class:"check__icon",icon:"check16"})),c("span",{key:"6e6a309ea1848bb5ef7675e7e0ccf7443422b098"},"React, Vue and Angular wrapper integration")))),c("td",{key:"4aeb69efe678081a073e62279fc0f308d4dedb9e"},c("ul",{key:"28831e193fe80a417b0f909d4612f2bd2a42ec7f"},c("li",{key:"78ba473bb6e5f03c7d268d00896d39c96ff43bad"},c("span",{key:"166a877d9f6cc3a40313d0d8d2f0f7024a9334da"},c("ifx-icon",{key:"3404aeef1a6ffed761ef42e4d921abb7f3ddd23e",class:"check__icon",icon:"check16"})),c("span",{key:"82223443e708330e587997ace242b58f3b0ed98b"},"Bold, Underlined, Title, Menu state variants"))))),c("tr",{key:"44e47671e26d5613af13a61572084743e6399dde"},c("td",{key:"8cc88906ccc7222b185e9ee3b982a4bf086798a9",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"44632c931ab793357b1eab49727741b135277a11",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-modal--development",size:"s",variant:"bold"},"Modal")),c("td",{key:"17fc7e29c07a8005663662fe291b5d3b7d524354"},c("ul",{key:"485b0fab2460ecf389c17675f67601c48045ecc1"},c("li",{key:"442c27a02287a014c4de92421c85725ec7c133ba"},c("span",{key:"7b6d808bd5c56ec3feea5bb5b4661c63f1fb3d4c"},c("ifx-icon",{key:"53fd618bc12d9c5ca0d5f719479665250ca194f2",class:"check__icon",icon:"check16"})),c("span",{key:"63f027fff7426169e5948920412843742b5e5e42"},"Provides a customizable modal window, typically used for displaying contextual information, user interactions, or additional content without navigating away from the current context")),c("li",{key:"845cb7140331d3bc07a0cb1daf0e5922a5d5882e"},c("span",{key:"d595b553700d6c6c37431154d39ee0c7dc014856"},c("ifx-icon",{key:"1c76e95fc09b530ab1d27471008057b50d20b322",class:"check__icon",icon:"check16"})),c("span",{key:"11fe46608fff976f5dcb18453cdf602eece17bf9"},"Adheres to webstandards")))),c("td",{key:"e6b1e1c465cdda722d1eefc72528f6f3635cc76a"},c("ul",{key:"0968d40d30578708ee836fbe952231ef3b4d4144"},c("li",{key:"073ca75b95e7e22ce3a4ba12c7e043e370d00782"},c("span",{key:"33a78b5f82e32321b4e731595a352d732152fdc0"},c("ifx-icon",{key:"2f43ab0a5dd0317aba0dc3cd139a3ed28effcd41",class:"check__icon",icon:"check16"})),c("span",{key:"ebf239736a47e2242525969ffdd66b1ad5cfd89c"},"Alert-brand and Alert-danger theme variants")),c("li",{key:"009fc639c1f08e537cb62b11f311c47d1e91f5de"},c("span",{key:"5236214845c0dca63909213be0e77f83cf2d7c37"},c("ifx-icon",{key:"0cc5062ef30e75d783a9a667094e48e45dcead5f",class:"check__icon",icon:"check16"})),c("span",{key:"49898770cb6538d388e06116d52c240de6ac712f"},"Extended customization")),c("li",{key:"46584be4f302385cb70632ef114bd77b319a0b83"},c("span",{key:"89bc305c9a92dd5b004761b0a1f635665e8b303d"},c("ifx-icon",{key:"5ee1dfe271dabef4bad778f753f6ce63a532ce26",class:"check__icon",icon:"check16"})),c("span",{key:"d8b35fc2f53a8dfd3494d5dffef77ce1b0ea67c2"},"React, Vue and Angular wrapper integration")))),c("td",{key:"277af0b1b30f35fd9ee47e12d0b46cbf779cbc24"},c("ul",{key:"51984b773edeb2b8638d50ca8eaf4584fc9e5205"},c("li",{key:"1292341c45f42018acb9227161b2e5d8cb50f6d6"},c("span",{key:"aff12f3b8293d29e4627e46d563b1668feaefa3e"},c("ifx-icon",{key:"eefe18e896230546e2239e91d2dc655e7c7ffb5a",class:"check__icon",icon:"check16"})),c("span",{key:"8c3624348bef909c69109083507c7499e6b4b9f7"},"Removable close button"))))),c("tr",{key:"90c03717e039bbe5bfc65541b4aae86af7dd8329"},c("td",{key:"b1b9459226ea262daed19b3a8200ccdf89bcce34",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f5253488c7e04d6a93a70c0ab4b21b1ce2df071a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-navbar--development",size:"s",variant:"bold"},"Navbar")),c("td",{key:"1177622a472b00ff295a2aedebcad0a934aa1a7f"},c("ul",{key:"6f12f70c8bda4417de7d0fa5dd7211dba3ab9839"},c("li",{key:"2b0c86df84392aa1996a7bca1d481ec9b1e688d7"},c("span",{key:"2273ca36d0c46f784a012c9feb42bba9d83f306d"},c("ifx-icon",{key:"0e31f7d0984738cf9079d4b94fe7a96e1c8ef9f8",class:"check__icon",icon:"check16"})),c("span",{key:"f15f4398d141b37c2ad53183f0b6ac6d16d33ded"},"Provides a standardized and customizable navigation bar for organizing and presenting essential links, menus, branding, and interactive elements within a web application")),c("li",{key:"12bcd8c46bf7c3e8e70cc556abeb2232a8fc5cb8"},c("span",{key:"81ad9786a95385c0825461a113a011eca15fad2c"},c("ifx-icon",{key:"e8ed06a27fb339ee7c52a9fd9af06c48f7ce9fa0",class:"check__icon",icon:"check16"})),c("span",{key:"348e2f561326aa61cf1e5d757727070b5209f2f0"},"Adheres to web stadards")))),c("td",{key:"64ea2d009a1b348cdb2ff190fc514762c81b6ecc"},c("ul",{key:"3fb5ce5f11e5a241d9ce3db031cdd5178894a60e"},c("li",{key:"5a7b6b55bf7f68dfce1d0b37e2278377541df857"},c("span",{key:"a8aab5849daa8f4a42d1aee7b3f450163ed2b92c"},c("ifx-icon",{key:"384a0612374016a63dedbea552dd4feeda6e973f",class:"check__icon",icon:"check16"})),c("span",{key:"7383e913c826640b2cf8d50df8b9843215cb2626"},"Navbar-profile component")),c("li",{key:"be00ee5a4944f6a2ad07376e42d9ef0103ef1b0a"},c("span",{key:"fc4e8356005fa9efbfc2e76a492ff647bc588b9b"},c("ifx-icon",{key:"583f7a48cb3dfc5d600566e21aa3015f247b3a9d",class:"check__icon",icon:"check16"})),c("span",{key:"4d5da3f749882d3663e95bf1ae14466a5611d814"},"Mobile Responsiveness")),c("li",{key:"07ea5e403e682dd4bf35f81a73c028458d52ec38"},c("span",{key:"78508af3d3abf108ffe84d53dc421d5a72847a65"},c("ifx-icon",{key:"1bb3828db9c0ae2a3fb8b3b18bc079c3e42a58c8",class:"check__icon",icon:"check16"})),c("span",{key:"f69c00c312a98ff7d9286f24955a1874dd173854"},"Mobile Sidebar")),c("li",{key:"76ffb7c0124703eb63be1dfb7be2aa222966cceb"},c("span",{key:"00549fd4c6189994b162a9a3616fabe4db243082"},c("ifx-icon",{key:"7b3ccdd216b67343baccfa3195b3974ae4e1412e",class:"check__icon",icon:"check16"})),c("span",{key:"c8574aa2818674851ec9748438aa11d0a53327ed"},"Extended customization")),c("li",{key:"1597b49d55e92f9f9653c5dcc449fae51ff3a072"},c("span",{key:"0847ab0edf9fc588d042c9e368cb3116c2965aef"},c("ifx-icon",{key:"bbbea691d3dd60b5b44d8c7398523aa517414284",class:"check__icon",icon:"check16"})),c("span",{key:"dc7fe6e87e7d98f0c9f8894cb3aeef3ca4a20f46"},"React, Vue and Angular wrapper integration")))),c("td",{key:"fc136a4eb1688a1d4f2a40edf9ce94349c4f10a0"})),c("tr",{key:"eede3587b5b1742b890f28b960aa4681da79e762"},c("td",{key:"a9c4e7dfb4f12135aeaebaa54d1b6377cd03e78b",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"50031c6bacc23e390735f9268e1c24ab16677cb5",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-indicator--development",size:"s",variant:"bold"},"Indicator")),c("td",{key:"bb3fbaf3af537875e4573a41e0b649ddf3395e66"},c("ul",{key:"f8f4e10118e979b0b007614eb03dc2349e175c0d"},c("li",{key:"6dde5b01e4388330b70cbd7c86de0b3c066215e5"},c("span",{key:"00569943825de7e4610977a845808e92f0297394"},c("ifx-icon",{key:"9b966150b8bf46b166a2196f4833189ee8823ce6",class:"check__icon",icon:"check16"})),c("span",{key:"12b83f54213b8d214b9a60c75281524c3b425c7f"},"Provides a compact and configurable display for showcasing numeric data or dot indicator")),c("li",{key:"bc6cd38681cf1ac5ef0e1f0a8ed7c94e764beef3"},c("span",{key:"90c32b81340b40379ba17e6f872374ee4a91705f"},c("ifx-icon",{key:"68e9cc2a8d8219bdf93797aa2530c4d63c69ca2f",class:"check__icon",icon:"check16"})),c("span",{key:"52d4428a931087c55a5ac2fe77fe6afa0c96ee6e"},"Adheres to web standards")))),c("td",{key:"c83818cdd42f47be723b448830bbb49c62bb1ac2"},c("ul",{key:"475373e5dae8c02b25ee79fc16a3e7c3b5b11c2b"},c("li",{key:"2e235057da736338fdd97d3d96e761ae4c7d23c1"},c("span",{key:"360ad62f43547c805ca0dff27938d5d51322f333"},c("ifx-icon",{key:"638cb7a39b1d9bbb53dae8c19cc36d9c341132ca",class:"check__icon",icon:"check16"})),c("span",{key:"69a1d3ba51c73a88475b010344e4ed82248fe0ce"},"Inverted option")),c("li",{key:"2955b4d3e50ff75f8cc36eb808e89945c255db7a"},c("span",{key:"d8a8f1274daa48035676374439827a00f7f917f0"},c("ifx-icon",{key:"4f74284ef982549effcfc45d653789a47cadda11",class:"check__icon",icon:"check16"})),c("span",{key:"7d4e1841b34fd23cffdbce5cfd09bbf0e9799516"},"React, Vue and Angular wrapper integration")))),c("td",{key:"f3b694be1450c2d196755df359e64a6fde194efe"})),c("tr",{key:"bbd346ed73dd9454004bd1de7b39eca5d297eb62"},c("td",{key:"884c66d1098caebf4d2cb88e1301bd632be76209",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"0f61cc4898277ba23cdea09fc92dd05227581c3f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-pagination--development",size:"s",variant:"bold"},"Pagination")),c("td",{key:"c07c3bf7f5986943a6e95ff8cf456159fc35d753"},c("ul",{key:"efd2be336a92605d36e32206d57e4f8fc4dbf37e"},c("li",{key:"41fc0f9891105f029bdf2867d9437740e53e38b6"},c("span",{key:"eadd969fad5d132b34666801460bf60d448dfa89"},c("ifx-icon",{key:"84d4a2575d78d32d7634816e552b6881e94aaabf",class:"check__icon",icon:"check16"})),c("span",{key:"f8e95ac9893fa287ef99fee1a189b679c8c820c2"},"Offers a configurable set of controls for navigating through sequential pages of content, typically used for displaying large datasets or segmented information")),c("li",{key:"34a44157552d340db0af3a63c5b3a21ad75d1637"},c("span",{key:"9585888612e8b0581c1276fb89f1737137f51ad9"},c("ifx-icon",{key:"931f8dbbae316d8c2ed7c5a19b2823a67aed199f",class:"check__icon",icon:"check16"})),c("span",{key:"296be9d554618f8443d57dcd7992ef0a125d00fd"},"Adheres to web standards")))),c("td",{key:"f652e24bb1a8960b947b5bd48a1bebf3a698f793"},c("ul",{key:"1d08c509a9ad9dfc560f04e18359258dfa361804"},c("li",{key:"2b22906fb6da2e6384a44beaf5190719ef3a7d0c"},c("span",{key:"000e49657b094a0338cbae1613fa389185936eb7"},c("ifx-icon",{key:"38cc5297a81c85be474336db9517b7c3971e4e75",class:"check__icon",icon:"check16"})),c("span",{key:"85bf385e364a348e279aadb0fe1b485b33c718c1"},"Extended customization")),c("li",{key:"d2168247c8d60f2312630bcc43a54d046bf7b27b"},c("span",{key:"ee57e8458d06d6320a41d26ce3ac08a5497e957d"},c("ifx-icon",{key:"6d1ccb7d1125a8ec39d95d056199824ea0f70d5f",class:"check__icon",icon:"check16"})),c("span",{key:"1f4956ae6b0106d047fba30df09e7a0808bce3ad"},"Configurable Results Per Page option")),c("li",{key:"3c248fb65660bb069ca86b678e227328fc3f4b11"},c("span",{key:"97f9fa76f6a87424c35072cdbfceafd9e2745134"},c("ifx-icon",{key:"2eb122008b1d96619df9e32bf8c1328fdde7926e",class:"check__icon",icon:"check16"})),c("span",{key:"b35a036c2039fb7004cccfca06eaafc6eeb09e20"},"React, Vue and Angular wrapper integration")))),c("td",{key:"cb10d77dff95fddb254ee96c153a98e785ed3bcd"})),c("tr",{key:"c56bc1d5b2940adaad15ed80afadef7da1473254"},c("td",{key:"2a7eb1b5c44f1e454b25ec81155443b519c7df8f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"859c79409e6b3fa60eac82ee1237fa1fdeac0c20",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-progress-bar--development",size:"s",variant:"bold"},"Progress Bar")),c("td",{key:"747f57a47bee3a1722ed21b7fecac5dc2ae8b46e"},c("ul",{key:"a8ed5e443ff414675d33a0143a503083b3b10dbd"},c("li",{key:"8a5b60da7ddc5b69c1cf83a4861a149a098f990a"},c("span",{key:"7be81407b90f4534650c12eb90e0bce170e6568e"},c("ifx-icon",{key:"1866aac9d79b9c271eccb4a6fa2f06e2483a5d5a",class:"check__icon",icon:"check16"})),c("span",{key:"561994eb7ddf33e767649d16e20e8d8f488ee8c9"},"Offers a customizable and dynamic bar that visually represents the advancement of a process, typically used to convey loading status, or task completion")),c("li",{key:"3f78be958ec0a70ad882bad85106af600fd5036f"},c("span",{key:"54932520485feafd9f6c70412fe2d6de16eeff1c"},c("ifx-icon",{key:"9f3ad795c77bb0430729323c6c23ad0e3a5dd19c",class:"check__icon",icon:"check16"})),c("span",{key:"0c5c9a3f8682fe867a219d78baf6665738138189"},"Adheres to web standards")))),c("td",{key:"fa35f86240163d941b9f9e785ee0d212b10a637a"},c("ul",{key:"08f06b0dce3747ea76513e4aef94c156ab32ad24"},c("li",{key:"c12432c0362bba14eabc14825f65002b3a5b1f66"},c("span",{key:"fef453842eac7f61dad0aef70faa26ee42e8eeb9"},c("ifx-icon",{key:"dc492928cf7c46b7a6c619e2505b71a15face097",class:"check__icon",icon:"check16"})),c("span",{key:"8230c193c767e5544fca0081d989d861e3450496"},"Extended customization")),c("li",{key:"31b7111458225fb3791536d2e33c363b5afc6fad"},c("span",{key:"c150f28afa8bd5b4b79e2c1c86a9f7795db57fe5"},c("ifx-icon",{key:"6f49d3b3c4f4a11890e24c1564e47d0420b0928d",class:"check__icon",icon:"check16"})),c("span",{key:"c21ce1ef21ad75ee6881a56e5f3fbe52e0595648"},"Show percentage option")),c("li",{key:"fc2e3b0d42bedf7916e1dee6c64571c628b3a687"},c("span",{key:"a617c437222a7e4cd2eb05dc66a0b6e090e82b4e"},c("ifx-icon",{key:"45f5d066510445c8de8ca8d829a1c7748e451113",class:"check__icon",icon:"check16"})),c("span",{key:"70521fe0d634b67fb9fddea4ba1aa9bd1226e6ae"},"Small and With Label variants included")),c("li",{key:"10bd9894d43869051e92304de8f73707693ae5a5"},c("span",{key:"7267de56e904dfd0c255d9284619021dbae34475"},c("ifx-icon",{key:"c9c9ecfed823e00f2bc52d4151cdef1ce16c3470",class:"check__icon",icon:"check16"})),c("span",{key:"f8e1fa1e64e53221118b908caf2b2923cde8a6c4"},"React, Vue and Angular wrapper integration")))),c("td",{key:"35a6a4b871a6a7ab0778429e06c48da663cff2ba"})),c("tr",{key:"4f2eee1a32f1f898199c87686eb648b3b583ec2a"},c("td",{key:"c880d0961db8cbb95c5b2965a686b9e472975c5e",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d70080fbbeac27ee8726a3c2eb336b5b44b43d63",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button--development",size:"s",variant:"bold"},"Radio Button")),c("td",{key:"73bd6fb14fde64b829b35f50a12492addbf3bac5"},c("ul",{key:"f6e98aa90c0beb9dac0e6569eda659d31ad3836c"},c("li",{key:"ccc89093f7a115e8c9aa7accc4df8bce0fc27e2d"},c("span",{key:"df07d4eed6be2de3eeb0b66a874ebff103ed7209"},c("ifx-icon",{key:"ffcbb01b28b4cedb7fee237d453a1f3371ff71c7",class:"check__icon",icon:"check16"})),c("span",{key:"18116061b150746f2c1dcbbd8643940e7be80673"},"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")),c("li",{key:"6f63d804e7b71a70f4a68c7856f07b1112dc39d3"},c("span",{key:"88cd1019978b50e5ac2dff4db076ee767bcabd70"},c("ifx-icon",{key:"7a8a9efc7230994708ee633975cce16b147e9165",class:"check__icon",icon:"check16"})),c("span",{key:"4ef99166882e63461ebf9bacc5e665b1d69cb31c"},"Adheres to web standards")))),c("td",{key:"65f1b1d8172352f3527ad497fbdb46c32552fe13"},c("ul",{key:"ba2d92e05f98818894c4105423ad6f42d3783628"},c("li",{key:"58999a4ca0e77aef9325ed8bacfad165e0bbc906"},c("span",{key:"ae32ccc8dcc85feb79f00e39c3ae17c4ef5cb268"},c("ifx-icon",{key:"e40aba2db6dd944acd738493e73a71f2eeaf5f2b",class:"check__icon",icon:"check16"})),c("span",{key:"cf1a0b36293074ad8798ceed6d26dad0032d21cb"},"React, Vue and Angular wrapper integration")))),c("td",{key:"c2d6adb03744a984d53fb2728c528d090a16718c"})),c("tr",{key:"3a898e8a48d519f4ba2dccc826b3e41b01346005"},c("td",{key:"227ca1426f932f110d8af5989c87a0923f6dce0a",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"84518e44a4d686b82bbf8c40bbb8f8078f5afec3",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button-group--development",size:"s",variant:"bold"},"Radio Button Group")),c("td",{key:"b9d9ff21c97f60ef934e0dd108ae97f11d19a3b7"},c("ul",{key:"8d49fbaaf5d337660b6459e6a8450c2e0dab278e"},c("li",{key:"2a1228967a09d007e69f10f78283d2e1eaabadb1"},c("span",{key:"c50b94ba155af8568fd107e36e0f611c7a380fa1"},c("ifx-icon",{key:"88084c3db87a621322ce04bca10588d447312863",class:"check__icon",icon:"check16"})),c("span",{key:"61c24f32306d88aaff8395258a5eabeebe655fd2"},"Provides a customizable interface for grouping multiple radio-button inputs")),c("li",{key:"58681a2d956c081da2133a2f91180c62fbdc0db3"},c("span",{key:"d5a4a45979ded66d48d0d9926df75dbd1a6fcae4"},c("ifx-icon",{key:"9f29256f43b53fc746eaa1706a62f9a7259484d8",class:"check__icon",icon:"check16"})),c("span",{key:"bc23639fe32da3d5e2fb7f9363351944d835ea13"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"54717343c63f503fc20d59055ba29be43c370cc2"},c("span",{key:"973cbc15d053233fe6dba0b575e4262ad68de4f5"},c("ifx-icon",{key:"fb6d39ee002f04fac9debf81b0f2cd6daff1099e",class:"check__icon",icon:"check16"})),c("span",{key:"675c533516efef4f23965c555d7beb3f0b28c5ef"},"Allows to display individual or group error")),c("li",{key:"dd3dbe8faa1cd2731cdb7f39d0063121afc0f152"},c("span",{key:"f1e40155e21d32072260296187496ac477dc5bbf"},c("ifx-icon",{key:"5b03eeaffb86079c5cd93c0a469fdedce572bd84",class:"check__icon",icon:"check16"})),c("span",{key:"947fe313f65e741c1c7c8eed5cafb3cc61322ab4"},"React, Vue and Angular wrapper integration")),c("li",{key:"9c2a647e116bfa1056cccbf1bf74252cefe0e8d8"},c("span",{key:"2e6e54bb148701742a61da43e57533a9a0b07bbe"},c("ifx-icon",{key:"47a6398ea60c6dd9edb804e144080124dc7519f6",class:"check__icon",icon:"check16"})),c("span",{key:"64789175bf37ef122f2eb4fc8b77f63ff0046c55"},"Adheres to web standards")))),c("td",{key:"5a92b1e55661e04911af76f8c9eadd5eaa0bc067"}),c("td",{key:"a7ee347c1c73cfeadea603bc32eb806658c9c73c"})),c("tr",{key:"71fe5e0231a6e2eb1062658bdf5aa2a27ee2536a"},c("td",{key:"7aca857a4e9dd44210926878272a4f01137b7de7",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"29b3476adb44b578dff5d611bb5a9f997b3073f9",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-bar--development",size:"s",variant:"bold"},"Search Bar")),c("td",{key:"3a9f66427afc91f102df63631ca6140c5e14e389"},c("ul",{key:"b4dd5fb3d019fde4ac5bc5c60788f20df124e2b2"},c("li",{key:"e29be2a921983dca406edc82cfbe9044e353753a"},c("span",{key:"06a655ad0a30aafd53b2ca62bf6e630875c24592"},c("ifx-icon",{key:"bf3cbf56326369a1636cb4668df4c7ba26497046",class:"check__icon",icon:"check16"})),c("span",{key:"7259f8123fb71a70a52274118372889cea960e07"},"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")),c("li",{key:"2932e0aa3157ff6a19967fc6abad0b3b10207a7b"},c("span",{key:"e687509456983cfe759bf2fcf8366a06c4382294"},c("ifx-icon",{key:"28226b9c0b0a13cf00f07a087a0a50bb4612dd67",class:"check__icon",icon:"check16"})),c("span",{key:"856f2d6d2b125f2ff91c027fd2fcfe40c9c30e28"},"Adheres to web standards")))),c("td",{key:"e1e9324c4501c7bdb142d39b0be321eeb4e47380"},c("ul",{key:"01971ef2f37860f94eaf3e79b1c59acb1e13a4eb"},c("li",{key:"6e6b01072f9728b7b4a30b2cc125ded057d5b418"},c("span",{key:"12869e5720c5fa2e5a076439fe763e4700de7251"},c("ifx-icon",{key:"9edc7c0875c656231a416e9ecf1826ac1ff3cd2b",class:"check__icon",icon:"check16"})),c("span",{key:"d0874bfcbc7bb5f720a25f53e3cbd6a9db1033ed"},"Collapsable option")),c("li",{key:"da0321e398867170948f704f91773e17a9be73ec"},c("span",{key:"11ed73b157a05ce279d70275cd1aded6cda70220"},c("ifx-icon",{key:"b804b5ee466a2fbf3907bb8556269b4aa05bf3a5",class:"check__icon",icon:"check16"})),c("span",{key:"57e13ab69771e14c8e5ec5646c8cf574dc7a3d8f"},"React, Vue and Angular wrapper integration")))),c("td",{key:"c0b8732559b556cd5120b3a49fd76e251c723917"})),c("tr",{key:"2548c5de40f0d20a63ee9c8b8de609903fa06764"},c("td",{key:"ae89172dead9f79edca87b63b133036abd19a5aa",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"11b277e5d6c835229fc533027e5857ffcc391746",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-field--development",size:"s",variant:"bold"},"Search Field")),c("td",{key:"2d291437d625a60a8c3c60f39e571a7a9b8d8d62"},c("ul",{key:"88a9b2dde9ff4e84c4249bdd4539174461eec9b2"},c("li",{key:"cc45a58ff9a3079ffbbad9f4c94d52f6fc6dd277"},c("span",{key:"f3cc996cb4bd14530808acf867ca0a0e7fb2ad9f"},c("ifx-icon",{key:"483fea1526e0b35ba7a4cd7ac1b44387f95e845b",class:"check__icon",icon:"check16"})),c("span",{key:"5b1a5ed1813299f91675e9f8880ffda3ed9af90e"},"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")),c("li",{key:"7bab220d6c630dff907f6429a884bb2a134246b2"},c("span",{key:"be84f78aadd99210febd92b49f57c64f25dc445e"},c("ifx-icon",{key:"d0ff5a262f31a5e10f0984fcc7b5e683b1afc0b5",class:"check__icon",icon:"check16"})),c("span",{key:"a439c8a895be55a00965d253756228f180d6ccb9"},"Adheres to web standards")))),c("td",{key:"3c0bb320e4b490e481d35d4fa98003d70dbc668a"},c("ul",{key:"cdf6294dc8956ac6e032a258b22e817fa6be330e"},c("li",{key:"e2e55d0c958ff5e82556103b634f204532aed642"},c("span",{key:"aeb879445b9c45ddad7b368b4911d54d2dbd64de"},c("ifx-icon",{key:"f68b5bef0d9cb8d0992ee57e6b31cfeead2e113f",class:"check__icon",icon:"check16"})),c("span",{key:"3a12af42d11d2d91799d1fd9ff26e2e6d2350599"},"Show Delete Icon option")),c("li",{key:"48d5a1efc8b5110215b1fd8cec34f3aab400fa53"},c("span",{key:"0b61f9bfd0fc8e50100bdf9bae2a9e70592bf741"},c("ifx-icon",{key:"1f9011bef28b203ee5c1818b18cb9d213c683c62",class:"check__icon",icon:"check16"})),c("span",{key:"183cb56a8e2f97103e622d7f0835c5e9a94b45b3"},"React, Vue and Angular wrapper integration")))),c("td",{key:"4a6971bce256188631cd2242e60ffef443f8d168"})),c("tr",{key:"abc80ac7e9b1602c2fb074a1dfe26a7e685f4ad2"},c("td",{key:"5cffeb35ecdead233d8dc53c0046463ed3d6404c",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"1622b1c53b1d237becf5dc351f8c56a6dfbae01c",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-single-select--development",size:"s",variant:"bold"},"Single Select")),c("td",{key:"490ead3196dc6663ba429a1263f798f3e85f905e"},c("ul",{key:"39a1c44ddf54a401453e2d85690dd28ceb81c0bc"},c("li",{key:"c2217aec14627f4a2da279aba36d7bc63c45cdee"},c("span",{key:"563d0fbcee206e4cd054e1d9c97de6a7c0fc5bd3"},c("ifx-icon",{key:"d5c3f5d612dff20546085d2e4d367b343d85732c",class:"check__icon",icon:"check16"})),c("span",{key:"89d43b97238e1ae28ded305a0426dac5f87d3508"},"Provides a user-friendly and interactive dropdown list for selecting a single option from a set of choices within a web application")))),c("td",{key:"86fd8ff0014a13314498df68c4738e08889c22d2"},c("ul",{key:"59d0c5129e786a5face8bcacf22de4299a533f52"},c("li",{key:"42eefc3e22adbd80220c3260232444e20bbabcf6"},c("span",{key:"c5c2ec062846334da3f3b249d02df48ab423ab5a"},c("ifx-icon",{key:"1591c280b703b837b13dc148ea47f7f7ec278cc4",class:"check__icon",icon:"check16"})),c("span",{key:"a9f9b484edd788dcb4bfa5f161f1c6f9bee09bf0"},"Extended customization")),c("li",{key:"0cf4265f3df23ce76c9037742bc27dada9d6073b"},c("span",{key:"ee8d00cd2c34e9f6f7eb999b1f564a2a93610abc"},c("ifx-icon",{key:"cee311f01f38816970c6762d43de6c2eea11a55c",class:"check__icon",icon:"check16"})),c("span",{key:"f592afd5db57f709184008d7ed139d766e2c2910"},"Option to enable and disable the search")),c("li",{key:"f7a8fc88b4619f185570e5dc7cc7096bffcae4ce"},c("span",{key:"906ad95f62e29f22bc814c8c7527046d96244f36"},c("ifx-icon",{key:"3ae8530b67e3eccda5234acc1349f1f3182ebc3a",class:"check__icon",icon:"check16"})),c("span",{key:"b8934676b807ad3b5aa89ecb0ae85debd2679cb4"},"React, Vue and Angular wrapper integration")))),c("td",{key:"b4d966b91d148015f52dac8a98dce6c11fc72512"})),c("tr",{key:"6325d2f87d28438f5ff7d4f08e57f325916a4795"},c("td",{key:"d5c447c2e434272eeef820de0ee35751a5ded8e1",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"58ee4339fbe6f9723825fbaaa0c8393f81cb53a8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-multi-select--development",size:"s",variant:"bold"},"Multi Select")),c("td",{key:"22b32884a8c89e334a2b00171104a85835e64f13"},c("ul",{key:"372afe44bf9d0445bba452315e0e21e737844e62"},c("li",{key:"8fe9ab6c40a34f1b8289bc5708e07f4504bc9313"},c("span",{key:"6fc090779525c24bb2d4300efb7a5a7a5d672214"},c("ifx-icon",{key:"057f13e76294a8c2cba65dd972976f3160445291",class:"check__icon",icon:"check16"})),c("span",{key:"93df921eb99d1b79a2095eb9cda0ca35a612fce1"},"Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options")),c("li",{key:"70b5c8f080fafbd1cf9b633c2aed1dc35059f8fd"},c("span",{key:"9a96da923d0768580203c07b0f046215659bf939"},c("ifx-icon",{key:"2ea19fe3dbfc357fb3937aeb16fdd639cf07ddd1",class:"check__icon",icon:"check16"})),c("span",{key:"be152e962b0e3f62a366962b6fad8d45d38c8c9d"},"Adheres to web standards")))),c("td",{key:"fa01b2fbcb93b3268c176cbb8a8aa8ee5a03a938"},c("ul",{key:"416c5dce0a8853edd0d36a7197c136ba3c823592"},c("li",{key:"8a7ff636bb60e951cf686837e4a78a1d226587d5"},c("span",{key:"b5845e9cfb9480481d307f2af0252a45207482b1"},c("ifx-icon",{key:"c9c8879b6d6d610dc0a4ee86aa4bbcdeac749bae",class:"check__icon",icon:"check16"})),c("span",{key:"93ad6dac60c5a4b210f3ff9b2066081698d19ed7"},"Extended customization")),c("li",{key:"f1a69496e9cff9453b64a783c2d84a762754bae8"},c("span",{key:"7f5fe8a00083e55736885f3fc0eeae54f3dff84b"},c("ifx-icon",{key:"594eeebe60716485cb1f1cdfee7989ad8f2555c5",class:"check__icon",icon:"check16"})),c("span",{key:"9c6a78a48bb467c5724cd9bb658c5530d010bdd2"},"Nestable options")),c("li",{key:"93b1ec35d4dc45554b09b265730acfbc9f21026e"},c("span",{key:"2575b08460e9122e499f4b5427b583c83d521c7c"},c("ifx-icon",{key:"5916b2b58e15281a949a6251b614e73c26879a09",class:"check__icon",icon:"check16"})),c("span",{key:"aa9e26c81633f7f2d326fc25acd55c5c7d4cfa08"},"React, Vue and Angular wrapper integration")))),c("td",{key:"324be0b25b171e3a2c56f08190464beccfc2ab4a"},c("ul",{key:"45d1d6f8ce03207134ab285a5483667a8f51a09b"},c("li",{key:"16926ea14e9d7c760da0e8e053ec439733d22c2a"},c("span",{key:"da8f23b1a494e68e0461feed329246e40bb50cb0"},c("ifx-icon",{key:"2e31b588a400529bc60d27045f75a1260176ed51",class:"check__icon",icon:"check16"})),c("span",{key:"696ead97a8d4e69b5de3b0b05870db04c3bee590"},"Option to enable and disable the search"))))),c("tr",{key:"f335598c87cc526cd193c610c8b7c5ce11699d16"},c("td",{key:"61da82f4cdee7605d7389b5d5a015fe5e2d12d84",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"4ce115453e4f97a7621264de4dbcb386d57c2fef",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-sidebar--development",size:"s",variant:"bold"},"Sidebar")),c("td",{key:"61d66b0fcc24bbe4cb838b4b38406ddcc834784a"},c("ul",{key:"9c126cb70134a84993dff3af3e117e3417e3c16c"},c("li",{key:"48c79ac7e575631b6903d146d12bba503cc98ab3"},c("span",{key:"8c0d73954f126f0e68a576df08abe91c975c919f"},c("ifx-icon",{key:"fa78f28ecb655bddfdda45550ea981710ec9b3c3",class:"check__icon",icon:"check16"})),c("span",{key:"8aff8233f9167c2574a73cab32fe5b827095ef3d"},"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")),c("li",{key:"63d14476fe034fe7af361f2b103db309b188a5af"},c("span",{key:"29631a37ab02555306ac2eb81dfb400f509db772"},c("ifx-icon",{key:"a90a759587de8ccdc8e17a0483bdfb82d7b46c76",class:"check__icon",icon:"check16"})),c("span",{key:"5d4739ae7fa236dfdd86e13c3d671702fc2b1fa5"},"Adheres to web standards")))),c("td",{key:"a4923266ed95edcf1f3e39256a9596e0c96b21bd"},c("ul",{key:"77e47a2a00b8581c8b579726279d5e5223315815"},c("li",{key:"da99083c9a07ce75e14f756d8595164933afa282"},c("span",{key:"d363ecfb824c29128fdd9f548ba0c9ad822b8391"},c("ifx-icon",{key:"40cc4f9524771cdaf90a95e26eef9956f204aae5",class:"check__icon",icon:"check16"})),c("span",{key:"0dd671faead98fa4aa01a5645d005da97f2ce87c"},"Extended customization")),c("li",{key:"dd619c65971bb3e6d2a4df1ef12038ae4abe1555"},c("span",{key:"c8681807cfc282f2a4b3c84b4dffcd78adedb2e3"},c("ifx-icon",{key:"5bbdfb713ad9f61ababcc3c9f9e7e72b7db2be8f",class:"check__icon",icon:"check16"})),c("span",{key:"8d0298cfcecace299782d91628ccc7584514eb1f"},"Multi-layer nestable items and menu")),c("li",{key:"4d5575963370d89dd64b80a72c69134cd0fa33a6"},c("span",{key:"0a4a5c531dafc889a5e8e74aef14182c188db313"},c("ifx-icon",{key:"0682a2ad11ee8af120b08261166f98c0aa888a36",class:"check__icon",icon:"check16"})),c("span",{key:"044914d8254ae9b58f026bb72889c0cbc86bd128"},"Initial collapse option")),c("li",{key:"bd3d67f060c206a75df2ed661660873126fe02f3"},c("span",{key:"6e32be6842ce988372cd856347090eeb37d58e8b"},c("ifx-icon",{key:"5e45142d3886cf5e936507bb014433149aacef76",class:"check__icon",icon:"check16"})),c("span",{key:"3b377899ee00dc343d131588c633d1d92d95c388"},"Active and action item feature")),c("li",{key:"ce5f8bc6c500a3521015ce2fa717b540f58a79d9"},c("span",{key:"c9d67383fd964c1c886e477108b212902895ec61"},c("ifx-icon",{key:"11152909c6817b4a76dc505411d9568bce538151",class:"check__icon",icon:"check16"})),c("span",{key:"cd8809c07af34cf22bedbac184f0622b4eb659a5"},"Number indicator integration")),c("li",{key:"81eea15f49fa56ab022a0b718b1f9ec3918a58e6"},c("span",{key:"6b61f1ebe89768fcb7113cba854dda65ab73ac58"},c("ifx-icon",{key:"47a635dc33de032a977cf96c5b4166c2fd5c3576",class:"check__icon",icon:"check16"})),c("span",{key:"085b5c0cb545d82014161e61fd0849c345720dc2"},"React, Vue and Angular wrapper integration")))),c("td",{key:"66a232fbf039b1ca3decb72df897be0c5dede067"},c("ul",{key:"eb06ca05c555c3f49a9fc2ece52d17144ef1cd99"},c("li",{key:"5eb1e38cd2463d2f3a68fa356c9639f458d5f210"},c("span",{key:"fd3203c13f532822efe9d076f8bbc83e66af8b9d"},c("ifx-icon",{key:"f727b89ff0f31b5368c65b401851a0b14c3a7efe",class:"check__icon",icon:"check16"})),c("span",{key:"9e26427be1351fbc310e4a221732e1a9aac6d61b"},"Removable Footer, Header and Logo")),c("li",{key:"7beec449ae7a5bb343b62e20e3464223605edc61"},c("span",{key:"690b82d9e1ec974687c078c70096c12a1744e4e0"},c("ifx-icon",{key:"7b1d5d7bb16f66837df68cbb7010db90ded4e554",class:"check__icon",icon:"check16"})),c("span",{key:"1b29851ec85d733ce3e32f20dd673c866731e415"},"Removable and customizable Links"))))),c("tr",{key:"5374b1371adce55da9b37e5c1ec37a2889ec2160"},c("td",{key:"8711de82f1dd2a6553f008cd0428e04268b9ff32",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"76778a0500077563b610f16eb1ce299a2a0cf2ac",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-slider--development",size:"s",variant:"bold"},"Slider")),c("td",{key:"a134c6ab127856f1be57325acf586d1b73a6f4a1"},c("ul",{key:"cbcc26d0a33940f8e7be0a306e17bd45bfd4ad81"},c("li",{key:"72684ff8f2f5b04ad12f91f9ca69f03bcddf5e11"},c("span",{key:"24598c74cf58973ca64549c1e5fa7f4fb9d148f6"},c("ifx-icon",{key:"b9f8fb45d367cab54c32db5cfe80139be3eb4e64",class:"check__icon",icon:"check16"})),c("span",{key:"e0e71fb89e6af4ccd176d014f8165f1b6f3d6b2a"},"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")),c("li",{key:"15616743ce43d5e5814489759563f775ed2d8bac"},c("span",{key:"68435948acec19f4f28c7de3c14c82248162f5b0"},c("ifx-icon",{key:"bab0056ffdcddba8c7bca933afbd02fe449bf1bd",class:"check__icon",icon:"check16"})),c("span",{key:"17305184ff0103c61d96812077fc7cc7613748ed"},"Adheres to web standards")))),c("td",{key:"3758de86b3e65c4061bfc0fe0ce564403901d256"},c("ul",{key:"c5ca35ce43a89fdca402989c6ab20980bd681ff1"},c("li",{key:"01de779c74d76a00965fbf66d7894ea2c2e5c348"},c("span",{key:"0aaf212cd5911c6a013b3831e012e2d3d79fad9e"},c("ifx-icon",{key:"6a094508b85711214916d1ea28bddf597c0d1082",class:"check__icon",icon:"check16"})),c("span",{key:"4e93f937f420d93aec08387fa38580d16d6a90d0"},"Icon incorporated")),c("li",{key:"98119e21784017245b4702c0f61d08e6b39b63d0"},c("span",{key:"668c6b6b32c3c9258d9a361a4e44c5465722d995"},c("ifx-icon",{key:"5c86da492ef9d5a648d0c2b627b968d811dc8e62",class:"check__icon",icon:"check16"})),c("span",{key:"708545d6eeb371cf93dcefc1462fb051fe7ba714"},"Percentage variant")),c("li",{key:"1369e95e0b7ab971fccfe9d4cc89b5112a0b1a5a"},c("span",{key:"b7b0e67844aaafb79c94f8183188dbea7805ed48"},c("ifx-icon",{key:"cff76e514326b05f447e9dbed417b0c8c85c736d",class:"check__icon",icon:"check16"})),c("span",{key:"56255df00a187aed892683f91c9617728feb3373"},"Text variant")),c("li",{key:"382e576ccacd815bca4be4e94c2430aff9673ed3"},c("span",{key:"d8adbd1457964395655087c99ae6fcff186af467"},c("ifx-icon",{key:"5939d2304806712bb41d08fb810d90c199d3aed3",class:"check__icon",icon:"check16"})),c("span",{key:"b9af6e7e650acb282ed0c41f516fdcfb150530f9"},"React, Vue and Angular wrapper integration")))),c("td",{key:"d2eaf632bb8146cfe2443bd0ca8d20e8596d2a50"})),c("tr",{key:"d55653bbfcfbb6deadef45a9197bd6698b2f3054"},c("td",{key:"d92d2c36820a26d9ffe3058a1683861744da0520",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"50de4a0dacab63c17de6e0bbbad221553919081b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-spinner--development",size:"s",variant:"bold"},"Spinner")),c("td",{key:"90cf5e9cfbbb4ac554d3af060571cabd09a7690b"},c("ul",{key:"bfc79e541ccec9800e1a5e721bc2e72fd915283e"},c("li",{key:"4dcad09a2339f1119f978e0f80d507f065cd72f6"},c("span",{key:"0fc54443fe2340fc7d71b1a3967315fae15d3f19"},c("ifx-icon",{key:"b1f293301656f11b0fe6c2a3204bcbd73ae74d71",class:"check__icon",icon:"check16"})),c("span",{key:"71a83aa27cc6960d3b2f0a90b118f73010a6e0dc"},"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")),c("li",{key:"b0fefe58c4ec884c31c0e989a3ce5b574a3b7ea3"},c("span",{key:"12820e3febdcb1b3e0e5b7493a596dbe9c13932a"},c("ifx-icon",{key:"e93ccb05370b60db63a328c2dfe23fd3c98edb41",class:"check__icon",icon:"check16"})),c("span",{key:"49e042adbb58599fbf7ce911af321d50622bccf6"},"Adheres to web standards")))),c("td",{key:"1519da55723d39e2b128f7cb128a360dda99a564"},c("ul",{key:"a644661eac1b05860507d81221a24a4f81b9b6ec"},c("li",{key:"9dc780bf217585c9b777053081c940c73b27eb95"},c("span",{key:"ee6cb4f84f06583d8e48dc0da1abf8eda4aa8bd7"},c("ifx-icon",{key:"cca0315fbfb79507c343733774fc63d5793cb35d",class:"check__icon",icon:"check16"})),c("span",{key:"334d93c9790038337cb07e17c02560c9d1712d47"},"Brand variant")),c("li",{key:"4624ce243c0c7bbf84f929f79cad4060ee7b1cd5"},c("span",{key:"6af2def09a66a698635484e6fc9f598821015810"},c("ifx-icon",{key:"db3589c1d6ca69362f267eb4e6b74d88677b41c3",class:"check__icon",icon:"check16"})),c("span",{key:"57d1ab95180f1a1e1c15740d8cd77d6d50222888"},"React, Vue and Angular wrapper integration")))),c("td",{key:"9d79a62407f417709f3125510817d1ed03e1e5f9"})),c("tr",{key:"24bd12150530bb4cbc5a71baa45fcfc56ee14631"},c("td",{key:"b9774d19eceb852a6be7ec5f80990aa3682634f2",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"cdf7c07d9b511ff1baae718d63206690aa096e45",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-status--development",size:"s",variant:"bold"},"Status")),c("td",{key:"01e47f73f114318686d7ef0b5f2965f028065fa4"},c("ul",{key:"1f12997fa50fc71e24042342b7cc1287b555e8f8"},c("li",{key:"ad6c8216f70cfe4ae4b8e2617c2e9ff9c0cc6124"},c("span",{key:"cd674e24b2859882e276e02066a432ca0f432d6d"},c("ifx-icon",{key:"16ad65a2b4c0ac80780fed692dc9128dce6c1ae1",class:"check__icon",icon:"check16"})),c("span",{key:"53da793e88e002e1f717bebdb3ade106bdbe0118"},"Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application")))),c("td",{key:"cb86e02f78b602eea2bc97a5ff41af08ad37430a"},c("ul",{key:"92e0f86dafa43af3865d39934de58e5bec3b9b29"},c("li",{key:"82ed670a0637270e869f62bdb651848057ab2660"},c("span",{key:"30038f81836463da6bc958a29df9310db50e5467"},c("ifx-icon",{key:"bb5601c645125476a5017d264b005cfe8f6dfc0d",class:"check__icon",icon:"check16"})),c("span",{key:"d48c04dae6370815ab35790e0d2771ece6bac3f9"},"Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants")),c("li",{key:"0dd8a6e63511a71a082fe7e007853a73d63dd619"},c("span",{key:"d785acef855033dbeeac84d587dfbb265ac770f0"},c("ifx-icon",{key:"b0a99bd59ffc6aad45960c12af7a08c6fea471a2",class:"check__icon",icon:"check16"})),c("span",{key:"cde769bb1100072491dbca8e7b70f2eb9a2832a5"},"Removable border")),c("li",{key:"2704c31bcf987f8890ec2282f5b9ea3593ac4482"},c("span",{key:"d019833cd48f34bc5ee0982e6fe669e18895c423"},c("ifx-icon",{key:"9fb635c7c9bb699c0f186cb27e2f9000ec2a6f50",class:"check__icon",icon:"check16"})),c("span",{key:"f4398778c35f1fa8a69d32028d58c1c3bce83dde"},"React, Vue and Angular wrapper integration")))),c("td",{key:"11261cb67d746d08d13fde5a1ff819add693d9b1"})),c("tr",{key:"ddfc4abb2da827e0342b405e89c24ee1c66e06b3"},c("td",{key:"180544d4265e47fb5b0b20ad81bef40f4e1add53",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f832ad710b9d952960bab93608ad3207064055c7",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-stepper--development",size:"s",variant:"bold"},"Stepper")),c("td",{key:"254162d670264401838ff4670498cda01d2aaa00"},c("ul",{key:"b796d378aa99ae82bfdc27243c85e4552a4d51a2"},c("li",{key:"e61b9ffabc137b7deb5155e0289e736ed5cf4b27"},c("span",{key:"4d207cbbb315dd03d1b49bb6bb1e635144379a93"},c("ifx-icon",{key:"42a81395cc8741a38c287fdbe8f15493f59a9d6f",class:"check__icon",icon:"check16"})),c("span",{key:"85244a14a3974a49071bfe3481ee0e1cefcb2376"},"Offers a customizable and intuitive control that allows users to navigate through sequential steps")),c("li",{key:"60374ebb74579139c27ffb6cdaa94fa79b8943a6"},c("span",{key:"de449788dd823d3d39802e3c53b5953825ac6d4a"},c("ifx-icon",{key:"58057eb13e6a7a4d42f119bb7a77888a664336b0",class:"check__icon",icon:"check16"})),c("span",{key:"d8d1d6cf8dc5776e94c0e439ecc98d2ab726a1b9"},"Default and Compact variants")),c("li",{key:"247a345cb75f0905920c6b900fd09fdcd9ec60a1"},c("span",{key:"095ff5cc46404a6c96e349b6ca7d58ee7cd102f8"},c("ifx-icon",{key:"3b5787a0314be307c6af69ac721e7e63fe8390e8",class:"check__icon",icon:"check16"})),c("span",{key:"21f0dbc0b25ac56458ff63d92c9485a36a54f7d0"},"React, Vue and Angular wrapper integration")))),c("td",{key:"03bbfd3b45049183ea794d1b10990fda646a6398"},c("ul",{key:"c23f0179f6695f762612e7bdd1a788985bbd75e2"},c("li",{key:"7b153df7b2781074f64a1d2d438436aaf4288d97"},c("span",{key:"c748b600da386535d6c471cb81a80a5b8ce35cc4"},c("ifx-icon",{key:"248fcbed432f17dcfbada244b0116f8f39004bc2",class:"check__icon",icon:"check16"})),c("span",{key:"8a836ed7cbceaff868fc00c93ed9a9df8bbea094"},"Vertical variant")))),c("td",{key:"bb82230630c37eb14b1556c13a17431b3ba54cbb"})),c("tr",{key:"e375cf7652f40cb2b89edde88116287009db8bd2"},c("td",{key:"27a707651194bd8c969188082da747b2b35cc11d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"533092e3b81cf589c3eba125e58414a75fa24e28",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-switch--development",size:"s",variant:"bold"},"Switch")),c("td",{key:"9ca58fd8a80556a8f6c99e428fe92c3abcd4879e"},c("ul",{key:"1a163b3cf7e176db33b6cf3d99c0331d5dc15fed"},c("li",{key:"9de2cf9b1b6e94b7fd9d8a7fca92747131c10a9e"},c("span",{key:"85dbe4279ae2e1ee3b122e0541210a668a59e9fc"},c("ifx-icon",{key:"eda2bc55182edf00c8a75b9b7572389e504a878a",class:"check__icon",icon:"check16"})),c("span",{key:"f31bc232b4621ae840fda5e6d2cf55dc07c4f08b"},"Provides an interactive and customizable interface for toggling between two states, typically representing an on/off or active/inactive status within a web application")),c("li",{key:"4c5f3028f216c690721673a80497da4820b45983"},c("span",{key:"1ec39f7fce2683dd7ed88de8b77b2d6d376b917b"},c("ifx-icon",{key:"42d4ce0df66465295d4b792f7ae4bf3f8aa4ea27",class:"check__icon",icon:"check16"})),c("span",{key:"f9972423f108e473e25155fea139701bb763c40b"},"Adheres to web standards")))),c("td",{key:"8bd3787a0bef8670f1a31c2789ba3ecace626ca9"},c("ul",{key:"5b922338a99e4c09aca23aa29d640e2aa2f0d288"},c("li",{key:"93edaa99cb7dc140db09a1f898d3476b9fe51e5d"},c("span",{key:"8539100b52edc0501e6ecbad628eb5fc923a6629"},c("ifx-icon",{key:"7bacf0204bfbe1e5f0281a309eedea66282c93bc",class:"check__icon",icon:"check16"})),c("span",{key:"d47e3c342e5504b546acf1e8b994ef626eab7d0e"},"Incorporated label feature")),c("li",{key:"16190709805974047ad97add5628ad65d5dca035"},c("span",{key:"b3865e3fdf619b75176cef90e2b92c93d4ea83e0"},c("ifx-icon",{key:"17fa32377777d9d8ab1636f7806e501641b1ee21",class:"check__icon",icon:"check16"})),c("span",{key:"a4493bd83560f936843045f865903a1dba7bec34"},"React, Vue and Angular wrapper integration")))),c("td",{key:"be90c894d10c4af8d7d24b0c2d182adc4b306577"})),c("tr",{key:"33cf39e9a4a23a87a21f15844e72ccdfe238c648"},c("td",{key:"7b50b6a5bc9fac061293de070cf7b8e5d4ba60a3",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"64586100e25f6b7f6df344aa778db69ea4907ccb",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-basic--development",size:"s",variant:"bold"},"Basic Table")),c("td",{key:"560101db273fe4b792a086d2cdde7098889e981e"},c("ul",{key:"e259334a463ab7e994b6a4b2cf7b00b133d38fd1"},c("li",{key:"e89c18be1e23f817284d96f763d1fc60abe7fb04"},c("span",{key:"a8ce9de1d6bdd7ad51eccd7923e61957a1cfd9aa"},c("ifx-icon",{key:"37a625a492115638fffdbb0afc58197829f5990c",class:"check__icon",icon:"check16"})),c("span",{key:"d3b283549074ca54952b95516af6e6934b3ef940"},"Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently")),c("li",{key:"bd9a8052dfe382a344ec28f315a055670ff36c74"},c("span",{key:"c448a27033794176a96aa407a8d65ac8e47ae9fb"},c("ifx-icon",{key:"e2e343c0444f1779baf27502a2042823d852726f",class:"check__icon",icon:"check16"})),c("span",{key:"2e5ff369d858a22f7e7e5c0e99bdb1c3856b7d3a"},"Includes basic features such as column sorting")))),c("td",{key:"00b1e816381dc69b57f3bc06b18ba1663732d5bd"},c("ul",{key:"44cf8a93fd730e1a9793ca5d6c7cd2f8b6fdf967"},c("li",{key:"afa24f292284cc4494dfedf88fb5427445a873ae"},c("span",{key:"b528e6394cef5ed2b696fa69e48ba894dbad2934"},c("ifx-icon",{key:"600eb432ed74977edfcee0fcc322f9bae120d501",class:"check__icon",icon:"check16"})),c("span",{key:"bfa8bb3f711b520651d7f1c7eb16a4b42ffee7ca"},"Compact and Default variant")),c("li",{key:"9514a6c5e4439039d05d83f5f28cf2c1e554ea7d"},c("span",{key:"11c8e1b85a7477dbf729d5a29c432abe01f17d67"},c("ifx-icon",{key:"5a83b4cb3012105bf4eeb644e03b8a1f0b318414",class:"check__icon",icon:"check16"})),c("span",{key:"0a76537ad65f675200de2f52664683648d956e20"},"React, Vue and Angular wrapper integration")))),c("td",{key:"5c3a1043f452df7b869dc5049805f775819a279c"})),c("tr",{key:"1360f8557319de175df8dd898b44642d5168dd5a"},c("td",{key:"38c9030eb05bc4bb0071e94d6e925302bb9de35e",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"de7b568ee0b64385439fdaa60a9a2b7c236c0e0a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-advanced--development",size:"s",variant:"bold"},"Advanced Table")),c("td",{key:"b02936fc4038daf75eedec04897720c3bcccf2ef"},c("ul",{key:"e7916bb7c2ec8bee28cc3c61caed0f28a6a22c93"},c("li",{key:"bc5beca4ac0d81accdb0286f32a611b4b960c7c7"},c("span",{key:"707787572b86981923524944ac32e0ca087dcdbd"},c("ifx-icon",{key:"047ff70806113eee8a3d100ee2ee799d0cd4236b",class:"check__icon",icon:"check16"})),c("span",{key:"c9fe5acbb9e02cad0a2134558eaf9756546211a4"},"Pagination")),c("li",{key:"99447e5129941d75ba74d2d4074b8466c2d13e2f"},c("span",{key:"1c1059101097d9d630dde1cc660614086d756ad7"},c("ifx-icon",{key:"a7602080ac1d28362ed58154008686c85872343a",class:"check__icon",icon:"check16"})),c("span",{key:"f37546ef8a6171a06a73231851ae064feb6db974"},"Sidebar filter")),c("li",{key:"43262c4dc06af2da9be00a3e8d5b64a46bb98d58"},c("span",{key:"9a1cca25fa01a05fa2f35a97f3c0828196c6b817"},c("ifx-icon",{key:"56a569543d8638b9632c82756f84897630e32ec4",class:"check__icon",icon:"check16"})),c("span",{key:"215947773efa2d0a3305a4c5fee624790c93b92d"},"Topbar filter")),c("li",{key:"a3916ff7f08b92f81420b1d43746fd041b062b3d"},c("span",{key:"79d6cbbc8485e5b82cfe9cf32ea077e2e4061767"},c("ifx-icon",{key:"c94de0501ffc89e8cd58e7b3eca9b2c1ef6d496f",class:"check__icon",icon:"check16"})),c("span",{key:"e44f230c20f8c35985a8a26e280496a1de3dfb97"},"Nestable buttons")))),c("td",{key:"28865766a56a9d57b884bdd7cc4d38df9129f0c3"}),c("td",{key:"f80728bbc20f717aaf37315c8aa20f2abe86890e"})),c("tr",{key:"e32cd5252cc3885d43613136415caecb213e4bb8"},c("td",{key:"b7f05aa71808221f89c1e77be515a0c74641f523",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"03a93b8d0efeb0f1370ae0e1a348ce1364d9306f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tabs--development",size:"s",variant:"bold"},"Tabs")),c("td",{key:"a916d7459777e3900623802838b6921b478bfc69"},c("ul",{key:"79dfba904f7b56093e559e5b6618321e67163eb7"},c("li",{key:"fa89e49632aab170ffc4cb70b1c49508996bd5ab"},c("span",{key:"7b67bb44ac0c72df7dc3b3a6c14a5e5d551c2bb1"},c("ifx-icon",{key:"f1e16b48b55fa705d956b51f70a1b8a6cc9ccb31",class:"check__icon",icon:"check16"})),c("span",{key:"5b53eb9caf9c37e37b20bc44e1d8b6ae24f875ef"},"Offers a customizable and interactive layout that allows users to switch between different content panels, typically used for organizing related information or functional sections")),c("li",{key:"a85d9f365213c26b1b1a506de7c759ccf73ccc70"},c("span",{key:"2b0746d041730e091fb4e05751a395be54b80053"},c("ifx-icon",{key:"4ec89c1d313e68b9855df9566e2421173cff7e74",class:"check__icon",icon:"check16"})),c("span",{key:"bc0375910b6fb42508a16bd3a78123e0b19b3042"},"Adheres to web standards")))),c("td",{key:"0f8aaf7ffa58c21ff237126d61fe3dc32aa11154"},c("ul",{key:"7097ba34c49349d5cb45ca334335004dbe32f195"},c("li",{key:"06b2c4079889222868c2bff6965ddf5fc676523f"},c("span",{key:"e0353da96dae694543afdf4f769c958cd595512e"},c("ifx-icon",{key:"53b329db8786f3712208a4c69007b2f9c6a37cd8",class:"check__icon",icon:"check16"})),c("span",{key:"4f9dca0792e7cad51a64bca58c75fcf415dd673c"},"Horizontal and Vertical orientation")),c("li",{key:"43f43ae8200b46a498f95fe010bef507b1aff820"},c("span",{key:"6e4ccbb034f625c725784b99961fbdf90e9af5a5"},c("ifx-icon",{key:"c785cb4be4dcd06948bf028b1394ca1b6a263eab",class:"check__icon",icon:"check16"})),c("span",{key:"35ca893ff8300b16a3381393857e4f1794f74e7e"},"Extended customization")),c("li",{key:"4ae33d5e6cd58fb45dcc3ff8236beadc314db689"},c("span",{key:"511300011e244a450d0e0c32817aec1ae1d8cb7a"},c("ifx-icon",{key:"37383104436a3bfb5a9fb8401378c51ef171b3e4",class:"check__icon",icon:"check16"})),c("span",{key:"754cd4c76dc07be50c024e6d8fad21c316bb56b6"},"React, Vue and Angular wrapper integration")))),c("td",{key:"07b7a22a345531777f6a4570699c71b937f51cee"})),c("tr",{key:"199fc938647914d01ebbc80ef632f6620ace3e44"},c("td",{key:"2b9dd4ce291074bffe89789ba9fea5e8c8c54384",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2a6668c4c5ce23dad09f31e5a3cd388bf19d6073",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tag--development",size:"s",variant:"bold"},"Tag")),c("td",{key:"e40d396bb8f766ef50d92e57135bbf3f298d4703"},c("ul",{key:"dca8fe8f5de90b8ba829033c369e35044b1bb20d"},c("li",{key:"fce9902b61791deca1ca8ec8e390718f573dbf1b"},c("span",{key:"98e1cf7b1f905735f58765ae05835843d3f8a45c"},c("ifx-icon",{key:"8e66bc75387fd97387d07efd530acda8939e8cc5",class:"check__icon",icon:"check16"})),c("span",{key:"c72c100850ad150a8e9263d68ad20e8b996e8cc4"},"Offers a customizable and stylized marker that allows users to quickly identify and associate specific items or content with descriptive labels or categories")))),c("td",{key:"bcb947651184521b4e132917465274f588c85dcb"},c("ul",{key:"d39329beddada84e89e8f10944cfaf993f7f2c3d"},c("li",{key:"ac765288dd02a36ea36aa38bbb575d24aef15a68"},c("span",{key:"f1fbc5c3896894492ba0f8e0b7aab6f2c42d087c"},c("ifx-icon",{key:"c2d92d9afb3717fe08bf290343904c64e1354a1a",class:"check__icon",icon:"check16"})),c("span",{key:"c416186bc878f5cf366f51d77c500c0510ac7288"},"Icon incorporated")),c("li",{key:"1efa8518383503cb35b743fc8f26ece8b5704eb2"},c("span",{key:"c6904a99a4c81561d251be2479cb2fc9ac0e4a6d"},c("ifx-icon",{key:"a3d7c3ce6ac472587dbff3852b2af999b7a10b24",class:"check__icon",icon:"check16"})),c("span",{key:"2908312a7624c580bfbf6c6dada9e01bb4045855"},"React, Vue and Angular wrapper integration")))),c("td",{key:"d57d2883ea2b91b2e550625b32e0c40ba9d1d93b"})),c("tr",{key:"9205d6d9558768e6775a2943309041cce3a86ca7"},c("td",{key:"8ac22434452d56a7064c76b49d15fa588c712cff",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"8b1d2f860fad195e379aeae6364e02a13a1b8252",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-text-field--development",size:"s",variant:"bold"},"Text Field")),c("td",{key:"3ab421738efa222e3d75a87524b1ac94ab8114a2"},c("ul",{key:"5374bb447b11bb6dfa953e775f93f2ce1d5cd906"},c("li",{key:"ecf1b1ee56909c4eb62af4e520898dfb12384b06"},c("span",{key:"6ee945745eb3e268ae861ab96c932890442ca517"},c("ifx-icon",{key:"4e8a460ad69067374542cd718264253fea4fd151",class:"check__icon",icon:"check16"})),c("span",{key:"ff4f8486e55b095a821cc75c8c0ecd08cc8c3823"},"Offers a customizable and accessible interface that allows users to input and modify text, facilitating various data entry and form submission tasks")),c("li",{key:"4b5ec524f2d45b9b6374ca7dca70fc6f7a832afd"},c("span",{key:"c4360a4fee9dfd28c7924cecb66202fb7e3cda35"},c("ifx-icon",{key:"3d6570c7a599900bdb722fbde08ff4725db56a81",class:"check__icon",icon:"check16"})),c("span",{key:"4fd746da4ed45850364d380569b2a51c92b2dfc3"},"Adheres to web standards")))),c("td",{key:"f3af90638d782bc45f6f3cdb1706ec827f8430c8"},c("ul",{key:"92cacac4387e2673a863b680cf30c27b9c037d0c"},c("li",{key:"45b7482fa30e8af442d35c878684e070b529a013"},c("span",{key:"aba88fe219e14ba45809a999c0b2ffbfeaebfa09"},c("ifx-icon",{key:"0b3494ebc29277dc4c6f1baec1e977a91dddf88f",class:"check__icon",icon:"check16"})),c("span",{key:"f203d705e439ee5c876961505a2db9233c8d3ec7"},"Extended customization")),c("li",{key:"a5dc909cbd732e829204e8531e6a0ca0833878bf"},c("span",{key:"7cf2493a0d2a959e5909a8b105e40b98c45ebec6"},c("ifx-icon",{key:"00de3faff512f49bfa530211e75d38dd5bce0fc4",class:"check__icon",icon:"check16"})),c("span",{key:"ae57924faf5ecf12c6f8070489ff7dbe0c39f408"},"Possibility for icon configuration")),c("li",{key:"7779660c34150d9db52b8aa4ae247d8ee1119b45"},c("span",{key:"cd32ec17a2471a3d6c557e8a78199272c1651d05"},c("ifx-icon",{key:"81c0d2f3333ab008e48501e3f6dee570ebd11a4c",class:"check__icon",icon:"check16"})),c("span",{key:"d4084bab9b76f94df7d50abdb4038bc8647007cc"},"React, Vue and Angular wrapper integration")))),c("td",{key:"24c6244e0f197c030b27ab6121b67b7fcda94592"},c("ul",{key:"3964fc6c773e26ef550656ce9b3d32b84a12c9ea"},c("li",{key:"4df1049c437abb0c14052af7259fcb96db9a2abb"},c("span",{key:"a0b89448c23f9629523c46ab1484caed2cd12737"},c("ifx-icon",{key:"ff6faeab25741e1b819860f1776ed3366885cce5",class:"check__icon",icon:"check16"})),c("span",{key:"e4b53ec9ff922299b8ae1f97c08e8ddc6feb0cfc"},"Form integration"))))),c("tr",{key:"73cd2d1e551df903ac13ebca49a10e33396c1a9a"},c("td",{key:"10b99f7e37432d9694da601977499362fff66733",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"b893729993f731e59bb9a4f41d54b0b0f377470c",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tooltip--development",size:"s",variant:"bold"},"Tooltip")),c("td",{key:"69d9b52260059e284784cd2964a4f17d120e8c93"},c("ul",{key:"ec46620ccfc35cd61809ff3f53ed8c73fbc188dc"},c("li",{key:"2e86103781960bd1c4eb5ea9bb606232f8b1e47c"},c("span",{key:"4547f3958d30c095bc485438a90ed024fe74dc90"},c("ifx-icon",{key:"aea59d33801b7876dcb16e042fd50d4f3b1ff84f",class:"check__icon",icon:"check16"})),c("span",{key:"d9f4704429bc6dc82ba49b66472117a3c49d8ca6"},"Provides a simple and informative interface for displaying supplementary text or contextual information when users interact with specific elements within a web application")),c("li",{key:"66983444797a7132c39250b4dce08dab33e43d95"},c("span",{key:"709cea9b7694795f008294505202cb11bda7fbb1"},c("ifx-icon",{key:"6a0e3055b7ccb89e7a0553e9777cec803a0f3801",class:"check__icon",icon:"check16"})),c("span",{key:"e8b7570f8e6f84a9f7d8d92b8c9ad30d1e4a641d"},"Adheres to web standards")))),c("td",{key:"f7125d14a9d5ede13cb788c2d663610ae89cf2f7"},c("ul",{key:"e78550847f4c51074961aed77526d9478c631f1b"},c("li",{key:"1d2b1e1fbde2bb7626e26e1bbce7e1a3a053704e"},c("span",{key:"2a47c4e9f8e6342e07d8669952a91f2bd1fb17cc"},c("ifx-icon",{key:"ec7c09819cdccbba78b2ac35ccd92f2283cb0878",class:"check__icon",icon:"check16"})),c("span",{key:"088e0c37ec2fc3154f8e3027af56d572233f839b"},"Compact, dismissible and Extended variants")),c("li",{key:"689848de3059b7ce90e5f60acb827af4dbaa295b"},c("span",{key:"d9e82996aae5d13eb39bfec7e19a2b576a537b91"},c("ifx-icon",{key:"fc76f9c2b21e7a820a0b7d120ab81a078d676541",class:"check__icon",icon:"check16"})),c("span",{key:"af3fb23244ad6a5d5a487d8790bb7b8e703634c0"},"Auto-adjusting position")),c("li",{key:"796ce076c1d44d52442cf1364ddac27f01856042"},c("span",{key:"00c1304e4a604a961c76ffc3592ff26fa408106e"},c("ifx-icon",{key:"49f11e2d892eb007996265155e8a6534a3f817b7",class:"check__icon",icon:"check16"})),c("span",{key:"f8978a6f42d6d5f6d0591f21f55b9839ba7b4f49"},"Icon incorporated")),c("li",{key:"4c81d4d90afee4ae6ccedc79951dd89008567287"},c("span",{key:"c755d1ab70888a9e5be874a0a3e6d0f9fdf92688"},c("ifx-icon",{key:"11ca167cba2f5577b19b209f2e35f29b3cb17106",class:"check__icon",icon:"check16"})),c("span",{key:"d2e6a8122e6c7c5087b0bc3968d3b92f202e36eb"},"React, Vue and Angular wrapper integration")))),c("td",{key:"630acd80494d2b92dcea216e6b8a3b50433b9560"})),c("tr",{key:"d518f0235fcc8be49ce17d644130b5afcd3b23df"},c("td",{key:"5e62690c9eb953b878cecd991d5a0944a79f29d5",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"0a481cfaa5e4993c5f4e38dd2ea9ebba7f37eb50",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-notification--development",size:"s",variant:"bold"},"Notification")),c("td",{key:"0eea6ba08c340f42c6296dd30fa89c9e8911a79f"},c("ul",{key:"ba14e887a378bdeae4bc6a8c9ef45dd8c10699ae"},c("li",{key:"65e6bed887c2265e0620dd433f13b925aa053e2e"},c("span",{key:"7a8b23a8e2989fb176f30f4da09a8aeffb97bb3a"},c("ifx-icon",{key:"de2a018d2f63b13621749cdd5742af3b636659c1",class:"check__icon",icon:"check16"})),c("span",{key:"804b5152a3f9f4763a95ece1440a987fd458a558"},"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")),c("li",{key:"b82ee1e05c83a2d693a229683dd0b85f66bf9eee"},c("span",{key:"cc15a22a099f7bf5325112660cc2ce1511e3c713"},c("ifx-icon",{key:"e6b8e48c540bc53b044018a428c9a9ece0fa9acd",class:"check__icon",icon:"check16"})),c("span",{key:"090ee3e83291d6ebee69c4ce6211cc4ecf168042"},"Adheres to web standards")))),c("td",{key:"6cf8f69a914ba4c84e34b7e99f8d8de2c1df3ff6"}),c("td",{key:"025650b062da76613540104732cc7b8d8c100d0f"})),c("tr",{key:"8a86c556276b61e5a72a70148634f066eeb0da11"},c("td",{key:"e7e77b77f4b8c26213bf90155ef404a2fca64486",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f2422b1025d233a0d9e76862d5ca5cafbf1849db",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-content-switcher--development",size:"s",variant:"bold"},"Content Switcher")),c("td",{key:"17e9e451864c203b5c3c9a715d99f0b204e007d4"},c("ul",{key:"06067cf572459d820bad570e5420041b8b22598c"},c("li",{key:"24748a76842a81c5562ea8598232c60a6a92ec6d"},c("span",{key:"93a186aab9a5ea9c2da04bd6c63506645186aeca"},c("ifx-icon",{key:"92b35a8037bead703710a73fb99d38644b2de7a2",class:"check__icon",icon:"check16"})),c("span",{key:"1901d1bbbf775ceedc754e44fd8ae1235da26d7d"},"Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application")),c("li",{key:"d921b3ebe510a8a61a04a84073efe179d981cbdf"},c("span",{key:"1ec4b13ca8684caee1cb2ce038f61bbd1e21fe69"},c("ifx-icon",{key:"732ba6bf84dbb0574d4141a4df6c681ddd052ad3",class:"check__icon",icon:"check16"})),c("span",{key:"af4b1715ef0bdfb6683fde8aed03e2cb63cf26ca"},"Offers a customizable mechanism for users to toggle and display diverse content panels, facilitating seamless navigation and interaction with varying information or functional contexts")),c("li",{key:"88b18c77057e8af7cb225b5e562095fbf850ab57"},c("span",{key:"2bb86dca58a09386adbff5b299d9f82a4fcd3483"},c("ifx-icon",{key:"c3eb2be635e85fd03abaeabefeb7b1078153825d",class:"check__icon",icon:"check16"})),c("span",{key:"f64f4e88fc7ca55dee7d60315e269b7228991f82"},"Adheres to web standards")))),c("td",{key:"caa2f164ae5c594f01f77b6fb1b19ada9567759f"}),c("td",{key:"c92e9e3f6ab2ee91089c4933e06f640a4eabfa4e"})),c("tr",{key:"c2e02fef82d7041ded955a5385ab1bb25e11fb23"},c("td",{key:"de22c0570fb51732bf99a77f9562f1ecea487705",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"fec5f2dba3d70246d9f04152fc3ef27e77505ef9",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-control--development",size:"s",variant:"bold"},"Segmented Control")),c("td",{key:"ac9c54ab1a5b1d2a2dabe268f687a1753db528da"},c("ul",{key:"99c3a69282920a38f2c633d1ce72a6d3dbffd2ad"},c("li",{key:"fd9ada51870bfad5a607bbd71e7f83faf41911ce"},c("span",{key:"f12bff62874d4f9fff4dd6de4e00164d6ac63b9f"},c("ifx-icon",{key:"1fb3b843a313f1bc8ad60cb404a3f8b70a492a9b",class:"check__icon",icon:"check16"})),c("span",{key:"379caf110883284519e3ee69eac6796ae4803125"},"Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application")),c("li",{key:"e0b25aebc20c5f32d2345ab20887f0ce0fe2aae9"},c("span",{key:"45fcd45d079412f848f8c2079de873a2023a44d4"},c("ifx-icon",{key:"87fe0a14a4fe354e7e149351aabb082668e97e28",class:"check__icon",icon:"check16"})),c("span",{key:"5dc4c6e6a9ac0b237bd98c232e3f44b53677a7e6"},"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")),c("li",{key:"70e4173a9e35a086a9d53c1823e81d6a6f6e5deb"},c("span",{key:"228e7fada257597d1a99295d2b90f2b6e87f9a4a"},c("ifx-icon",{key:"1c96f7f9d11fc94e0806e7bf2b3682e5ca1cb828",class:"check__icon",icon:"check16"})),c("span",{key:"e8fa09d60445dc9dd854d83620a84af08a053d24"},"Adheres to web standards")))),c("td",{key:"47b3c75461c1e7645e6f406a3b3b6ee5bcf1ec93"}),c("td",{key:"f201b02a45cdf5f3e46d5f813679aaaebcdb7031"})),c("tr",{key:"fdd8920a7ea50165ba8fc2a9ee9b1e4bdc8857b5"},c("td",{key:"7091b6abdb7f114fc44cba5e2c882a3784657e3b",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"b7701aa78ce3e646ff20d075e6bf6c0a75dbb4e3",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-controls--development",size:"s",variant:"bold"},"Textarea")),c("td",{key:"db403f8cfc75de003c32762cf15ebd9e50bf697a"},c("ul",{key:"e2c498cf1f89bf45a2e4a01655b1e850aea0786d"},c("li",{key:"616baded53108b3566dd7f5043247528b3634396"},c("span",{key:"775763352c20617efbdd8ad37c48673794e3dfc1"},c("ifx-icon",{key:"67dd36317d12a6c8a3eb8d4f1031647baa053944",class:"check__icon",icon:"check16"})),c("span",{key:"a37be6f3b5366088df8b13806e8bb35b08d057d6"},"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.")),c("li",{key:"5c50e50e98f43b495e14c2274fbc70b0e18adffd"},c("span",{key:"4ef45c4ea2e4c78c409e96fa8eba52eb7abde18d"},c("ifx-icon",{key:"1f7b04d4e43a62261260bbe5b0e81283c548a3cb",class:"check__icon",icon:"check16"})),c("span",{key:"96b696c0752cf30a43d6886eae104445a2f19236"},"Form integration")))),c("td",{key:"f4375f8d6b4e45f67018d5695168cf5cd8faf639"}),c("td",{key:"6a542f2b6159b6c33c066ccde94d7202d0c47dbe"})),c("tr",{key:"138f7d5ea0891ad24185cb0b61be9892b9e4bece"},c("td",{key:"ed4f6ef46282e74eecc2ef69168971fb53a6fde5",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"7f203dc7f6f6097edcf9107e31b66915713f2566",href:"",size:"s",variant:"bold"},"Card Group")),c("td",{key:"711b05242dc4484dd607497d1240cd4230588be4"},c("ul",{key:"78f8806fb6c2cc14064851cd8dde4b73947434a1"},c("li",{key:"bddb2e6c195bdbb6e75e64fcfa328b7e8c698d01",class:"planned__component-wrapper"},c("span",{key:"29f9971b172174066c3217e218d79a8689a8376a"},c("ifx-icon",{key:"dfc076d59d46fb49feebcbe421255811da83f278",class:"planned__icon",icon:"clock16"})),c("span",{key:"ca9fe9edc67b09d69acf44c413fb88a604f022fd"},"On Hold")))),c("td",{key:"17fc7b8fefbe0be7bca13f71c957bac273821d5f"}),c("td",{key:"f5e7456b1fba81d5156dff7c0152fbaddb8ff0eb"})),c("tr",{key:"a3e45b2f0e314ae1347124e5cf9354a4fa8359ac"},c("td",{key:"b8941a3ffc0277204bd809329218919c0209b2f1",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"49c6a0a467056bcdbcaa2d45d9ee9ca797feaf2a",href:"",size:"s",variant:"bold"},"Upload")),c("td",{key:"b638cbe109352b0d191e46c054fc53660d014595"},c("ul",{key:"5a250431b6ee6f84077588822e6e5087d225f024"},c("li",{key:"e0c0d49f194d3577ae2414877ca9102f3a4a46fa",class:"planned__component-wrapper"},c("span",{key:"74b363b7c95137d53fe61f33baf8acded42937c8"},c("ifx-icon",{key:"da718f522282b4c77c1d8a490f7e7bbe99b4dbe4",class:"planned__icon",icon:"roboticarm16"})),c("span",{key:"0051f557c8a268b83dc3e322f57923a5dd73fdae"},"In Progress")))),c("td",{key:"a7ee750b5103a26055dc83cdc4530b80a6c5ac3c"}),c("td",{key:"8ce15a6d528d8a5669708a6ae071dac0eec3e517"})),c("tr",{key:"4e169b6dbc1ac81fb10b4fdf33d69b7766997f15"},c("td",{key:"56aaf4bda23f34a9b80cecffb6bfec6e7fe5bf93",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"7ac7b1fcee0df66392e84aca38a3899755199728",href:"",size:"s",variant:"bold"},"Tree View")),c("td",{key:"47297365f6864531bb70d941d7239bb371d22466"},c("ul",{key:"9f6c689463c231617dc09d6d3cc2f7387ce8cd21"},c("li",{key:"df20b6e9f26bbd2bb8e4c1130af09895d80d6465",class:"planned__component-wrapper"},c("span",{key:"02595ab80e0907a95688dd7716a51777de5fedd3"},c("ifx-icon",{key:"df2d07feed9a6627fbea90c1cc2584113280241a",class:"planned__icon",icon:"roboticarm16"})),c("span",{key:"56353b517ec95d6b8f7b03c616a1b2c4aa6a155c"},"In Progress")))),c("td",{key:"175b26a6aab7f776913ec240d3267728da21fb9f"}),c("td",{key:"44833e7937bc854fbb525177a3bb6e6d3361ac15"})),c("tr",{key:"8c78b4acf81a42cfb310c8e982736e57690a2d19"},c("td",{key:"6ff24a0ebbdffdbcd747ab1a450e5330e304f2f2",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"dc17ec7ace3ab77c53a9021a7339e6b13d00e3ee",href:"",size:"s",variant:"bold"},"Popover")),c("td",{key:"0a95fc7ed421056c4561a1ffae906469957ef240"},c("ul",{key:"ea1ff2eeabd5987672cf4cffbd0c87d893e7af1f"},c("li",{key:"a4529353053559b99ea80aed98ad69db815fcdc5",class:"planned__component-wrapper"},c("span",{key:"fa9713f6d7e0861bbb1bf6fe6ac4a264bd80b905"},c("ifx-icon",{key:"fb053577b4daf2e1bc8299ad9b6f48e010e78770",class:"planned__icon",icon:"roboticarm16"})),c("span",{key:"136a5aec76a0072339d30d1de0440028c33561fe"},"In Progress")))),c("td",{key:"f10353d6f6c7b3d287ff1694e42e436ba9762e42"}),c("td",{key:"941a0db76bb85ca6991d23e5447d801e75154d79"})))))))}get el(){return a(this)}};b.style=f;export{b as ifx_overview_table};
2	+ //# sourceMappingURL=p-6a48000a.entry.js.map

package/dist/infineon-design-system-stencil/p-6acc4922.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as t,g as r}from"./p-b7a462e5.js";const s=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{position:relative}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:12px 0}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px}';const a=s;const i=class{constructor(t){e(this,t)}render(){return t("div",{key:"bc1bd2b0f6ba59f506cc8f92ad739fb919a0a641",class:"sidebar__title"},t("div",{key:"d4fbaa93c2419e908f32d33b70ad860c20131862",class:"sidebar__title-label"},t("slot",{key:"abed1fbff3e42eb9935b2be5cd74063526455cfc"})))}get el(){return r(this)}};i.style=a;export{i as ifx_sidebar_title};
2	+ //# sourceMappingURL=p-6acc4922.entry.js.map

package/dist/infineon-design-system-stencil/{p-8a72f8dc.entry.js → p-6e69a974.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as n,a as o,g as i}from"./p-b7a462e5.js";import{d as e,t as r}from"./p-08c92877.js";import{i as s}from"./p-1ecafb97.js";import{c as a}from"./p-5cdc6210.js";const d=":host{display:inline-flex}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px;gap:8px;color:#FFFFFF;flex-direction:row;font-weight:600;border-radius:1px;line-height:1.5rem;outline:none;font-family:var(--ifx-font-family);text-decoration:none;user-select:none;border:1px solid rgba(0, 0, 0, 0);font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.btn:not(.disabled){cursor:pointer}.btn-primary{color:#FFFFFF;background-color:#0A8276}.btn-primary:disabled,.btn-primary.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary{color:#0A8276;background-color:#FFFFFF;border-color:#0A8276}.btn-secondary:disabled,.btn-secondary.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary{background-color:transparent;color:#1D1D1D}.btn-tertiary:disabled,.btn-tertiary.disabled{color:#BFBBBB;pointer-events:none}.btn.icon-button{min-width:initial;min-height:initial;width:40px;height:40px;padding:0;justify-content:center}.btn.icon-button.btn-round{border-radius:100px}.btn.icon-button.btn-square{border-radius:1px}.btn.icon-button.btn-s{width:32px;height:32px;padding:8px}.btn.icon-button.btn-l{width:48px;height:48px;padding:8px}.btn.btn-primary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-primary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C}.btn.btn-primary:not(:disabled,.disabled):active,.btn.btn-primary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C;color:#FFFFFF}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-tertiary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;color:#1D1D1D;box-shadow:0 0 0 0px #FFFFFF, 0 0 0 2px #0A8276}.btn.btn-tertiary:not(:disabled,.disabled):hover{color:#0A8276}.btn.btn-tertiary:not(:disabled,.disabled):active,.btn.btn-tertiary:not(:disabled,.disabled).active{color:#08665C}";const b=d;const c=class{constructor(n){t(this,n);this.target="_self";this.shape="round"}handleClick(t){if(this.disabled){t.stopImmediatePropagation()}}updateIcon(t){this.internalIcon=t}async setFocus(){this.focusableElement.focus()}componentWillLoad(){if(this.shape===""){this.shape="round"}this.internalIcon=this.icon}async componentDidLoad(){if(!s(this.el)){const t=e();r("ifx-icon-button",await t)}}render(){return n(o,{key:"168272c5554ac3582a1441acf209c93bec1a1f50","aria-disabled":this.disabled,"aria-label":this.ariaLabel},this.href?n("a",{ref:t=>this.focusableElement=t,class:this.getClassNames(),href:!this.disabled?this.href:undefined,target:this.target,rel:this.target==="_blank"?"noopener noreferrer":undefined},n("ifx-icon",{icon:this.internalIcon})):n("button",{class:this.getClassNames(),type:"button",disabled:this.disabled},n("ifx-icon",{icon:this.internalIcon})))}getVariantClass(){return`${this.variant}`==="secondary"?`secondary`:`${this.variant}`==="tertiary"?`tertiary`:`primary`}getSizeClass(){if(`${this.size}`==="xs"){return"xs"}else if(`${this.size}`==="s"){return"s"}else if(`${this.size}`==="l"){return"l"}else return""}getClassNames(){return a("btn icon-button",`btn-${this.shape}`,this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return i(this)}static get watchers(){return{icon:["updateIcon"]}}};c.style=b;export{c as ifx_icon_button};
-//# sourceMappingURL=p-8a72f8dc.entry.js.map
+import{r as t,h as n,a as o,g as i}from"./p-b7a462e5.js";import{d as e,t as r}from"./p-08c92877.js";import{i as s}from"./p-1ecafb97.js";import{c as a}from"./p-5cdc6210.js";const d=":host{display:inline-flex}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px;gap:8px;color:#FFFFFF;flex-direction:row;font-weight:600;border-radius:1px;line-height:1.5rem;outline:none;font-family:var(--ifx-font-family);text-decoration:none;user-select:none;border:1px solid rgba(0, 0, 0, 0);font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.btn:not(.disabled){cursor:pointer}.btn-primary{color:#FFFFFF;background-color:#0A8276}.btn-primary:disabled,.btn-primary.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary{color:#0A8276;background-color:#FFFFFF;border-color:#0A8276}.btn-secondary:disabled,.btn-secondary.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary{background-color:transparent;color:#1D1D1D}.btn-tertiary:disabled,.btn-tertiary.disabled{color:#BFBBBB;pointer-events:none}.btn.icon-button{min-width:initial;min-height:initial;width:40px;height:40px;padding:0;justify-content:center}.btn.icon-button.btn-round{border-radius:100px}.btn.icon-button.btn-square{border-radius:1px}.btn.icon-button.btn-s{width:32px;height:32px;padding:8px}.btn.icon-button.btn-l{width:48px;height:48px;padding:8px}.btn.btn-primary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-primary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C}.btn.btn-primary:not(:disabled,.disabled):active,.btn.btn-primary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C;color:#FFFFFF}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-tertiary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;color:#1D1D1D;box-shadow:0 0 0 0px #FFFFFF, 0 0 0 2px #0A8276}.btn.btn-tertiary:not(:disabled,.disabled):hover{color:#0A8276}.btn.btn-tertiary:not(:disabled,.disabled):active,.btn.btn-tertiary:not(:disabled,.disabled).active{color:#08665C}";const b=d;const c=class{constructor(n){t(this,n);this.target="_self";this.shape="round"}handleClick(t){if(this.disabled){t.stopImmediatePropagation()}}updateIcon(t){this.internalIcon=t}async setFocus(){this.focusableElement.focus()}componentWillLoad(){if(this.shape===""){this.shape="round"}this.internalIcon=this.icon}async componentDidLoad(){if(!s(this.el)){const t=e();r("ifx-icon-button",await t)}}render(){return n(o,{key:"2177dbf587353c82e379a97e6318787db19243b0","aria-disabled":this.disabled,"aria-label":this.ariaLabel},this.href?n("a",{ref:t=>this.focusableElement=t,class:this.getClassNames(),href:!this.disabled?this.href:undefined,target:this.target,rel:this.target==="_blank"?"noopener noreferrer":undefined},n("ifx-icon",{icon:this.internalIcon})):n("button",{class:this.getClassNames(),type:"button",disabled:this.disabled},n("ifx-icon",{icon:this.internalIcon})))}getVariantClass(){return`${this.variant}`==="secondary"?`secondary`:`${this.variant}`==="tertiary"?`tertiary`:`primary`}getSizeClass(){if(`${this.size}`==="xs"){return"xs"}else if(`${this.size}`==="s"){return"s"}else if(`${this.size}`==="l"){return"l"}else return""}getClassNames(){return a("btn icon-button",`btn-${this.shape}`,this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return i(this)}static get watchers(){return{icon:["updateIcon"]}}};c.style=b;export{c as ifx_icon_button};
+//# sourceMappingURL=p-6e69a974.entry.js.map

package/dist/infineon-design-system-stencil/{p-273a91b3.entry.js → p-71e39fee.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s}from"./p-b7a462e5.js";const o=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.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"}.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:""}';const n=o;const r=class{constructor(s){e(this,s);this.segmentSelect=t(this,"segmentSelect",5);this.selected=false}handleSegmentClick(){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}handleSegmentKeyDown(e){if(e.code==="Enter"||e.code==="Space"){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}}render(){return s("div",{key:"cd801960a7ce5e8112b0d544a0122ded889cfc1f",class:`segment ${this.selected?"segment--selected":""}`,tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},s("ifx-icon",{key:"c81cddf4a652f00324cbc0b8a31c3598c1b62a08",icon:this.icon})," ",s("slot",{key:"7b9786b4b20e69eaf30b5a6d140decff95e04423"}))}};r.style=n;export{r as ifx_segment};
-//# sourceMappingURL=p-273a91b3.entry.js.map
+import{r as e,c as t,h as s}from"./p-b7a462e5.js";const o=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.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"}.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:""}';const n=o;const r=class{constructor(s){e(this,s);this.segmentSelect=t(this,"segmentSelect",5);this.selected=false}handleSegmentClick(){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}handleSegmentKeyDown(e){if(e.code==="Enter"||e.code==="Space"){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}}render(){return s("div",{key:"04c0df994d0d479f3d29ada6a654a9d58b134161",class:`segment ${this.selected?"segment--selected":""}`,tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},s("ifx-icon",{key:"b26f361aa839f6c8715dc016432bd62a6b42a127",icon:this.icon})," ",s("slot",{key:"43b712fd81732326d9e2c8e4bb3c03b7b1514a59"}))}};r.style=n;export{r as ifx_segment};
+//# sourceMappingURL=p-71e39fee.entry.js.map

package/dist/infineon-design-system-stencil/{p-461450ac.entry.js → p-739fdb2c.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,g as e}from"./p-b7a462e5.js";import{d as a,t as o}from"./p-08c92877.js";import{i as n}from"./p-1ecafb97.js";const r=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs.vertical{flex-direction:row}.tabs-list{display:flex;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list:focus-within .active-border{display:none}.active-border{content:"";position:absolute;transition:left 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0A8276}.tabs.vertical .tabs-list{flex-direction:column;border-bottom:none}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tab-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;cursor:pointer;position:relative}.tab-item.icon__right{flex-direction:row-reverse;justify-content:flex-end}.tab-item:hover{color:#0A8276}.tab-item:active,.tab-item.active{color:#0A8276}.tab-item:focus,.tab-item.focus{outline:none;border-radius:1px;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item.disabled{color:#BFBBBB;pointer-events:none}.tabs.vertical .tab-item{border-right:2px solid transparent;min-width:7em}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0A8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}';const h=r;const l=class{constructor(s){t(this,s);this.ifxChange=i(this,"ifxChange",7);this.orientation="horizontal";this.activeTabIndex=0;this.fullWidth=false;this.internalActiveTabIndex=0;this.internalFocusedTabIndex=0;this.tabRefs=[];this.tabHeaderRefs=[];this.disabledTabs=[];this.tabObjects=[]}updateBorderOnWindowResize(){this.updateBorderAndFocus()}setActiveAndFocusedTab(t){var i;if(t>=this.tabObjects.length){t=this.tabObjects.length-1}if(t<0){t=0}if(!((i=this.tabObjects[t])===null||i===void 0?void 0:i.disabled)){this.internalActiveTabIndex=t;this.internalFocusedTabIndex=t}}handleTabHeaderChange(t){const i=t.target.getAttribute("slot").replace("tab-","");this.tabObjects[i].header=t.detail;this.tabObjects=[...this.tabObjects]}activeTabIndexChanged(t,i){if(t!==i){this.setActiveAndFocusedTab(t)}}componentWillLoad(){this.internalOrientation=this.orientation.toLowerCase()==="vertical"?"vertical":"horizontal";if(this.internalActiveTabIndex!==this.activeTabIndex){this.ifxChange.emit({previousTab:this.internalActiveTabIndex,currentTab:this.activeTabIndex})}this.onSlotChange();this.setActiveAndFocusedTab(this.activeTabIndex);this.updateTabStyles()}updateTabStyles(){this.tabHeaderRefs.forEach(((t,i)=>{t.classList.toggle("active",i===this.internalActiveTabIndex);t.setAttribute("aria-selected",i===this.internalActiveTabIndex?"true":"false")}))}reRenderBorder(){const t=this.el.shadowRoot.querySelector(".active-border");if(t&&this.tabHeaderRefs[this.internalActiveTabIndex]){if(this.orientation==="horizontal"){t.style.left=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`;t.style.width=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`;t.style.top="";t.style.height=""}else{t.style.top=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`;t.style.height=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`;t.style.left="";t.style.width=""}}}onSlotChange(){const t=this.el.querySelectorAll("ifx-tab");this.tabObjects=Array.from(t).map((t=>({header:t===null||t===void 0?void 0:t.header,disabled:(t===null||t===void 0?void 0:t.disabled)===true,icon:t===null||t===void 0?void 0:t.icon,iconPosition:t===null||t===void 0?void 0:t.iconPosition})));this.tabRefs=Array.from(t);this.tabRefs.forEach(((t,i)=>{t.setAttribute("slot",`tab-${i}`)}))}setDefaultOrientation(){const t=["horizontal","vertical"];const i=this.orientation.toLowerCase();if(!t.includes(i)){this.internalOrientation="horizontal"}else this.internalOrientation=this.orientation}async componentDidLoad(){if(!n(this.el)){const t=a();o("ifx-tabs",await t)}this.updateBorderAndFocus();this.tabHeaderRefs.forEach(((t,i)=>{t.addEventListener("focus",this.onTabFocus(i))}))}onTabFocus(t){return()=>{this.internalFocusedTabIndex=t}}disconnectedCallback(){this.tabHeaderRefs.forEach(((t,i)=>{t.removeEventListener("focus",this.onTabFocus(i))}))}componentDidUpdate(){this.updateBorderAndFocus()}updateBorderAndFocus(){this.reRenderBorder();this.updateTabFocusability()}updateTabFocusability(){this.tabHeaderRefs.forEach(((t,i)=>{t.tabIndex=i===this.internalActiveTabIndex?0:-1}))}focusNextTab(){let t=this.internalFocusedTabIndex+1;while(t<this.tabHeaderRefs.length&&this.tabObjects[t].disabled){t++}if(t>=0&&t<this.tabHeaderRefs.length){this.internalFocusedTabIndex=t;this.tabHeaderRefs[t].focus()}}focusPreviousTab(){let t=this.internalFocusedTabIndex-1;while(t>=0&&this.tabObjects[t].disabled){t--}if(t>=0&&t<this.tabHeaderRefs.length){this.internalFocusedTabIndex=t;this.tabHeaderRefs[t].focus()}}getTabItemClass(t){const i=t===this.internalActiveTabIndex&&!this.tabObjects[t].disabled;const s=this.tabObjects[t].disabled;const e=this.tabObjects[t].iconPosition;return`tab-item ${this.fullWidth?"full-width":""} ${i?"active":""} ${s?"disabled":""} ${"icon__"+e}`}handleClick(t,i){this.ifxChange.emit({previousTab:this.internalActiveTabIndex,currentTab:i});if(!t.disabled)this.internalActiveTabIndex=i}handleKeyDown(t){if(t.key==="Tab"){if(t.shiftKey){if(this.internalFocusedTabIndex===0){return}else{t.preventDefault();this.focusPreviousTab()}}else{if(this.internalFocusedTabIndex===this.tabHeaderRefs.length-1){return}else{t.preventDefault();this.focusNextTab()}}}else if(t.key==="Enter"){const i=t.composedPath();const s=i.some((t=>this.tabHeaderRefs.includes(t)));if(!s){return}if(this.internalFocusedTabIndex!==-1&&!this.tabObjects[this.internalFocusedTabIndex].disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=this.internalFocusedTabIndex;this.ifxChange.emit({previousTab:t,currentTab:this.internalFocusedTabIndex})}}}render(){var t;return s("div",{key:"8f3a8648448229fad10b8f318fb936a6da6377af","aria-label":"navigation tabs",class:`tabs ${this.internalOrientation}`},s("ul",{key:"b4150af5a4acc16fd8900273fea4848b71662fd4",role:"tablist",class:"tabs-list"},(t=this.tabObjects)===null||t===void 0?void 0:t.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},(t===null||t===void 0?void 0:t.icon)?s("ifx-icon",{icon:t.icon}):"",t===null||t===void 0?void 0:t.header))),s("div",{key:"35af33210885982907746c650c9b1e94f521fa7c",class:"active-border"})),s("div",{key:"1fb4dcc61193e1806d581b3ca5190f2c7b953c0a",class:"tab-content"},Array.from(this.tabObjects).map(((t,i)=>s("div",{style:{display:i===this.internalActiveTabIndex?"block":"none"}},s("slot",{name:`tab-${i}`}))))))}get el(){return e(this)}static get watchers(){return{activeTabIndex:["activeTabIndexChanged"]}}};l.style=h;export{l as ifx_tabs};
-//# sourceMappingURL=p-461450ac.entry.js.map
+import{r as t,c as i,h as s,g as e}from"./p-b7a462e5.js";import{d as a,t as o}from"./p-08c92877.js";import{i as n}from"./p-1ecafb97.js";const r=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs.vertical{flex-direction:row}.tabs-list{display:flex;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list:focus-within .active-border{display:none}.active-border{content:"";position:absolute;transition:left 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0A8276}.tabs.vertical .tabs-list{flex-direction:column;border-bottom:none}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tab-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;cursor:pointer;position:relative}.tab-item.icon__right{flex-direction:row-reverse;justify-content:flex-end}.tab-item:hover{color:#0A8276}.tab-item:active,.tab-item.active{color:#0A8276}.tab-item:focus,.tab-item.focus{outline:none;border-radius:1px;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item.disabled{color:#BFBBBB;pointer-events:none}.tabs.vertical .tab-item{border-right:2px solid transparent;min-width:7em}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0A8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}';const h=r;const l=class{constructor(s){t(this,s);this.ifxChange=i(this,"ifxChange",7);this.orientation="horizontal";this.activeTabIndex=0;this.fullWidth=false;this.internalActiveTabIndex=0;this.internalFocusedTabIndex=0;this.tabRefs=[];this.tabHeaderRefs=[];this.disabledTabs=[];this.tabObjects=[]}updateBorderOnWindowResize(){this.updateBorderAndFocus()}setActiveAndFocusedTab(t){var i;if(t>=this.tabObjects.length){t=this.tabObjects.length-1}if(t<0){t=0}if(!((i=this.tabObjects[t])===null||i===void 0?void 0:i.disabled)){this.internalActiveTabIndex=t;this.internalFocusedTabIndex=t}}handleTabHeaderChange(t){const i=t.target.getAttribute("slot").replace("tab-","");this.tabObjects[i].header=t.detail;this.tabObjects=[...this.tabObjects]}activeTabIndexChanged(t,i){if(t!==i){this.setActiveAndFocusedTab(t)}}componentWillLoad(){this.internalOrientation=this.orientation.toLowerCase()==="vertical"?"vertical":"horizontal";if(this.internalActiveTabIndex!==this.activeTabIndex){this.ifxChange.emit({previousTab:this.internalActiveTabIndex,currentTab:this.activeTabIndex})}this.onSlotChange();this.setActiveAndFocusedTab(this.activeTabIndex);this.updateTabStyles()}updateTabStyles(){this.tabHeaderRefs.forEach(((t,i)=>{t.classList.toggle("active",i===this.internalActiveTabIndex);t.setAttribute("aria-selected",i===this.internalActiveTabIndex?"true":"false")}))}reRenderBorder(){const t=this.el.shadowRoot.querySelector(".active-border");if(t&&this.tabHeaderRefs[this.internalActiveTabIndex]){if(this.orientation==="horizontal"){t.style.left=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`;t.style.width=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`;t.style.top="";t.style.height=""}else{t.style.top=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`;t.style.height=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`;t.style.left="";t.style.width=""}}}onSlotChange(){const t=this.el.querySelectorAll("ifx-tab");this.tabObjects=Array.from(t).map((t=>({header:t===null||t===void 0?void 0:t.header,disabled:(t===null||t===void 0?void 0:t.disabled)===true,icon:t===null||t===void 0?void 0:t.icon,iconPosition:t===null||t===void 0?void 0:t.iconPosition})));this.tabRefs=Array.from(t);this.tabRefs.forEach(((t,i)=>{t.setAttribute("slot",`tab-${i}`)}))}setDefaultOrientation(){const t=["horizontal","vertical"];const i=this.orientation.toLowerCase();if(!t.includes(i)){this.internalOrientation="horizontal"}else this.internalOrientation=this.orientation}async componentDidLoad(){if(!n(this.el)){const t=a();o("ifx-tabs",await t)}this.updateBorderAndFocus();this.tabHeaderRefs.forEach(((t,i)=>{t.addEventListener("focus",this.onTabFocus(i))}))}onTabFocus(t){return()=>{this.internalFocusedTabIndex=t}}disconnectedCallback(){this.tabHeaderRefs.forEach(((t,i)=>{t.removeEventListener("focus",this.onTabFocus(i))}))}componentDidUpdate(){this.updateBorderAndFocus()}updateBorderAndFocus(){this.reRenderBorder();this.updateTabFocusability()}updateTabFocusability(){this.tabHeaderRefs.forEach(((t,i)=>{t.tabIndex=i===this.internalActiveTabIndex?0:-1}))}focusNextTab(){let t=this.internalFocusedTabIndex+1;while(t<this.tabHeaderRefs.length&&this.tabObjects[t].disabled){t++}if(t>=0&&t<this.tabHeaderRefs.length){this.internalFocusedTabIndex=t;this.tabHeaderRefs[t].focus()}}focusPreviousTab(){let t=this.internalFocusedTabIndex-1;while(t>=0&&this.tabObjects[t].disabled){t--}if(t>=0&&t<this.tabHeaderRefs.length){this.internalFocusedTabIndex=t;this.tabHeaderRefs[t].focus()}}getTabItemClass(t){const i=t===this.internalActiveTabIndex&&!this.tabObjects[t].disabled;const s=this.tabObjects[t].disabled;const e=this.tabObjects[t].iconPosition;return`tab-item ${this.fullWidth?"full-width":""} ${i?"active":""} ${s?"disabled":""} ${"icon__"+e}`}handleClick(t,i){this.ifxChange.emit({previousTab:this.internalActiveTabIndex,currentTab:i});if(!t.disabled)this.internalActiveTabIndex=i}handleKeyDown(t){if(t.key==="Tab"){if(t.shiftKey){if(this.internalFocusedTabIndex===0){return}else{t.preventDefault();this.focusPreviousTab()}}else{if(this.internalFocusedTabIndex===this.tabHeaderRefs.length-1){return}else{t.preventDefault();this.focusNextTab()}}}else if(t.key==="Enter"){const i=t.composedPath();const s=i.some((t=>this.tabHeaderRefs.includes(t)));if(!s){return}if(this.internalFocusedTabIndex!==-1&&!this.tabObjects[this.internalFocusedTabIndex].disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=this.internalFocusedTabIndex;this.ifxChange.emit({previousTab:t,currentTab:this.internalFocusedTabIndex})}}}render(){var t;return s("div",{key:"02e35cb5296ff05421d6dae6e13981b52db5d510","aria-label":"navigation tabs",class:`tabs ${this.internalOrientation}`},s("ul",{key:"4c0c8b1f05e288a38ad732eac91a55c74fa3eee6",role:"tablist",class:"tabs-list"},(t=this.tabObjects)===null||t===void 0?void 0:t.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},(t===null||t===void 0?void 0:t.icon)?s("ifx-icon",{icon:t.icon}):"",t===null||t===void 0?void 0:t.header))),s("div",{key:"da720a365ce89754faaa26dda80bf254ef119169",class:"active-border"})),s("div",{key:"cd3cfe767164c95cfada6c18727ba7df4286b084",class:"tab-content"},Array.from(this.tabObjects).map(((t,i)=>s("div",{style:{display:i===this.internalActiveTabIndex?"block":"none"}},s("slot",{name:`tab-${i}`}))))))}get el(){return e(this)}static get watchers(){return{activeTabIndex:["activeTabIndexChanged"]}}};l.style=h;export{l as ifx_tabs};
+//# sourceMappingURL=p-739fdb2c.entry.js.map

package/dist/infineon-design-system-stencil/{p-a3514856.entry.js → p-760a6c0c.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as i,h as o,g as t,c as e}from"./p-b7a462e5.js";import{d as a,t as n}from"./p-08c92877.js";import{i as s}from"./p-1ecafb97.js";const c=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}';const r=c;const d=class{constructor(o){i(this,o);this.autoCollapse=false}async componentDidLoad(){if(!s(this.el)){const i=a();n("ifx-accordion",await i)}}async onItemOpen(i){if(this.autoCollapse){const o=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const t of o){const o=t;if(o!==i.target&&await o.open){o.open=false}}}}render(){return o("div",{key:"903cc44b4886b77e59e66ab2a5cdf681dafeb9bc",class:"accordion-wrapper"},o("slot",{key:"e0abec42188606e8c80fc3db44fba19a7aa69ed8"}))}static get delegatesFocus(){return true}get el(){return t(this)}};d.style=r;const f=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.accordion-item{border-radius:3px;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:"";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:flex;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}';const l=f;const h=class{constructor(o){i(this,o);this.ifxOpen=e(this,"ifxOpen",7);this.ifxClose=e(this,"ifxClose",7);this.open=false;this.AriaLevel=3;this.internalOpen=false}componentWillLoad(){this.internalOpen=this.open}componentDidLoad(){this.openAccordionItem();this.contentEl=this.el.shadowRoot.querySelector("#accordion-content");if(this.contentEl){this.attachResizeObserver()}}componentDidUpdate(){this.openAccordionItem()}openChanged(i){this.internalOpen=i}toggleOpen(){this.internalOpen=!this.internalOpen;this.open=this.internalOpen;if(this.internalOpen){this.ifxOpen.emit({isOpen:this.internalOpen})}else{this.ifxClose.emit({isClosed:!this.internalOpen})}}openAccordionItem(){if(this.contentEl){if(this.internalOpen){this.contentEl.style.height="auto";const i=this.contentEl.scrollHeight;this.contentEl.style.height=`${i}px`;this.contentEl.style.overflow="visible"}else{this.contentEl.style.height="0";this.contentEl.style.overflow="hidden"}}}attachResizeObserver(){const i=this.el.shadowRoot.querySelector(".inner-content");if(i){this.resizeObserver=new ResizeObserver((()=>{if(this.internalOpen){this.openAccordionItem()}}));this.resizeObserver.observe(i)}}handleKeydown(i){const o=i.composedPath();if(!o.includes(this.titleEl)){return}switch(i.key){case"Enter":case" ":i.preventDefault();this.toggleOpen();break}}render(){return o("div",{key:"6f314f7ff18566be1de5fb8c169405df296ba346",class:`accordion-item ${this.internalOpen?"open":""}`},o("div",{key:"0c20697cd02a7af28f481c7104a6b100ad478081",role:"button","aria-expanded":this.internalOpen,"aria-controls":"accordion-content",class:"accordion-title",onClick:()=>this.toggleOpen(),tabindex:"0",ref:i=>this.titleEl=i},o("span",{key:"d41d3016e5f967f361dea497486673d786ba3d83","aria-hidden":"true",role:"heading","aria-level":String(this.AriaLevel),class:"accordion-icon"},o("ifx-icon",{key:"27308dfb2a2cd73303705521a41f706482cb8da3",icon:"chevron-down-16"})),o("span",{key:"c71749876b23310d9d9037552dcb4800f3b16d13",id:"accordion-caption",class:"accordion-caption"},this.caption)),o("div",{key:"23d3f2ee657ff35edd3d341e883aadb6d1858c79",id:"accordion-content",class:"accordion-content",ref:i=>this.contentEl=i,role:"region","aria-labelledby":"accordion-caption"},o("div",{key:"3716d880d2c26471e515ba60a0b1227758130a09",class:"inner-content"},o("slot",{key:"0ae80ac1d41934a1e3a84e3d3a8bdc97b5cf1e2c"}))))}get el(){return t(this)}static get watchers(){return{open:["openChanged"]}}};h.style=l;export{d as ifx_accordion,h as ifx_accordion_item};
-//# sourceMappingURL=p-a3514856.entry.js.map
+import{r as i,h as o,g as t,c as e}from"./p-b7a462e5.js";import{d as n,t as c}from"./p-08c92877.js";import{i as s}from"./p-1ecafb97.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}';const r=a;const d=class{constructor(o){i(this,o);this.autoCollapse=false}async componentDidLoad(){if(!s(this.el)){const i=n();c("ifx-accordion",await i)}}async onItemOpen(i){if(this.autoCollapse){const o=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const t of o){const o=t;if(o!==i.target&&await o.open){o.open=false}}}}render(){return o("div",{key:"9710667abc27fc6c6cfa6f2c696bcd0c9ca16f68",class:"accordion-wrapper"},o("slot",{key:"e619068facc88777b79567655ee68e5f7ee71c81"}))}static get delegatesFocus(){return true}get el(){return t(this)}};d.style=r;const f=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.accordion-item{border-radius:3px;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:"";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:flex;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}';const l=f;const h=class{constructor(o){i(this,o);this.ifxOpen=e(this,"ifxOpen",7);this.ifxClose=e(this,"ifxClose",7);this.open=false;this.AriaLevel=3;this.internalOpen=false}componentWillLoad(){this.internalOpen=this.open}componentDidLoad(){this.openAccordionItem();this.contentEl=this.el.shadowRoot.querySelector("#accordion-content");if(this.contentEl){this.attachResizeObserver()}}componentDidUpdate(){this.openAccordionItem()}openChanged(i){this.internalOpen=i}toggleOpen(){this.internalOpen=!this.internalOpen;this.open=this.internalOpen;if(this.internalOpen){this.ifxOpen.emit({isOpen:this.internalOpen})}else{this.ifxClose.emit({isClosed:!this.internalOpen})}}openAccordionItem(){if(this.contentEl){if(this.internalOpen){this.contentEl.style.height="auto";const i=this.contentEl.scrollHeight;this.contentEl.style.height=`${i}px`;this.contentEl.style.overflow="visible"}else{this.contentEl.style.height="0";this.contentEl.style.overflow="hidden"}}}attachResizeObserver(){const i=this.el.shadowRoot.querySelector(".inner-content");if(i){this.resizeObserver=new ResizeObserver((()=>{if(this.internalOpen){this.openAccordionItem()}}));this.resizeObserver.observe(i)}}handleKeydown(i){const o=i.composedPath();if(!o.includes(this.titleEl)){return}switch(i.key){case"Enter":case" ":i.preventDefault();this.toggleOpen();break}}render(){return o("div",{key:"206187381ed2e547d06b5f80a4242b00cb4fae7b",class:`accordion-item ${this.internalOpen?"open":""}`},o("div",{key:"b785160b699319231d33c138b5261b4506bdd34f",role:"button","aria-expanded":this.internalOpen,"aria-controls":"accordion-content",class:"accordion-title",onClick:()=>this.toggleOpen(),tabindex:"0",ref:i=>this.titleEl=i},o("span",{key:"cb79f51abfc5d928c918e946f83d4edab86e2d3a","aria-hidden":"true",role:"heading","aria-level":String(this.AriaLevel),class:"accordion-icon"},o("ifx-icon",{key:"64f4f0ae6689d5f792d4d4442e76d026930235cd",icon:"chevron-down-16"})),o("span",{key:"3c1a8df6433eb2672db86ffafaae7f9e56191477",id:"accordion-caption",class:"accordion-caption"},this.caption)),o("div",{key:"bf7f7db86e29675051c16a17dfcc72c92a8b2cc7",id:"accordion-content",class:"accordion-content",ref:i=>this.contentEl=i,role:"region","aria-labelledby":"accordion-caption"},o("div",{key:"284276193e0ae2e06ee52282afd4c2879c26b897",class:"inner-content"},o("slot",{key:"361b1da7d3764271836dd3bb7e9c00eb446f84d0"}))))}get el(){return t(this)}static get watchers(){return{open:["openChanged"]}}};h.style=l;export{d as ifx_accordion,h as ifx_accordion_item};
+//# sourceMappingURL=p-760a6c0c.entry.js.map

package/dist/infineon-design-system-stencil/{p-24d7ff6e.entry.js → p-78905863.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,g as i}from"./p-b7a462e5.js";import{d as r,t as a}from"./p-08c92877.js";import{i as p}from"./p-1ecafb97.js";const c=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.stepper{display:flex;align-items:center}.stepper.compact{align-items:center;gap:8px}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0A8276 var(--pb, 0%), #8D8786 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}';const h=c;const o=class{constructor(s){t(this,s);this.ifxChange=e(this,"ifxChange",7);this.activeStep=1;this.indicatorPosition="left";this.showStepNumber=false;this.variant="default";this.shouldEmitEvent=true;this.emittedByClick=false}onStepChange(t){const e=this.getSteps();const s=e[t.detail.previousActiveStep-1];if(s&&!s.complete){s.setAttribute("error","true")}}handleActiveStep(t,e){const s=this.getSteps();if(!this.shouldEmitEvent){this.shouldEmitEvent=true;return}if(s[t-1]){if(!s[t-1].disabled){this.emitIfxChange(t,e)}else{if(t<e){let i=t;this.shouldEmitEvent=false;while(i>=1&&s[i-1].disabled)i--;if(i<1){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}else{let i=t;this.shouldEmitEvent=false;while(i<=this.stepsCount&&s[i-1].disabled)i++;if(i>this.stepsCount){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}}}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick});this.emittedByClick=false}getSteps(){const t=this.el.querySelectorAll("ifx-step");return t}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=true;for(let e=0;e<t.length;e++){t[e].stepId=e+1}this.stepsCount=t.length}setActiveStep(t,e=false){this.emittedByClick=e;this.activeStep=t}setStepsBeforeActiveToComplete(){const t=this.getSteps();t.forEach(((t,e)=>{if(e+1<this.activeStep)t.complete=true}))}syncIfxSteps(){const t=this.getSteps();for(let e=0;e<t.length;e++){const s={activeStep:this.activeStep,indicatorPosition:this.indicatorPosition!=="right"?"left":"right",showStepNumber:this.showStepNumber,variant:this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant,setActiveStep:this.setActiveStep.bind(this)};t[e].stepperState=s}}setInitialActiveStep(){this.activeStep=Math.max(1,Math.min(this.stepsCount+(this.variant!=="compact"?1:0),this.activeStep))}componentWillLoad(){this.addStepIdsToStepsAndCountSteps();this.setInitialActiveStep();this.setStepsBeforeActiveToComplete()}async componentDidLoad(){if(!p(this.el)){const t=r();a("ifx-stepper",await t)}this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"b9409efa6bcc40d8d71c555251de93090cf26832","aria-label":"a stepper",role:"navigation",class:`stepper ${this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant} ${this.variant==="compact"?"compact-"+this.indicatorPosition:""}`},this.variant==="compact"&&s("div",{key:"f5b60e07ea7ac6069e27811077692d6de26427a1",class:"stepper-progress"},s("div",{key:"ee8197961a261d53fc76a5f3ee6fdd8a3968bca9",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"5a7a371e9a65f38a203f871a917703caa2ba2a99",class:`stepper-wrapper`},s("slot",{key:"0c572f5be961109cb14d33e0e62cfd8892ca3492"})))}componentDidRender(){if(this.variant=="compact"){const t=this.el.shadowRoot.querySelector(".stepper-progress");t.style.setProperty("--pb",`${this.activeStep/this.stepsCount*100}%`)}}get el(){return i(this)}static get watchers(){return{activeStep:["handleActiveStep"]}}};o.style=h;export{o as ifx_stepper};
-//# sourceMappingURL=p-24d7ff6e.entry.js.map
+import{r as t,c as e,h as s,g as i}from"./p-b7a462e5.js";import{d as r,t as a}from"./p-08c92877.js";import{i as p}from"./p-1ecafb97.js";const c=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.stepper{display:flex;align-items:center}.stepper.compact{align-items:center;gap:8px}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0A8276 var(--pb, 0%), #8D8786 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}';const h=c;const o=class{constructor(s){t(this,s);this.ifxChange=e(this,"ifxChange",7);this.activeStep=1;this.indicatorPosition="left";this.showStepNumber=false;this.variant="default";this.shouldEmitEvent=true;this.emittedByClick=false}onStepChange(t){const e=this.getSteps();const s=e[t.detail.previousActiveStep-1];if(s&&!s.complete){s.setAttribute("error","true")}}handleActiveStep(t,e){const s=this.getSteps();if(!this.shouldEmitEvent){this.shouldEmitEvent=true;return}if(s[t-1]){if(!s[t-1].disabled){this.emitIfxChange(t,e)}else{if(t<e){let i=t;this.shouldEmitEvent=false;while(i>=1&&s[i-1].disabled)i--;if(i<1){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}else{let i=t;this.shouldEmitEvent=false;while(i<=this.stepsCount&&s[i-1].disabled)i++;if(i>this.stepsCount){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}}}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick});this.emittedByClick=false}getSteps(){const t=this.el.querySelectorAll("ifx-step");return t}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=true;for(let e=0;e<t.length;e++){t[e].stepId=e+1}this.stepsCount=t.length}setActiveStep(t,e=false){this.emittedByClick=e;this.activeStep=t}setStepsBeforeActiveToComplete(){const t=this.getSteps();t.forEach(((t,e)=>{if(e+1<this.activeStep)t.complete=true}))}syncIfxSteps(){const t=this.getSteps();for(let e=0;e<t.length;e++){const s={activeStep:this.activeStep,indicatorPosition:this.indicatorPosition!=="right"?"left":"right",showStepNumber:this.showStepNumber,variant:this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant,setActiveStep:this.setActiveStep.bind(this)};t[e].stepperState=s}}setInitialActiveStep(){this.activeStep=Math.max(1,Math.min(this.stepsCount+(this.variant!=="compact"?1:0),this.activeStep))}componentWillLoad(){this.addStepIdsToStepsAndCountSteps();this.setInitialActiveStep();this.setStepsBeforeActiveToComplete()}async componentDidLoad(){if(!p(this.el)){const t=r();a("ifx-stepper",await t)}this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"7c0320ea7181a67a0a067e64db2dd6cdc66d2aed","aria-label":"a stepper",role:"navigation",class:`stepper ${this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant} ${this.variant==="compact"?"compact-"+this.indicatorPosition:""}`},this.variant==="compact"&&s("div",{key:"ca8ce9d06c9f2f7b66122f62e811294ab3f3bba5",class:"stepper-progress"},s("div",{key:"c9fbfd16330b3578b1c278398b295eecb81f4f0b",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"615abc7daeaec55ea9a58958a723adba46326da9",class:`stepper-wrapper`},s("slot",{key:"269def597a67cba8f645fbb88d9f5348b790ea86"})))}componentDidRender(){if(this.variant=="compact"){const t=this.el.shadowRoot.querySelector(".stepper-progress");t.style.setProperty("--pb",`${this.activeStep/this.stepsCount*100}%`)}}get el(){return i(this)}static get watchers(){return{activeStep:["handleActiveStep"]}}};o.style=h;export{o as ifx_stepper};
+//# sourceMappingURL=p-78905863.entry.js.map