npm - @infineon/infineon-design-system-stencil - Versions diffs - 33.1.1--canary.1804.4db5a203a5155eeaa530f6fcf69f064532731762.0 → 33.1.1--canary.1824.75b5030250f4474f2c947b6e8dc7055bdc915c43.0 - Mend

@infineon/infineon-design-system-stencil 33.1.1--canary.1804.4db5a203a5155eeaa530f6fcf69f064532731762.0 → 33.1.1--canary.1824.75b5030250f4474f2c947b6e8dc7055bdc915c43.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 (365) hide show

package/dist/infineon-design-system-stencil/p-021719f5.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as c,g as a}from"./p-e6edf72d.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.innerHTML=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.innerHTML=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.innerHTML=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:"b45f25b8b7e999e94fd300dc552413c57697ad9d",class:"container"},c("header",{key:"a0084a31ed420d69c511e6b430c066abb0e5ca2e",class:"header"},c("div",{key:"6656b58594638648fa86e6883f4ddc316505e864",class:"header__info-wrapper"},c("div",{key:"b2fb6f951b2caef62b7ccfa57fc203a143e8fc45",class:"title"},"DDS Components Overview"),c("div",{key:"df2288b1e624e3fab88a8b82953f499f16be0c93",class:"infoboard__wrapper"},c("div",{key:"506476f2bc162a3fd792f42b685a185ef3b5785f",class:"basic__info"},c("div",{key:"04d8bb25cb8308df755a0029a2d7c456152991b4"},"Total Number:"),c("div",{key:"34af476b41edda33efdfb7c062af1c03350987a2"},c("ifx-number-indicator",{key:"45d847e90426e0c6911a4a9b7b11e075ba35b68e",id:"number__indicator-total"}))),c("div",{key:"1ada9febf4621361f733a01a69f826740426699d",class:"basic__info"},c("div",{key:"d7fa0858a947ee34ba959a251abdaf7ce5b49261"},"Completed:"),c("div",{key:"bd09eb6bf2151acb7d567c304b7275ec0a8f1469"},c("ifx-number-indicator",{key:"83018a10fd82a0adcbb0ae089ac5e3c8b1427561",id:"number__indicator-completed"}))),c("div",{key:"f7a158bfbb76846c4c37b6b285b55e61030c8fcb",class:"basic__info"},c("div",{key:"6e99be9ff969770341269223feacd383b81d29ff"},"In Progress:"),c("div",{key:"ef041120945f99a21edfea74e5e47df6aff0432c"},c("ifx-number-indicator",{key:"9de22ad4bc2818b820976d86620c48a9ac170335",id:"number__indicator-planned"})))))),c("div",{key:"d65b86fd8c8b31c06b879f536c4d1936f2fcf4bf",class:"view"},c("div",{key:"f8fa815fc6f98588bc1a313ccab3dc557b63b681",class:"wrapper"},c("table",{key:"0fe43f8bbb74c230e61a3202249f8d17bb638b11"},c("thead",{key:"82b9ca20385afa51edd06f1e7be93d2d040c8481"},c("tr",{key:"bb4b3e08a865e47e8354c137789a8a2d106c9fd0"},c("th",{key:"19ad601f393e36a00c371c4033886f38fba843b5",class:"sticky-col second-col"},"Component"),c("th",{key:"b4879c9c55d16978232253dea23617a7179abca2"},c("div",{key:"133379416ff65c230ed0ad7094d096e306f3d0dc",class:"version__wrapper"},c("span",{key:"b207f6eeb2a1e773c1ff265a428a158e3d463cb5"},"Version 1"))),c("th",{key:"c580702aac7bb358f5f99ccd1173e94afb48054c"},c("div",{key:"fedbc7acf84ab6fe7f05a6f499bf472d505828c4",class:"version__wrapper"},c("span",{key:"7d6aea8185af981c5af8f25b8ab0e8c67cd219fa"},"Version 2"))),c("th",{key:"c6241c836533d661f29421ac71ca204830888df1"},"Version 3"))),c("tbody",{key:"48aacf3840b32e3a486db910cad3a6e2f7245ae4"},c("tr",{key:"7c9c4a3ef11f5c84a222ea6c6ff4007359413de4"},c("td",{key:"26c06134ba84ea40325a0a838a21c922ead9fca1",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"24992111775adf470aaaaad5baf32df8ecad4f15",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-accordion--development",size:"s",variant:"bold"},"Accordion")),c("td",{key:"6ede85fe6dd33d4ef3b69493b03a8f7fa31732ab"},c("ul",{key:"95e264f9977d77ec4b06b79e7a28108bce4fc4f4"},c("li",{key:"3243b42bd33b34f4ef8666f2c76e1bd438b59355"},c("span",{key:"d8db9c18af7feb03ccadc73a51d970bc2dc2c8f7"},c("ifx-icon",{key:"2c2d6eab94c79de630b2a8b1a39ba963b3ecf241",class:"check__icon",icon:"check12"})),c("span",{key:"deeb5238a8f0d860b3e4e7e23bb27a0ebd747376"},"Includes essential functionality such as expand/collapse behavior and minimal customization options")),c("li",{key:"0c939fda41f1a17cf5c59cd64880609142bb939e"},c("span",{key:"5998fb13551b42964c8a7987404a38d5513dcd4a"},c("ifx-icon",{key:"44a5ada606ce81153864428c1c8deb34beb53f70",class:"check__icon",icon:"check12"})),c("span",{key:"2efa58691d2ba9bab5b6bced8534d352772842d7"},"Adheres to web standards")),c("li",{key:"b15cf85d0ebda01cdc9e4f8ca667545c45da3fcc"},c("span",{key:"19962b663f5b7c21525a02bf01bbfa3a9debe4b2"},c("ifx-icon",{key:"93f842098b205b37fde2b7ebe0a5b5bb105471a1",class:"check__icon",icon:"check12"})),c("span",{key:"7f9fb146817132b444a4916036fd9c51be2c51d3"},"Provides a simple and lightweight way to organize and display collapsible content")))),c("td",{key:"09b91683dbbd71ceb348528892e91f7b901c7bae"},c("ul",{key:"693660f65c00d6c645fa32d8d48919af1cbf6e12"},c("li",{key:"e6c8c3745b05da770e96952c23d906aa803c5ad5"},c("span",{key:"e381bc1695184c0a62c8f9b874fc92d592da2b53"},c("ifx-icon",{key:"95bebaf5c13833dc45357a6a3ebdce06adf63d74",class:"check__icon",icon:"check12"})),c("span",{key:"2a5f902aac86d30d082a1d660ecf8a1591f14bef"},"Auto collapse feature")),c("li",{key:"b4cb5a81672a1e80fd740f1fec91be2685536d09"},c("span",{key:"db633aeb018c1bd6e0fe2ac196c8851250adfddf"},c("ifx-icon",{key:"28b8f0dd028deaebb287ae549b828147846855f7",class:"check__icon",icon:"check12"})),c("span",{key:"b83ef67300ccd5467eb368d58049d8ff81c9b187"},"Initial collapse feature")),c("li",{key:"99538a2e254cca56ecbdb5e640ae148e49043e82"},c("span",{key:"8dd30c6fec8b7f28e924ae19490eecc394b4ad2d"},c("ifx-icon",{key:"0e949ded9c5ebc49af7b7f1675ca439e12265a5b",class:"check__icon",icon:"check12"})),c("span",{key:"682f10db6b09f4b65cf24251aaf560c08bd2f03d"},"React, Vue and Angular wrapper integration")))),c("td",{key:"ea928779ce35c05dfe76f5801102eb99c547c0aa"})),c("tr",{key:"e2e5dadbfafb81ba2d246be051984252d718382d"},c("td",{key:"c86e47546ec8d1e7a145b88604fd6ab2d31e2874",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f33e1eff16c4bfc2540b77d91a5e53c6ce88db50",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-alert--development",size:"s",variant:"bold"},"Alert")),c("td",{key:"bf4b4bfb587303a2438e9c4e5b6cd05d75bece48"},c("ul",{key:"0cfddc87107cdb173cd4bce96944fc26525650e1"},c("li",{key:"c96dd02bd5b7bc399d23c43921ee9f94d23e8d17"},c("span",{key:"b009dfb741be30315b8b8d9ed98317c2d12c7542"},c("ifx-icon",{key:"137009b717be7e5612a546e68fbca194767959ad",class:"check__icon",icon:"check12"})),c("span",{key:"122fdff0b5d6425e8bc5fd1973ac3a0e336bab27"},"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:"c7ba0d47af732ae4b196ba9c8db2a87e5ea678dc"},c("span",{key:"312ca469a62a898313e144e91dc33c7276d8c4b7"},c("ifx-icon",{key:"82b61c705489362970fde2e9ece8502cde99b124",class:"check__icon",icon:"check12"})),c("span",{key:"cef62bcce680f42c337c6d2e91deb46077e10b02"},"Adheres to web standards")))),c("td",{key:"de8cf6579bbb70df2b478a1cb3f6958fe3e0396c"},c("ul",{key:"66bbe99c1dc7d913f59bea3bcf45dec1a797cc24"},c("li",{key:"22e9ff114e70afcc1c540f6870903408a55f7e8a"},c("span",{key:"4d8a90ecebef81aec931dd7e54e6f655c627d980"},c("ifx-icon",{key:"fe3f393d0e83bf5856daa7d767d9704cb156cdd4",class:"check__icon",icon:"check12"})),c("span",{key:"02c49669dd999a8499449966adc8ed32646ed801"},"Configurable close button")),c("li",{key:"646cda31eab561b26923b450d84c2a00c7043859"},c("span",{key:"633407099e59e9a2897200136be1b3b9f378afdf"},c("ifx-icon",{key:"3ccca94605f1ece9416c0a69cefa829ba940449a",class:"check__icon",icon:"check12"})),c("span",{key:"8935fae6d644651cd7725c8517e3c1654d8bd088"},"Additional Info variant")),c("li",{key:"309b52c4c1855ea3cb6afbb19d408f922ed13d29"},c("span",{key:"15e42a4f0a2864ee2835c1cad0ce5187b039089b"},c("ifx-icon",{key:"35696087c90b7b34957251ed7a05b27dc4ac93cd",class:"check__icon",icon:"check12"})),c("span",{key:"c29be9b9bbbf42cf0ea207454f89fa4f61cb1d44"},"React, Vue and Angular wrapper integration")))),c("td",{key:"e279e7b288cc63bbe93531aee40feffee4b2be85"})),c("tr",{key:"c6a113ce97e0c114a87b2d58cb4f6c43686826da"},c("td",{key:"0e9cbf8e5ba4ece5465f4bd64dc142c2cf86c9b2",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"3f93dba9fe405214a990ddaec8b199598940825d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-badge--development",size:"s",variant:"bold"},"Badge")),c("td",{key:"b40893e109dcba2444cc8386772f79a126c6e945"},c("ul",{key:"2e4b70af4e337be1d67f9443d2fddb48602153ad"},c("li",{key:"920a167018cdca8d578b2d8eb7d6ca661f93d51a"},c("span",{key:"086d4bae203522e4ddc708ba5d7c753c1ead57c5"},c("ifx-icon",{key:"264b477854d36ca9d2b5b3596fed6a381d5aff14",class:"check__icon",icon:"check12"})),c("span",{key:"b1ff04469471a23dae3b835e815c4375b3cf03d3"},"Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues")),c("li",{key:"b847f07cd86aff066702ca389001f626a4ad5288"},c("span",{key:"22254e32026e1f876cb28204c331b9624b4f4049"},c("ifx-icon",{key:"b10c3f61157b4ddd9cd87fca071a5adcb949d685",class:"check__icon",icon:"check12"})),c("span",{key:"af6110b52ffb85c12146c29289fed5a5eabf42a1"},"Designed to seamlessly integrate with existing UI elements and adhere to web standards")))),c("td",{key:"7c3dfc8f733b49657eb64c116b7990c18550cd25"},c("ul",{key:"54018e8fc6e6b52696961dac9dcf3f04f35161d7"},c("li",{key:"09222a7974bab59e1cf32553598a5f83294efcbb"},c("span",{key:"8ded6dab61623f1ba86ca510060b634cf6fa8048"},c("ifx-icon",{key:"95b55104918d1d3dcf370f63a60a75a773d784f3",class:"check__icon",icon:"check12"})),c("span",{key:"51734a8d9bc0d18e0bb8686917c8f9770e767fa0"},"React, Vue and Angular wrapper integration")))),c("td",{key:"a449804a50e43b830f6cdec4edc85a378bc74229"})),c("tr",{key:"727f6c3d9347135de502e97b1510da4baa01b8b5"},c("td",{key:"148587e4366a0b3b9989c20c732b33a19515e9dc",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"e47438c44fbf6d32de2610805070972a11c21b40",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-breadcrumb--development",size:"s",variant:"bold"},"Breadcrumb")),c("td",{key:"57834e1109f7aa2ed202e34ecf7879328e3e73ac"},c("ul",{key:"8f43ed8daf630c45f62de1e52ed1406bd386db2b"},c("li",{key:"f0e6554798c3a5aa000bad95a6e2639fb001da68"},c("span",{key:"cf103ac3fb4f378d4ff142f1d51aaa2eb21707d5"},c("ifx-icon",{key:"e560a66a298ecd896d60b7d480f9b0e02955b8cd",class:"check__icon",icon:"check12"})),c("span",{key:"d03cfd1921da3aeef46e315eb1d2df71f9a542f6"},"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:"16b6bf6ba113c0839c4ec0971a1c6981f666c873"},c("span",{key:"49c538c1e3b3cf0ac1415b6348653dda79359b0a"},c("ifx-icon",{key:"e7cb16ef8bbc4d67d07f1a98050a9433d6b3f86d",class:"check__icon",icon:"check12"})),c("span",{key:"ad2297bb07e5a69ac1adb811f105cf0314b78fae"},"Adheres to web standards")))),c("td",{key:"c731c100f890441add19258ce53137e56897a602"},c("ul",{key:"c94bcd280aeee84c17bafa331819054a660f2888"},c("li",{key:"7f99eeffaecdde6ace8e646c5212f123be800fd4"},c("span",{key:"0626e7e65e440b346672f0b7d4a0e8db9c3ece49"},c("ifx-icon",{key:"bba326940853711b69f4aa7e6e53b18d2f45c1b2",class:"check__icon",icon:"check12"})),c("span",{key:"d641db7cc8e53d39259e873b8067e0edddf36686"},"Possibility to add an icon")),c("li",{key:"d62be5580fa49473230c60665c975a7fcc1bd648"},c("span",{key:"a8dcaf2ce79f8e3455ec5e15482aed7adf4c7e37"},c("ifx-icon",{key:"30ce0d4151202e2671f12a2a7cc2552a9136e98e",class:"check__icon",icon:"check12"})),c("span",{key:"5f31b3bb47623fe6372cae59c5896fc5e7b677ec"},"Incorporated dropdown-menu for individual items")),c("li",{key:"fa3fb3502f3514d699c9fd54552598307711582d"},c("span",{key:"94adebd3c3cbb494e1da27d68cc2bc4747567faf"},c("ifx-icon",{key:"a18400352df8eaa2be5251af69e637aa9d103fb5",class:"check__icon",icon:"check12"})),c("span",{key:"f55085c1d9b348de01cbefcef2b081f33963a903"},"React, Vue and Angular wrapper integration")))),c("td",{key:"95cd7c7fa6cbad023c996f0b54d526c3806840be"})),c("tr",{key:"e1d7a00a7b75e629eccce43d489d542629ef6a1b"},c("td",{key:"2e2532b281e3d7cdd37fc7ece94e2edf8b2aae9f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"4e2506c3c64d1caddd2483aada7e8bb51b1628f8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-button--development",size:"s",variant:"bold"},"Button")),c("td",{key:"27ea8e9823ff9436b54b9204c0a5c39088f22873"},c("ul",{key:"54afb1dfc60bf7c8529ee8bd74074ce282eabb34"},c("li",{key:"e4157c9bf16047a641b2f779856de13e33531e7a"},c("span",{key:"99edc3074962330f81f22000e388f3430c095b00"},c("ifx-icon",{key:"2e102fe313aa49b949f019056143ab7bad828de9",class:"check__icon",icon:"check12"})),c("span",{key:"314515229ad66f06f3b64dcb3b2b2ac77f1694ef"},"Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions")),c("li",{key:"b8616761c9a14b312848a9ecae0e890059673fcf"},c("span",{key:"73a73ad3809bfe74c9c32b02e6cdd4a8e286796b"},c("ifx-icon",{key:"e948e61f865d6b5b1c6d7f2750aded5b27853245",class:"check__icon",icon:"check12"})),c("span",{key:"0f0fa414883efdeb2e56dfb90e75bddf4c7d9f23"},"Adheres to web standards")))),c("td",{key:"64f3e7e8d41d348e014e7b653ef5823087e2dcaa"},c("ul",{key:"bd5a8ef34b97e277ec3333fb71fec5679fac4532"},c("li",{key:"2cd53ca9f8629e56625eb2838f9b21a69e150cad"},c("span",{key:"88029cc6eaf1e83e4cca67e720e3dcf8b1a5472f"},c("ifx-icon",{key:"2cd861bf50ec437be65b41155d06b461ab223bd9",class:"check__icon",icon:"check12"})),c("span",{key:"a26abaf20bb41493fc052364717bb39f4a046b11"},"fullWidth feature")),c("li",{key:"74cf188f9168049f0736ed075879aa150807c0cc"},c("span",{key:"545aa782ce9b7188e33910f388861e90d42ba823"},c("ifx-icon",{key:"f617fcfe88bc0324d2cbb9a0b26f0e8c6749c522",class:"check__icon",icon:"check12"})),c("span",{key:"18227c2da4a1ecc28bc274b9ba2f12a0f69cf136"},"Icon integration")),c("li",{key:"a3df7f965a589bdaeeb57a14ba7e1382246ab797"},c("span",{key:"79278bd3ad8c920d60c8736fdd671d29494e91e4"},c("ifx-icon",{key:"df26340d92e90f78941ba48a52c54cb0d8697f89",class:"check__icon",icon:"check12"})),c("span",{key:"6d2ca29e20346496c636564042d87e74e0fb0851"},"Link integration")),c("li",{key:"af4e084c8f834cae76f3e187ef651b9f5a0ee396"},c("span",{key:"97443e44dd77390d60fe2f810f59ba46f003d7af"},c("ifx-icon",{key:"ef93e716c072ae50cf78a2b4962cfec00bff69d7",class:"check__icon",icon:"check12"})),c("span",{key:"876b78428cf348a63ed29694e8541b33f78c0c18"},"React, Vue and Angular wrapper integration")))),c("td",{key:"31f585d63f623b45efe70f6010aeaa7e0d1dc66e"},c("ul",{key:"a74cb24812df462c7cb78ac74d675cd1237b902f"},c("li",{key:"4626a312b44c9c4d64b633a7d05d7133ed1f4cce"},c("span",{key:"440f228e3c0738b4fc667bb9d08be7924e06becb"},c("ifx-icon",{key:"3346f7f56ad527726181d67bb0b0bd917dd6a7fe",class:"check__icon",icon:"check12"})),c("span",{key:"bf7547e65ed62e98d0eeebd6997c5ec076923d4d"},"Form integration"))))),c("tr",{key:"b2ea05d417a9afc9245008a6fec937df9c2e37ff"},c("td",{key:"203763d8a59628b575912f50580047500655d3f3",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"3de1da09f8c5cb2be5cd6ad1ff2b78667a8d4b35",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-card--development",size:"s",variant:"bold"},"Card")),c("td",{key:"effb297b59ed5edb00488b785974a1e287c285f5"},c("ul",{key:"005d8b6ac8d3746814742e8ea1786d752ef202a9"},c("li",{key:"aa2aa37c2e097d49e0734a1c08874554d4e51a96"},c("span",{key:"7eff5161617101457532d8f406a57ce280c30719"},c("ifx-icon",{key:"a682056416cae6cd6227d65cb62f241a85ab3dc2",class:"check__icon",icon:"check12"})),c("span",{key:"2cdb5bcb4362f42f9c85f465faa4e64768846d49"},"Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons")),c("li",{key:"e7747b42c54edb1c3d97645c979f7cd3e8bf470f"},c("span",{key:"147fd77382bfdc8c6a5cc601f83905c71800d4dd"},c("ifx-icon",{key:"a123bea78b6a854a33fc2cfd1839a6faad5a8479",class:"check__icon",icon:"check12"})),c("span",{key:"3d7eb40b4bc750ef6279938486a0b83e1e535679"},"Adheres to web standards")),c("li",{key:"12e8e60a01ab828357ceac5d060ec4c61b2d3715"},c("span",{key:"a974f9e1d0dce5d83e162056bc0e8b479835a2b9"},c("ifx-icon",{key:"b767c223c4d0cec88b3cf44bea7c54a1c8144f70",class:"check__icon",icon:"check12"})),c("span",{key:"7afa9f8a3a8e71467dfa07cbd399b98b9164a4f2"},"Horizontal and Vertical layout")))),c("td",{key:"4028b66ac4a12b31393dff7ed4cb86f7e82c2e5f"},c("ul",{key:"a1f8374ab68a3ab4c79245e9afa25183e63d4d9e"},c("li",{key:"5d3f709958893ab5798db1d8162475efaffb4f08"},c("span",{key:"9a3dbb651f80a662cd517fbab7354ed8d8c7cf7b"},c("ifx-icon",{key:"52381d1090ce44bd89a4c02aa3b8477924153aba",class:"check__icon",icon:"check12"})),c("span",{key:"fb8f1c4592bc7b688f2ade5421397b941fa7d616"},"Possibility to embed multiple buttons")),c("li",{key:"88a9744ece980419dfc4e809f6e29438d79f7842"},c("span",{key:"e11279de388558f2c6631f458993e4b60602791b"},c("ifx-icon",{key:"66197aed3bdf66d2c0c1ef653391cea8a7af967b",class:"check__icon",icon:"check12"})),c("span",{key:"9788ec104978e9f6418346d6f3ee852df9158944"},"A switch between a Link and a Button")),c("li",{key:"4e9eae021e1f7406d58462e448176ea21dd47683"},c("span",{key:"91e52860d5e2f4abcd3f321ae307d73e15134791"},c("ifx-icon",{key:"1baca2ae5ebb7dcc4d0dd20d5765e32166a933ce",class:"check__icon",icon:"check12"})),c("span",{key:"54e9d589449ccc7be1b6f1b85e39a3626881107a"},"Enhanced stylying behavior")),c("li",{key:"92e8beb8d563d31972754b22319a82e0344a55ef"},c("span",{key:"d18fbcc15799962195c2aae86c3be28de25be9e7"},c("ifx-icon",{key:"e7d76902d134b3c9795e57b721ea624579bc6233",class:"check__icon",icon:"check12"})),c("span",{key:"b42b1f922b02c52393f41f2477c4a049813190f7"},"React, Vue and Angular wrapper integration")))),c("td",{key:"88849c756a1d97811166fac9dfffdbb512977cf9"})),c("tr",{key:"5938d3ee2241cdb999b57b3b094c18ace3af55c8"},c("td",{key:"0a57b45566b83155cb7dba49986dea47dd17744b",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f15da949560820c456e2552bd0f0f9a63864ff58",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox--development",size:"s",variant:"bold"},"Checkbox")),c("td",{key:"93e15cda4131ca99b8108e9ef1189f4aedbdfb50"},c("ul",{key:"8dd6a7f191d0d42452ca97703b945e6424c1c443"},c("li",{key:"76b4ebacabeae59c666411db27ab32a4aa0a17a2"},c("span",{key:"90c3152123e2f9621c5e872b42ae4fbf07ebb447"},c("ifx-icon",{key:"0c3db6e3586aa43ffc060b6a2c866ee67da544e3",class:"check__icon",icon:"check12"})),c("span",{key:"bae0b66a1472b188814fabf554ebf8afb8e99e99"},"Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states")),c("li",{key:"479483d62962ad6126a0478c6706119e1506d614"},c("span",{key:"75204da1a36e6118a7d0ebe0bd12cc74115f1cd0"},c("ifx-icon",{key:"8ed66d6e7516f70f9ccb45379b37f63ff5baea08",class:"check__icon",icon:"check12"})),c("span",{key:"acaf2e164e21084ccec11818bbfbc1ab8ad81af5"},"Adheres to web standards")))),c("td",{key:"66f97f71465cae1a3cd28a9926a136f852e249d6"},c("ul",{key:"aeae826a12528e2aea38509b5e0798777178e91b"},c("li",{key:"f1f993ab1384dc3103d4e9b3d27a20630f57d37b"},c("span",{key:"8f652050d1405415b9266cd56e26f41b10761383"},c("ifx-icon",{key:"016da1ca1f0e60132bc6fea5d08b36929d8c8542",class:"check__icon",icon:"check12"})),c("span",{key:"dd0813e623f1691e9c979f67b305d92d4c60cc42"},"Indeterminate state variant")),c("li",{key:"842db2789461fd60cae665ea6e663dc54e81712b"},c("span",{key:"49df3734de738b60dedc3839405688217f707de5"},c("ifx-icon",{key:"2b1296aea530247dd44b233f59e44c1747822d2b",class:"check__icon",icon:"check12"})),c("span",{key:"838fcdf01e67d55083b8f526e78613db0215f5fb"},"React, Vue and Angular wrapper integration")))),c("td",{key:"82704efab3ef49a85c37c196d15f3f2f9cc29bce"})),c("tr",{key:"2885be53c8bd2272ea9947e86657d35cad0dda0c"},c("td",{key:"7b7131ebb071213730334045ee6d0816e54fdf1b",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2d21549db9196270058a8b231471f16b4e96f8d3",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:"ac265c1b1531caed7d47c84c2117c409faffcf01"},c("ul",{key:"856398c1a4ba49fdd8e286474e4fb0eed01b1c25"},c("li",{key:"a15238bf83240c64210810b05d19a154890a71b1"},c("span",{key:"0ba5ef11eab297d3a2f97847b659cb385321d81f"},c("ifx-icon",{key:"387990719abdcb3e79db4200c37b3291311503cc",class:"check__icon",icon:"check12"})),c("span",{key:"0a0407f3d29500595733ab7efa7f64b6ba04dce2"},"Provides a simple and customizable interface for grouping multiple checkbox inputs")),c("li",{key:"1817777e52daa5b6ebc606ca235a6e57349154d6"},c("span",{key:"46c81b087d779eeed625b04418f20dda8f17d157"},c("ifx-icon",{key:"eecfaa3f0cf6f248d17d2e333c2941d0616812fb",class:"check__icon",icon:"check12"})),c("span",{key:"f07476aa473d72143ce58dd95202bfbdc2a1025c"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"b1b9d06431345588244e92b199351bcf631b4f84"},c("span",{key:"a62dbbab180fb35f8fb9a85386392d26e49e13f2"},c("ifx-icon",{key:"5745f3faaaf45e9cdfc2f4ecb8dd178e4cd142a0",class:"check__icon",icon:"check12"})),c("span",{key:"6cf34715fdb87daf160eb0899e16646a8c33aaed"},"Allows to display individual or group error")),c("li",{key:"637b5f0d18325340d1114daf576370f8332443d5"},c("span",{key:"29c86f7637d057a94976ef963aa292beb6e88f1d"},c("ifx-icon",{key:"73856cd90325643d8038ce65cc6b241556d41567",class:"check__icon",icon:"check12"})),c("span",{key:"d9f1b7aabf8fbd6feb8e6621de2af14879fafd44"},"React, Vue and Angular wrapper integration")),c("li",{key:"e38399d2f889168a2cb6a26d6dd96b13fcc99b7e"},c("span",{key:"612c737adc90ca490c3ecaf2253b5d75caab97df"},c("ifx-icon",{key:"84249e2c5a2e46666f535710737ef4ee74b1d9bf",class:"check__icon",icon:"check12"})),c("span",{key:"7e2879405ff41a045a20c7dfffb4c73ccf8d2548"},"Adheres to web standards")))),c("td",{key:"142a47786d745c2a559a3a8811ed637996b823f0"}),c("td",{key:"e167c3cfc95a272d9282cf074a2da5284c105713"})),c("tr",{key:"e2babff8e7a68b38e59395db66b4b7ecd43230e6"},c("td",{key:"1ed7fdcd74ecd66b5371e8431c4a6a753342a279",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"872f16c90bd9791aada04148ea32903055a23e66",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Chip")),c("td",{key:"0afa783abccd0c63b06fba5709cdb74c2320cb36"},c("ul",{key:"9e1056ba97e75eba08f1cecd700bd9f8ed80b9ab"},c("li",{key:"887106b5ca2375b752d29615299232d0c74cd5d1"},c("span",{key:"4757084d7a52d6eba65615aeda9906f62ecb99bd"},c("ifx-icon",{key:"d8862cc87808fc55ee71f8d0de8755208cfb0895",class:"check__icon",icon:"check12"})),c("span",{key:"7b19f7b7c41eee0dfbb4dcd01f0e1e9174e894a7"},"Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities")),c("li",{key:"dda0c13a453231136484f9fe753bf73030049a09"},c("span",{key:"3374a98913826430986588a41d28d9f9ce48ce57"},c("ifx-icon",{key:"50e03252f7c73a3b251683a666c89919c5281471",class:"check__icon",icon:"check12"})),c("span",{key:"897b07d6af2b5c9d1e9f1bb20f304a2ae57185d3"},"Adheres to web standards")))),c("td",{key:"6565bf4749e950dbe6dd2f619f509320955238fe"},c("ul",{key:"4d48fbeadd3a8ffc6b4911f38d8964bb59c9dc6f"},c("li",{key:"c9804b5f56b3dd8828ced92fc36dcba79d650b57"},c("span",{key:"987defbd7e38e517b30c0b2bc617c669748dbe73"},c("ifx-icon",{key:"42331e5f184a185ffbdbd2048ae7cd63427363ad",class:"check__icon",icon:"check12"})),c("span",{key:"429e317b7c07a4925f5909818622330d1360f7e4"},"Incorporated dropdown-menu for individual item selection")),c("li",{key:"f2f1ed983588ac843c4ade60b48a7b41699b07f5"},c("span",{key:"7f208c9f77aedfe1d31148219979ac3a1d59d7d8"},c("ifx-icon",{key:"8a54e3ede09b5b885d33c74ce26f444213befd12",class:"check__icon",icon:"check12"})),c("span",{key:"208d081e3c97e74e4aebee6857e01ba719f987e5"},"React, Vue and Angular wrapper integration")))),c("td",{key:"dc5e4dbdea19953fe183bf56788819279fb29f8e"})),c("tr",{key:"dac05bec4d1491ca168d305f0f81559643bffee9"},c("td",{key:"241480925e04f1c6e44c36fa8f7b4d2e6b7ac78b",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"6c927b080054c4e9f17ded5d9c97461e50722205",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:"669f5cc5bb58ae13fbcbd00a22c58be5ceb358f6"},c("ul",{key:"9c83f47194e4eb2f428e072eb019cd635dc99083"},c("li",{key:"2df042e13ea997c16c872eda15955a3984bd91c2"},c("span",{key:"1f39783dcd685e20ef8bb0613f33fc05ad7d2ab9"},c("ifx-icon",{key:"f241b0ad7bf433636d1b430f9931cb7f0c8cdf7d",class:"check__icon",icon:"check12"})),c("span",{key:"3d5a62c0f6b9ae4b008accee13f43733586ac314"},"Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction")),c("li",{key:"e485a438a9e6ec418c138aa6ce94dc689c975624"},c("span",{key:"5a8183553c4bd50b0ed40e9543601f401245a2a1"},c("ifx-icon",{key:"55ebeec711cf913ce128c8df39b12bcdd1d44511",class:"check__icon",icon:"check12"})),c("span",{key:"0b8a5b0c5d0f4e4029ab36bcff34ad385ff47459"},"Cross browser compatibility")),c("li",{key:"b49cb0b5ec7a6eb752137963b2a8e06f1e1b3cdf"},c("span",{key:"a1ff39d780cac6085c7285cd4e5a786fd7616e6f"},c("ifx-icon",{key:"2c833f14e1da6683b173b2c556000b77d358809f",class:"check__icon",icon:"check12"})),c("span",{key:"6b5d12060979687efd77cae44e193c85a07a8b22"},"Form integration")),c("li",{key:"28667921c0a0d6b005bb71325002b83b8182b439"},c("span",{key:"a203e0d1d7c91869dbcb298b69a842a52378c34d"},c("ifx-icon",{key:"47a23a281fea0473e541a47a3dea5294821e16c4",class:"check__icon",icon:"check12"})),c("span",{key:"38dcbcc7ce47513e8a9c7c2051442ada385607c8"},"Adheres to web standards")))),c("td",{key:"49141a2ec2bfab2b9426b9437a93e85bb2806c1c"},c("ul",{key:"126d5a4bd96807b53a613109fa9aacaf8010695a"},c("li",{key:"611d0d250fa9a700f3469c434993b39ae6290633"},c("span",{key:"7dde69e175c89b7cf8ffe2b5af92e2fcb9253e44"},c("ifx-icon",{key:"8735a1b4c30b9dd280e9351f0c15b32942ec8df9",class:"check__icon",icon:"check12"})),c("span",{key:"c73abcd07ec46177a23fa82d4188528de4ec5928"},"Range")),c("li",{key:"fa7bfe75ca9f53ad1550763a601f5cefc085518d"},c("span",{key:"48802ca29cf7a8d3cb40ce141bdfceb7ab0420de"},c("ifx-icon",{key:"fca98d4e51ec3acefb4ffdded9e4d2ef4334aae3",class:"check__icon",icon:"check12"})),c("span",{key:"11fbbc598d49c3b4c23ba6c0d64d846e86dcb44e"},"Default value")))),c("td",{key:"45ad3f089975014694a92380017854585b5db8f4"})),c("tr",{key:"9f5fe85dc367336de894a8083f52f8ee1fc9b41d"},c("td",{key:"f51d60beecbb12f462bb1ec8355ccb57e9410439",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"1cb3f882ae0d49371a32b27b7779dff4edd9b021",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-dropdown--development",size:"s",variant:"bold"},"Dropdown")),c("td",{key:"19ebcc0ce1da4444f8ab3ad42a6ac59d74fef316"},c("ul",{key:"3a5a1273fb1012f0345ede12ebd111b6fa47dcbe"},c("li",{key:"11b59786b8c445450e7b88daeec58851763d7b13"},c("span",{key:"34093c4114ae9900dfaf0ad7af1f26772365483a"},c("ifx-icon",{key:"a59fed5335a9869704c2d00ebfa9ff5e8237a879",class:"check__icon",icon:"check12"})),c("span",{key:"4981351bfeb8487b6a30bef604fad89418f9fbf2"},"Offers a versatile and interactive user interface element for presenting a list of options or actions")),c("li",{key:"76e39f26bd0c3e6d966209d3d646269bf25e30a7"},c("span",{key:"4df6e35c262ab1417c261a39bc40281373553283"},c("ifx-icon",{key:"27489bdf2bc6f9eb25b41190d759dc7efc148f8f",class:"check__icon",icon:"check12"})),c("span",{key:"35b9b6847252a4d167a614cb7af9dab4a50c0691"},"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:"0e57d6485960069152433f2b483c9965aa72dded"},c("ul",{key:"3a041c4e046bffcaf33d7389fbb8fda2cebdd867"},c("li",{key:"3fed373bfbbc2b091c0a7e0fa9e8a164161e335f"},c("span",{key:"0de8123c09446b0a0e4fce188e60ae8ffef8a79f"},c("ifx-icon",{key:"3fb140e46316c5a434ee142f84229bc79a642ff8",class:"check__icon",icon:"check12"})),c("span",{key:"7f1d6a348df12a5210849dba976ee1f0abb0a084"},"Search filter")),c("li",{key:"1540dc99cf7c722459c6d6bba6c50d26ed7dadbb"},c("span",{key:"6486099bb06d3e6fe1922b96ef81b02a5b959e75"},c("ifx-icon",{key:"ebe5dbac47a768e632244af246ac00fbef68210a",class:"check__icon",icon:"check12"})),c("span",{key:"bfc6942a8da89fa1f23127c667cfe2c5491b7490"},"Header section")),c("li",{key:"c93ce9af04d303d07e2be09488672ee9fa850382"},c("span",{key:"f760ebed28a5227736c8db24f4868552184fbc1d"},c("ifx-icon",{key:"1f5331bf9b72949133e44c6c28c684f3aa8fa884",class:"check__icon",icon:"check12"})),c("span",{key:"bbbeeb57fe9ffd900a4c7a342e69ae33f0efb463"},"Menu Item Divider")),c("li",{key:"259c056c9d571d6c6702c6f3adeafa729fd83b65"},c("span",{key:"2b469c1efa8c91cee7ded69addfe8a37489699c3"},c("ifx-icon",{key:"a863ce552548fbe262723094ef8e0662731729d9",class:"check__icon",icon:"check12"})),c("span",{key:"afb61c7ffce35fb0763ed458ceae4a8e6a8f2203"},"Icon incorporated")),c("li",{key:"c17c29e0a12f855879fe426eb72a16046907d4ea"},c("span",{key:"090b218758b097bd9737fbc54f7232480dc8a630"},c("ifx-icon",{key:"16c99e6a690e65d1b2247327e2edbed691e4dd1d",class:"check__icon",icon:"check12"})),c("span",{key:"2f930f90c226875b4bad82785dca300487068759"},"Extended customization and configurations")),c("li",{key:"20f655388615a6b59933f58869eadfa71ad56b6c"},c("span",{key:"7b42644bbebd06e298a28677f48be8c2bb8dbabb"},c("ifx-icon",{key:"62c6a1eb1bb73f784aa6355901173afa8b1ded93",class:"check__icon",icon:"check12"})),c("span",{key:"da349d9b118190613fec24d96f2d0b053d6bde88"},"Separate label trigger")),c("li",{key:"ada48624dbe5fefc6609e63ee3d39efc9fc868e0"},c("span",{key:"7d0ede562a19127980622cf5c20c965f011a5b46"},c("ifx-icon",{key:"f3883b5d4b8f6eb710074ddec0b3b61ada2b79d5",class:"check__icon",icon:"check12"})),c("span",{key:"e26e83cb1f7dbcff2766da4f89f0cfe7890179df"},"React, Vue and Angular wrapper integration")))),c("td",{key:"e759c1a6d31477f9fd2937f7e054dbebfe562c24"})),c("tr",{key:"5a5a6c59dc55c569efde097b0ddd201540a088ba"},c("td",{key:"1964c4cb26503d57a6d10af53b54b0ec94bef7a0",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"88004b790781428a0a6eebcfe212df366034e624",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-footer--development",size:"s",variant:"bold"},"Footer")),c("td",{key:"cb71e7ce60c19e48360dc5926fd405dd51598d30"},c("ul",{key:"717696c4497e894363878b131d34d2ee883fb369"},c("li",{key:"fe39df060d1993ca62d5d20aedb233acf9c96aa0"},c("span",{key:"e134f97e20ea7b0d3af692db9cd0f05ae65a58f0"},c("ifx-icon",{key:"909d36fad1f3faaec82e2645bad9ca862c617725",class:"check__icon",icon:"check12"})),c("span",{key:"3139a952c117c76a1a789c1354d68b16c711960b"},"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:"d35c6eea09dfe0dc837afbb0b07fb677bf6567ee"},c("span",{key:"4b6781751b0f2ed56b7ec4f35bb36d44b62ea3ac"},c("ifx-icon",{key:"def499ba0727422ec91715462b4ee678a1465982",class:"check__icon",icon:"check12"})),c("span",{key:"ab72bf8c24925a0cff2a78f497ba9c0f4ce0fa89"},"Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information")),c("li",{key:"3382353a7d94534ecb225df5389b2168ec42dc4e"},c("span",{key:"376616442f2fb57afaef21ac772b5568ca052b0d"},c("ifx-icon",{key:"ff2c3b1bc612a03967a7588c64c0670fe3181688",class:"check__icon",icon:"check12"})),c("span",{key:"d7819581cf587b6c0d2077b78ad72e8b8c281e16"},"Adheres to web standards")))),c("td",{key:"c9d459e3bc4017da6da6d1451ae792c02f9cf3d0"},c("ul",{key:"d866fd64dc94e62e9d372af83c5d33bae2aa3189"},c("li",{key:"586759f79902cb37c4c010bfedecee3dc6f3d46c"},c("span",{key:"6b26a054f3037014a6ffb551f73f5eca1da4d7ad"},c("ifx-icon",{key:"0c41983705e06721819037e92e3938eddd662fa5",class:"check__icon",icon:"check12"})),c("span",{key:"d2e6d787d51fa8450a7bd058bb9f7633af50d783"},"Small, Medium and Large variants")),c("li",{key:"5a5e8507eae815bd4bd197d2f3c3131410549d3d"},c("span",{key:"b3a463aa3b923f04f774d533c2de96a3bddc527b"},c("ifx-icon",{key:"fc991727ef981862d9365894ae3840edbe191d30",class:"check__icon",icon:"check12"})),c("span",{key:"73e50b670c7757ecaa1c64c24d2f8fb39d3df3d3"},"React, Vue and Angular wrapper integration")))),c("td",{key:"f583c4e9a2c8332bd302d6acce618273680c56f0"},c("ul",{key:"c718af71f13d20bb8cdfc85f1e032a8cc6626ad7"},c("li",{key:"bee4ebba02f6f590ac2f05382ab2cf835264fb80"},c("span",{key:"dc071ca05272ba2f75431f53233216fd2764994b"},c("ifx-icon",{key:"9e60df596587cbc55f1fb33548ce4f816c2ee295",class:"check__icon",icon:"check12"})),c("span",{key:"feb0c35b18ce22558a29e62bffaa3cfce42612d2"},"Customizable and removable links"))))),c("tr",{key:"d4fe576d938ef95ba50ab8b6c8b5ba8d6adb5090"},c("td",{key:"d0e8709767be9cd443a78ddbc8f218dc75fbfd6d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2fce33b8b3e83e2e57c697adfaf6a493c3c69691",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:"cfd5be0db5587d3a555afb0d4b69addd404967e9"},c("ul",{key:"7fac229879eff510015f415234f91615fb0a308c"},c("li",{key:"0e4cde452789ea41be27e19f7853cebe19a56696"},c("span",{key:"4a7ed56a97aa6aad8e98b44e0b7df172dc73814a"},c("ifx-icon",{key:"f86a6da93f16b246037a00230b4097852e31f52e",class:"check__icon",icon:"check12"})),c("span",{key:"c3bc431094e5561cb5063ba819316f975fe5fa6f"},"Offers a compact and interactive icon-based button element")),c("li",{key:"54bf72b25260ed756d6a2ea2d774b64d76ec6add"},c("span",{key:"88f3ac810a21041f80934edeb7bedfbeba21c3cb"},c("ifx-icon",{key:"f43335c39eacee566d15baf4b82b0340f382420b",class:"check__icon",icon:"check12"})),c("span",{key:"2c63bc462a1fc3f0da490f140ad56f5a22d903b0"},"Provides a limited scope of customization")),c("li",{key:"48c14fe7b17ce91a8ad4682095d41eb7e276d0fb"},c("span",{key:"5bffe74a330dca5e5fa1de9c1ccc9e0535c20582"},c("ifx-icon",{key:"872183d15c8962c401abc16daf9d796bfcdaabbc",class:"check__icon",icon:"check12"})),c("span",{key:"29dcb7b779a811713d6e6a396237f6b791df410d"},"Adheres to web standards")))),c("td",{key:"b2ac9d0f2637d76cf1ed3605e0a218a5620cc410"},c("ul",{key:"e296b5257745823d125ec6a70fcfbe09c81327b7"},c("li",{key:"a87a6ce170b5bbdaee111dd5b26e4c100d47aa21"},c("span",{key:"810a540a6a7869f1b2f167a5c95d1cbbe7581c30"},c("ifx-icon",{key:"432988e6aa0d82c568d60c8ea548742d1a935184",class:"check__icon",icon:"check12"})),c("span",{key:"a892d055e3dc13640993ab534906182abd5eb41b"},"Additional Round and Square shape variants")),c("li",{key:"97a83c1ee919ea1b976946c3e0c44e24b5bcd37c"},c("span",{key:"fc9ab9b1fd4f32d98c99652fa25a3bfcf8d462ee"},c("ifx-icon",{key:"ccbfa67c581a7b6cef2708a0a1e44be216e17ac0",class:"check__icon",icon:"check12"})),c("span",{key:"c252c93b474250a36d6ebbdd985a07cdb1498313"},"Small, Medium and Large size")),c("li",{key:"82c38e7dd341d080c325b200fe87df753cf489dc"},c("span",{key:"43e7ba5a85c28486fc01d7804849e7c8c9d96017"},c("ifx-icon",{key:"36c4d1cacd321936f3295edaa202d427da183ed9",class:"check__icon",icon:"check12"})),c("span",{key:"6549b3be22e565dedb69a8b3023da2c0ec9f92d5"},"React, Vue and Angular wrapper integration")))),c("td",{key:"1dc9af1de48639ad6a330a8949adf4f6ea0a7746"})),c("tr",{key:"1b34c5bcfa811ef33c0e9d67727b1b7a594351f0"},c("td",{key:"45c2c35becf103ac7e66bd391e94c19e172a5a51",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"0dbb91fb84154e5929a6eb1f5bd3f461fd6435d6",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon--development",size:"s",variant:"bold"},"Icon")),c("td",{key:"54556561422f2d4c995f7b83a5c6812034715dc2"},c("ul",{key:"4eb428e59ae7c8b79a4b95ad18f368fe1ff861bb"},c("li",{key:"5c5ad1fac3baf273b26ecbc6e116c5076dc62090"},c("span",{key:"46ee3609120e7bccfee2e0539b05187fb0067548"},c("ifx-icon",{key:"b37639146240904c6206dded1bb3b9a8630222bf",class:"check__icon",icon:"check12"})),c("span",{key:"327045968d015a1bf235839595be988240c91ca7"},"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:"15c92a23a8b9869aa5b9c0dce1f350d11228860b"},c("ul",{key:"2fe94f46249db437ba481fa102858d3800a2e0f3"},c("li",{key:"7f373b7eebf0098ffd510c779164d36154608ac7"},c("span",{key:"509af9f4fa824f5ad3a0faeba39a4bd4872f1c6b"},c("ifx-icon",{key:"34003df84d0b4dc8c156a395063af8a2a63aac70",class:"check__icon",icon:"check12"})),c("span",{key:"20ac5b95f496a98eb28cd6f3415029d489a71757"},"React, Vue and Angular wrapper integration")))),c("td",{key:"1a5a6a1f8f79cc02754d8811540d8ba010c9d879"})),c("tr",{key:"940f890a279183524350815b6391d6c5f4194a7e"},c("td",{key:"8ce14058fc02a72b3861a5ffabc3ea6a4a295a8b",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"6df9a1a655f1bf1bf0fce7af69c5f5f35def6deb",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-link--development",size:"s",variant:"bold"},"Link")),c("td",{key:"f885ae5f1e029b396376c5e673876faa6ffebdf2"},c("ul",{key:"4ecb93aa82ce68a229631ee2ed840c34a2e76bc1"},c("li",{key:"fdff0e5738125ada446b5ba20cbba811592f8e15"},c("span",{key:"812c83528aa8a29eac5a1814775cdf5631584034"},c("ifx-icon",{key:"2eb62961f1d4158604a03b632d47d47dbfb81920",class:"check__icon",icon:"check12"})),c("span",{key:"1cd9fee5c5c4ec33e55143fe89d4e327a49427fe"},"Provides a flexible and customizable element for creating hyperlinks within a web application")),c("li",{key:"50489830159770c90e19a1c3f00b3705171ffed4"},c("span",{key:"e79c264fd2719ab2856e957ae1c8f079bf251d71"},c("ifx-icon",{key:"652523f58e358119f9afc1aba4a2e21464eab3bc",class:"check__icon",icon:"check12"})),c("span",{key:"0a0d3e8f14b6c41f399fa82134972792731ec95c"},"Offers essential functionality for defining clickable text or elements")),c("li",{key:"573b18ea2b6b22ef7820b361684dc71ce2986736"},c("span",{key:"f1fe0f721a11153a48dad4f889b7461b791d4356"},c("ifx-icon",{key:"7822c17617378fe27f2fc13dbe49428cf2082e8f",class:"check__icon",icon:"check12"})),c("span",{key:"f4dc4a79c808bf1dd65d2aa287ab10c864ddfc1c"},"Adheres to web standards")))),c("td",{key:"f8853277870f8c1deee9bc664e45ba9774ee4b00"},c("ul",{key:"ec2f4baca53596b97eb25100991051e58b02fbce"},c("li",{key:"d8a21b777357247d5f660df4e5124cdad573ec31"},c("span",{key:"385cd2bf09a136020fb60f7ab74a936ea417b0d5"},c("ifx-icon",{key:"91cbb0c399f9d93082c9b92229e6d5629222b703",class:"check__icon",icon:"check12"})),c("span",{key:"215beea39c95f95dd14c59113a86ffe0413114ab"},"Small, Medium, Large, Extra Large size variants")),c("li",{key:"5d3d0c02f5eb57cdc5da6b9ee325c4e8ae9c2460"},c("span",{key:"34ddb90b76ed09b148e4536c1c5d05bb5d6da93f"},c("ifx-icon",{key:"be716244c16405018bb5665ec3663c2572b4e59f",class:"check__icon",icon:"check12"})),c("span",{key:"b57b6a9b162fabd3f21bd03d07519505f2d9468a"},"Icon incorporated")),c("li",{key:"b67e6e19e09e0a327aa579e40a4f053dbe7f4b58"},c("span",{key:"33ede55b69da96850b495ffc6fbfd24fa3521d9f"},c("ifx-icon",{key:"34d5f1e526549898d144d669a7f6d9c26a1032ad",class:"check__icon",icon:"check12"})),c("span",{key:"668827408d94c61952e660364655ee95d5824644"},"React, Vue and Angular wrapper integration")))),c("td",{key:"31e0bce3c23948cbafbbcc9d643f53938e3012af"},c("ul",{key:"dea8c7a8be0ac1c3c99ec8500f26bd405e6b692e"},c("li",{key:"6154e9179dd8d00c1800527c6664b357fa6deacd"},c("span",{key:"f3183ae3441d87c05426398454600a26c9113d5f"},c("ifx-icon",{key:"cd5b25888d3bea6a27acb44b3b91fe4a4deb30be",class:"check__icon",icon:"check12"})),c("span",{key:"46a40dd869503f4c9fc9277aab911ed5a6735c87"},"Bold, Underlined, Title, Menu state variants"))))),c("tr",{key:"b75a66ff4a77c116dfc0c7894fdb475f77f0c75e"},c("td",{key:"7a45d1477cabccdeace10216771054eb94aeb686",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"54fb251317a2fb0ff5ac3b9da39fa5339f4f522b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-modal--development",size:"s",variant:"bold"},"Modal")),c("td",{key:"84f196e8265c6ca4c8e485c13cb5e4c3082ad79e"},c("ul",{key:"d035fe670cbd5a1d16e6a4ac3de86c26f252709c"},c("li",{key:"c9b5af1e0f2969d2c42798da24ba88a7ae9dca9b"},c("span",{key:"0b0fcba87a5be195fc36f25dac525200d7009cf5"},c("ifx-icon",{key:"a3e837e1722ffe47e98d271d5764c8fe8798c4e3",class:"check__icon",icon:"check12"})),c("span",{key:"9eb58ddcd715d0041c53f5a48aa88ef43be68d3c"},"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:"042e69895d68ecffc40d769a35e2637aa21d3387"},c("span",{key:"6aad17a716b002616a0aa1fdf1607afb9e3eb893"},c("ifx-icon",{key:"7481bdcd5c542ebfa0b9cbf6e21a83431eaa843c",class:"check__icon",icon:"check12"})),c("span",{key:"b257806ceccfdd655309ee69019a3efce15189b2"},"Adheres to webstandards")))),c("td",{key:"be2a6d66f34304b172d946c8185c6232f7e6c94c"},c("ul",{key:"f7af435a0f3ae5c160e6882bed36fca556ebc594"},c("li",{key:"f7d8e45150a0867be9842119d4875ba408720144"},c("span",{key:"b3b99115ba4144230449f6f65c3de073ceca196b"},c("ifx-icon",{key:"c1e7fe9e81a403952fbfef606e16a102093be2f2",class:"check__icon",icon:"check12"})),c("span",{key:"da82362677a51ca2d1fb2076c9a9357b982cc2b8"},"Alert-brand and Alert-danger theme variants")),c("li",{key:"6fba3e195b4f840d73b4c1095858e626bea5e677"},c("span",{key:"9e8335e08bf934f57ad7f5cc0939b8d05f1ab811"},c("ifx-icon",{key:"600489f031cd8b3d7dd9411a16ffa7b081af46f0",class:"check__icon",icon:"check12"})),c("span",{key:"25f559fb09ae4b63949fe41cd399f9cb87e87dd7"},"Extended customization")),c("li",{key:"18cb2f199bca8a06679a8b35d29da4c950c04a6b"},c("span",{key:"007be74e0811fa169648a2cb36c0bbdd44212162"},c("ifx-icon",{key:"5cfbbcba07b28a1a8bc242b13bfd28efb47cdb10",class:"check__icon",icon:"check12"})),c("span",{key:"9bc97b92d89dbe4ff7e887a951a895d4a9d13f85"},"React, Vue and Angular wrapper integration")))),c("td",{key:"ee0e71b61be59e6ea30767382b412743c44226d0"},c("ul",{key:"9af8ab149b551c73de338a1a757a6a477951d31e"},c("li",{key:"421efc700445049b27aa9fa7186278d1f9b6ae0d"},c("span",{key:"36dedd4227e6d800d2feae1b2f949574bdc54cec"},c("ifx-icon",{key:"a08d584787a68f7dcbde59339267c7f861f49240",class:"check__icon",icon:"check12"})),c("span",{key:"7dd322124a65569ec30e03b5d7207160aced5360"},"Removable close button"))))),c("tr",{key:"eceb65563ac6b64b6c12de839f43f6bdafdd15be"},c("td",{key:"8e1e50da8498ba6a42caf413b96814313c9504a4",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"23632141db2bcbde3a3a2fe5a93bcead214c2d75",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:"08d30cfd8d824b81c7a880b818b5c5ff7381b250"},c("ul",{key:"0c22ab4fef06501f75a5ab30701aa3188108fecd"},c("li",{key:"c1c38d42cc7735e4ab621b414845d6097be07091"},c("span",{key:"881595cc1b000cb022ff9acbb1d3cd4dbf72b739"},c("ifx-icon",{key:"ed5cbf4a2b689588abe2e03f9b86a71ada6fec5f",class:"check__icon",icon:"check12"})),c("span",{key:"46547b507075aa4198d3bb761bedb1e6374c0f9f"},"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:"621cd4fb4fc97c1edf550c0fb8cedb53012c2663"},c("span",{key:"b452c3daad889d10669eb0f345cd2e3f4f2dfbac"},c("ifx-icon",{key:"dfa281e99b46359600c6f7ee6c79df3e34f5f8a3",class:"check__icon",icon:"check12"})),c("span",{key:"0550df185f8cc928ec90d328bd37540559f26135"},"Adheres to web stadards")))),c("td",{key:"7d77027e9d88dd1c99388e03b7de785137d09edc"},c("ul",{key:"eb26cd528bc4f17180c29d8616d3ff14d6472737"},c("li",{key:"e11a8e05f9797e9cc4845b5335f2386884b2dba6"},c("span",{key:"33acc8a7cea8192ca71f98f5389357a062fcc644"},c("ifx-icon",{key:"9bc86ca778bf76a632cc39ccfd6e8d73cc631c76",class:"check__icon",icon:"check12"})),c("span",{key:"d328feb0b1475ffbc0ac10f4732251a206cab3d5"},"Navbar-profile component")),c("li",{key:"082a1034ed80c1ab58c5ab6ff631528a21ac436d"},c("span",{key:"615e3df9981ac72ca569a21dbc8cbf3cca5c4891"},c("ifx-icon",{key:"7f2560b95cbacdf201117a6cd96f964486a2a6a3",class:"check__icon",icon:"check12"})),c("span",{key:"04167934945096f19aab5bbe887895366cce95cc"},"Mobile Responsiveness")),c("li",{key:"d369ef1937e255b10a763041e0315d880a3a2388"},c("span",{key:"1761ffe081eeb944b741ca89da19eaebf7b12db3"},c("ifx-icon",{key:"58842f5190d4593246b6f1cd7b59be26600bbdc6",class:"check__icon",icon:"check12"})),c("span",{key:"8c58de25690a19015f181d95a7d8085b2ab3b3c7"},"Mobile Sidebar")),c("li",{key:"9ea4dc3e2116d8ddce826af035b7fa6face7fea0"},c("span",{key:"b67577b698eb1dc60212a241bd78d2660a625bb0"},c("ifx-icon",{key:"f8df53a61e997f6cdd4b1274be07a5521111630b",class:"check__icon",icon:"check12"})),c("span",{key:"5ce97e1c27b04b336439405d407a966dcbf2def9"},"Extended customization")),c("li",{key:"7c41fe76c2ba34e8d1ab77b3dcb19f8f5f121091"},c("span",{key:"9fffabc352627e68f7c77eb79391cbc0dcee3b56"},c("ifx-icon",{key:"cd02bf5b8f67de50e63a8a9f9f4c87d565c6458c",class:"check__icon",icon:"check12"})),c("span",{key:"fa65907a25ba761ea1e04589c19157f6478d676b"},"React, Vue and Angular wrapper integration")))),c("td",{key:"e43fb67635c840ab38d2c68eacf10b8ffd8550b5"})),c("tr",{key:"d85688a5e87b93eba0c8b1eae8504444a9c49b10"},c("td",{key:"a3f87caca9917ee39e13ed6cf46a600ea754324a",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"c491e0746ddff15f45ce70db00f9eb70bfd04ed7",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-number-indicator--development",size:"s",variant:"bold"},"Number Indicator")),c("td",{key:"58f501eb023e9078a0aab0c59a8d7bb113ab9066"},c("ul",{key:"cf3ba7ffbe141e9d1285f15d40115dcc292488a4"},c("li",{key:"478164c39a5e5c1f5ffd2fbae726744a94eee882"},c("span",{key:"b48d46c88f1c7d767bff7227725728ec80fcdbb2"},c("ifx-icon",{key:"98b9b5d1a085c0852815a2c4ad62327c469a27ad",class:"check__icon",icon:"check12"})),c("span",{key:"dfaaeca468c6af9d4d0dddc22d8f460b03279575"},"Provides a compact and configurable display for showcasing numeric data")),c("li",{key:"ee676538c5481c4854ffc77cad0f9dc15bef9b9b"},c("span",{key:"b76dc69200313a99bc67b6b3f95964c60f1fc716"},c("ifx-icon",{key:"9eea015ab01c16963425059b611ab45c77c85ad6",class:"check__icon",icon:"check12"})),c("span",{key:"97a562a9b1dfa782f038a19b63ca2820e438062f"},"Adheres to web standards")))),c("td",{key:"04b9f90f70400e4304fa11dd4a066024e1a4e1ae"},c("ul",{key:"7911ecb36ccf698015586d9dc7c07ef627074808"},c("li",{key:"6380f5f0bab5d92549718714f9d8d5d6433df9e5"},c("span",{key:"537456b0de003659eb3a56474febf2453de587f2"},c("ifx-icon",{key:"5e7ce636acda3104b18a57c651d744826e089465",class:"check__icon",icon:"check12"})),c("span",{key:"7f30d28ee5ae662049ee0bf51e856d3be4bb0ad0"},"Inverted option")),c("li",{key:"3912e3baff2d37efe345a020773045ee4da314b9"},c("span",{key:"a10a4b24f66d2580770f4594dd033a0b1551c60d"},c("ifx-icon",{key:"7ecbb03abb02304b30d6148daeb18c37cfe73c30",class:"check__icon",icon:"check12"})),c("span",{key:"7f13b7077f3a145e2b7f71193e7330bda7ce37d7"},"React, Vue and Angular wrapper integration")))),c("td",{key:"dfa9c71fc615b1fec6f5648b6aba190a5fb11efe"})),c("tr",{key:"9db7a1e614f06633bd0481b7a0542a24d7b8ee69"},c("td",{key:"b9091e3308549badecf9dab6acd16f05f9c327c8",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"767d8b0ee3ccf37e0e71a3bc936212bc26adc106",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-pagination--development",size:"s",variant:"bold"},"Pagination")),c("td",{key:"3f54c02611df747821f927241ff16c9b2f84a986"},c("ul",{key:"20e8548cc15be523a7106ae0c8a5ff40d64e3ce5"},c("li",{key:"1104c0d6f85c6d9937ccd0daf4edd119ad666b5d"},c("span",{key:"780cd828f64ab5869dca96efbcdfac0a727b5650"},c("ifx-icon",{key:"11c7a2bf508a9f3ee3ab4ffc5c9510804e7f2301",class:"check__icon",icon:"check12"})),c("span",{key:"fc88c559db107531090b1fb6e94db33c552ddefe"},"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:"875a64b7681981522336dca9ebcef2a2d9066ea4"},c("span",{key:"fc9d00542d5cf35c6a7a409af764dd5fd8b11988"},c("ifx-icon",{key:"78fe38268ae9ae95a35b42ab97f967440be55133",class:"check__icon",icon:"check12"})),c("span",{key:"1505de1bab0426b0917fce9d6e827f7ec1c1161f"},"Adheres to web standards")))),c("td",{key:"8dd4e2fcf0032e263bc978db2a64276b078e790a"},c("ul",{key:"fd5515beae1ac277fac5a99c09f9ea7c671a6281"},c("li",{key:"1538789e0ae88710172975d02d9bb5bd55ab2b16"},c("span",{key:"d2b9b891c02474e242ca437d9d850726598bf89c"},c("ifx-icon",{key:"76f859f7005f9c7dbefb32f47cf5baaf752d9933",class:"check__icon",icon:"check12"})),c("span",{key:"508f88893532c7d0c3e2f87b6f5606d9a8cefbe6"},"Extended customization")),c("li",{key:"dad581362d9f39de6291fa9f2e2b5fc123343201"},c("span",{key:"7ee5e9a8ee26b665b21702e7f22fe69bf5900c97"},c("ifx-icon",{key:"c04cd492a1e8f20c0ecd006ce3ffabbb2acc8958",class:"check__icon",icon:"check12"})),c("span",{key:"d2325cff82f34a8bfdb42ce674d5b3d4226c31ee"},"Configurable Results Per Page option")),c("li",{key:"e0fcca4592259921e2dba229feb259692f6b9d45"},c("span",{key:"b054ada629c955cc6efe38683f477d586f1466b7"},c("ifx-icon",{key:"1c44fecdd5484cf6c186aecb816049b4c43a03c1",class:"check__icon",icon:"check12"})),c("span",{key:"d8ef456dd225880295b2a1a0c079b69789e44705"},"React, Vue and Angular wrapper integration")))),c("td",{key:"1bd4b824127618f4598468340c8d06734616186e"})),c("tr",{key:"f996f9b7c10e10e2c08d8bb04d15beb1b8758035"},c("td",{key:"f63c72341ca012013abcdab85835af0cf8de60d8",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"13c195d20c4378e3f9090629327ee28c6a961b95",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:"e535bacee00f4316d7fc60ca5762cabbde52dca1"},c("ul",{key:"328c65c12b8176f79806c08e123f27b40fbd2b3e"},c("li",{key:"6227c62d5744abc3d1ff433f0b127c6b64016fa6"},c("span",{key:"91665148dc45f031b708852147985e265f9ffe45"},c("ifx-icon",{key:"6d93388ade4dab88b3385f38e5a92c299af116dc",class:"check__icon",icon:"check12"})),c("span",{key:"69d1e9d72ca19f6021c8f49d6bd7b63b0e768484"},"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:"edf4bfa103093c61d13bce9c921b35e8dfeed5bb"},c("span",{key:"ca6b4d9990a72182e5fee7de4cf8e6af9822b1ba"},c("ifx-icon",{key:"2c4356f85201ad8684c370e327c085365a5442e3",class:"check__icon",icon:"check12"})),c("span",{key:"edf8e468bb76340a42a412a933818472ff20006a"},"Adheres to web standards")))),c("td",{key:"61cd0c594124b58c9f4ac3f764d5fc9e18779901"},c("ul",{key:"471ed163a88ca20de27667e3646c713efb0c93bb"},c("li",{key:"0a0b732faff2f707f45e382df42e3240868602d0"},c("span",{key:"650e37aeff1e4bb16240815d7cd2c8df3f635cb8"},c("ifx-icon",{key:"a2f02f2e4f5b38fe3e3ae32d278b9f3e63947724",class:"check__icon",icon:"check12"})),c("span",{key:"ff5e061324141359458349c0a48a2a91e23ec791"},"Extended customization")),c("li",{key:"7066ed216e25ac296abcd82cf1a0eeefa655901f"},c("span",{key:"791e9095856d63bf5a747309ac560def13bff365"},c("ifx-icon",{key:"858d46bb172d95d1b02163f0f7d342249dc6acc6",class:"check__icon",icon:"check12"})),c("span",{key:"ef4e8f44489e6157e435d2d4ac609d3232811fab"},"Show percentage option")),c("li",{key:"fd6656e946fe1ad6ef4134f1d930febce23058f1"},c("span",{key:"022f872c77added8df272574350422c242a98966"},c("ifx-icon",{key:"0ccf00d95b0ea5ff4a0bd508079cb5bb962e9c2a",class:"check__icon",icon:"check12"})),c("span",{key:"b3d96d6c75ef27c9197b53f884170ccac22510f6"},"Small and With Label variants included")),c("li",{key:"9724b97503406d5a22c3dc8902000ac5ad0b12dd"},c("span",{key:"92650c646eb0a1b4ac94dfad882aa67fb38ed640"},c("ifx-icon",{key:"3182f6ed6f739f75b88651b14098ab3f8648bae9",class:"check__icon",icon:"check12"})),c("span",{key:"fcdc6c81d2bb26c1d700e36f0ef90fcc07492d48"},"React, Vue and Angular wrapper integration")))),c("td",{key:"4f1b3bbc9793db4877b98e999e6662a06bb35a95"})),c("tr",{key:"4542aad49982b3633fe64ea3884b6cd17228622e"},c("td",{key:"7b3fe00e61c8c4beb8142a9b460df272b433ca7f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"826cbd174d6e24bc28ecfee7b27b1b8481585de1",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:"c91d37013e6db363dc1f7d0e04aa6f668b6491e8"},c("ul",{key:"c5cd678afdd5e72dc6002ddb044e0b10b5f1b350"},c("li",{key:"8d3feebc02024dd80dd585dce8e2ef7c11ea2c47"},c("span",{key:"cecc15048f75ac7ed60eb183901688c3672a5320"},c("ifx-icon",{key:"ab11cd4939f0aae6135d739f4ffbb5b4268ab343",class:"check__icon",icon:"check12"})),c("span",{key:"732d0c7061b716acb8a886f6409f1dc5ccdd0f78"},"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:"77430856a68594945e099f85ce516aaf93d9e36d"},c("span",{key:"f58846f9ae0cb262aee2e4e80641f29a5590af4c"},c("ifx-icon",{key:"431680da38dad663cfd0f2357148240d263084e7",class:"check__icon",icon:"check12"})),c("span",{key:"19522612802b901d73e90c8fa6e4d36ad67e0ff3"},"Adheres to web standards")))),c("td",{key:"f8533434444230fec4e906e928cbe86defaaee20"},c("ul",{key:"18bb638ae643b6ca57a3fafc448c2a06168c6720"},c("li",{key:"3f40d7681b42d68f2c504a48fdfb7478eeb4844c"},c("span",{key:"6bcc40d5cdd0afb880746e774ac91ff04db036eb"},c("ifx-icon",{key:"6ab2bd3a4963ce9aab9ffb66892ffa7e35add85f",class:"check__icon",icon:"check12"})),c("span",{key:"87afa9cdd1780818a15c2f6c66b7982c97df4dd1"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6beb2393b05829ea5c17b6f54d25648e51a65db9"})),c("tr",{key:"1d702b3e97de56015511c04c137adace8038dd45"},c("td",{key:"a73147aad1aadf97fc19b989fe8bcd848287f330",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"4059bc63e987f3cbb779cac542bff534a7990065",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:"ee2c5d0d2778dca81e14a038c8a899669a1bcf67"},c("ul",{key:"c732c912efb8be4c97334ee6e0f3144f80c369f7"},c("li",{key:"e7add07d4f69e9ab5e2676c95a78f743380d74fd"},c("span",{key:"86bcef87c4ae60ac3677a8c8e29f025ea893c7b5"},c("ifx-icon",{key:"fe1ca32a714b7e45dfb0b5c1ade02df83c0bb505",class:"check__icon",icon:"check12"})),c("span",{key:"29fa679047784802b18e3ab4332c2048b06caa19"},"Provides a customizable interface for grouping multiple radio-button inputs")),c("li",{key:"0021f765d60711656224c2ca43a33dd446334ad2"},c("span",{key:"03d0cdb18645521dbbc6728008ba2372a4f953a3"},c("ifx-icon",{key:"e06154db85d1bfc0c41d7f198f565e502d6269a5",class:"check__icon",icon:"check12"})),c("span",{key:"6158066886b7f23d081492272bb67e1e1473ca61"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"ec3c060fee7daede6fa31eb05a0fd7f0c7cf76f3"},c("span",{key:"ee89660b35ff9072aec5f232a7aad919a65fc432"},c("ifx-icon",{key:"2f5c9922649cafae3e0797f2e18abf301d0dd50e",class:"check__icon",icon:"check12"})),c("span",{key:"e29dcbebd4be39f86e8312e8ae5a50c93a257336"},"Allows to display individual or group error")),c("li",{key:"3be9fb3f2ba2b35729b4bdba27a546392724a5b3"},c("span",{key:"7bb59fdae2065bc67dadf19a494681f7fdb753e6"},c("ifx-icon",{key:"ead4b3b18f2447699b382009a5689c1fd6594a86",class:"check__icon",icon:"check12"})),c("span",{key:"107d3cc589c79054e8039a403f1aace52e4bb532"},"React, Vue and Angular wrapper integration")),c("li",{key:"bd6383866a9546d68ddb812fbda5ca8d9463d04d"},c("span",{key:"36ea66c7eb847c9a55462d40b36e305c9178e201"},c("ifx-icon",{key:"e710d51112ae1ac41c6d8c1a9dad9b6f9c4c53c4",class:"check__icon",icon:"check12"})),c("span",{key:"1a22d503f153b4ad2c550c1295311b8125881563"},"Adheres to web standards")))),c("td",{key:"3f8067b7e37b2060ff001590c8f93327fc68c2d2"}),c("td",{key:"fc224c917fad651b97a8bbb26e9b8197154eccac"})),c("tr",{key:"9e8baa5faf2c539fc6a29d9db5330cc33b58b6c1"},c("td",{key:"fd004ca0f94278f21d8fe67ef73e757ea39260e6",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2e02e224a1a906219c1a5c6aabd25293aba6f6ce",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:"7229988fa29330ae9d92605f2fae14d50f26228d"},c("ul",{key:"fb46b64a2f1ce5690efaa2629cee6bdd4a38fef9"},c("li",{key:"429668a3f241642a75e43b6a791093271c158187"},c("span",{key:"4e9dc09aa178591af6f675d5c7a378fe9966b81a"},c("ifx-icon",{key:"df83b9bc7e9aa8e97fe571a9b4ada8f2154300ff",class:"check__icon",icon:"check12"})),c("span",{key:"96899680111ba9ed710a87970af7a78f74a752e9"},"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:"adba00250cc755282c249b7f98a73aa9f86a6b24"},c("span",{key:"49870a0ad634f486ca91cebf8fa5898045282d31"},c("ifx-icon",{key:"0033b87d49916238efce519062ae6e1bb2eabe33",class:"check__icon",icon:"check12"})),c("span",{key:"5fcc848a4e2dc02eba85b09fa03bd6f202e6e8d4"},"Adheres to web standards")))),c("td",{key:"8f7eda7d5c01ef43bcf883415b4e6fb8b2b6eff3"},c("ul",{key:"191e8f027010b0804eac34124fa33facfd553d6b"},c("li",{key:"b0609b129e081f5c5a83afbb360a0883bbcbb2ec"},c("span",{key:"c42e9f4da763f68d45598478ed98ef2ea8306785"},c("ifx-icon",{key:"d456ae9da788cf93423a9752fe3a2dc68617940f",class:"check__icon",icon:"check12"})),c("span",{key:"01d5ffbc22209c098cfd4509f4ec16afe45a7d3f"},"Collapsable option")),c("li",{key:"93c352e5bfbf9d406462b137a62981c278b7bba5"},c("span",{key:"e187b8692bf78fde82ecb1583f97a10d9bf27cd7"},c("ifx-icon",{key:"d2f837a9ea1eca1a1975f4e71814ecd550c33d7f",class:"check__icon",icon:"check12"})),c("span",{key:"f44cea3b9db6a2669f7a75a0a9a1305c5c9ddf7b"},"React, Vue and Angular wrapper integration")))),c("td",{key:"e3edb07a391df8f15771ba1d4f34049ee7e1b439"})),c("tr",{key:"c1312ce6e43efd20fe51607527ace530723379f7"},c("td",{key:"11f47ae82c31458035ef89aa91d25d7e884018e0",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"0811a1003d44215914be7628e791d15897ae3c66",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:"d5553fc1acf76bbe156c15e585db575134d8cc0b"},c("ul",{key:"ad0059e68d92ded19dc0dc80e4b2fb4886b03443"},c("li",{key:"3df290b9a70148e94e833340da5c07b896c39fd8"},c("span",{key:"5ba8312921a0ce31d2a3faceaf5f08a7b77feb0e"},c("ifx-icon",{key:"4e9b1e2ad1ac156ea6db031df3a17a7e912d4d4e",class:"check__icon",icon:"check12"})),c("span",{key:"e27f2e3944159de7052a0f1ad854b3aa93686a82"},"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:"2581bc9bf9d0678309d75a04742eddb1460eda79"},c("span",{key:"0f32453ec0997075cf1f7b90586a732a7203acd6"},c("ifx-icon",{key:"c8bccf364b0e8343b4d2157446b2fc4958e99052",class:"check__icon",icon:"check12"})),c("span",{key:"4b62473ca75583183a5d7058cc3596140fbf1606"},"Adheres to web standards")))),c("td",{key:"df389b43b0b9b54b945eb038b82f73828742f474"},c("ul",{key:"4c4f072ff7db994d38ac4381b32819b3d7f0d03d"},c("li",{key:"ca34a0752b38b6df12cee0e7739518d1105bf988"},c("span",{key:"66ace8cb51373b9c2f343538257425ec5ef856e7"},c("ifx-icon",{key:"a8809575eb01964d1c3c46bf67b86ef6e03499fa",class:"check__icon",icon:"check12"})),c("span",{key:"a4b7f7937a0890e0696bb868fdbfc27a7a4a395e"},"Show Delete Icon option")),c("li",{key:"4c656d42ab30f6a40133a86bf176acbb991eb0a6"},c("span",{key:"ca55cf6cfa5dfa43dac221afec7b07831010a661"},c("ifx-icon",{key:"0cb3cc048126ac7d50ec397312bc8240b93b99ea",class:"check__icon",icon:"check12"})),c("span",{key:"779a3551ff16b13d16f8ea68100b85e4ca84539b"},"React, Vue and Angular wrapper integration")))),c("td",{key:"376c92328369926665691405e1bb83711d5bf7d8"})),c("tr",{key:"b4426a94cb24c63c8e8793855c69fbd4cb856f43"},c("td",{key:"187bad6baf09de7bf7331f653aaf5b9e7859789d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d151b626e3d41f8ebee47d777054a328c9d99087",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:"cf1145c15a8836eaeb0b10ab8cad94e7b4bdcf16"},c("ul",{key:"f33a3b17b806c669e9287e4f8e428fe8b8685de2"},c("li",{key:"991cd814c63219579b952915212b559db0f8599f"},c("span",{key:"147e24691dbdf99f36a65962eb0517e6f4d45495"},c("ifx-icon",{key:"18b4770494a6c81b3499713761bd3e92c1748e3d",class:"check__icon",icon:"check12"})),c("span",{key:"87102bc22bf0eb2027893d9587ae74c496000f88"},"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:"7801d907ec3f9220ed44025217bcb9cae1f5f699"},c("ul",{key:"8b15f01cf77f7340d9580472d2530767e5986178"},c("li",{key:"dcda4491f3c6485e50c38eeb7028ba2f3170a5d8"},c("span",{key:"da587eee5bddb96f9133fda56ab1e7752eb1692e"},c("ifx-icon",{key:"2aed35dba1f3eb8424c0d7a8a85666c01523b13a",class:"check__icon",icon:"check12"})),c("span",{key:"8318869eb997bfd9437ab094debdebf64c38e727"},"Extended customization")),c("li",{key:"d89334bf3d4e7cce6f64b31ed1493029f1f115f4"},c("span",{key:"ac829f856d73fd1883f5d0e7ac070c41bf6cc5ec"},c("ifx-icon",{key:"39ad1002e241e20c4cc6ccd96ee788203ae870f1",class:"check__icon",icon:"check12"})),c("span",{key:"00f12fe3e4e7302bc47e4550cd14fede1e692f08"},"Option to enable and disable the search")),c("li",{key:"b60510fe081f229205be32bad70c93eb40e12f94"},c("span",{key:"227a5c04b48d8da8a7d5a28898055d07497287fc"},c("ifx-icon",{key:"f90aef64367b6867005594c1dea005691c296730",class:"check__icon",icon:"check12"})),c("span",{key:"beb65bc642eeca0852c9d2608e5f9830d4bc7118"},"React, Vue and Angular wrapper integration")))),c("td",{key:"f6867a31a01ed57274fbd9b84de5f91644e470b6"})),c("tr",{key:"099e3644488e96dffe51cc33aa90eac614dc6ee1"},c("td",{key:"53453ee1d868f90b0cdba57bd8deb1a120227c54",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"61da11a39d0f884ea8c74c20145930e9f46ba152",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:"f78e4e499cd543527facb54ccaba18af5a62377c"},c("ul",{key:"8cef18bc04fa05ea3088f22eb526546def35b634"},c("li",{key:"4ebf8dc1e9e0fafd59716a3b7f9b765d8f3b431b"},c("span",{key:"5cd8f5e6ff3c2f742fd97c7f24ed8076b487b2aa"},c("ifx-icon",{key:"3435925d44507e2155fa7901dd24f855247ed64d",class:"check__icon",icon:"check12"})),c("span",{key:"972cf575abbc3cb2610c3f71efe4f170706ce329"},"Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options")),c("li",{key:"4cd4f4ea375576933949d02bc91976d1cf30bbb8"},c("span",{key:"40fade9d31cc3c1d4e3053c9f0b667818ae100e9"},c("ifx-icon",{key:"dc4f5b616469c4c29e4b21ef78490a2c04a09b51",class:"check__icon",icon:"check12"})),c("span",{key:"911b72a19d8405b5216318e84ca1775ff9f16c26"},"Adheres to web standards")))),c("td",{key:"6eed53ead75a1310e5979574e9824fb01816fe95"},c("ul",{key:"665c6910f11efa1a6153c569c8664bd929b07bd7"},c("li",{key:"7b6f47cd1a05f0939ad1cb5dec637e5352c9770e"},c("span",{key:"76e270efe542f6174834ba9ef0a38086a34ace53"},c("ifx-icon",{key:"3d48a85654ce9b9a851fe759fa3ff82955950663",class:"check__icon",icon:"check12"})),c("span",{key:"dd3668d89dbfbdc5a41b4022f6fd7d9e1471efe0"},"Extended customization")),c("li",{key:"5c5a1686a6100dc963064209a105d77dbeec2f58"},c("span",{key:"495571090a3a11de427379a35250c4314775b0d3"},c("ifx-icon",{key:"0f565da7ba7dda08e756cbc5672eae47ad356e45",class:"check__icon",icon:"check12"})),c("span",{key:"f6f19433deaa7e8ab4496a674640b630b1226f3f"},"Nestable options")),c("li",{key:"3c6b8d235537d155a939bd72f21262f8dc445198"},c("span",{key:"1dcb16ca1217441ad83eb82a03f799fdae887b08"},c("ifx-icon",{key:"39628d2cd203fc951ba0a0d6f132957e77f994e2",class:"check__icon",icon:"check12"})),c("span",{key:"98effa53130867daecf6cd298e32ae36f41045b3"},"React, Vue and Angular wrapper integration")))),c("td",{key:"3dbabe7a6ee525d3b52cbc3203ef20b82c87b9e4"},c("ul",{key:"ab2c4b0bf8642e7198fe5928548e82251b59acc7"},c("li",{key:"bdea193af0f4805700d06f599894c88f3a839c9b"},c("span",{key:"5d6d7f6d0fd15990aaf943cf133a2363f9fb7407"},c("ifx-icon",{key:"cf56c743ee52a82fe0aac67d0dd611005a6c7e73",class:"check__icon",icon:"check12"})),c("span",{key:"893c78d4de47ef0a9be9290ca1fd83235b73c35c"},"Option to enable and disable the search"))))),c("tr",{key:"c08f0197781f0a9742c9ef6bb48f710b6bbe5794"},c("td",{key:"c124595189171953abc4ba9d0a340601fb2ec1cd",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d38065d1175828bb88ae0db202b1251d4a3f9ba3",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:"ba98a7ac5264a3c76aa38fde6b7bebdcc99f2c7f"},c("ul",{key:"eccee243a7fda129b989cfde65f3c2685efa2b57"},c("li",{key:"b13ec2b6346d8479bde0d042bb1727e0609cc0ed"},c("span",{key:"a6f254baa183b77ee67b87fc476204b3528f2a17"},c("ifx-icon",{key:"e72b05c9b6d754d48df08795c3317183112c9bd5",class:"check__icon",icon:"check12"})),c("span",{key:"76a3be1e525d2e3d43fa121fe63a80000c6d9900"},"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:"9fafa3b4aecae90eb7ab5b8730b376e388705a7f"},c("span",{key:"ba9365291877eae5f422234d3f66a4dc41ff5bf7"},c("ifx-icon",{key:"7868d4a7c6bbc64785ea5fae7aa96a0f49798602",class:"check__icon",icon:"check12"})),c("span",{key:"b3e419538b9aad85e9e31187aff2ef5e6f1efe9e"},"Adheres to web standards")))),c("td",{key:"56abd6ba8a5dbd54b3c6b35ca0b19b2da02b0fa3"},c("ul",{key:"98a6c5073f1b804af78be04f740cbfb5658abad1"},c("li",{key:"f73139f81d755be10295e484c73cd46be9ac94ca"},c("span",{key:"a2617ee4c177368cfb2fc7b07fc972861e512c55"},c("ifx-icon",{key:"83a713a3c663759cd2dc53bae112f057f67dd3b8",class:"check__icon",icon:"check12"})),c("span",{key:"e579ab83caa446fce49cc49e4687d700e3288673"},"Extended customization")),c("li",{key:"89d2288a1eb32087dd1dbdcfd47af8239d112dd2"},c("span",{key:"ea323c31481f40b28721eed3e632688b58d79fd5"},c("ifx-icon",{key:"bd34946cb70831b31b7d757f0f07cef9de56acc5",class:"check__icon",icon:"check12"})),c("span",{key:"33186c8d8dd9958a5b9da0013fe6822a4e171c02"},"Multi-layer nestable items and menu")),c("li",{key:"cfd0d2c8627569bffc96bb931a246532bd77e04a"},c("span",{key:"60a8414d057e1cf302b89fcfde930377beec5497"},c("ifx-icon",{key:"83936c0f241885d18b67b067cc63c496d5e802f8",class:"check__icon",icon:"check12"})),c("span",{key:"2bacf4ef8e68de5096466a0c12cccfcc62bbe97d"},"Initial collapse option")),c("li",{key:"2039e6bbf44006945646c6b058ad13b7cff3cf2c"},c("span",{key:"ff471fcfc3c9bb666183f14edac1302a83d6d467"},c("ifx-icon",{key:"d200630133d8da4c208c67996a43d4b8a32a9811",class:"check__icon",icon:"check12"})),c("span",{key:"7fa81200904f73db87b13664cc0f8940b9dfcf4b"},"Active and action item feature")),c("li",{key:"c5beb3cf154fa44df45d09b028decfb0500e464d"},c("span",{key:"2402fa4e60a3b13271b2ac4139ee3a10a923cca2"},c("ifx-icon",{key:"d4c1f6685973d58a0f9507a1c57d8510304c9786",class:"check__icon",icon:"check12"})),c("span",{key:"4951935dc1cc3f633606a79224073dd7a37e2d70"},"Number indicator integration")),c("li",{key:"f5a54646c07c0bc110af973d625f4bb9d794c4d6"},c("span",{key:"947fe5c5f4f5df36f6ceb0dba112a4e593fd205b"},c("ifx-icon",{key:"a6767604f6da04bbe3c099fe7af504c05182cab4",class:"check__icon",icon:"check12"})),c("span",{key:"f4af0db62b2917bb446a15ce99dd9ab66c823eaf"},"React, Vue and Angular wrapper integration")))),c("td",{key:"f5bad970435b84324defca5a1c2ce89b939b118b"},c("ul",{key:"48d566c331e74428246cf7b148a7b2ef498718fb"},c("li",{key:"4c30f3fecc75605f61f5813b50193afa684b410a"},c("span",{key:"5f9427eba809ed3cc866b5d080d97a27403e3067"},c("ifx-icon",{key:"945065c828703d9b20969665ddb4d12be92b4891",class:"check__icon",icon:"check12"})),c("span",{key:"ef11ad777e5c850fde7b768d96510b74bbbc7f9a"},"Removable Footer, Header and Logo")),c("li",{key:"b53455d715fa8f92943a81d2e602185863df0f93"},c("span",{key:"ff9fba2907ad9b01f3011c6ba6d537aa4f2b1d8e"},c("ifx-icon",{key:"278563db9cdc2e74056b77c4d4bf33b4e5d9a179",class:"check__icon",icon:"check12"})),c("span",{key:"7d71c178a57c77e46d78080ddc1d90c05136ab9f"},"Removable and customizable Links"))))),c("tr",{key:"90643a230df5b0f821d4d282efbb86a101d894c2"},c("td",{key:"bf7312069c0d0dd612a4bd7b433b09f08eb4b296",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f9a095d722209cc09e24668619242c69d0089097",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-slider--development",size:"s",variant:"bold"},"Slider")),c("td",{key:"fc8351972ffcdf651655d6993e6c035ed483f786"},c("ul",{key:"718c6d985b82f1ef4e775d1a6e820b113dd3217b"},c("li",{key:"bb9eb6cc971c564e369929275a4e3d87f81c71b2"},c("span",{key:"b0e66a644d5df341a10e0174c54dbf8d9f9ea000"},c("ifx-icon",{key:"fb0e41c1687e6902f9f5796094e7b22b64b0a82d",class:"check__icon",icon:"check12"})),c("span",{key:"de37f02c5d3e8cd72fa8adf5d2ed7359a7f700e8"},"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:"ec152e4f05ea1bd07edf75ff0824a3c81ca874d2"},c("span",{key:"1badbb15c6fcb2abfaa937136be21d4e415e343a"},c("ifx-icon",{key:"954850a208388ee3776f9843f0a3ef3dbcaf5618",class:"check__icon",icon:"check12"})),c("span",{key:"3990e4c5a236d0537962e8a7c5eda8c9545aa3c6"},"Adheres to web standards")))),c("td",{key:"160b793f8599585f8a8c70261fcb6b5acc7264d9"},c("ul",{key:"19dac8fd8f5aea54e50adebd9061b6303cd5c8a1"},c("li",{key:"30001143d4b8e8497bdb8021f20e96274fbdde2f"},c("span",{key:"7c27f7438239ee4402a4063d51530ef1d95c2f2b"},c("ifx-icon",{key:"b8ca86823b5af1ad35311728a901f4043fa11018",class:"check__icon",icon:"check12"})),c("span",{key:"c00bb8acf514a9a285283089f564233886628f55"},"Icon incorporated")),c("li",{key:"0e138ea2df919f88b9869f8fb222b62e516de9c4"},c("span",{key:"847058d54de337267404f1be0cf0126ae724f4f2"},c("ifx-icon",{key:"c48d3b72de94b962faf4b126a6cf0f29f3481130",class:"check__icon",icon:"check12"})),c("span",{key:"14835b91e6b23082d07a47c933249a6d5f4840eb"},"Percentage variant")),c("li",{key:"d9fcbc1d5015a6f840a6c0405db335aded56e01f"},c("span",{key:"918332afc4a4e55dbd93b7bb40ffc2a744116b3a"},c("ifx-icon",{key:"3adc8d27d80d9d1afb98f4de1f6ff03997e4e8aa",class:"check__icon",icon:"check12"})),c("span",{key:"90f2fd259cc3e70fc4b4df75ab8ccd6406a80f77"},"Text variant")),c("li",{key:"5ceeabb6b8b86ed992b944645ef873e45237f977"},c("span",{key:"d9466c01354e0bbef06cb0b04b01458d1849104e"},c("ifx-icon",{key:"70ed211ea7cd3e189eaf6b9cb1a301c301fee06f",class:"check__icon",icon:"check12"})),c("span",{key:"aa3cd738daa3401998ea745518fb7047405228f4"},"React, Vue and Angular wrapper integration")))),c("td",{key:"718cdf4c7f26f14843dc13f33cf10c9628f153b2"})),c("tr",{key:"7bf827865de716262b7ce5540d47859f0ce7bcd5"},c("td",{key:"ad921ccf680a2ac160047788cd31bbf020937ff2",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"40137c3bd2a68084bb16eab74aba3194adfc5703",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-spinner--development",size:"s",variant:"bold"},"Spinner")),c("td",{key:"f9ad3b40f259ca12de2a6f02dde41b7eea180a3a"},c("ul",{key:"4c19312d655ab9ac994cad63af590ba1a634ce0e"},c("li",{key:"49ae5d4ed6b160cf603534ae94b595700cd4ed4c"},c("span",{key:"3d26c67be499fe994b834203e5c26b2887c7891b"},c("ifx-icon",{key:"25a003c89eb1fd9f8788b20b850a6dc54c61ae63",class:"check__icon",icon:"check12"})),c("span",{key:"800b0ff0bdd3bd84959c733012be56312989de34"},"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:"37dbab9c4ca60560c8627736ef26ace7abe0bd7e"},c("span",{key:"c1283911708fa2e93e72b9b2a30edcb4c4629a44"},c("ifx-icon",{key:"f3777fef82a9c86e1c40a1ea3b1d8820e69398bc",class:"check__icon",icon:"check12"})),c("span",{key:"aff5885bb06d558fa16bc9e1e994dbbda78387d9"},"Adheres to web standards")))),c("td",{key:"ce750eb99ee8343b2efb08370b487e722a87d85c"},c("ul",{key:"3e1c1c555658d2f1a2f9fe6a4d9109c421d0298f"},c("li",{key:"55b6aee291ba165cb686d77fffa780f56ab956b4"},c("span",{key:"f318af3f49e2f424c90baea7f52654add9077ce1"},c("ifx-icon",{key:"915abc0b0b4521b4e5474631b4f1733737e12f41",class:"check__icon",icon:"check12"})),c("span",{key:"f378c50c6c9d7443536f4f1ade43bb526c0b6aa7"},"Brand variant")),c("li",{key:"8f8fe9c6094dd5952b2aba736548223b1f41fca9"},c("span",{key:"bcd09c4e7415c34acf26b7bee396ce4c90f642e9"},c("ifx-icon",{key:"53d77504c0a5a134722fb3d0d03580c14ae2a11b",class:"check__icon",icon:"check12"})),c("span",{key:"5e64a6d96eccba4b66870c0cc6e1e188f8117f31"},"React, Vue and Angular wrapper integration")))),c("td",{key:"67f334e43bbb289745ab328ff262bb6f1d999969"})),c("tr",{key:"11ecf10ee6ec6fb4d8bb0c82c9601052521139e8"},c("td",{key:"43735520514e5be2f75f9474dd48059888737c3f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d065f717ffb8f6bb6cdb028e60931a1de18cf931",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-status--development",size:"s",variant:"bold"},"Status")),c("td",{key:"4561b5e5a21041e5a545c7037273347cd99f4890"},c("ul",{key:"f61f9870d160337a6252a37e2deea9d41e775cb3"},c("li",{key:"55fad93aa6cd6d25b134169a165885e6a641c333"},c("span",{key:"d8c51de4ea9cedb46ff953d1dc3b8307cba969e0"},c("ifx-icon",{key:"fb40cae8dd850ed84a27b8a4dd16a799be524d14",class:"check__icon",icon:"check12"})),c("span",{key:"bdd804e0fbdc5a4006740a35266b887be7fafb95"},"Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application")))),c("td",{key:"adecefcea423d37cb30959152224c74cb74daf5b"},c("ul",{key:"51d61ac62f5d24f546537a5336b0aa5bcd6af75d"},c("li",{key:"ff7dbfdf552e1a3f56275016d2bda89ed33cb032"},c("span",{key:"4647de507cff86794e9cd2dc5dcc8918e855b651"},c("ifx-icon",{key:"7311937d6e4637a294130cb64d873d6fb5774ef3",class:"check__icon",icon:"check12"})),c("span",{key:"7509a7754a83ec8a07dc9a4c640b506e259fa703"},"Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants")),c("li",{key:"1b7ff8e9639aa034f571f3dee849b01e41a997ba"},c("span",{key:"64b980a3e8a60d87e4b79fbd35df46c1903947d4"},c("ifx-icon",{key:"01bc072bed9bfaf39fd600d619d5b5c69c213334",class:"check__icon",icon:"check12"})),c("span",{key:"46de98442f63ae81313340919895e7a13f0636a9"},"Removable border")),c("li",{key:"a0cbf82b6407835d70d3b294de665a2fc95c0ec0"},c("span",{key:"5e2fdff4a01235a3b25839d80394f310a48d9d34"},c("ifx-icon",{key:"15f837fbba47dda14d06fa9167c12a272cb7db4d",class:"check__icon",icon:"check12"})),c("span",{key:"e3796e4c3e4c74c5c0e321dcd7e642e29c1f0db0"},"React, Vue and Angular wrapper integration")))),c("td",{key:"d57830ad5d95e090dd3e3877cb342cf28aba2fe2"})),c("tr",{key:"87677fb266ad06cab28f3e9681e003fa46a7d029"},c("td",{key:"5cabf474346f61fc5b3c6ae571133fd8d0259388",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"7773e3014c9c668f0b0fab13098c106713004bfd",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-stepper--development",size:"s",variant:"bold"},"Stepper")),c("td",{key:"e7a213703483564e2bbea954a67464bdd34c502b"},c("ul",{key:"cd79c67e44ee3e20c9728887bddc0193ba7dae61"},c("li",{key:"b90dac55bf1bf37f323122cc4631e7996a3f2b72"},c("span",{key:"a8e4eabbf90ece814ef3924cf2911aafbf500ad3"},c("ifx-icon",{key:"dc2c698c7cceeecba52b03b5f680c655cc42dd30",class:"check__icon",icon:"check12"})),c("span",{key:"dd5cf9aeac2a8627e17b44ef82cb66e9cbf18b85"},"Offers a customizable and intuitive control that allows users to navigate through sequential steps")),c("li",{key:"c46ad36b96aff2de83e2c2eb4eb5972d1ddf29cd"},c("span",{key:"725b306810cb132cbdc8c913abebcec21d68f2b7"},c("ifx-icon",{key:"8c37640b72cb718db5be8f29078b4cda1050d031",class:"check__icon",icon:"check12"})),c("span",{key:"841948ee972179e8b4123015fd4f128df4a91c6c"},"Default and Compact variants")),c("li",{key:"515dd736480fb5a19c5f7929de2e0eaa22999d84"},c("span",{key:"53dd436abbbea13b0f05dacdf183e7396968b315"},c("ifx-icon",{key:"916e1ac219a8c6acd383e1f3780ffcb17db53181",class:"check__icon",icon:"check12"})),c("span",{key:"8d96a685c235d7aef1f6587ee26628925392f641"},"React, Vue and Angular wrapper integration")))),c("td",{key:"5d388b1fb93feb743ec98182d3e9cd7c8efa325f"},c("ul",{key:"de3b79ac7414efc56184fda43893f8713c6ac990"},c("li",{key:"6ea66723f071845a841e6009eb1fc20d8cfcdb1f"},c("span",{key:"bb7bb0dfac624fed0a00ea86853f2066ab02fd37"},c("ifx-icon",{key:"d0016e028efa9dd3d9d20fc34310c14599db83d4",class:"check__icon",icon:"check12"})),c("span",{key:"5bae2862b5a6442a384444cba0710c691ac2d0a8"},"Vertical variant")))),c("td",{key:"62bfe45203b872865cf75e94bff522a3ed85af2f"})),c("tr",{key:"fd90cf2d7dafb46c176485002c779cf9a323cfbb"},c("td",{key:"32d4b151356ae581a925983f6300e6f3f69724c1",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f6b28f8938d872ebd6c53f8ed7ab9ab650bc1645",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-switch--development",size:"s",variant:"bold"},"Switch")),c("td",{key:"c651440656050c8659fbe4e282f08f77ad54d7aa"},c("ul",{key:"9c9043b952d6ef8108196d7aa0a9aa883804f3ee"},c("li",{key:"ad659dffd613b9247ba9c48f04c913cae18e6ed5"},c("span",{key:"cdd9e2cbd7043df7446910a58362a71ae48dfd38"},c("ifx-icon",{key:"c1c48ebe420815028a5b84e14b4f19ee4e507494",class:"check__icon",icon:"check12"})),c("span",{key:"4ba2f83631413096423c8f369399c0ae8bd22a85"},"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:"ebddc62d6769ccdfb67a1571eda82e9fd2f2dc1a"},c("span",{key:"6508ccfbb56e1bc414ae419d67395b926060245d"},c("ifx-icon",{key:"374f2e7dde188709e1bc467277ecb8071573fefd",class:"check__icon",icon:"check12"})),c("span",{key:"d269143c35939b5efa8b576fea1543a0cd0f261c"},"Adheres to web standards")))),c("td",{key:"2d831e154e199ad51839e99accb9d421c2e1f51e"},c("ul",{key:"8211a4d70e68c0e890e99cf381c6a97d6e361b44"},c("li",{key:"a57499acab16198215abf03f087873f4c75b2394"},c("span",{key:"a73f8740882cfe861967b0b14874ce118f87cac3"},c("ifx-icon",{key:"b26e295f97c6ca7b19b809646a39948d140e32b3",class:"check__icon",icon:"check12"})),c("span",{key:"adea76bc173e536c086497e9555c22d81f45360a"},"Incorporated label feature")),c("li",{key:"99d7be1971df3660d4d546a7bd26fddc35eb70ba"},c("span",{key:"22a9e9dd4fd35b1bc0ae117b25f08f951b31841a"},c("ifx-icon",{key:"0238c12c294b5341699038cfe70142dd429a3a7a",class:"check__icon",icon:"check12"})),c("span",{key:"918470e62877c3d60c6af77147d61f24d35c9f28"},"React, Vue and Angular wrapper integration")))),c("td",{key:"8c83662b4f191f4b146c4192de5a6f4fa6dee1c8"})),c("tr",{key:"f0afcbdca4ad6b6c8a23b24b45fdb244fde7424a"},c("td",{key:"a3b79507f0a3d247e8e4d8520b18b5543304f3de",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"3d1acf715ae67318e5a49b3f6ea9e0ea12219803",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:"d77f05b606d4169012f0a9cd5544a151259f7cd0"},c("ul",{key:"454fbd3310953816f5cdfd286da8edb8894abda0"},c("li",{key:"06016946fbeb8fe8fc6fbcbd29eb37826beec981"},c("span",{key:"fa68116dbaf4b73091976004ef91c39f4eeac76c"},c("ifx-icon",{key:"cc08c5cf7e5cef7dbade9b2b3cda6ecfdd5cdf01",class:"check__icon",icon:"check12"})),c("span",{key:"da5a01584140c7a32c4d90ee7fd25b5b026c9eb4"},"Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently")),c("li",{key:"a99df1e3a18fd571230bb7a82cc007c5f50d34cc"},c("span",{key:"65317f9a312435b7212395bd22e843497afcd29a"},c("ifx-icon",{key:"5838a53a49b118fbeb867827c21c66d3be467452",class:"check__icon",icon:"check12"})),c("span",{key:"e309db35db86bcff595c3f7445100c374c2b553b"},"Includes basic features such as column sorting")))),c("td",{key:"9b345c14a8ee64fd7d704cceb73b3b6e710ad675"},c("ul",{key:"7ddf1a7b25c1effef139b93649c655a9704df1d8"},c("li",{key:"19de222e8745ac32aed6f00b2670f8848a0757b1"},c("span",{key:"93672088819ed4df612635df0d947232ee7e00e4"},c("ifx-icon",{key:"8ce0d714d73224e260c426cb04fb0128393354e6",class:"check__icon",icon:"check12"})),c("span",{key:"c2518e1ade496bc118f433611c890b172f3e0375"},"Compact and Default variant")),c("li",{key:"fbaba4b485b559d498f801fdb930edc4a533c0c7"},c("span",{key:"1ad0f51964194b3a379061901f7621fb0d7989fc"},c("ifx-icon",{key:"5e54956b9d4e606bc10a8cdadc9f12c505e31351",class:"check__icon",icon:"check12"})),c("span",{key:"788a31fce1e6b759dd93f43e4855f99117f8b479"},"React, Vue and Angular wrapper integration")))),c("td",{key:"cc89d9d0b52639fdbe6ee30f4f272566a2831894"})),c("tr",{key:"0767af53d058dcea195817572335cca494f80bda"},c("td",{key:"782d1f57a51c5b4c39323352b83b179610963231",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"c04ba598f122b6c397d494f76e312f434009bc8b",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:"1b65d4b3bb0abcbac3c82a3997013ece01d73165"},c("ul",{key:"33b395abfecaa3752b3db9bf04bf31960d71b876"},c("li",{key:"609c6ea903fa31ee56ad1d83d3f1f476d16727fe"},c("span",{key:"56353717559ab86b61cf7952a7dbdc2f072da910"},c("ifx-icon",{key:"6ed31c12ff0f12230ea981ed0c3aad9fd90a1d83",class:"check__icon",icon:"check12"})),c("span",{key:"f2aaa2f19f53eb76bc4ff2e1ef98ea5a8142da2b"},"Pagination")),c("li",{key:"548c4c79e5a6db31a06a32b4db18cd736e6586ed"},c("span",{key:"84b72c8e2dd02c91542e49da241b5c8bc23d4b5d"},c("ifx-icon",{key:"7dae5ffb6f6475c5bf6805491266c5783ae16684",class:"check__icon",icon:"check12"})),c("span",{key:"787b6154bdb287cac438070e6ac5d33da620ae44"},"Sidebar filter")),c("li",{key:"e531c1d52472952b3d20df3f8b8f0e4a2c8f9248"},c("span",{key:"7885b40eb9dc5f2b0914e4a49d5f8a10f5938d18"},c("ifx-icon",{key:"8e0a5c49b4f30859367eeed552ccb52fe09e4f61",class:"check__icon",icon:"check12"})),c("span",{key:"b88c1794825e9d8d62e0777a795afd8705036327"},"Topbar filter")),c("li",{key:"a3ad105440169630b7d3c9974c8f7cee9169728b"},c("span",{key:"86bb721c1e44e872ccf9fb5173eeea5be9202090"},c("ifx-icon",{key:"ef6ad7e631b3883733d3ea92ae3ccb14a6037d75",class:"check__icon",icon:"check12"})),c("span",{key:"d08f55fd43d67ac15953760f6b4fcc813e9c97a2"},"Nestable buttons")))),c("td",{key:"e1c4577d0559edd96a9c972124258e6ccb841474"}),c("td",{key:"eac33915e8d55813dd4916be1989dfdb571d8a23"})),c("tr",{key:"f41c07e628e8d5929f16c29c77669092e6def1bf"},c("td",{key:"32394b9a01acfd839eb2e77417c1ef44510fed71",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"ca55a7df9e8c688ff778a6bcfb55e630304f97b7",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tabs--development",size:"s",variant:"bold"},"Tabs")),c("td",{key:"092e46b682712e1ca7c1836166d24630bade7740"},c("ul",{key:"04d61ef9b18386d6f3193f5b3fc73d9d1572e789"},c("li",{key:"72c4114a4264880e5b77aee439cf8a5a0fa873f0"},c("span",{key:"4874fa8ec58604f2e1014dc4d697b3e952340e39"},c("ifx-icon",{key:"cb639dd742ec0ae9f4e5695f6992309fa3d88996",class:"check__icon",icon:"check12"})),c("span",{key:"3cc4ddc8932fae155cbecc179a883084e4c0c59a"},"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:"bb56ee280dd0a1fdc61f4761ba6823f7a248c7d1"},c("span",{key:"1e78ebfa21451db0cd33dc106d78090bc9064b9f"},c("ifx-icon",{key:"d862e925e789fc642820dde9fe326a7cc858c2f4",class:"check__icon",icon:"check12"})),c("span",{key:"028539a7db2aa6b27fd9d8ca795a6e5a86e2618f"},"Adheres to web standards")))),c("td",{key:"4d49da1718ecb18cbbf1985c0bee3fd250687af3"},c("ul",{key:"e7fcb18058cfcdb2255fb0bfe6c17f5acea28f02"},c("li",{key:"f0e955513f1a07f0bc9df8432dbfb8e2da30a536"},c("span",{key:"f792a39060cd191f2ffe83cd152a147e29e41731"},c("ifx-icon",{key:"199f6bddcd88a6b0eba32052594d31f85870b98c",class:"check__icon",icon:"check12"})),c("span",{key:"78503aee09d14158f43485dfc64c949c1da407c1"},"Horizontal and Vertical orientation")),c("li",{key:"b533d9a194c8d3ac9ee6aa8485832cf42e89dc9f"},c("span",{key:"d2ee69a4be2f893b09ef84bbcf061604e633160b"},c("ifx-icon",{key:"61498fa2b91cda7dd491ab12382cbecb4e73961a",class:"check__icon",icon:"check12"})),c("span",{key:"cfeb2c5fd5330eda5bf8ee157ccceca5ec4e7c54"},"Extended customization")),c("li",{key:"e1dc581d1ca39da8e3e7b12ac53ef288bf59cdfe"},c("span",{key:"e9a1d0a474c98f4a79fd6ccf970785a27d8efe58"},c("ifx-icon",{key:"a4fd11851c53473aadbf77e59b51e30340070930",class:"check__icon",icon:"check12"})),c("span",{key:"971ef7ca54521a195637b135951cdce9c008aa51"},"React, Vue and Angular wrapper integration")))),c("td",{key:"5f292275acb13615e8551153ccffd14eea951e57"})),c("tr",{key:"6e256c7064c8f30c6f967f9c8c407ddd8c0f9e43"},c("td",{key:"74b95117e78411c82e35c8b7f8046af186d51afd",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"23cf1d2419de119941fc13d3dbaa0f010f16baed",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tag--development",size:"s",variant:"bold"},"Tag")),c("td",{key:"15ab7abdac9b542b43a9dad0edb425d8ae3d6a10"},c("ul",{key:"fd22db1472b91c273d176a920986e5c2ae8e81df"},c("li",{key:"3e03ace65f87e086aa7065268fc7a0e9dd39d27f"},c("span",{key:"c0c2ee68b2055d3ad3940a4cb61ddef0a8bd61ff"},c("ifx-icon",{key:"5e27d971082b81e0c7f61f6d03d1beb6e433d409",class:"check__icon",icon:"check12"})),c("span",{key:"7b907c54ef6d4c4afac906357618afdff9d09e30"},"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:"2216e3ec3f766e2d1d277f04e58c9a118b0f39c7"},c("ul",{key:"831ac04d98eda79dbe89cc7753758e5acbcad665"},c("li",{key:"1a478226a4d279fe8be65bcdbb323a1fea51b54c"},c("span",{key:"893f7c6df6eca2b564cce5f6b7f30f2ed25a6a61"},c("ifx-icon",{key:"634c3d705916254dd7a308ca100906129ed12477",class:"check__icon",icon:"check12"})),c("span",{key:"f45ba661d36cb7d694083ef1060acec5bbb7e7e9"},"Icon incorporated")),c("li",{key:"93c395e191707316626c820309ca1b2a5e65e2d5"},c("span",{key:"f39ddb6508754b20721d850f6819070637980e22"},c("ifx-icon",{key:"84a9afc2f1fd732aca38aa31b83a6f4832daf267",class:"check__icon",icon:"check12"})),c("span",{key:"fecd97d89ce0152a2efa28b3b225425252146e57"},"React, Vue and Angular wrapper integration")))),c("td",{key:"885ebdc639db808c65968f7c84bb9458e85c880c"})),c("tr",{key:"768bddc8bd5fcc080bf0c40d112c075039f60313"},c("td",{key:"52b9df98b3960bb430c7775080ee0a2b926e27c2",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"c8e0438328e16cb8742169b6efa6cc20d6e22a11",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:"e2b2cf2aae6a80f12d1fc6de1d933d5b6fc8e44e"},c("ul",{key:"92eafe6daf3d22821c729811eeb3bf5f8a409a45"},c("li",{key:"eb421a38643afface67e4f4dfe82ace5ef31010d"},c("span",{key:"4b2736554cbce53f947f28467c4b5b973753de6e"},c("ifx-icon",{key:"cfb5f0a7dfd6458dca4e00172be007553e7c3bf0",class:"check__icon",icon:"check12"})),c("span",{key:"6084e8f29ed39c44f27e2728ffbe05af6b4acc9f"},"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:"7576ef83c6d8cbe762e083be2f32f451e28a9458"},c("span",{key:"2ed6f7fb6ca06a1679319e832dbd3d4ccdb1c8ae"},c("ifx-icon",{key:"d31d15f9aff3f831f52cb0b03b1070b7185dbf5a",class:"check__icon",icon:"check12"})),c("span",{key:"205ef97cba91f0cbad70cfe0ca17f8c1be0fc444"},"Adheres to web standards")))),c("td",{key:"af0b189a3940f6a9c7b85ccab872db6b912ffec2"},c("ul",{key:"c771e2281804c6ad9ddb13ffc40fb2671729165e"},c("li",{key:"4305ee3db3a64ba9f52e03a0a3b42c466460b850"},c("span",{key:"af933ea70877e5ed35df91a43c9a6e0d1b7e753f"},c("ifx-icon",{key:"f90d900c4f1a7fd998b8ab8eab242d1c5b4ce144",class:"check__icon",icon:"check12"})),c("span",{key:"ede8417efc9e0d316e6b305460937d18cb380678"},"Extended customization")),c("li",{key:"84af5bab0382d698a1e227dc4d6472a843e58f37"},c("span",{key:"691adcaa48ecfab6f1fe8ebc3aeee719e114ae97"},c("ifx-icon",{key:"575372f3353182c57b5cd73815940ecd6b44426a",class:"check__icon",icon:"check12"})),c("span",{key:"822b8d900b0448b01adbab73738cd7a5a02dd29f"},"Possibility for icon configuration")),c("li",{key:"7b18cfd553ae587c39def5fd0f326fd8ecf5a235"},c("span",{key:"ac7fe32d76e45b2dadb71b6f03c81c5f25eef364"},c("ifx-icon",{key:"0c369071898bbcf753bdddbf2b73cdf26d30763b",class:"check__icon",icon:"check12"})),c("span",{key:"bcb216c45ecc85daad010e0c2fc9376bd35ee82d"},"React, Vue and Angular wrapper integration")))),c("td",{key:"476daa7fff8d96a9313632b39bb6dd7a63a80271"},c("ul",{key:"75956e1bb6b9c6d12295eccce53629ff2fd67b46"},c("li",{key:"1214566abdccb037379faddae2ee0b6683554f25"},c("span",{key:"e3f0798416d53518832296cdc137af8237f949b6"},c("ifx-icon",{key:"d6ed147f87adb853ede6193da876552d12951940",class:"check__icon",icon:"check12"})),c("span",{key:"9b438fccc186f04249aac1b1d43a9a0251c9bbb7"},"Form integration"))))),c("tr",{key:"8e894a5721f6b0b5a33abd80d608770ad8b4083d"},c("td",{key:"8b81a11ce63d6851632f1ac40c4d9ba543c2ca7a",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"8aa07e57a7c5f21e15b71f927b31b28cfa9f3727",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tooltip--development",size:"s",variant:"bold"},"Tooltip")),c("td",{key:"e8de25699914d1a7ec639904be0c19c659c59798"},c("ul",{key:"1790179c49f767a7cff00632ec07443368009ccc"},c("li",{key:"dfc3e1d26bc7b917e7521eb670eda46693ba3c43"},c("span",{key:"b30bef6c8727eb7857a7d31458137a179c0e82b6"},c("ifx-icon",{key:"e0ab11c603e9f70bed94d8badfdb0315afc01ee5",class:"check__icon",icon:"check12"})),c("span",{key:"1bb0ebf46edac3615313e1d152d7d3eaa34733a1"},"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:"f7ae326621b1f744c149903105423042af5f54b6"},c("span",{key:"ec9caaca431a5c1bed4c50278d34ac325a73a92e"},c("ifx-icon",{key:"c72efd942f23c16068d7000658a2b080a545309a",class:"check__icon",icon:"check12"})),c("span",{key:"3a8096caca8d90ef27bcb6ca28c5820df49cef50"},"Adheres to web standards")))),c("td",{key:"c5367d26ac77053ddbc41c39aa51e4df8e123a46"},c("ul",{key:"984f97cf44ab2705337bf394c6ee353cf59d13c8"},c("li",{key:"e12e8f57439a45e3b5f2e38f417297583bbd2b1f"},c("span",{key:"8809b4bfd108866ea727b0bf46abbd37e5f3b0b9"},c("ifx-icon",{key:"4539cd53769135bb461b702f8bef133521aa1223",class:"check__icon",icon:"check12"})),c("span",{key:"fe63aa23b27fab02bbe2aedb1ebfd2c6b197cbdc"},"Compact, dismissible and Extended variants")),c("li",{key:"e25588b2efa540694397a4491267f51972d91ccd"},c("span",{key:"7c08a9011c4b2db241eecc73889dc979a62fa794"},c("ifx-icon",{key:"572a55a9bb0de6d5935528ed4cd0d99b18414ab9",class:"check__icon",icon:"check12"})),c("span",{key:"ccbd5ab2dc3cecec69794ca0ee81571a82cd4320"},"Auto-adjusting position")),c("li",{key:"8f7fd64d9481d78a9916690fb33b8123321e9676"},c("span",{key:"77a84578c6c6ee591e1a31d8482141bb30379687"},c("ifx-icon",{key:"d66d0f9fb9b44703ed5489b7383341934a58e7d6",class:"check__icon",icon:"check12"})),c("span",{key:"7ae391ff44bfebdf34dce7e422108ab6c7f71ed4"},"Icon incorporated")),c("li",{key:"228c18c9574934bc7f0098b132fbad70094a0113"},c("span",{key:"606d8aa47359dc726a10372a1395d5d3d0403b25"},c("ifx-icon",{key:"b92ef14871eb69eb71e314ec4b5bb3e31a13afe3",class:"check__icon",icon:"check12"})),c("span",{key:"a0ac42413b15f5ef3d063502a4c57f96fbd519a5"},"React, Vue and Angular wrapper integration")))),c("td",{key:"f51f0384c78ab738b3cba88d229b62cd1e5084e1"})),c("tr",{key:"6cc9f477072439c759bdcb3cd2cfe6aa5b88f88e"},c("td",{key:"ab1dc662d333b81e29b44fb4f82f53c84552b7e7",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"16e45a8b5297ec9df87380440b5b803ebc6efeb1",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-notification--development",size:"s",variant:"bold"},"Notification")),c("td",{key:"2f9f39991a7b1b72003f0a430bb2b87f6ba323a6"},c("ul",{key:"20c6d509edaea71c419f45418430c73ab3213b8e"},c("li",{key:"3696dc8f7b7f6c36c56a1934423422650b3ad70c"},c("span",{key:"f2c08db167d3346a9e112922aea24db7b7c83df7"},c("ifx-icon",{key:"1939247dd69969d526913fc61851909126cbbf1c",class:"check__icon",icon:"check12"})),c("span",{key:"5ecde5b509c393fd6b8a5d6b9581022bb6120142"},"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:"8bc38fbdba93138257c5b3ce742a2f5ab552ff82"},c("span",{key:"95120ae9e104848141ff80bb17759eeba004b265"},c("ifx-icon",{key:"dd1ae4e5bc1eebe2312c9e98af546b62700b3cb6",class:"check__icon",icon:"check12"})),c("span",{key:"02b7dcd5fb82e4863cd8360a643ff939f69e7f64"},"Adheres to web standards")))),c("td",{key:"4a60833a9b9bbcbaaddfc2c60239f3498bad3205"}),c("td",{key:"373092c7f6a97278b02a2976561fdcd124f74951"})),c("tr",{key:"88e49a3fa38ee7e352cc8b8aa30462724d6a8039"},c("td",{key:"52c4bcb05fb2cecca6d1849d06aadc2f3f646a39",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"6af8ffb7bccf1611765c861db40de772dabdb467",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:"a7d3fa2cea77606c015b253cc9dfea779c76b5fc"},c("ul",{key:"787aa784ec7f6561cbd99da59fd6753af2e169fb"},c("li",{key:"b28e169c093996e9f64eaa06d74215b6b1571338"},c("span",{key:"f93c49da83b787bc6f977de3a011da5b383a3cad"},c("ifx-icon",{key:"3736b9e7077da92f408eabc9abc837679be77562",class:"check__icon",icon:"check12"})),c("span",{key:"1fa67378a14acaad3f9028c0ec7791f96a2e69a4"},"Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application")),c("li",{key:"02118c157ad7f7095b30d14e1c36e121e6a2d512"},c("span",{key:"cce433bd46f28d57658bc26d3ef06dd6c5ec846e"},c("ifx-icon",{key:"921f3f08d5efc1dc52a6b5c843425e6639399379",class:"check__icon",icon:"check12"})),c("span",{key:"a09403e19eac8aab315ed87be43d988d67e4302f"},"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:"a742c8211f86d489b3efad5f76b2ad179a7771cb"},c("span",{key:"3ceec5995adc3447aa95e2ccf2eab680b4deadc7"},c("ifx-icon",{key:"a81c2a27defc92c88de7076b91ed9d8b64d24f80",class:"check__icon",icon:"check12"})),c("span",{key:"6a5748f295bd9574df11eb6fb95820eba9f088e8"},"Adheres to web standards")))),c("td",{key:"6d85eb97cabf284ee54432b27cac608081da5835"}),c("td",{key:"fc73a176ab7b3e61207e51735fed82b62431253e"})),c("tr",{key:"a90c1a7b506c174df6d19551869e47fcd8feb605"},c("td",{key:"f7d5c4ab76c6f58c2237c62dce6b952732fc95e7",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"a8ed0d295fa6751e20444caa92e8421ea046ef25",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:"89c5dc15d46dfbac01e1ef19b54057221dbe5e77"},c("ul",{key:"4ca1d9e475e49ff74a5d837965644479052bd07f"},c("li",{key:"1eec0a97797c5738f18efddd5f5bf204fcadaa2c"},c("span",{key:"01a87eca621362efd97637dd8689a86e8869b563"},c("ifx-icon",{key:"6985bf4a23e39d5f978749845986c569c911dc23",class:"check__icon",icon:"check12"})),c("span",{key:"ea383d5daa83e46cc8fab3590a0af75faf1e7140"},"Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application")),c("li",{key:"2dc1f9024c535ec02520baec92cad038110ad315"},c("span",{key:"248c32aac86dcddbe4a50d4fa3d222089a8e78de"},c("ifx-icon",{key:"11db86e0609ddec09fa490a6f0754a97b5117f2c",class:"check__icon",icon:"check12"})),c("span",{key:"386e396d6fa4ba4b22d41ac8c214efcb1e171657"},"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:"ea082bfa179418424dbaa24d6e6df0a10a00bb51"},c("span",{key:"51b25d7fe0bad5f81fc349dafaaea504d428dfa3"},c("ifx-icon",{key:"5e7956e69998f30bd5bb8943361e1e07a88006ad",class:"check__icon",icon:"check12"})),c("span",{key:"26197dbcf0f2903daa46103f18d00610a3b307e5"},"Adheres to web standards")))),c("td",{key:"17b207780cb5e24435353a4ee35eb26619620230"}),c("td",{key:"fec0333c52263f3f1848b2e43789c08c1ae5914c"})),c("tr",{key:"5715a8cd171be073e7c99f3134e7918a9e592c78"},c("td",{key:"6062cc1596085602c3c30f2a341d582382dfb74d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"64708cd978e3283cb96825d53a723af9c7e77c0b",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:"c53ed69cc450dd73714116fc43bdc22c44827e80"},c("ul",{key:"4dea29b6358a53dc42895f92c7dd43714000ec22"},c("li",{key:"ff022ac7cdbfe6e1c0b45fe958cafb3ac000abf0"},c("span",{key:"9f1a1852ce2536e39c5c0af8878472b2d9f8f002"},c("ifx-icon",{key:"f14f626bbaa8da740be0d42f61ca29b05bf1c93c",class:"check__icon",icon:"check12"})),c("span",{key:"9c5bbe3833917fc1f8584861f54537e2f7c5775a"},"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:"9c5360233a2f05f34df6085e61ac87047c03c00f"},c("span",{key:"1f3da4a3d243cb75fd9eb1f93b0b6ef6194d065b"},c("ifx-icon",{key:"2a46615d4bfe0ae6cdaf44572c8771685911a865",class:"check__icon",icon:"check12"})),c("span",{key:"885c7f2b4015c9db2b127ef8737411c4bee6ea72"},"Form integration")))),c("td",{key:"555e55d4303d2571a45620a60eaa083c0a3b84e2"}),c("td",{key:"3cd954ed0fd37cab7051d38f2be8364dd971a9c0"})),c("tr",{key:"41300c84da901efad2842677a7a600905f9b7a1d"},c("td",{key:"613d45458a26a2e5fe20d81f3fc8013f581ecb96",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"4d0902090e2be75e50ef16a569127486ab8a2997",href:"",size:"s",variant:"bold"},"Card Group")),c("td",{key:"2e677c002bbcb1d00d926de051a06b389aadeae9"},c("ul",{key:"e3ddefea283e260ce03cec34ad8b006b7daa843d"},c("li",{key:"d19e0deb0db29ddc41960205ebddfcf46d97b471",class:"planned__component-wrapper"},c("span",{key:"6a389c36f49623ed5a9b7a08b50e11dce66e8537"},c("ifx-icon",{key:"0e1811e0d25aa20c84b922ebf0ab89b5af7529cc",class:"planned__icon",icon:"clock24"})),c("span",{key:"1914e09b271f08006a9f1331c3e062daf2c8c71c"},"On Hold")))),c("td",{key:"074b8a2f311eeb62684b53e6d7dbc67a84d1fcac"}),c("td",{key:"40c226c17e76c3b81f98cf35bbff387e502e73d0"})),c("tr",{key:"822d0025e3cfaba60861b9598557fc4cc9376601"},c("td",{key:"86f40a87e89457ae8a23e06915623de7f5194273",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"9ea51e4df18effbffece8933705d8d6b205e3a9d",href:"",size:"s",variant:"bold"},"Upload")),c("td",{key:"7b7347d61b099f87476bc6a183cbd6ecf8016cf0"},c("ul",{key:"ea69e3f6cd4161860a5c9faa863123d3076d5385"},c("li",{key:"89af62d408f80214ea5b0170b568a768f7f0d0c8",class:"planned__component-wrapper"},c("span",{key:"67f6b32f9298a7724afbf3c8bdc2369947732896"},c("ifx-icon",{key:"f4ac8fa9b8b1b69ed0c48e2004d3228b15db5239",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"e4374ebc31b44b8935e3e439a986040a1ec311b6"},"In Progress")))),c("td",{key:"94388683609ce50f0a7d8e6dc8feffb534cb032b"}),c("td",{key:"19ccc91d42719bd1c1f1730e2839882b52f6724a"})),c("tr",{key:"464609ae5973b0541d83b67c071fb3ec90f8e9ef"},c("td",{key:"c258f8a7f0343f6fb04fcb3b9ae34cdd011cf5da",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"1a35ec17c7fd4c6a58ae466fac1aedce177971e9",href:"",size:"s",variant:"bold"},"Tree View")),c("td",{key:"0997e413bfffb0b1feb4a14ab85899df894a828b"},c("ul",{key:"325f78b57f919fd28c935ee6179e22876c71a95f"},c("li",{key:"05ed262869912baaec50ae53d4653e00d367f3ce",class:"planned__component-wrapper"},c("span",{key:"44a0c9bcc2a8e6559d19f6fa3a8a38115ff9ed23"},c("ifx-icon",{key:"89e8788d427c6540277aa5a7ffb0f7f0e48a581c",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"bd144da3fa83b1dea2c9f3dceb2a4b29a0a03be1"},"In Progress")))),c("td",{key:"7e27842a9405fec06bac31b50c8b2ff7774c4d28"}),c("td",{key:"446033811f165c899988c95cbd3b86c8f3fb63b7"})),c("tr",{key:"62347289d9183a3a280742752c9cf2e02cffcbc8"},c("td",{key:"1d7ea0956495384db2f7116819b6839a70c503f3",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"2fa7dbc4e87a8a6ce7d2d6e0fcccbf29983568fe",href:"",size:"s",variant:"bold"},"Popover")),c("td",{key:"06e48757c7c8e0d13437ef9832ac25c3cf74ff57"},c("ul",{key:"b40f71295bc3d75924e7743984396d41e418c8d3"},c("li",{key:"3afefaf45641c2e4da3d49faa3d56c99eb3753c6",class:"planned__component-wrapper"},c("span",{key:"77353ef9277dc79261d96082b902bece36064260"},c("ifx-icon",{key:"bc319bcc2deeb36c745654885b8ec74841c48d61",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"650c29777d6d7d08c824d9594226a34a9512fabb"},"In Progress")))),c("td",{key:"c1cf6bdc48e5c8655df1aaa542f845123c389709"}),c("td",{key:"cc1f9d9c862d9c914cc312cbe3dc8cdb849b2e8f"})))))))}get el(){return a(this)}};b.style=f;export{b as ifx_overview_table};
2	+ //# sourceMappingURL=p-021719f5.entry.js.map

package/dist/infineon-design-system-stencil/{p-e57f8890.entry.js → p-0306ed65.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,g as c}from"./p-e6edf72d.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block;user-select:none}.container{display:flex;flex-direction:row;align-items:center}.container.gap{gap:16px}.switch__checkbox-container{padding:4px;display:flex;align-items:center;position:relative;width:32px;height:16px;background-color:#FFFFFF;border:1px solid #575352;border-radius:20px;cursor:pointer;transition:background-color 0.3s ease;outline:none}.switch__checkbox-container:focus{outline:4px solid #0A8276;outline-offset:2px}.switch__checkbox-container:focus:not(:focus-visible){outline:none}.switch__checkbox-container:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.switch__checkbox-container.disabled{cursor:default;border-color:#BFBBBB}.switch__label-wrapper label:hover{cursor:pointer}.switch__label-wrapper.disabled{color:#BFBBBB}.switch__checkbox-wrapper .switch{width:16px;height:16px;background-color:#575352;border-radius:50%;transition:transform 0.3s ease, background-color 0.3s ease}.switch__checkbox-wrapper .switch.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}.switch__checkbox-wrapper .switch.checked{transform:translateX(16px);background-color:#FFFFFF}.switch__checkbox-wrapper .switch.checked.disabled{cursor:default}.switch__checkbox-container:hover .toggle-switch{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.switch__checkbox-container.checked{background-color:#0A8276;border-color:#0A8276}.switch__checkbox-container.checked.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}';const o=s;const r=class{constructor(t){e(this,t);this.ifxChange=i(this,"ifxChange",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.checked=false;this.name="";this.disabled=false;this.internalChecked=false}async isChecked(){return this.internalChecked}componentWillLoad(){this.internalChecked=this.checked}toggleLabelGap(){const e=this.el.shadowRoot.querySelector("slot");const i=this.el.shadowRoot.querySelector(".container");if(e.assignedNodes().length){i.classList.add("gap")}else{i.classList.remove("gap")}}componentDidLoad(){this.toggleLabelGap()}valueChanged(e,i){if(e!==i){this.internalChecked=e}}toggleSwitch(){if(this.disabled)return;this.internalChecked=!this.internalChecked;if(this.internalChecked){if(this.value!==undefined){this.internals.setFormValue(this.value)}else{this.internals.setFormValue("on")}}else{this.internals.setFormValue(null)}this.ifxChange.emit(this.internalChecked)}handleKeyDown(e){if(this.disabled)return;if(e.key==="Enter"||e.key===" "){this.toggleSwitch()}}formResetCallback(){this.internals.setFormValue(null)}render(){return t("div",{key:"00275ee24707ebf446476430fa4af6939bd017bf",class:"container",role:"switch","aria-checked":this.internalChecked?"true":"false","aria-label":this.name,onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},t("div",{key:"e15a531e43b1ccac07b4d8df4c91b44377c09ed4",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},t("div",{key:"bbbed47db3b07d7977b4ad29c08ba9d2b0bbce0a",class:"switch__checkbox-wrapper"},t("input",{key:"fd06dd4ccf3b45dc64d6d976ed2fb60dcf9134d4",type:"checkbox",hidden:true,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),t("div",{key:"d3dc979f46b1f46cbbc3fa6df7d0b84852dddde7",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),t("div",{key:"f3e47e690f6d87515f248fae689379b81fd6ff8a",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},t("label",{key:"4fef1d74b28e8b556f5364b6558047d1cf37eda1",htmlFor:"switch"},t("slot",{key:"acd83b37e36d11a0a2b7fd3a40bf1f0c584be42e",onSlotchange:()=>this.toggleLabelGap()}))))}static get formAssociated(){return true}get el(){return c(this)}static get watchers(){return{checked:["valueChanged"]}}};r.style=o;export{r as ifx_switch};
-//# sourceMappingURL=p-e57f8890.entry.js.map
+import{r as e,c as i,h as c,g as t}from"./p-e6edf72d.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block;user-select:none}.container{display:flex;flex-direction:row;align-items:center}.container.gap{gap:16px}.switch__checkbox-container{padding:4px;display:flex;align-items:center;position:relative;width:32px;height:16px;background-color:#FFFFFF;border:1px solid #575352;border-radius:20px;cursor:pointer;transition:background-color 0.3s ease;outline:none}.switch__checkbox-container:focus{outline:4px solid #0A8276;outline-offset:2px}.switch__checkbox-container:focus:not(:focus-visible){outline:none}.switch__checkbox-container:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.switch__checkbox-container.disabled{cursor:default;border-color:#BFBBBB}.switch__label-wrapper label:hover{cursor:pointer}.switch__label-wrapper.disabled{color:#BFBBBB}.switch__checkbox-wrapper .switch{width:16px;height:16px;background-color:#575352;border-radius:50%;transition:transform 0.3s ease, background-color 0.3s ease}.switch__checkbox-wrapper .switch.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}.switch__checkbox-wrapper .switch.checked{transform:translateX(16px);background-color:#FFFFFF}.switch__checkbox-wrapper .switch.checked.disabled{cursor:default}.switch__checkbox-container:hover .toggle-switch{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.switch__checkbox-container.checked{background-color:#0A8276;border-color:#0A8276}.switch__checkbox-container.checked.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}';const o=s;const a=class{constructor(c){e(this,c);this.ifxChange=i(this,"ifxChange",7);if(c.$hostElement$["s-ei"]){this.internals=c.$hostElement$["s-ei"]}else{this.internals=c.$hostElement$.attachInternals();c.$hostElement$["s-ei"]=this.internals}this.checked=false;this.name="";this.disabled=false;this.internalChecked=false}async isChecked(){return this.internalChecked}componentWillLoad(){this.internalChecked=this.checked}toggleLabelGap(){const e=this.el.shadowRoot.querySelector("slot");const i=this.el.shadowRoot.querySelector(".container");if(e.assignedNodes().length){i.classList.add("gap")}else{i.classList.remove("gap")}}componentDidLoad(){this.toggleLabelGap()}valueChanged(e,i){if(e!==i){this.internalChecked=e}}toggleSwitch(){if(this.disabled)return;this.internalChecked=!this.internalChecked;if(this.internalChecked){if(this.value!==undefined){this.internals.setFormValue(this.value)}else{this.internals.setFormValue("on")}}else{this.internals.setFormValue(null)}this.ifxChange.emit(this.internalChecked)}handleKeyDown(e){if(this.disabled)return;if(e.key==="Enter"||e.key===" "){this.toggleSwitch()}}formResetCallback(){this.internals.setFormValue(null)}render(){return c("div",{key:"fb71f5c8781e7ef86f62b0305d7e0e12772d77b2",class:"container",role:"switch","aria-checked":this.internalChecked?"true":"false","aria-label":this.name,onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},c("div",{key:"7f8abc2a8b312f1ecda7ef925aaeff8d091799f4",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},c("div",{key:"a7f8066bc5da773ede8d64fe2ebe5ddf77c7f3f3",class:"switch__checkbox-wrapper"},c("input",{key:"54dc044228d5a02f426656bc43f41d900df5cea9",type:"checkbox",hidden:true,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),c("div",{key:"6f89cdfa26287d56ea0df5fdca68939e21f044b0",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),c("div",{key:"75847b7a97e97847008ac8bec050b04432a546c9",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},c("label",{key:"664f7672abaffd7033e6e1ce8278c4ea9ad55611",htmlFor:"switch"},c("slot",{key:"cd1fefc9658b2203806d2248aba74db15cae4e96",onSlotchange:()=>this.toggleLabelGap()}))))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{checked:["valueChanged"]}}};a.style=o;export{a as ifx_switch};
+//# sourceMappingURL=p-0306ed65.entry.js.map

package/dist/infineon-design-system-stencil/{p-37e75e7c.entry.js → p-051f1f75.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,d as t,h as a,g as s}from"./p-e6edf72d.js";const i="*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";const r=i;const n=class{constructor(a){e(this,a);this.tableTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);this.wizardTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`)}toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".templates__wrapper").querySelectorAll("ifx-template");t.forEach((t=>{t.toggleTemplate(e)}))}handleError(e){const t=this.el.shadowRoot.querySelector(".alert__wrapper");if(e.detail){t.classList.add("show")}else{t.classList.remove("show")}}filterTemplates(e){const t=this.el.shadowRoot.querySelector(".templates__title");const a=this.el.shadowRoot.querySelector(".back__btn-wrapper");if(e.detail){t.classList.add("hide");if(e.detail!=="details"){a.classList.add("show")}this.toggleTemplate(e.detail)}else{t.classList.remove("hide");a.classList.remove("show");this.toggleTemplate(null)}}closeAlert(){const e=this.el.shadowRoot.querySelector(".alert__wrapper");e.classList.remove("show")}render(){return a("div",{key:"2839932de12b3ac02cf1bb01c535b544c79ffaba",class:"templates__container"},a("div",{key:"e69da2fb658fa6d1026908bc183be10fb9ab3e06",class:"back__btn-wrapper"},a("ifx-icon-button",{key:"26b0ee7071c26f39b7567839249e88ed2a78d78b",onClick:()=>this.filterTemplates(false),shape:"round",variant:"tertiary",icon:"arrow-left-16",target:"_blank",size:"m"}),a("div",{key:"b91f587d291208f5f67a2fc5ea19c9253e393860",class:"alert__wrapper"},a("ifx-alert",{key:"d0ee2491c8e52d39b05bd4ce5b9a21ba3300f5c2",onClick:()=>this.closeAlert(),"aria-live":"assertive",variant:"danger",icon:"c-info-24"},"All fields are mandatory"))),a("h2",{key:"aaf1a750b6277f6644d05a9aefa27c3c36f7cf88",class:"templates__title"},"Choose your template"),a("div",{key:"f484bc4ba4f2f91ede04eb39f422b0a971b71113",class:"templates__wrapper"},a("ifx-template",{key:"056c35bdd617a568c2dc012cb88762be7c8455c9",name:"template-01",thumbnail:this.tableTemplate}),a("ifx-template",{key:"d65ec2d5fe3f12e7a718d493abd3dbf5e22de531",name:"template-02",thumbnail:this.wizardTemplate})))}static get assetsDirs(){return["assets"]}get el(){return s(this)}};n.style=r;export{n as ifx_templates_ui};
-//# sourceMappingURL=p-37e75e7c.entry.js.map
+import{r as e,d as t,h as a,g as s}from"./p-e6edf72d.js";const i="*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";const r=i;const n=class{constructor(a){e(this,a);this.tableTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);this.wizardTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`)}toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".templates__wrapper").querySelectorAll("ifx-template");t.forEach((t=>{t.toggleTemplate(e)}))}handleError(e){const t=this.el.shadowRoot.querySelector(".alert__wrapper");if(e.detail){t.classList.add("show")}else{t.classList.remove("show")}}filterTemplates(e){const t=this.el.shadowRoot.querySelector(".templates__title");const a=this.el.shadowRoot.querySelector(".back__btn-wrapper");if(e.detail){t.classList.add("hide");if(e.detail!=="details"){a.classList.add("show")}this.toggleTemplate(e.detail)}else{t.classList.remove("hide");a.classList.remove("show");this.toggleTemplate(null)}}closeAlert(){const e=this.el.shadowRoot.querySelector(".alert__wrapper");e.classList.remove("show")}render(){return a("div",{key:"5031ada4f1de85cc30c13f1d8ae03e7cb0721fd0",class:"templates__container"},a("div",{key:"8d5bd9e240b50de2b4e7a85cd9e369145ccf683f",class:"back__btn-wrapper"},a("ifx-icon-button",{key:"dab9c9865a4ceb090fe5d646d67fab0548b9a7a0",onClick:()=>this.filterTemplates(false),shape:"round",variant:"tertiary",icon:"arrow-left-16",target:"_blank",size:"m"}),a("div",{key:"76285031eb6ecccb28730c8ff6e45f34596672b7",class:"alert__wrapper"},a("ifx-alert",{key:"449ea656f35cace5c777439fadded0280ee8cb63",onClick:()=>this.closeAlert(),"aria-live":"assertive",variant:"danger",icon:"c-info-24"},"All fields are mandatory"))),a("h2",{key:"c91798f4ce0b48a2ee814006c9d686e568276ac3",class:"templates__title"},"Choose your template"),a("div",{key:"388370757fe848c1c5f3e4549391ee8b710753cb",class:"templates__wrapper"},a("ifx-template",{key:"42fa6d595cff4eae5c6b7f2f4a58895a7d420cc0",name:"template-01",thumbnail:this.tableTemplate}),a("ifx-template",{key:"8f772225a594a55435bdee7b82bc7dd50f36cc2d",name:"template-02",thumbnail:this.wizardTemplate})))}static get assetsDirs(){return["assets"]}get el(){return s(this)}};n.style=r;export{n as ifx_templates_ui};
+//# sourceMappingURL=p-051f1f75.entry.js.map

package/dist/infineon-design-system-stencil/{p-711d5051.entry.js → p-08ded326.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as n}from"./p-e6edf72d.js";const i=':host(.hidden){display:none}.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .number__indicator-wrapper{position:relative;top:-11px}.navbar__item .dot__indicator-wrapper{display:flex;width:8px;height:8px;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;background-color:#0A8276;position:relative;top:-11px}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:"Source Sans 3";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .number__indicator-wrapper{position:relative;top:-11px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}';const a=i;const r=class{constructor(t){e(this,t);this.showLabel=true;this.href="";this.imageUrl="";this.target="_self";this.alt="";this.userName="";this.internalHref="";this.isMenuItem=false;this.hasChildNavItems=false;this.internalImageUrl={type:"",value:""};this.defaultProfileImage=`<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect width="48" height="48" fill="#0A8276"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M24 14C21.7909 14 20 15.7909 20 18C20 20.2091 21.7909 22 24 22C26.2091 22 28 20.2091 28 18C28 15.7909 26.2091 14 24 14ZM18 18C18 14.6863 20.6863 12 24 12C27.3137 12 30 14.6863 30 18C30 21.3137 27.3137 24 24 24C20.6863 24 18 21.3137 18 18ZM16.5869 28.3984C18.2683 27.0179 20.7466 26 24 26C27.2541 26 29.7324 27.0209 31.4134 28.4024C33.0562 29.7526 34 31.5119 34 33V35C34 35.5523 33.5523 36 33 36H15C14.4477 36 14 35.5523 14 35V33C14 31.5074 14.9433 29.7479 16.5869 28.3984ZM17.8561 29.9441C16.5187 31.0421 16 32.2826 16 33V34H32V33C32 32.2881 31.4818 31.0474 30.1436 29.9476C28.8436 28.8791 26.8219 28 24 28C21.1774 28 19.1557 28.8771 17.8561 29.9441Z" fill="white"/>\n</svg>`}handleOutsideClick(e){const t=e.composedPath();const n=this.getItemMenu();if(n){if(n.classList.contains("open")){if(!t.includes(this.el)){this.closeItemMenu()}}}}componentWillLoad(){this.setHref();this.setImage();const e=this.getNavbarItems();if(e.length!==0){this.hasChildNavItems=true}else{this.hasChildNavItems=false}}componentDidLoad(){this.setProfileGap();if(this.hasChildNavItems){const e=this.getNavbarItems();this.appendNavItemToMenu(e)}}async hideComponent(){this.el.style.display="none"}async showComponent(){this.el.style.display=""}handleClassList(e,t,n){e.classList[t](n);if(t==="contains"){return e.classList.contains(n)}}getNavbarItems(){const e=this.el.querySelectorAll("ifx-navbar-item");return e}getNavBarItem(){const e=this.el.shadowRoot.querySelector(".navbar__item");return e}relocateUsingSlot(e){e.forEach((e=>{e.setAttribute("slot","first__layer")}))}appendNavItemToMenu(e){this.relocateUsingSlot(e)}isValidHttpUrl(e){let t;try{t=new URL(e)}catch(e){return false}return t.protocol==="http:"||t.protocol==="https:"}setImage(){if(this.imageUrl.toLowerCase().trim()===""){this.internalImageUrl={type:undefined,value:""}}else if(this.isValidHttpUrl(this.imageUrl)){this.internalImageUrl={type:"url",value:this.imageUrl}}else{this.internalImageUrl={type:"initials",value:this.imageUrl}}}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}setProfileGap(){const e=this.el.shadowRoot.querySelector(".inner__content-wrapper");const t=this.el.shadowRoot.querySelector(".label__wrapper");const n=t.querySelector("slot");const i=n.assignedNodes();if(!i.length){this.handleClassList(e,"add","no-gap")}else{this.handleClassList(e,"remove","no-gap")}}getItemMenu(){const e=this.el.shadowRoot.querySelector(".navbar-menu");return e}closeItemMenu(){const e=this.getItemMenu();const t=this.getNavBarItem();if(e){this.handleClassList(e,"remove","open");this.handleClassList(t,"remove","open")}}toggleItemMenu(){if(!this.internalHref){if(this.isMenuItem&&this.hasChildNavItems){const e=this.getItemMenu();this.handleClassList(e,"add","right")}if(this.hasChildNavItems){const e=this.getItemMenu();const t=this.getNavBarItem();this.handleClassList(e,"toggle","open");this.handleClassList(t,"toggle","open")}}}itemHasNestedItems(){const e=this.el.shadowRoot.querySelector("ifx-navbar-item");if(e){return true}else{return false}}render(){return t("div",{key:"f5bf6a306ad595da5fad0ea665d3b34371b514a8",class:"container"},t("a",{key:"c89a27c0cd64e5cf3713f4167215804b903ff68e",href:this.internalHref,target:this.target,onClick:()=>this.toggleItemMenu(),class:`navbar__item ${!this.showLabel?"removeLabel":""} ${this.hasChildNavItems?"isParent":""}`},t("div",{key:"8ec347dde7cb715bc498e8f3360c57a47d8ec65d",class:"inner__content-wrapper"},t("div",{key:"5eea2364e6fea9441e925d679e12c5d0e04d6965",class:`navbar__container-right-content-navigation-item-icon-wrapper`},this.userName.trim()!==""&&t("div",{key:"acb38e302ea6c55df997901cf406cdd9ce2c95f4",class:"username__tooltip"},this.userName),this.internalImageUrl.type!=="initials"&&t("img",{key:"645a2113ca7c72d455b4b7011fa0f191173eba4e",src:this.internalImageUrl.type==="url"?this.internalImageUrl.value:`data:image/svg+xml,${encodeURIComponent(this.defaultProfileImage)}`,alt:this.alt}),this.internalImageUrl.type==="initials"&&t("div",{key:"6e8c9ec8690d89b0682ed5ddb379583b4f8643a0",class:"initials__wrapper"},t("span",{key:"efa6996b4755e6d1e653212e651da1b344fad4a2",class:"initials"},this.internalImageUrl.value))),t("span",{key:"65afd094658ef8cbc4076ab8f1499d6a987c1613",class:"label__wrapper"},t("slot",{key:"390a07073b16b9ff95cd4dc4f52acb2d4229fdc4",onSlotchange:()=>this.setProfileGap()})))),this.hasChildNavItems&&t("ul",{key:"e010f35325ae82bdafcd0b3f48b22cd18a666624",class:"navbar-menu rightSideItemMenu"}," ",t("slot",{key:"ca94bedd637c92f13c4a4e7cc3a065f84a26566e",name:"first__layer"})," "))}static get assetsDirs(){return["assets"]}get el(){return n(this)}};r.style=a;export{r as ifx_navbar_profile};
-//# sourceMappingURL=p-711d5051.entry.js.map
+import{r as e,h as t,g as n}from"./p-e6edf72d.js";const i=':host(.hidden){display:none}.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .number__indicator-wrapper{position:relative;top:-11px}.navbar__item .dot__indicator-wrapper{display:flex;width:8px;height:8px;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;background-color:#0A8276;position:relative;top:-11px}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:"Source Sans 3";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .number__indicator-wrapper{position:relative;top:-11px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}';const a=i;const r=class{constructor(t){e(this,t);this.showLabel=true;this.href="";this.imageUrl="";this.target="_self";this.alt="";this.userName="";this.internalHref="";this.isMenuItem=false;this.hasChildNavItems=false;this.internalImageUrl={type:"",value:""};this.defaultProfileImage=`<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect width="48" height="48" fill="#0A8276"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M24 14C21.7909 14 20 15.7909 20 18C20 20.2091 21.7909 22 24 22C26.2091 22 28 20.2091 28 18C28 15.7909 26.2091 14 24 14ZM18 18C18 14.6863 20.6863 12 24 12C27.3137 12 30 14.6863 30 18C30 21.3137 27.3137 24 24 24C20.6863 24 18 21.3137 18 18ZM16.5869 28.3984C18.2683 27.0179 20.7466 26 24 26C27.2541 26 29.7324 27.0209 31.4134 28.4024C33.0562 29.7526 34 31.5119 34 33V35C34 35.5523 33.5523 36 33 36H15C14.4477 36 14 35.5523 14 35V33C14 31.5074 14.9433 29.7479 16.5869 28.3984ZM17.8561 29.9441C16.5187 31.0421 16 32.2826 16 33V34H32V33C32 32.2881 31.4818 31.0474 30.1436 29.9476C28.8436 28.8791 26.8219 28 24 28C21.1774 28 19.1557 28.8771 17.8561 29.9441Z" fill="white"/>\n</svg>`}handleOutsideClick(e){const t=e.composedPath();const n=this.getItemMenu();if(n){if(n.classList.contains("open")){if(!t.includes(this.el)){this.closeItemMenu()}}}}componentWillLoad(){this.setHref();this.setImage();const e=this.getNavbarItems();if(e.length!==0){this.hasChildNavItems=true}else{this.hasChildNavItems=false}}componentDidLoad(){this.setProfileGap();if(this.hasChildNavItems){const e=this.getNavbarItems();this.appendNavItemToMenu(e)}}async hideComponent(){this.el.style.display="none"}async showComponent(){this.el.style.display=""}handleClassList(e,t,n){e.classList[t](n);if(t==="contains"){return e.classList.contains(n)}}getNavbarItems(){const e=this.el.querySelectorAll("ifx-navbar-item");return e}getNavBarItem(){const e=this.el.shadowRoot.querySelector(".navbar__item");return e}relocateUsingSlot(e){e.forEach((e=>{e.setAttribute("slot","first__layer")}))}appendNavItemToMenu(e){this.relocateUsingSlot(e)}isValidHttpUrl(e){let t;try{t=new URL(e)}catch(e){return false}return t.protocol==="http:"||t.protocol==="https:"}setImage(){if(this.imageUrl.toLowerCase().trim()===""){this.internalImageUrl={type:undefined,value:""}}else if(this.isValidHttpUrl(this.imageUrl)){this.internalImageUrl={type:"url",value:this.imageUrl}}else{this.internalImageUrl={type:"initials",value:this.imageUrl}}}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}setProfileGap(){const e=this.el.shadowRoot.querySelector(".inner__content-wrapper");const t=this.el.shadowRoot.querySelector(".label__wrapper");const n=t.querySelector("slot");const i=n.assignedNodes();if(!i.length){this.handleClassList(e,"add","no-gap")}else{this.handleClassList(e,"remove","no-gap")}}getItemMenu(){const e=this.el.shadowRoot.querySelector(".navbar-menu");return e}closeItemMenu(){const e=this.getItemMenu();const t=this.getNavBarItem();if(e){this.handleClassList(e,"remove","open");this.handleClassList(t,"remove","open")}}toggleItemMenu(){if(!this.internalHref){if(this.isMenuItem&&this.hasChildNavItems){const e=this.getItemMenu();this.handleClassList(e,"add","right")}if(this.hasChildNavItems){const e=this.getItemMenu();const t=this.getNavBarItem();this.handleClassList(e,"toggle","open");this.handleClassList(t,"toggle","open")}}}itemHasNestedItems(){const e=this.el.shadowRoot.querySelector("ifx-navbar-item");if(e){return true}else{return false}}render(){return t("div",{key:"2eebd5fe48c050f39fa302bfdd3bb79ee70429b6",class:"container"},t("a",{key:"e9505250aa947682d2f3cbbda5a0e873561a94d7",href:this.internalHref,target:this.target,onClick:()=>this.toggleItemMenu(),class:`navbar__item ${!this.showLabel?"removeLabel":""} ${this.hasChildNavItems?"isParent":""}`},t("div",{key:"bbdf81e9c5174ba00e7b64ae944d4e758243af32",class:"inner__content-wrapper"},t("div",{key:"ea39011e6ce1bf9d13daf3c032727b2530ba1c41",class:`navbar__container-right-content-navigation-item-icon-wrapper`},this.userName.trim()!==""&&t("div",{key:"2196d51cddea786b81143ce71919b514ebac4b73",class:"username__tooltip"},this.userName),this.internalImageUrl.type!=="initials"&&t("img",{key:"9096e4f016b5f07ec166723c836ea5399effcb72",src:this.internalImageUrl.type==="url"?this.internalImageUrl.value:`data:image/svg+xml,${encodeURIComponent(this.defaultProfileImage)}`,alt:this.alt}),this.internalImageUrl.type==="initials"&&t("div",{key:"67b9d679907c22358e1fc0c7ac2552bfa4ec3ee4",class:"initials__wrapper"},t("span",{key:"07f558c4da3425305bb9fd5f84f1a220d0e7c15c",class:"initials"},this.internalImageUrl.value))),t("span",{key:"25e26f2d8b699a31cd7a17299759b5cd459d1b05",class:"label__wrapper"},t("slot",{key:"cc5a1e51031165ba276f4da9e6409557f5306ca9",onSlotchange:()=>this.setProfileGap()})))),this.hasChildNavItems&&t("ul",{key:"c6c40b9b5f7f5d5a456455e04cffba105d05206f",class:"navbar-menu rightSideItemMenu"}," ",t("slot",{key:"8aaf72304d07bd2c4eca169291688b256a1dd69b",name:"first__layer"})," "))}static get assetsDirs(){return["assets"]}get el(){return n(this)}};r.style=a;export{r as ifx_navbar_profile};
+//# sourceMappingURL=p-08ded326.entry.js.map

package/dist/infineon-design-system-stencil/{p-67c63b48.entry.js → p-0be5bec9.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,g as s}from"./p-e6edf72d.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.left-icon,.right-icon,.left-text,.right-text,.percentage-display{font-size:0.875rem;color:#575352;margin-left:8px}.left-icon.disabled,.right-icon.disabled,.left-text.disabled,.right-text.disabled,.percentage-display.disabled{color:#BFBBBB}.left-icon,.left-text{margin-right:8px}.right-icon,.right-text,.percentage-display{margin-left:8px}.ifx-slider{display:flex;align-items:center;padding:2px 16px;border-radius:9999px}.ifx-slider input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right, #0A8276 0%, #0A8276 var(--value-percent, 0%), #EEEDED var(--value-percent, 0%), #EEEDED 100%);outline:none;cursor:pointer;transition:0.2s}.ifx-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0A8276;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0A8276;border-radius:50%;cursor:pointer;transition:box-shadow 0.2s}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:hover{background:#08665C}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:active{background:#06534B}.ifx-slider input[type=range]:disabled{background:#BFBBBB;cursor:default}.ifx-slider input[type=range]:disabled::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#BFBBBB;border-radius:50%;cursor:default}.ifx-slider .range-slider__wrapper{position:relative;width:129px;height:4px;display:flex;align-items:center;justify-content:center;margin:0px 2px;background:linear-gradient(to right, #EEEDED 0%, #EEEDED var(--min-value-percent, 100%), #0A8276 var(--min-value-percent, 100%), #0A8276 var(--max-value-percent, 100%), #EEEDED var(--max-value-percent, 100%), #EEEDED 100%)}.ifx-slider .range-slider__wrapper:has(input[type=range]:disabled){background:#BFBBBB}.ifx-slider .range-slider__wrapper input[type=range]{position:absolute;pointer-events:none;background:none}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-ms-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;border:none;background:none;width:100%}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-track{-webkit-appearance:none;border:none;background:none;width:100%}';const n=a;const r=class{constructor(t){e(this,t);this.ifxChange=i(this,"ifxChange",7);this.min=0;this.max=100;this.step=1;this.disabled=false;this.showPercentage=false;this.type="single";this.internalValue=0;this.percentage=0;this.internalMinValue=0;this.internalMaxValue=100}valueChanged(e){this.internalValue=e;this.updateValuePercent()}minValueChanged(e){this.internalMinValue=e;this.updateValuePercent()}maxValueChanged(e){this.internalMaxValue=e;this.updateValuePercent()}getRangeSliderWrapper(){const e=this.el.shadowRoot.querySelector(".range-slider__wrapper");return e}handleInputChangeOfRangeSlider(e){const i=e.target;if(parseFloat(this.maxInputRef.value)-parseFloat(this.minInputRef.value)<=0){if(i.id==="max-slider"){this.maxInputRef.value=this.minInputRef.value}else{this.minInputRef.value=this.maxInputRef.value}}if(i.id==="max-slider"){this.internalMaxValue=parseFloat(this.maxInputRef.value)}else{this.internalMinValue=parseFloat(this.minInputRef.value)}this.ifxChange.emit({minVal:this.internalMinValue,maxVal:this.internalMaxValue});this.updateValuePercent();this.updateZIndexIfRangeSlider(i.id)}handleOnMouseLeaveOfRangeSlider(e){const i=e.target;const t=this.getRangeSliderWrapper();if(i.id==="max-slider"){t.insertBefore(this.maxInputRef,this.minInputRef)}else{t.insertBefore(this.minInputRef,this.maxInputRef)}}calculatePercentageValue(){const e=(this.internalValue-this.min)*1;const i=this.max-this.min;this.percentage=+parseFloat(String(e/i*100)).toFixed(2)}handleInputChange(e){const i=e.target;this.internalValue=parseFloat(i.value);this.ifxChange.emit(this.internalValue);this.calculatePercentageValue();this.updateValuePercent()}roundToValidStep(e){const i=e-this.min;const t=i%this.step;if(t>=this.step/2){return this.min+i+(this.step-t)}else{return this.min+i-t}}updateValuePercent(){const e=this.max-this.min;if(this.type==="double"){if(this.minInputRef){const i=(this.roundToValidStep(this.internalMinValue)-this.min)*1;const t=i/e*100;this.minInputRef.parentElement.style.setProperty("--min-value-percent",`${t}%`)}if(this.maxInputRef){const i=(this.roundToValidStep(this.internalMaxValue)-this.min)*1;const t=i/e*100;this.maxInputRef.parentElement.style.setProperty("--max-value-percent",`${t}%`)}}else{if(this.inputRef){const e=(this.roundToValidStep(this.internalValue)-this.min)*1;const i=this.max-this.min;const t=e/i*100;this.inputRef.style.setProperty("--value-percent",`${t}%`)}}}updateZIndexIfRangeSlider(e=""){if(e==="max-slider"){this.minInputRef.style.zIndex="1";this.maxInputRef.style.zIndex="2"}else{this.minInputRef.style.zIndex="2";this.maxInputRef.style.zIndex="1"}}componentWillLoad(){if(this.value===undefined){this.internalValue=(this.max-this.min)/2}else{this.internalValue=Math.max(this.min,Math.min(this.max,this.value))}this.calculatePercentageValue();if(this.minValueHandle!==undefined)this.internalMinValue=this.minValueHandle;else this.internalMinValue=this.min;if(this.maxValueHandle!==undefined)this.internalMaxValue=this.maxValueHandle;else this.internalMaxValue=this.max}componentDidLoad(){this.updateValuePercent()}render(){return t("div",{key:"6d8a7acac67dff6fa16e5857d5d87ac1a230e708",class:"ifx-slider"},this.leftText&&t("span",{key:"8fa50d852e012089fd2b918b093e87bf3c2f2c3a",class:`left-text`},this.leftText),this.leftIcon&&t("ifx-icon",{key:"d84ba5ac7f08dd8dddca0c24143ba97bcfda374e",icon:this.leftIcon,class:`left-icon${this.disabled?" disabled":""}`}),this.type!=="double"?t("input",{type:"range",min:this.min,max:this.max,step:this.step,value:this.internalValue,disabled:this.disabled,ref:e=>this.inputRef=e,onInput:e=>this.handleInputChange(e),"aria-label":"a slider","aria-value":this.value,"aria-disabled":this.disabled}):t("div",{class:"range-slider__wrapper","aria-label":"a range slider","aria-value":this.value,"aria-disabled":this.disabled},t("input",{id:"min-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMinValue,disabled:this.disabled,ref:e=>this.minInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e)}),t("input",{id:"max-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMaxValue,disabled:this.disabled,ref:e=>this.maxInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e)})),this.rightIcon&&t("ifx-icon",{key:"02911017ea076f62e13a55b98e8a723f40c9c75b",icon:this.rightIcon,class:`right-icon${this.disabled?" disabled":""}`}),this.rightText&&t("span",{key:"e984e2322ff0fe2f8d2a2404a8e342c393a822e7",class:`right-text${this.disabled?" disabled":""}`},this.rightText),this.showPercentage&&this.type!=="double"&&t("span",{key:"eb473d4ddcf6d10a3e01c474ffc76b916b0163e3",class:`percentage-display${this.disabled?" disabled":""}`},this.percentage,"%"))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"],minValueHandle:["minValueChanged"],maxValueHandle:["maxValueChanged"]}}};r.style=n;export{r as ifx_slider};
-//# sourceMappingURL=p-67c63b48.entry.js.map
+import{r as e,c as i,h as t,g as s}from"./p-e6edf72d.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.left-icon,.right-icon,.left-text,.right-text,.percentage-display{font-size:0.875rem;color:#575352;margin-left:8px}.left-icon.disabled,.right-icon.disabled,.left-text.disabled,.right-text.disabled,.percentage-display.disabled{color:#BFBBBB}.left-icon,.left-text{margin-right:8px}.right-icon,.right-text,.percentage-display{margin-left:8px}.ifx-slider{display:flex;align-items:center;padding:2px 16px;border-radius:9999px}.ifx-slider input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right, #0A8276 0%, #0A8276 var(--value-percent, 0%), #EEEDED var(--value-percent, 0%), #EEEDED 100%);outline:none;cursor:pointer;transition:0.2s}.ifx-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0A8276;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0A8276;border-radius:50%;cursor:pointer;transition:box-shadow 0.2s}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:hover{background:#08665C}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:active{background:#06534B}.ifx-slider input[type=range]:disabled{background:#BFBBBB;cursor:default}.ifx-slider input[type=range]:disabled::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#BFBBBB;border-radius:50%;cursor:default}.ifx-slider .range-slider__wrapper{position:relative;width:129px;height:4px;display:flex;align-items:center;justify-content:center;margin:0px 2px;background:linear-gradient(to right, #EEEDED 0%, #EEEDED var(--min-value-percent, 100%), #0A8276 var(--min-value-percent, 100%), #0A8276 var(--max-value-percent, 100%), #EEEDED var(--max-value-percent, 100%), #EEEDED 100%)}.ifx-slider .range-slider__wrapper:has(input[type=range]:disabled){background:#BFBBBB}.ifx-slider .range-slider__wrapper input[type=range]{position:absolute;pointer-events:none;background:none}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-ms-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;border:none;background:none;width:100%}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-track{-webkit-appearance:none;border:none;background:none;width:100%}';const n=a;const r=class{constructor(t){e(this,t);this.ifxChange=i(this,"ifxChange",7);this.min=0;this.max=100;this.step=1;this.disabled=false;this.showPercentage=false;this.type="single";this.internalValue=0;this.percentage=0;this.internalMinValue=0;this.internalMaxValue=100}valueChanged(e){this.internalValue=e;this.updateValuePercent()}minValueChanged(e){this.internalMinValue=e;this.updateValuePercent()}maxValueChanged(e){this.internalMaxValue=e;this.updateValuePercent()}getRangeSliderWrapper(){const e=this.el.shadowRoot.querySelector(".range-slider__wrapper");return e}handleInputChangeOfRangeSlider(e){const i=e.target;if(parseFloat(this.maxInputRef.value)-parseFloat(this.minInputRef.value)<=0){if(i.id==="max-slider"){this.maxInputRef.value=this.minInputRef.value}else{this.minInputRef.value=this.maxInputRef.value}}if(i.id==="max-slider"){this.internalMaxValue=parseFloat(this.maxInputRef.value)}else{this.internalMinValue=parseFloat(this.minInputRef.value)}this.ifxChange.emit({minVal:this.internalMinValue,maxVal:this.internalMaxValue});this.updateValuePercent();this.updateZIndexIfRangeSlider(i.id)}handleOnMouseLeaveOfRangeSlider(e){const i=e.target;const t=this.getRangeSliderWrapper();if(i.id==="max-slider"){t.insertBefore(this.maxInputRef,this.minInputRef)}else{t.insertBefore(this.minInputRef,this.maxInputRef)}}calculatePercentageValue(){const e=(this.internalValue-this.min)*1;const i=this.max-this.min;this.percentage=+parseFloat(String(e/i*100)).toFixed(2)}handleInputChange(e){const i=e.target;this.internalValue=parseFloat(i.value);this.ifxChange.emit(this.internalValue);this.calculatePercentageValue();this.updateValuePercent()}roundToValidStep(e){const i=e-this.min;const t=i%this.step;if(t>=this.step/2){return this.min+i+(this.step-t)}else{return this.min+i-t}}updateValuePercent(){const e=this.max-this.min;if(this.type==="double"){if(this.minInputRef){const i=(this.roundToValidStep(this.internalMinValue)-this.min)*1;const t=i/e*100;this.minInputRef.parentElement.style.setProperty("--min-value-percent",`${t}%`)}if(this.maxInputRef){const i=(this.roundToValidStep(this.internalMaxValue)-this.min)*1;const t=i/e*100;this.maxInputRef.parentElement.style.setProperty("--max-value-percent",`${t}%`)}}else{if(this.inputRef){const e=(this.roundToValidStep(this.internalValue)-this.min)*1;const i=this.max-this.min;const t=e/i*100;this.inputRef.style.setProperty("--value-percent",`${t}%`)}}}updateZIndexIfRangeSlider(e=""){if(e==="max-slider"){this.minInputRef.style.zIndex="1";this.maxInputRef.style.zIndex="2"}else{this.minInputRef.style.zIndex="2";this.maxInputRef.style.zIndex="1"}}componentWillLoad(){if(this.value===undefined){this.internalValue=(this.max-this.min)/2}else{this.internalValue=Math.max(this.min,Math.min(this.max,this.value))}this.calculatePercentageValue();if(this.minValueHandle!==undefined)this.internalMinValue=this.minValueHandle;else this.internalMinValue=this.min;if(this.maxValueHandle!==undefined)this.internalMaxValue=this.maxValueHandle;else this.internalMaxValue=this.max}componentDidLoad(){this.updateValuePercent()}render(){return t("div",{key:"67037beef09b2bd0c27b1e8e1b56f0dba3beafed",class:"ifx-slider"},this.leftText&&t("span",{key:"13ea96c660418afa4427582a22e167b4e751eb8a",class:`left-text`},this.leftText),this.leftIcon&&t("ifx-icon",{key:"78cef60ca53df2cd8c38323a6bb815ff6fe8d7db",icon:this.leftIcon,class:`left-icon${this.disabled?" disabled":""}`}),this.type!=="double"?t("input",{type:"range",min:this.min,max:this.max,step:this.step,value:this.internalValue,disabled:this.disabled,ref:e=>this.inputRef=e,onInput:e=>this.handleInputChange(e),"aria-label":"a slider","aria-value":this.value,"aria-disabled":this.disabled}):t("div",{class:"range-slider__wrapper","aria-label":"a range slider","aria-value":this.value,"aria-disabled":this.disabled},t("input",{id:"min-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMinValue,disabled:this.disabled,ref:e=>this.minInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e)}),t("input",{id:"max-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMaxValue,disabled:this.disabled,ref:e=>this.maxInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e)})),this.rightIcon&&t("ifx-icon",{key:"8a0829ceb69a86dc0d1c16c12ba18340e461daf6",icon:this.rightIcon,class:`right-icon${this.disabled?" disabled":""}`}),this.rightText&&t("span",{key:"bdc44d94b0002ea82a65fd41a75e3037122e12ec",class:`right-text${this.disabled?" disabled":""}`},this.rightText),this.showPercentage&&this.type!=="double"&&t("span",{key:"6f3b3e8e72622c13046afc9b62cbba3c077e07e9",class:`percentage-display${this.disabled?" disabled":""}`},this.percentage,"%"))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"],minValueHandle:["minValueChanged"],maxValueHandle:["maxValueChanged"]}}};r.style=n;export{r as ifx_slider};
+//# sourceMappingURL=p-0be5bec9.entry.js.map

package/dist/infineon-design-system-stencil/{p-95b48437.entry.js → p-13e47c02.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,g as i}from"./p-e6edf72d.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, 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 p=r;const a=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()}componentDidLoad(){this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"797f8d8dcc699cfedf33c1a03d73d92fa452789e","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:"809a1220c3920494be1e8ad0894d2e4eaf586823",class:"stepper-progress"},s("div",{key:"ca02c1f0c34d24363f030b828d6d9807140687fe",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"dbed479b177e2535fcdf3ef7f5b1be04b6839074",class:`stepper-wrapper`},s("slot",{key:"ad74e85e68cb12d1737066d07274e00b04db7077"})))}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"]}}};a.style=p;export{a as ifx_stepper};
-//# sourceMappingURL=p-95b48437.entry.js.map
+import{r as t,c as e,h as s,g as i}from"./p-e6edf72d.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, 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 p=r;const a=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()}componentDidLoad(){this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"632b6518d8c7b1e712865a9b499408a6540ca181","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:"2ee316cf71eebd5e8ff50b4d2c663f7675792814",class:"stepper-progress"},s("div",{key:"5ea016394d17a8421c4d0887b418b4f7e465564e",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"546b32d8cbe09f652a95d723985ac68626835dfc",class:`stepper-wrapper`},s("slot",{key:"7c2928e57aabf5121ce3e5fca3fca10de3e27a3b"})))}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"]}}};a.style=p;export{a as ifx_stepper};
+//# sourceMappingURL=p-13e47c02.entry.js.map

package/dist/infineon-design-system-stencil/{p-68b06d9b.entry.js → p-1c80700d.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,g as e}from"./p-e6edf72d.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, 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 o=a;const n=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}componentDidLoad(){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:"5611a3f319b0d8bd8eb135c5583e51a7ebbbdf14","aria-label":"navigation tabs",class:`tabs ${this.internalOrientation}`},s("ul",{key:"e72b1eca9d9a9a1d74aea100b5400d8db7e0bc8d",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:"2fcbbe0dbfd84095cc2050e96f71b97bfd2d3571",class:"active-border"})),s("div",{key:"c788afab32a3b14eb58d4c195bbca3c83ef5fe4d",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"]}}};n.style=o;export{n as ifx_tabs};
-//# sourceMappingURL=p-68b06d9b.entry.js.map
+import{r as t,c as i,h as s,g as e}from"./p-e6edf72d.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, 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 o=a;const n=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}componentDidLoad(){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:"2dc218563355690b7566802dfa6672fda0fe630f","aria-label":"navigation tabs",class:`tabs ${this.internalOrientation}`},s("ul",{key:"e274c1fc00b41f4ad3467a9b60a5b95a25c0b14d",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:"ef3fd6f8134bc99422e15c49dc597e5eeae2c013",class:"active-border"})),s("div",{key:"7043bc3c6ffcc0dcabc72d3054b30fecf3ca7394",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"]}}};n.style=o;export{n as ifx_tabs};
+//# sourceMappingURL=p-1c80700d.entry.js.map

package/dist/infineon-design-system-stencil/p-1dbd5a8f.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as t,g as r}from"./p-e6edf72d.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, 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 i=a;const s=class{constructor(t){e(this,t)}render(){return t("div",{key:"42da900122f1824327cf6fa9b61ad1d41ad673f2",class:"sidebar__title"},t("div",{key:"8586e575a96e7e06c1ff4acc2c64fe05aad4d84c",class:"sidebar__title-label"},t("slot",{key:"c478c1467b0194259985ede56d286cd5db96c35c"})))}get el(){return r(this)}};s.style=i;export{s as ifx_sidebar_title};
2	+ //# sourceMappingURL=p-1dbd5a8f.entry.js.map