npm - @infineon/infineon-design-system-stencil - Versions diffs - 32.9.0--canary.1690.0fd1d4f3930adff7951d6ac8fa7cd8a2f129f926.0 → 32.9.0--canary.1690.0b04d2e768692eb0a6dff00bb4a8192404e39af6.0 - Mend

@infineon/infineon-design-system-stencil 32.9.0--canary.1690.0fd1d4f3930adff7951d6ac8fa7cd8a2f129f926.0 → 32.9.0--canary.1690.0b04d2e768692eb0a6dff00bb4a8192404e39af6.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 (309) hide show

package/dist/infineon-design-system-stencil/p-688baa7f.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
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:"51ec6da8f2559d6bd672e5853014d26e406a98fe",class:"container"},c("header",{key:"1dfedb8bc31a83e7708388ca2853b27d9364e761",class:"header"},c("div",{key:"15088124e03cce1a80f0c041c1aa2fb1aad9a748",class:"header__info-wrapper"},c("div",{key:"05d805942fd0105e9a1df21b5d0d209c93bf6025",class:"title"},"DDS Components Overview"),c("div",{key:"a7c48a28d8117b198b103141755c3cc56f86ecf0",class:"infoboard__wrapper"},c("div",{key:"4fe3492eb06028bb3cf9d13f9b3f5b87f6182e98",class:"basic__info"},c("div",{key:"32434cbf3759902f0d7e4dd8caaa252520b6e0dd"},"Total Number:"),c("div",{key:"191cc30da81367ab1a8eee33f9c24e22da0dc3c7"},c("ifx-number-indicator",{key:"cd811083bb6bfb36be7f1a47a01690a2a41faf7c",id:"number__indicator-total"}))),c("div",{key:"59f93be7a334dc1ded745a7c6d282df1da4dbc9f",class:"basic__info"},c("div",{key:"a3127bc82f1a2b74d292a993838136fbf838fc86"},"Completed:"),c("div",{key:"30971bb5c1231c927e1da5f16d3b04021d965f25"},c("ifx-number-indicator",{key:"5b9360148707bfceb22001c3a2b6ca1ce893ca58",id:"number__indicator-completed"}))),c("div",{key:"40eea393c1ee384a3d384df00242e44440914a77",class:"basic__info"},c("div",{key:"93e2ec3f2fb1e0bcc58073ce295bfd0eaf4b57a4"},"In Progress:"),c("div",{key:"e1c78c5e53fe74915ff84dac2af10cbb2cba2c85"},c("ifx-number-indicator",{key:"b5ebe5b22ccbfb45b8447fcd190018c0cb8ca6d8",id:"number__indicator-planned"})))))),c("div",{key:"903dee93c880895bf9f6871c8a9410dc08eac1b4",class:"view"},c("div",{key:"dc2340bc0312480b55806e9ac1a400259677f763",class:"wrapper"},c("table",{key:"9cf8810d2ec887d1898f6dfa6ebc79d8e9d13ee9"},c("thead",{key:"7bbf0c083d0a612a33c0e323671d2194472c331c"},c("tr",{key:"307a190d0fc120e2189997b130d7b2e63496d4db"},c("th",{key:"535eff90889cae6daae118b153796756f8565058",class:"sticky-col second-col"},"Component"),c("th",{key:"caca64d4261535c08025c79c4687a87f2bd62fe1"},c("div",{key:"4be72b26a22bc07d194893242fa4d2d24f868c3b",class:"version__wrapper"},c("span",{key:"656662ff8f395bb4112aa3a43c1977d7641cb259"},"Version 1"))),c("th",{key:"8f193ed4bd3baad1080858b2c334d8ef417589ac"},c("div",{key:"f8d3b5175a360c9425d5c912d300cd91f389699e",class:"version__wrapper"},c("span",{key:"fd7880de99234f669724dc5c4c4357a2946615f3"},"Version 2"))),c("th",{key:"eef25605b0005c315c7045050c2d39dcae5817ac"},"Version 3"))),c("tbody",{key:"6e25037e64a6ebbc6705830a4a49cd8c06c5d4c2"},c("tr",{key:"d6f84f333905e6af16913f0cd7781e64468893de"},c("td",{key:"aab3989ba1c4d1bdd47fc9e54380f564c643aa66",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"3175c191fd537070ea6bbc1c6027adb78adcfe46",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-accordion--development",size:"s",variant:"bold"},"Accordion")),c("td",{key:"b884cde8ac75eead7d5d62f1c8c5f4b771da6281"},c("ul",{key:"ccbf52461e260c497ac3815812487c2383b14141"},c("li",{key:"67fbe9c5d5dfd257bf134e551a32b3f33807e233"},c("span",{key:"b2b92a3683a630de3c809552ae3a8c8f081c028e"},c("ifx-icon",{key:"adfc1fcb638876496c86c8017bf0ef2551e3bca9",class:"check__icon",icon:"check12"})),c("span",{key:"5b3bc8837ee2700ef60520435e95194db73cb251"},"Includes essential functionality such as expand/collapse behavior and minimal customization options")),c("li",{key:"c40fc221e96f1e6e6119b13ad6b0c28a93299e3a"},c("span",{key:"7b843c0046978f0f092b1fdf9b63e35c1767fc6d"},c("ifx-icon",{key:"6a92f4dc7cb57e5dbb5504c1c974da03b90ce95e",class:"check__icon",icon:"check12"})),c("span",{key:"141914e5e0b31058151f5fff1a5eb7566dc10603"},"Adheres to web standards")),c("li",{key:"a0f839c8912f32dd629a4595f3b0b82eef46d2a1"},c("span",{key:"5cc8ced8cc8a848b3279aec24723321bd5533f0e"},c("ifx-icon",{key:"f4f2cee9d2564066e22987576822a7594d285aab",class:"check__icon",icon:"check12"})),c("span",{key:"70de24a564b843663e2cf3ec50af517dc9104d85"},"Provides a simple and lightweight way to organize and display collapsible content")))),c("td",{key:"96dda552b05e3ff9861cf9963414848a428f0e76"},c("ul",{key:"9aa0e42739de26398bbcf1762ab3c1755fc7441c"},c("li",{key:"5a8433fb470828f33325122208cc80514642c810"},c("span",{key:"8448be715dde85cbf3004d804b785faa77937b1d"},c("ifx-icon",{key:"700e067c06ea88216eb908cd5063d16ecc9d9302",class:"check__icon",icon:"check12"})),c("span",{key:"acb3c91917efca62c16dd904df215a8d89f7f981"},"Auto collapse feature")),c("li",{key:"db8c83732426a03006c402a40aad728f722cb4e8"},c("span",{key:"5b7c8ec0090c65d1b7b0ede5527f8dc65f497056"},c("ifx-icon",{key:"8ee86dc96e89c7091b3681f4b0b9f60bf7372ba2",class:"check__icon",icon:"check12"})),c("span",{key:"c87dc3c9376691759ff576f3cb1534847fa7c85b"},"Initial collapse feature")),c("li",{key:"1de41fe8fee0cdc8b5692920acc8f70df9b71df1"},c("span",{key:"5f6e426469640c766246df070ea997fce946bf11"},c("ifx-icon",{key:"066a3d2dec9f8faa4c8527e8d0cd3f97379495a0",class:"check__icon",icon:"check12"})),c("span",{key:"abd5ec24569e2dd20d3c0e0f1d3d4377718c351a"},"React, Vue and Angular wrapper integration")))),c("td",{key:"54af0efe2c0f47e39ee59a840bfd92fe0c19368c"})),c("tr",{key:"8822b31f6a207e7931ead654e4731737275de648"},c("td",{key:"87643db3ebcddb74baab89d5e597092dc8fc38ee",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d311b45d114021678035054fc0a770f43c54c6d5",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-alert--development",size:"s",variant:"bold"},"Alert")),c("td",{key:"d93652785e491a6626b53742cfdcdaff33ca1678"},c("ul",{key:"4b24c4ca6911d3cac892ca5a248c2b4fe04b1daa"},c("li",{key:"dabe25dda0fe9c8695f21d522dcba4671489aeb4"},c("span",{key:"339f73d7c5a2557ebd02d5a6ebc55b413dd0bce7"},c("ifx-icon",{key:"8ed3112f8a59b15d956911273a14cf8984f438ec",class:"check__icon",icon:"check12"})),c("span",{key:"cf001b83e53d75ab3bdac9bf4fdc09c01e678934"},"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:"cf6c30910de8075dfe27a9dee8507357ed8d659b"},c("span",{key:"5a726a37d84ecec497e9b99614061961d058d47d"},c("ifx-icon",{key:"3d8f8128c1d278fc1c39c25d45daedb1a6b9c03c",class:"check__icon",icon:"check12"})),c("span",{key:"021a63e77d2454c31d6e6ff33f6d83de9df2773e"},"Adheres to web standards")))),c("td",{key:"da3feb098dfae27f697e03dcc57950f23d7a3f19"},c("ul",{key:"c3760e29d2459ac42697fbcdc6e9c4cb771f7bfd"},c("li",{key:"21c716735e962b3bfcdf2e90ac2edecc1ea015ac"},c("span",{key:"6dd526204c3e7f0735111f5b5c074bef6394dd6e"},c("ifx-icon",{key:"e94abb6ef67ebb83feada54b8c6a4a17806def60",class:"check__icon",icon:"check12"})),c("span",{key:"b3ca7acdfc4d095e6219ffa36aeddbecadb3200a"},"Configurable close button")),c("li",{key:"3fd70a8ae9e25a396b64328566d7f76c41b33b50"},c("span",{key:"d5d752c524ac309f23de243d55ae27f7da322ffa"},c("ifx-icon",{key:"3fc9e8e94b94e031e93639f488a47b4fb258740e",class:"check__icon",icon:"check12"})),c("span",{key:"2c19fc9b2dc6df3f9d6c2f5865cac58ba3b6f335"},"Additional Info variant")),c("li",{key:"e1fd4afa878bafb89ab0c19b70e2850122f0c88c"},c("span",{key:"24c6fa1d77bfd9c47df4bd6bb136075b25d4931c"},c("ifx-icon",{key:"0aa37616e6426fa0bf6c5f894c2a9519f337c4e0",class:"check__icon",icon:"check12"})),c("span",{key:"20b4b58a11cafb13002b9d9512fae7596a4f0e49"},"React, Vue and Angular wrapper integration")))),c("td",{key:"cc85770d7beb35f545e774d41f7bd41d815c857e"})),c("tr",{key:"e4e2f673aaae4ac525f0e586d1e30ba8cb2c7d58"},c("td",{key:"7c44b3689f9bd259c3e40d8d5ff877cafda47680",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"4f50082e7b570014c2edd79d94b9a76b1a27d9b9",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-badge--development",size:"s",variant:"bold"},"Badge")),c("td",{key:"e971fbb1a2bb1a49494c099f40e0355a3fc85599"},c("ul",{key:"ae3a2650453c37421dc55aff660d3cab305cf147"},c("li",{key:"dea1696a59248e6d54e4313253c0ee51e63f7b49"},c("span",{key:"418d7bf097e27bf4a87a3710ef1219cee666a93e"},c("ifx-icon",{key:"5909b8b57bd73ef175f723c737f0d6e9ef12628d",class:"check__icon",icon:"check12"})),c("span",{key:"97ce5e0c5841e8860653183327a26ad78ac65875"},"Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues")),c("li",{key:"4520027a564473d55044faa6a37686f81994f1ea"},c("span",{key:"479c82eff5e0eb32821d2c83962f032de50e8e07"},c("ifx-icon",{key:"490952f8dc881b6e821b6cdbd6def4fcd64e8875",class:"check__icon",icon:"check12"})),c("span",{key:"9295d646211f092cf2b6d33f3326a510e482b615"},"Designed to seamlessly integrate with existing UI elements and adhere to web standards")))),c("td",{key:"1b2da195598a40093e8023bbc127cb025a48b58a"},c("ul",{key:"5de00b380b4803cbd9b46081c783ea92f487dfe1"},c("li",{key:"57829c64e5a3f186f33279e47ad1c95321072306"},c("span",{key:"001d60e3c36cebcea0c4b02bf2cce3c02e3d2b9f"},c("ifx-icon",{key:"569063a1310ddb4a303e2ed21c9b994ea85a30f0",class:"check__icon",icon:"check12"})),c("span",{key:"47c58824e80aa86532743a13b4faea6bab3fd2da"},"React, Vue and Angular wrapper integration")))),c("td",{key:"cf43b1dec0c3256ced300b252fcc0c7edbff9eb4"})),c("tr",{key:"618153dd9a43ae59c82255148e76bd249973b4c4"},c("td",{key:"0243d07787385bce66a41b1bed703e8198376518",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f582e1f3f11b065608600f98bf7cc52526843edc",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-breadcrumb--development",size:"s",variant:"bold"},"Breadcrumb")),c("td",{key:"e59d6974f99389572531434cde5763c4f87ca235"},c("ul",{key:"44aa73ddded7a1c265f328c98a1c766e9474d68e"},c("li",{key:"281c47e85d3e48a23ab969cbf7b75122b82bae57"},c("span",{key:"806fcee13e997aa59b12a579a59fc67f48ff334c"},c("ifx-icon",{key:"9c9dbfa6da9f9582fe7dacd8949946a78d1132bd",class:"check__icon",icon:"check12"})),c("span",{key:"5ca0a2998b1b33156b1fad33945b02f6be3c230b"},"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:"045952b85b943a34ebc1d7f1def1963871fc4b3b"},c("span",{key:"baf4fb6abd13c567e6a04ebb2972a5a4b074aef3"},c("ifx-icon",{key:"cbe8a19c43673fe26df60cad1a5db05f003a052d",class:"check__icon",icon:"check12"})),c("span",{key:"017fc2b7261fc1d3985bbf6574a4128c7915c085"},"Adheres to web standards")))),c("td",{key:"77aece56671de44f6bd07097fdd43d70050363be"},c("ul",{key:"c670db0f92f8a20075516189ba70eebabdce4872"},c("li",{key:"a29b00717e60276ff98c2cc1859d576fa4bc5c2d"},c("span",{key:"2748d8a5bf6e19a63ee57e5aed5593f7a59391b4"},c("ifx-icon",{key:"7d3b92c7c22ef68b5744c6b018c451829d747f58",class:"check__icon",icon:"check12"})),c("span",{key:"a8c2883741df6d5fbc47d3cbb0e189bc4aac1979"},"Possibility to add an icon")),c("li",{key:"256e1d5a72518fbcb9d41f3a2e9b51f9c21d840c"},c("span",{key:"a3681c515d6e60af3e6c363a112cd1b365b9a093"},c("ifx-icon",{key:"911a16f1281c453fcd50041ff1e7b488ae695ff0",class:"check__icon",icon:"check12"})),c("span",{key:"5f7615863255558a8899246756ca2185e94b4b0d"},"Incorporated dropdown-menu for individual items")),c("li",{key:"606ac51ba4827114177d01756d6dfd720ed7ad29"},c("span",{key:"de5c0e92f409e4d14d54b452a52714319401043d"},c("ifx-icon",{key:"3fbb868756a7b0b02b39d08388f12d55885a2d0c",class:"check__icon",icon:"check12"})),c("span",{key:"19cc7fc88225fc3ec0be69ba7434d96c6d9a96d0"},"React, Vue and Angular wrapper integration")))),c("td",{key:"051fd82d59d03687ec11f974591bbd55abc32f4a"})),c("tr",{key:"e2d1307a5c5550ab30ad19906af6c15abb55f006"},c("td",{key:"a3303101dca29673d52ad3d33df451bd5e6e1572",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"7d2320b0cbde41ba2ebc2622063c584058262276",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-button--development",size:"s",variant:"bold"},"Button")),c("td",{key:"d20c4bb1f37ad67357a9a9525ecf98c68abfdbc2"},c("ul",{key:"4c1aab8f6eecb93be4b8b18cd0f3a163fddb7bf6"},c("li",{key:"600a831dbe050e274ad51ed882d4f230737270a3"},c("span",{key:"5137763b5f25f9a24fed437bbcb75d3470cc171f"},c("ifx-icon",{key:"2c96cf8f9648b446a923d0c907a63fe92e9c65b9",class:"check__icon",icon:"check12"})),c("span",{key:"20cef2d41a04c97575f493c2436d58e9b37bf5a4"},"Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions")),c("li",{key:"d67af6b32129f330d71e02120836d42f60254d47"},c("span",{key:"2541f14ed7c19eb79b1fa7f07313633fa01bddcd"},c("ifx-icon",{key:"c0d9254ea26e36a3c146ee45b249e98d706969f9",class:"check__icon",icon:"check12"})),c("span",{key:"494389c65a8bd2caf4c1617dbdb6c8b400015077"},"Adheres to web standards")))),c("td",{key:"c33b96baf62a3f5f6db93ef47493d1d1ee5b65f9"},c("ul",{key:"55e66d2f768338e58490b1ff54b4bc3f9c7da521"},c("li",{key:"b84230a3a0979208e62604a343b0c670005256c3"},c("span",{key:"f3c8af06ff21664125abf6c75f9a21ce83a39b71"},c("ifx-icon",{key:"4d9348baf7a25b70d352819a05b539fd430a4b66",class:"check__icon",icon:"check12"})),c("span",{key:"0811e47525304d279b08122269a4f2a23a9dfd61"},"fullWidth feature")),c("li",{key:"7940544b74c55c2a864438c54035ade3f1e75a61"},c("span",{key:"3d9cbe6a01389bb15c114efa4a39996b3490597d"},c("ifx-icon",{key:"ffd3abafb25a13610c524466c110b03c55ba32f8",class:"check__icon",icon:"check12"})),c("span",{key:"9af28637ab5faa340bf362721de088222688d8cc"},"Icon integration")),c("li",{key:"1a42d062f6fd0b2a064d2777856c2c4c7527791b"},c("span",{key:"897cfe5627a1390704ecee150910f7710f34786c"},c("ifx-icon",{key:"f5ae20a4a491c2ff10d3e89ca9466256875525a3",class:"check__icon",icon:"check12"})),c("span",{key:"4bc675b44387d9c8b348b5b2dd48bd6a0f4acc48"},"Link integration")),c("li",{key:"b8132cec9afe041717f4bf96c872704d3d141f0f"},c("span",{key:"d91f91c3b1e4c6458bedf04912835921262f4852"},c("ifx-icon",{key:"4e07ab00266b6abb9e54154833ca97092d85bd98",class:"check__icon",icon:"check12"})),c("span",{key:"ad9880af5a639e6f36eeba46fac05394ccab2df5"},"React, Vue and Angular wrapper integration")))),c("td",{key:"382ff0b3ad952d1f9960bd51556b163b87e2b3c3"},c("ul",{key:"53b38808f5d5cd9549975cdd6b773117b752d725"},c("li",{key:"06e230d91ebd507916752002c0fb02236a566a5c"},c("span",{key:"de13164840b950be8d88e160d7b79036b9570eeb"},c("ifx-icon",{key:"0d456e6d6bd96ab9d11489bf79449a35b67b659b",class:"check__icon",icon:"check12"})),c("span",{key:"ff58b1371ececdd12580e5128b8f5bfd6ecd8aa9"},"Form integration"))))),c("tr",{key:"efc7245fd426be6a989d7020e92fb202252c527e"},c("td",{key:"e4543b3f534fd04a469b11ab98c6da25d504480f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"9f29e9808dbebc5b05cac6197a1fd25df88bf131",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-card--development",size:"s",variant:"bold"},"Card")),c("td",{key:"72f48c44f34a79c7628e8be86fed1205ae309948"},c("ul",{key:"a0a49a305e7baf8c5f7f3dfe11c1b58af8d2b7b5"},c("li",{key:"195775b682cf3b575822104c70e1825055bb4949"},c("span",{key:"e324e29ea361fffca5b473eefca6b6fbf953ed11"},c("ifx-icon",{key:"c56a6e56547e784c3f774f825f3a9a1b169cf40b",class:"check__icon",icon:"check12"})),c("span",{key:"f7c02e736ddca3c52c78c323e55a5ae05fa0b08a"},"Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons")),c("li",{key:"f536efcdd2398d327de8546af678db8fe1d5a942"},c("span",{key:"bbebf53bcff96b2fb5eb3472a00d909103a5330f"},c("ifx-icon",{key:"d75c1972421bf1a529d00891bf6a40538114ff8f",class:"check__icon",icon:"check12"})),c("span",{key:"a0ad70920b15bef6997e46eccae26f5c14ff1fa3"},"Adheres to web standards")),c("li",{key:"a9c69d007640a0e9dae6d6de93120ac0e9a46e74"},c("span",{key:"5c0ebdb6d1f64c1f726541f494ac043e28f9c145"},c("ifx-icon",{key:"c15e76f529f3401baf06c949c870ac7e2d15849b",class:"check__icon",icon:"check12"})),c("span",{key:"4c03343e7dd49a511b6953f66d89a7573b3e0de2"},"Horizontal and Vertical layout")))),c("td",{key:"cc1b7db35478016e9bd88b924272fc72cdde0a21"},c("ul",{key:"05fe1dd21843a89a6d76d6324a49b58f5b61dc4d"},c("li",{key:"fb4789ea4d9980aa331f8deb0f070bdcb9415ad6"},c("span",{key:"e0a334c18218ab75ba85b1880d7945d06e6cf630"},c("ifx-icon",{key:"b6063cfe59969d41e92947c167e5ca605c9568e9",class:"check__icon",icon:"check12"})),c("span",{key:"9280cd636e6bd7c99f10dcf5da3ae1511e212576"},"Possibility to embed multiple buttons")),c("li",{key:"aca2fa77faf7da8dec7813f3d482a7e198bd61aa"},c("span",{key:"73779d5c641771bc57cc649bd4530fc185727b99"},c("ifx-icon",{key:"53250be9b5d74b454685ccf0bd563bc8a804d2b6",class:"check__icon",icon:"check12"})),c("span",{key:"ef1773c2a0d616fdb608f3b7d6d0d551bdd33aa5"},"A switch between a Link and a Button")),c("li",{key:"8a7330780b9faeb5a3746f283448a17f8d8b4aa2"},c("span",{key:"4246c266189440d3b98810dc5908a19a7867266a"},c("ifx-icon",{key:"52748744f0f4a3363f0e341bfc1ec87b76eabffa",class:"check__icon",icon:"check12"})),c("span",{key:"b1a82f568d4d7157f3cb6ac6355c41f12128860b"},"Enhanced stylying behavior")),c("li",{key:"714a8275176a3887d66e31bcd6df3643749d56ed"},c("span",{key:"d6014d145aa4f8d45b4775534bee2043ea40959e"},c("ifx-icon",{key:"9b9f48120166632cb25a587ce233a0bd041d88e5",class:"check__icon",icon:"check12"})),c("span",{key:"63c789a080fa23062cbebc178a5fb53a85aae16f"},"React, Vue and Angular wrapper integration")))),c("td",{key:"db92cbc08a24e7803ca11f3c69d55d8b6a6f05f8"})),c("tr",{key:"75be158061c30b19c16243d51d9a1d6b7867c2bc"},c("td",{key:"84e3277158048d111ac5030f57c0c18c47518436",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d96b4fb0f01b8f53fec7b54e20db83fa7c88237e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox--development",size:"s",variant:"bold"},"Checkbox")),c("td",{key:"8888617902b392f9ef977b1cac72d94d1e119868"},c("ul",{key:"b3bc0ae7b3ee39394a2f3e7d0e470bd0c9f6611d"},c("li",{key:"4bc9a9a5b4de38f3719be7162c818a5bcc948499"},c("span",{key:"4ca4a710fdffd6fccaabb0fc25a99fdf61c2e8ea"},c("ifx-icon",{key:"a1c1b1b093efd015e25463bcea9b9deb65062d1e",class:"check__icon",icon:"check12"})),c("span",{key:"5e8dc4e114331e8f27ec50752f84cfd2db332c53"},"Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states")),c("li",{key:"6614f89ffeeb12da8513fa64539337ee721c0d98"},c("span",{key:"c63d8dc48e3b557bd379082986b4bb56d5a32fb4"},c("ifx-icon",{key:"1cbf65b72cb44cdf1f44a75e1fe9890d33e04201",class:"check__icon",icon:"check12"})),c("span",{key:"dc522b873f0ebafb52e83b232339a3f325055a02"},"Adheres to web standards")))),c("td",{key:"a01d83e8dbd4366f2fb0950adb494e2bbf12a4f6"},c("ul",{key:"8b1756756d9ae87704196cf616cb9f1e29126c0e"},c("li",{key:"4472e76aeaf622666d19ecc679bf78594f9e098e"},c("span",{key:"62a2ccd7ab423e5cde6f91e6818a8eb5630c51a5"},c("ifx-icon",{key:"fc2a051735ab25e990272a2b136212515fbdb295",class:"check__icon",icon:"check12"})),c("span",{key:"957480ced8f48a7eed266ca60594d86fc70df8f7"},"Indeterminate state variant")),c("li",{key:"a3e069ac7308c12371902df57f5613f429e5f14b"},c("span",{key:"debf836d01390016358780b2a29ed057839524da"},c("ifx-icon",{key:"5f53df0ff6e45c40bc6781f85e1bf04949d9dc4e",class:"check__icon",icon:"check12"})),c("span",{key:"c0f5ef307d727044d22eb951d81706ae9c946ddb"},"React, Vue and Angular wrapper integration")))),c("td",{key:"9576f7bb0e316c68d495a52da068a18736b52a88"})),c("tr",{key:"32dea158514caec9784d8d6f4fe1c7a229d45231"},c("td",{key:"0cfbadcbfba728320ec0ddcc9bc9d09eb57b8f85",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"a208f9d5c8e33c17d233f2e73db29d21184abbc5",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:"365c899a30abf07075b6bc2a61656c8ee0b38bfa"},c("ul",{key:"9f38ede23b186036ac4467985eef6d6fbb5781ce"},c("li",{key:"af195004b4a6b2647f7f20001137222da5a0ac57"},c("span",{key:"3b1dc97004f09f317610ff3914de6f74b2a18132"},c("ifx-icon",{key:"84dabf1334b98af06c22b04e123c96413b76fcde",class:"check__icon",icon:"check12"})),c("span",{key:"83ba51a05a7409476c208be0f0907bba3c0f53bd"},"Provides a simple and customizable interface for grouping multiple checkbox inputs")),c("li",{key:"d7b24f346fe9c1505069659cb41be001c873f634"},c("span",{key:"e60877156f9e178bdb2f4f7e03c0c8375447bc86"},c("ifx-icon",{key:"231c44b78ff87a60af4ab44c3c206198269642e9",class:"check__icon",icon:"check12"})),c("span",{key:"240c86aac9159884e99b15a494a8698d43e02c2b"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"76849cfb1e020aefc2d3bc1d8447735935b0b650"},c("span",{key:"938b5ba88f7e9fcc82bc8969c62c289de9fdb8d5"},c("ifx-icon",{key:"aa2be69d83118061aea8ef282ec6102aace319b9",class:"check__icon",icon:"check12"})),c("span",{key:"31a45a3fc39bc412c177961652a607f0df715789"},"Allows to display individual or group error")),c("li",{key:"a80695c1be71d06c342060d9412cae8bbc5ea99c"},c("span",{key:"1381a9abd9ccdbcf3649ac7f2552a09cb4361528"},c("ifx-icon",{key:"5a23e421c680c697b551d3ba7e68839423a83c5e",class:"check__icon",icon:"check12"})),c("span",{key:"ac63ceb916aab702324513e5e5e267afe1af434f"},"React, Vue and Angular wrapper integration")),c("li",{key:"5d59a0f732deca673369ca366b34ed8c250c7bc3"},c("span",{key:"f35d041eaef2c3896e8bdc5b2de4809c4cd6da5d"},c("ifx-icon",{key:"356785b17dc3d7b358e2aebf0eb24f7e01b5a692",class:"check__icon",icon:"check12"})),c("span",{key:"7dbdf8022d1bc4179ef0b221f01de749e1c0ab7c"},"Adheres to web standards")))),c("td",{key:"dd71958dec995e977121a8b654637678257e7984"}),c("td",{key:"fa6d3e68bffda673cf4b760c1022f9a781a30149"})),c("tr",{key:"764ac56c9243efbc9d2fc1939fa60d7891329e59"},c("td",{key:"3a657b85a15a22b61112b1933e439ac8abe22bb7",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"84e2dbee0cc412463f5d33726cf857b4b68d85f8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Chip")),c("td",{key:"acaaf01a603b1d4f9d6e99115b130e83f8051ea1"},c("ul",{key:"6b96da7d5e0a01b4380e63de6fe63e5880eddaee"},c("li",{key:"ed776e7c1771150b048f00ed4418ec03690c5add"},c("span",{key:"bc73353bfbaf28b314c8176ae1970500de747ca7"},c("ifx-icon",{key:"1dc993edab7319de56d68bc4b818f735913b3689",class:"check__icon",icon:"check12"})),c("span",{key:"e6b8183ea50c3ccff1fa0506f8dc0eaa6a44a951"},"Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities")),c("li",{key:"c1c7c23a33a820d36bd3fa1598384306192b6812"},c("span",{key:"14f271c9ff2f88f52309e19b109c73c74fa20d7d"},c("ifx-icon",{key:"2236c5d2252a5efc10359fec4ea6aa0518532242",class:"check__icon",icon:"check12"})),c("span",{key:"5a9a04c1ce52621f1204dd296369cf4917e8e8af"},"Adheres to web standards")))),c("td",{key:"8c4927d089b8f7465fc7607edefb628b1356905d"},c("ul",{key:"ed09e5a677af528c6e2bc271bd9ad251645acd84"},c("li",{key:"7be07eed384057cedefffe7de405815c19f6b42e"},c("span",{key:"76fdb7c97ec88bccc605102198ba5e7538ee069b"},c("ifx-icon",{key:"0c9cbab22719a87c3330333e0432e487c81ea07b",class:"check__icon",icon:"check12"})),c("span",{key:"7c545e4b042963ac5469e8948ddadc2cc4883d56"},"Incorporated dropdown-menu for individual item selection")),c("li",{key:"abc13d992ae1ebbb53c5c4a18ed6756f53acd51a"},c("span",{key:"166f2737067edda05a345442b5c7a18c086ab232"},c("ifx-icon",{key:"0be04a93db7dc66f0b16ce8c46d14989af5ee2d9",class:"check__icon",icon:"check12"})),c("span",{key:"e3f55d2762cbb47abc0ec7156a0d4e3181117ba8"},"React, Vue and Angular wrapper integration")))),c("td",{key:"588246ef438ddf62ecb0f928a53f079d56d54038"})),c("tr",{key:"5ad174ae0ff51c01413f5e223679c7a5e1e7cf50"},c("td",{key:"7bd1ce18b1ff5577c0b2d69c7b4b6193b2701ae5",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"ada68a649eab01bf5c7a1a6437dfe8ec6757e816",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:"248626fa2ad2fd88c9ac72de5b99b6892d16af76"},c("ul",{key:"1d0f9ea327f6ac548aceb0b65e01a25dd3e63d85"},c("li",{key:"29c88f74972491e7314d7626ab1790cdc611a3d3"},c("span",{key:"7766b3ebf2dbe8b6678a822f8b582f267bb7890d"},c("ifx-icon",{key:"2831fe28c3289bc53d72de9d8ff6eb77e3bf2466",class:"check__icon",icon:"check12"})),c("span",{key:"9886702d3635d8a3f925c137f8df202ee86cff70"},"Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction")),c("li",{key:"e55d84daeb6873245c6c944f0bbdb7a9fd3b5cf7"},c("span",{key:"ca578eda92cdfd687409e7e354b7632e310b748c"},c("ifx-icon",{key:"2c96e010f567efa9a9d16decb54e01ac0e0c9fa5",class:"check__icon",icon:"check12"})),c("span",{key:"1e6c805516e731757d77cd5643c9510ba0591450"},"Cross browser compatibility")),c("li",{key:"107809e90c6cfa06f244403fa943f8a46570671f"},c("span",{key:"0165578beeeeaa5b167c90b621d1b7f53cb118a8"},c("ifx-icon",{key:"f2de0dfae70f2c01b0a2421e92fbd7555c048718",class:"check__icon",icon:"check12"})),c("span",{key:"948aa3ea54facaa0200320925129e1f4cbcb429c"},"Form integration")),c("li",{key:"8d2d439365a8d3321aeacd366755fd2d79e64ac2"},c("span",{key:"3d47bb21ca46cbe41d2ab51210affdc92e21b7e1"},c("ifx-icon",{key:"2ec1dd8423e0dc9b51018070fff3daccfe1a6a32",class:"check__icon",icon:"check12"})),c("span",{key:"d9cc7a0a9014b36f813defc4d1021af0f97fc4a4"},"Adheres to web standards")))),c("td",{key:"ddae61f104d581540a3f5186521e4450e4dbe7c5"},c("ul",{key:"89ce4cba9d72d157160ce89117d53b6ea141830e"},c("li",{key:"02d9062977914d98461e032dafad6638c7d8b3e6"},c("span",{key:"42dd594cd5ed233ab016be8fa916919169c5ab80"},c("ifx-icon",{key:"cefb73b4fa2bdbcbb9bcf25688811d4a7c2a35b5",class:"check__icon",icon:"check12"})),c("span",{key:"246b02c57021dab89cdd0e12d1b16703c9641246"},"Range")),c("li",{key:"077df8b41db5faef55ebf76e9aceb2f6e3d8a978"},c("span",{key:"707d02b62b9a9ec55f847d1862f76f9eccb824b7"},c("ifx-icon",{key:"e5bae4f62f51113357b89b9f6c89e5311b210643",class:"check__icon",icon:"check12"})),c("span",{key:"b9941d050cac09782ec4ca96baae88261a7e82a4"},"Default value")))),c("td",{key:"c564f1bedd070e803da7ff100dc888ee4d113788"})),c("tr",{key:"f6faebcbd2eb8b6039e7a2ab1e88325963f867e7"},c("td",{key:"db4c9df4cbe60a7e66903ca2915521b801855b29",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"db9f82d6f322212f83683a0ab60bdaf09d9edb2c",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-dropdown--development",size:"s",variant:"bold"},"Dropdown")),c("td",{key:"613d7150cdff8cc678c5c2b80e845bda3dd549c7"},c("ul",{key:"efdbfee28a7dc09da130bb1d919c4fa712772f22"},c("li",{key:"c05847886e3a35b773d7e93257677fe704dedb6b"},c("span",{key:"26b57f0846ef3f3be9ab5fd87871bb3cfe815a76"},c("ifx-icon",{key:"30e312a5e0a276a2a7e1445dc7809e83ece4ea9f",class:"check__icon",icon:"check12"})),c("span",{key:"8b281248eb338f3b065b79f311bf45b0d39f3c40"},"Offers a versatile and interactive user interface element for presenting a list of options or actions")),c("li",{key:"92d313734144a8bca7ff02f4dbb8d817ba2c84a2"},c("span",{key:"01a4c15cb4ddde3f17951b191f6e82a1b5268508"},c("ifx-icon",{key:"774d743e05939ab5e86f3c2683ba23df2d5a5705",class:"check__icon",icon:"check12"})),c("span",{key:"e0d95e27b86232480c163abe104a5c7e63ef851e"},"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:"6cb7661ad1fcf7164a7e7f31e7b2917cb14b6797"},c("ul",{key:"fa478f98a74af011765da3c8cc4223aea2dfe673"},c("li",{key:"25add2329bcaf89f5713ad6ec02d416ea6e1131e"},c("span",{key:"49b088f17bf88f01f2d216e8e8ecbe5e01c5eb62"},c("ifx-icon",{key:"cd1b484bd51385610b7b8f15a7fdb511b7c8e19b",class:"check__icon",icon:"check12"})),c("span",{key:"7734fafd9b3ef0fa1131e2f4a31f3854587cdc36"},"Search filter")),c("li",{key:"b4fcd138162d9d1ed1335d040056272a333f8d78"},c("span",{key:"441c261faa370e6da3aaaad7fa14ae1e1e1750f6"},c("ifx-icon",{key:"67c5445e21a352a86d01828b29671fbd4a30ff4b",class:"check__icon",icon:"check12"})),c("span",{key:"8f69fc7940d6fc55f9f6562c32cf51d2df73f773"},"Header section")),c("li",{key:"f4f23403cd0f5dfc8852ff88fc96b64f864231d3"},c("span",{key:"339f79a62e8a0de0bc95f2817158c1a9835ceebc"},c("ifx-icon",{key:"972e7a4583bfce0342e44646f2b1d47e3985cdac",class:"check__icon",icon:"check12"})),c("span",{key:"39eedd02abff92bf35611528ce9e613a07bbf910"},"Menu Item Divider")),c("li",{key:"889e38a100e32e05988bfd07e5257b339bd43b3c"},c("span",{key:"8f52fc4685f96713fb190cbbf9f9367a9869404f"},c("ifx-icon",{key:"7327eaf47f0235bd577f79c1f809f4406e4b111d",class:"check__icon",icon:"check12"})),c("span",{key:"b9ddbbecbcc04136aaa99ff97f7c03327f6a9d76"},"Icon incorporated")),c("li",{key:"49127a3f76b14dd8ef1b0d3fb5878cf8fbd7783a"},c("span",{key:"95568cfa6311ed3391b2d19ca0b59166b31188ab"},c("ifx-icon",{key:"a284a4c68050a6ba5f19302a9421e133893986aa",class:"check__icon",icon:"check12"})),c("span",{key:"e368b1dd0a458ca968380eac738e0cd744bf9fa9"},"Extended customization and configurations")),c("li",{key:"b9eb16505099742f7c0e739898886cb1535eb013"},c("span",{key:"918a6eae869d995aeeb6236cdbbbfa8436796173"},c("ifx-icon",{key:"02d10872331105d3a84fb1e6a6e43ccf02ee2c23",class:"check__icon",icon:"check12"})),c("span",{key:"2353448d263ad76e03a8ca030c10bef2fe0e0a60"},"Separate label trigger")),c("li",{key:"ff922b6972d9b2aa87d0d968875bae84d2c8e558"},c("span",{key:"693f7f4bb9f3bdbdf451fae5813fe668d29872f7"},c("ifx-icon",{key:"53cf4bbc0a52eb6bd2216a7ebf33af9fd58b0436",class:"check__icon",icon:"check12"})),c("span",{key:"a2bab1adb93f32ea18251efadfc8662f015a6a08"},"React, Vue and Angular wrapper integration")))),c("td",{key:"3d6308d30ec02f333d75de9775b55e170d349599"})),c("tr",{key:"c66833391debb4a08414393b70cc25648bccf761"},c("td",{key:"d1911a2db35b96b8e6c359465233b9361f91607e",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"99f2313b3ad812bc805544db547e4da7ad818368",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-footer--development",size:"s",variant:"bold"},"Footer")),c("td",{key:"6b1533c144ae697e8bb56ce3a1a57658914b95d9"},c("ul",{key:"3c0ec2ff17211364ac122fcf64b1d8371eacf695"},c("li",{key:"a0eaa7515dabcbbe2f6d58600077049922ea2a25"},c("span",{key:"5b96e0e2a05b46f0ae11d1f83739d5d3d08e2f0f"},c("ifx-icon",{key:"12a982c3fa785f91d59efd819e907df6f5dafc95",class:"check__icon",icon:"check12"})),c("span",{key:"c215b119a2854fc248a7e151b812e50a5787ec05"},"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:"06c151e135d4fa15b19fe6bf5573485d894e224f"},c("span",{key:"0bf04421324a1660a6a9daf5348b9ac55b2fc4e3"},c("ifx-icon",{key:"5a7ba613abb1e1a382189b39a4b6ce60202f7472",class:"check__icon",icon:"check12"})),c("span",{key:"ee1ae173b82ce63e36ab9cf0117206c5598b0367"},"Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information")),c("li",{key:"9fc74cda720ad3b3b454ebf986b06921351e7f10"},c("span",{key:"6fab7500fe1129a7a4a463b725713619abdb2fa5"},c("ifx-icon",{key:"8d804d98a6df9b40c3194a7f922fb32ddfcd8413",class:"check__icon",icon:"check12"})),c("span",{key:"71e3cdbd6533f24262fe133e152fe31e4f2182bb"},"Adheres to web standards")))),c("td",{key:"6394cbde7a38c7fa560f12debe25e110962e0dc8"},c("ul",{key:"7b5d24b426f9ba2c29947048a6c2aeee6403b262"},c("li",{key:"316423e8ab26ab0ccf59ffc33098b5b76ffdb70d"},c("span",{key:"a63ea394d67a37ec7208729d02ac9fb495937a15"},c("ifx-icon",{key:"103abf7b7108b269761bb7797e28bf14eb73dd44",class:"check__icon",icon:"check12"})),c("span",{key:"10982c80ddda1fb8011df94b8055192bb023cd5f"},"Small, Medium and Large variants")),c("li",{key:"17050cd6155b544d424abe6e2521b89d948bc3b0"},c("span",{key:"2a0e296b319750c6aa1f7232cc256f84a2fed308"},c("ifx-icon",{key:"fc6947a0f2e8921bacf1005c842f8a6d74657861",class:"check__icon",icon:"check12"})),c("span",{key:"4cc08239108d993cc721b9f36aa652fe727fb808"},"React, Vue and Angular wrapper integration")))),c("td",{key:"e1d7ee6c4fa8d2691dd23708114c5eec1f46470c"},c("ul",{key:"092f7256952b578c84bc639b2a9a01d700cfa228"},c("li",{key:"e36934eebf18ae092d02f4dfa781608244fae113"},c("span",{key:"fdb07ec9bf922855c7f45a36f8819c41debf4669"},c("ifx-icon",{key:"98e91340e63cea5c47097289f7f8060fa858ca49",class:"check__icon",icon:"check12"})),c("span",{key:"0ddd4d0830fd01e83302625ce3e7e0d0d55bf7b7"},"Customizable and removable links"))))),c("tr",{key:"f4e568101428b6c34dc6660f32ce4fd1120f7fa4"},c("td",{key:"a473604249dfe35455f986b54ffc79466839b5c9",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"ddf4591131fc9fc9b1b3ecbd562b9deef4b387c7",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:"0c1159d3c06c465328c3a1fe09fde546b928f2ce"},c("ul",{key:"6dc152da3f9723917f02c31bfd6ff07f27d64599"},c("li",{key:"22ec57617cbb64cad31da89cc05778667984a284"},c("span",{key:"09a5b791814a9b0e5197737414a341fe6c42d567"},c("ifx-icon",{key:"10c77ab0a0b181edd6c28e8cba2171e2eb58dee7",class:"check__icon",icon:"check12"})),c("span",{key:"554ab51270d3c225f1183898bd3ee8bb29f63c95"},"Offers a compact and interactive icon-based button element")),c("li",{key:"f18b8f4d9e78d50a15abad16f541a1efdec57207"},c("span",{key:"5359658fbb92d7e2e67fc2de3148d55439c6cde3"},c("ifx-icon",{key:"8d0e27febd2c8ca7e8a9479be7f10d02f7ace52f",class:"check__icon",icon:"check12"})),c("span",{key:"e4860e1dca6f497a886defa86e1c56e1b52d88bb"},"Provides a limited scope of customization")),c("li",{key:"e717a2fbd5601772e86f192da4b138cfd9a17571"},c("span",{key:"06b4eddce91d9fb70b94f1ac3a7881ae51b9b180"},c("ifx-icon",{key:"ad9b0101c9e9a00e56918415d821f47f123c0e47",class:"check__icon",icon:"check12"})),c("span",{key:"7562bdfbb0e966bb1794308cc0360cfb37daef48"},"Adheres to web standards")))),c("td",{key:"5abc890935e98ef9284f4198fbcc3cb8d4e93699"},c("ul",{key:"b5b37308c49e87f888342b5ae685a3c8f4e1066d"},c("li",{key:"19c875d829cc8e9a6162b0e840eceb99d97e4865"},c("span",{key:"d64d70143e77187519c73c7b97712d7f1e0d3d98"},c("ifx-icon",{key:"1425d326f06a14f7fa0206b5ac98f072e46a3313",class:"check__icon",icon:"check12"})),c("span",{key:"91b5e8b906275518f2054d0d1a7d64307620dd67"},"Additional Round and Square shape variants")),c("li",{key:"6c52f416e474b614b9ee6a652d14c72eec01120a"},c("span",{key:"782a49cdc931e64170b4175bbf9853992259ada8"},c("ifx-icon",{key:"8a4fba133db8b64402753cb760df5a94412e95e9",class:"check__icon",icon:"check12"})),c("span",{key:"a073a395c1ea4350d8f089778ceb381de12770c6"},"Small, Medium and Large size")),c("li",{key:"d0642c7b4f186d6a6c89697dca9fbffdd39097e2"},c("span",{key:"f0193515284d31a018bf104afeee7f1682fac020"},c("ifx-icon",{key:"289bfe4879e956e61972d70f7fabc0c9c3241373",class:"check__icon",icon:"check12"})),c("span",{key:"d958ebb876cdf70e0ec93b83fd9538e68dc4406d"},"React, Vue and Angular wrapper integration")))),c("td",{key:"fae811ac77bed87e281e5a81238f1fd54099e582"})),c("tr",{key:"f0853251fdf08bd64699bfe1595b9466fddb7505"},c("td",{key:"9db580383efae363e59b09ea20797fa71db38088",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2ac4804da542811ff03018fd42432913f874499d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon--development",size:"s",variant:"bold"},"Icon")),c("td",{key:"c387dc1f6b2a7d4ee6e730a9a223d4edae413e26"},c("ul",{key:"69a4940144c235d4ce9f2269a10a1c8d4a5ff89f"},c("li",{key:"e622164fe9fed44d12097e957d576f9680ad71e2"},c("span",{key:"3277f3d16eb5746105665d7b92e6b2ecd120f3e9"},c("ifx-icon",{key:"b1a6c83cd609e0a11d11c9e1900e8d7574608c50",class:"check__icon",icon:"check12"})),c("span",{key:"c6cedc0e95d9446a7082e91e209b8bf808079f78"},"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:"11e2adbc20675385b5556fefcd4941fe322b6b61"},c("ul",{key:"50c3928917f0839a3bdf2b9885930f7674a77afb"},c("li",{key:"cecd0b3a428389100509b9e30425d05bf1c00c77"},c("span",{key:"31e3b546f1aa74884daa6d1176c8ba8c3f5a9910"},c("ifx-icon",{key:"fb920e9a78d6d2f6c57163ba504d87f012d7585d",class:"check__icon",icon:"check12"})),c("span",{key:"ea5de8a5d8b7f7b2ccb8d155d7ae10f9158dd55d"},"React, Vue and Angular wrapper integration")))),c("td",{key:"c19c16c5d5c5c0d00c61ebb53d647ebec3c517b4"})),c("tr",{key:"69c45262ebe11dd5fe30f865f9164f272a5b2b1d"},c("td",{key:"fa0dd2abdd1626cb209ef73bac0ad9f4923f3e62",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"6495780ebf0e837a823116dfd77a9392e595a951",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-link--development",size:"s",variant:"bold"},"Link")),c("td",{key:"d0426e7302abc85079751f39643a628048e44ba1"},c("ul",{key:"073a4aeebf24199f018bae18635b2e56571d1f4e"},c("li",{key:"cf36594e6f74c3691551fe8e48af3916517d9a07"},c("span",{key:"b88c9994f5252a9ff5da3b7b31932cb3c9ca5374"},c("ifx-icon",{key:"26d47c2953496febb4481478b3527e3f9f326205",class:"check__icon",icon:"check12"})),c("span",{key:"0405c3194c94c1e7f6775180fe2d9917afe5e950"},"Provides a flexible and customizable element for creating hyperlinks within a web application")),c("li",{key:"97fb293bda49353c4978b39452ef1bdeb5d91922"},c("span",{key:"7f507afa65b38d687ef8b1ce9008473b0e5fbe0d"},c("ifx-icon",{key:"4de6e6bb9d7de7d6b3a4e9c1bbb386e13ed3fef4",class:"check__icon",icon:"check12"})),c("span",{key:"80b1364ba072ac20aab6cc0dd38e04b3c85e5510"},"Offers essential functionality for defining clickable text or elements")),c("li",{key:"f4fd519b10bc9a6dc8088209bba83ca4897fd13e"},c("span",{key:"c5188a7706e1dca5a14552751952a273b2903085"},c("ifx-icon",{key:"6c84036e45c60e467f702fc7e6436c4dbb82c68e",class:"check__icon",icon:"check12"})),c("span",{key:"d02ee07ee5be9d989dfd9984ee72ad6a9f83b79d"},"Adheres to web standards")))),c("td",{key:"7f4b32c99900fc61860ec626aa851093d740ecf0"},c("ul",{key:"0454416ed5784054b0cb4f736537a2868677e6c7"},c("li",{key:"66a6a037254638c6bd9e18dfdf4e01c0be8747ec"},c("span",{key:"7bfd18d937df31f115bca11d118f58e54441254c"},c("ifx-icon",{key:"84a0cbcd1a11925f16b0819b5f5bdcde4c8adfbb",class:"check__icon",icon:"check12"})),c("span",{key:"ca4bd468ac722b4bc4c166dbba4926b37046b285"},"Small, Medium, Large, Extra Large size variants")),c("li",{key:"c73f28af97d822b4185ae3d1830031d4c754210f"},c("span",{key:"af2b41e4a86152c47f6fb3eceb8115334842c6a1"},c("ifx-icon",{key:"e06c15d76a204c0ec29d9054ff909d2362aae7d6",class:"check__icon",icon:"check12"})),c("span",{key:"937a1b6b0f511ca098ac65e4cb8a6cab08aa714b"},"Icon incorporated")),c("li",{key:"a38f610012fab664031151ce5f7a50aed4f2979b"},c("span",{key:"4ccff50d39c683a99835dfb99059c4468cac0e62"},c("ifx-icon",{key:"0c59ec086448bea8d450019ef06754f217c93c99",class:"check__icon",icon:"check12"})),c("span",{key:"c33f879861f003404801a680f984e4ddb4a9b630"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6343d47beb77c915e2e5d397cd7aa0bbd821a7d0"},c("ul",{key:"6a6c663eac633bcfad9f2cb9e44a9c1c74fb571c"},c("li",{key:"f9cf872cf9942ea5e0ad3e29c49e9ab4371eaf42"},c("span",{key:"e2b2e6915eacce8636e45eb28852aca29cbb71cb"},c("ifx-icon",{key:"69f424c5c8d25b0ec0ee20af0128b889f1f7fbf7",class:"check__icon",icon:"check12"})),c("span",{key:"51c250cbb3c07da79175563c011f4c407a4e1299"},"Bold, Underlined, Title, Menu state variants"))))),c("tr",{key:"8818ed6c256ddb3580be15fc97f234b352b0ea72"},c("td",{key:"450aa01b3bddf97e058ea5e221401186ceba2788",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"1bfe337fe549738166f5681640c839a399918e88",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-modal--development",size:"s",variant:"bold"},"Modal")),c("td",{key:"bfcc34931a69b916ad2a81d79a99c096a8e32fff"},c("ul",{key:"007c2398d15283f9abcd527267c103d048647c8b"},c("li",{key:"bc8ec02c0db4dc6df4df0be7e7cb080aff7ee27b"},c("span",{key:"27b169a6d8a83ad141cb68c2c7efea6b4b5b5c32"},c("ifx-icon",{key:"e31e07166bb2dac0589496cad7be4a709595c0d5",class:"check__icon",icon:"check12"})),c("span",{key:"bd81336fe03f5a6a1ee52aca0eb4800cef63111d"},"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:"663fd8725b60703a062c40d6b5738cb4d83b0296"},c("span",{key:"91e4cce4e3a3430ba77f5936b23632850f31f24a"},c("ifx-icon",{key:"f495b164cb392d395d08201048333e638122815b",class:"check__icon",icon:"check12"})),c("span",{key:"ea4fcb030e38dde35bee6f8c17d3c400a780d074"},"Adheres to webstandards")))),c("td",{key:"592a0ff087a4de0140a70354f449c3f183273fd1"},c("ul",{key:"9d2e8e10330918a8fc09f778d35ee8b2519fba12"},c("li",{key:"5da7846e167b008c28cd6c4c35c7c9f5fa2a1c74"},c("span",{key:"a6484b9e5f62a4cceee9cd4199ad4470cfa25667"},c("ifx-icon",{key:"c1e02bc222f536486c4cc3ec133b2d0770385bf5",class:"check__icon",icon:"check12"})),c("span",{key:"f5ed9779ae933c822540356cad55c6062993106d"},"Alert-brand and Alert-danger theme variants")),c("li",{key:"87ff6febdb779b0de6ec520f6eda90120ce875fe"},c("span",{key:"c17e4510693da174bcb263509339c5bb531a9a03"},c("ifx-icon",{key:"0df994487f76120c1dd0e37d618d0170e3da5348",class:"check__icon",icon:"check12"})),c("span",{key:"ed746bf2d2a0af3939f9052d93f2fe644c345167"},"Extended customization")),c("li",{key:"5e83530815bf1ae967d32503859590a290bb1fe2"},c("span",{key:"bb51567bc1d2264bbaad5f9c256902fec7dafa46"},c("ifx-icon",{key:"d12bb42a699aa56452e315a0717884555c223493",class:"check__icon",icon:"check12"})),c("span",{key:"55a28649688e3351ed903050f6ceae17f51cef33"},"React, Vue and Angular wrapper integration")))),c("td",{key:"a7016d5cd654b51b26b1ce4af4738962de567f4b"},c("ul",{key:"5ba811d8b6f0392aa817532e6a84b7cff5a5b3c9"},c("li",{key:"918138df757fbeb93e43e6c8659fe316d8fbf59d"},c("span",{key:"436e582d410157026cf79eba0f407419ca4c3ba3"},c("ifx-icon",{key:"08953b23e1641014e9a5c2031e89881a8cc3f8ef",class:"check__icon",icon:"check12"})),c("span",{key:"0023d0c2ccc0a5c45e01350525e296dd7ddb0da2"},"Removable close button"))))),c("tr",{key:"d817a62eabbe8e41b1f0d74dc8256ea263119f6e"},c("td",{key:"caca269161699fddae8a49f5d290d83257278da8",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"e5960d36916edff26f0dfce36f88c17e9db513a1",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:"908a04a0397bff428c08cf6d032ad11899d74b16"},c("ul",{key:"8199c72aead486aebaff6a7a42e3dc436ce6a533"},c("li",{key:"0648cb3386032d46d48aff7effc2e72ddac766f5"},c("span",{key:"c60b1e729f55222b2b472631702996aa848a0805"},c("ifx-icon",{key:"8a081d7e5e655f268d05435f4947f8d3fdd2e19d",class:"check__icon",icon:"check12"})),c("span",{key:"a56461f413212c8f9b6532d9cd77f10796b08d3c"},"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:"364c6614592ace8c3aaa5281703de2716fea275b"},c("span",{key:"ae740c433e3d8e28bea4bc04f5bc103b774a9d75"},c("ifx-icon",{key:"dd126a1b522f50aa73953f38ad359faa0d90a3bd",class:"check__icon",icon:"check12"})),c("span",{key:"c4275f9c1101d01c5b342296c281d507628fef48"},"Adheres to web stadards")))),c("td",{key:"a2da6f9d195d7e43c3ccee01c737c3ea7c222ee3"},c("ul",{key:"8d5df6a794d2f2998d433873cc58872c783d7b01"},c("li",{key:"274417f07b9485cf039fd0541f240ec953dacf05"},c("span",{key:"1458686c1db7cf2c01d973fbd63989a2cf7f46cc"},c("ifx-icon",{key:"961a4d6419903c6d4b632dd2f4c0f651a0e2e4ec",class:"check__icon",icon:"check12"})),c("span",{key:"254685ec36dfd8e3cdab9d8739cff3e1d5b178de"},"Navbar-profile component")),c("li",{key:"756b02d7125edb37651a988c1e40e7f3e5217521"},c("span",{key:"fde315c872804f8ccfe41faaeec47a1cbefce7df"},c("ifx-icon",{key:"562a050de36cb6249f8eee267595d32bcd7d3e0c",class:"check__icon",icon:"check12"})),c("span",{key:"1b4874dbda04ae8d59894f192e9869e9bc0f3537"},"Mobile Responsiveness")),c("li",{key:"e3aba3eb9011cee69429bf173f9654983b1c17e5"},c("span",{key:"c6ce691da63222a8c1fdf50a6f7e6667107dd99a"},c("ifx-icon",{key:"55c887b455d874dbf7356bef91ce244551134834",class:"check__icon",icon:"check12"})),c("span",{key:"c47622528e99688d70dab0ea6faac09ff182f921"},"Mobile Sidebar")),c("li",{key:"a7a3e6458d7aea1301728f827a3b7fd77fc11834"},c("span",{key:"a60d7f1847fc1d7a897649494fd17fd4ca20a57b"},c("ifx-icon",{key:"dac95ed95bc64bb4dc7895bc22980117c9995e3c",class:"check__icon",icon:"check12"})),c("span",{key:"c2ae5b01d2fcbf8874d2d558a6fc0868004c723c"},"Extended customization")),c("li",{key:"ea13cf65da8e58cce19afe6e8c99f58518b29e19"},c("span",{key:"05a2a2c57ca407e5844186794054b3f4c842fa41"},c("ifx-icon",{key:"1cc5a115a4fe5e7cc094225783e45499157b8508",class:"check__icon",icon:"check12"})),c("span",{key:"8f6712244fa63cb6e4cb27a2a3bf9ded33c9c965"},"React, Vue and Angular wrapper integration")))),c("td",{key:"30492c3af0dab5e893eb534e0229b5425f8f79a7"})),c("tr",{key:"d65498c768480ac7266777c749b8ab664b185419"},c("td",{key:"6ef142b866d098f29e6cbaee43f5542df0b94714",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"7cbd8d79afeb07cb29b72c3851f6b355fa32e1a4",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:"68ebf1eed8ef8af45e444046a13bf89154f8f104"},c("ul",{key:"9b5312dae2576a4345cad11be207efa6de70ec09"},c("li",{key:"4ff50e60f8a7d8cd10b44187126bc214bfdca73a"},c("span",{key:"7d98a6e06874ebe805958ae5591a00a75803b95e"},c("ifx-icon",{key:"04ea8f7a8ec1f9693ff9540ea4312b49e89eb034",class:"check__icon",icon:"check12"})),c("span",{key:"6eba7c33a075f24ef49da08195330eb846527902"},"Provides a compact and configurable display for showcasing numeric data")),c("li",{key:"b54c00cc0b97da241145609439becbb217a4db02"},c("span",{key:"54feeb7fb6c8dde85d35ff9f74f306db64a83da4"},c("ifx-icon",{key:"10b1aef06a80f1f882d5eb06bd217f53a12d1fd0",class:"check__icon",icon:"check12"})),c("span",{key:"d9e7099d03772b2a7b2c5c296b2e9dc07e96970f"},"Adheres to web standards")))),c("td",{key:"a74e977f2a41bba67f9dbb01e7cb3d85c0fd9e9a"},c("ul",{key:"21eb8057e10af63b48b9cc859876f86451fe1779"},c("li",{key:"e7b4ed6463ba15cea8b912c2da84439fc685f824"},c("span",{key:"ad40a1b141bbafa58a58d1046c7f2602d7db3829"},c("ifx-icon",{key:"5e58f36c5defc405828bdc9314b9a847c9659ce2",class:"check__icon",icon:"check12"})),c("span",{key:"a1f80549697e047e76fc52117242dd23d7f0f22a"},"Inverted option")),c("li",{key:"9c3f4cbceab85e5d6cf51a64757969029f3261a3"},c("span",{key:"232cb5bb07e64d2a083728750abf3117abcb15d3"},c("ifx-icon",{key:"99148e6a0edc0654e0b61043ad961129ac3b059b",class:"check__icon",icon:"check12"})),c("span",{key:"c405220e153536280826f59f97b08ac70cff1076"},"React, Vue and Angular wrapper integration")))),c("td",{key:"9df38a97c13ed6634134358cf09ffcaa62e29ef2"})),c("tr",{key:"7232f1fdf66dea00d6a372c0efaeeae67ae0db52"},c("td",{key:"13c94e7ef077822a56306f8a7fd86df062a93af8",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"c4c3841797563121680be4039b75a048b3c627c6",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-pagination--development",size:"s",variant:"bold"},"Pagination")),c("td",{key:"ff103f8ca44a63c8818c34ce87051cbff6ebfb17"},c("ul",{key:"4b65535adeca13501840c38f6fc008b7d83c5a18"},c("li",{key:"d2e98b773885121d273ab9a287ee3d593edc59cb"},c("span",{key:"a7c1a3720cd0adedf8023e57efe0093da0034e93"},c("ifx-icon",{key:"6837f412bb987814fecab09c035f609ba418468d",class:"check__icon",icon:"check12"})),c("span",{key:"2aef56c58f0acc1d3cdb267727a8b35a71b2fd5b"},"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:"cf0169956b34442843ba87ccf79b8b03528912d2"},c("span",{key:"7a4687c20aa04dda7c41c9109de936cc9f4c1622"},c("ifx-icon",{key:"fcaae4f3656fcba7964766bd5753498dbfbf5758",class:"check__icon",icon:"check12"})),c("span",{key:"fc0eeb0bf7deefeaf2e16591b9e0f903a78dab7a"},"Adheres to web standards")))),c("td",{key:"58d1a5d999a2d42b98cb745459f53c717ca6cbdb"},c("ul",{key:"b378072b7f3012b5873c25a13fa122108115de33"},c("li",{key:"fb1725a6f41c9ca96894a7a23c72b3ff9921dbc9"},c("span",{key:"316e6b41dde00ea1289a7a219e783536e1ed9051"},c("ifx-icon",{key:"8b13953bfe025871fc4b83cbc6938921d1686db1",class:"check__icon",icon:"check12"})),c("span",{key:"49efb0f8efd8278f112de3b38aaa2cdacd560ac3"},"Extended customization")),c("li",{key:"a4203ff7336508895a90ff63ae3341b7001d88f2"},c("span",{key:"f841d2516839c2e7057d7bb0807859d2dec4e5e7"},c("ifx-icon",{key:"e6e7602c7618ddd56456b33f42ce0df064c01043",class:"check__icon",icon:"check12"})),c("span",{key:"0fd6d6a45f1153280d50ef595b92634d7321a2ea"},"Configurable Results Per Page option")),c("li",{key:"ef5657fa9f7a39be6af2f7a84e0b1e1254b0f2c5"},c("span",{key:"1961f3f94f2bbe9522d675de3134fa8847412fa4"},c("ifx-icon",{key:"9512030ba7150f529eee9dd9cbc92d5afa5a28a6",class:"check__icon",icon:"check12"})),c("span",{key:"639c6c12b7c6438f565d788dea6f22010e4848c0"},"React, Vue and Angular wrapper integration")))),c("td",{key:"bd8fefb17ca84f160c9e95d8acd6099963884483"})),c("tr",{key:"403b30c7829d229a862149382c574d6d0a2b9b8f"},c("td",{key:"711ef6727ce647585195f28c1e7bce1e88ca7f4f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"9633b2d313c2c285275430062b662d21177a42ac",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:"5667dbfe066bcff0677123dd33c7cf7bcb630e52"},c("ul",{key:"5007540ec30d55634afa54407a9d0b68d3df1f82"},c("li",{key:"ef1a3259b13ba59300bf7d33b95fbdbeec7e021a"},c("span",{key:"08f857b014256987b668f9540c5bd7ef9adbabaa"},c("ifx-icon",{key:"50a775b302ab92f19e369eb25e648cd1bfe1ee2b",class:"check__icon",icon:"check12"})),c("span",{key:"3e73688a785fb50655ce5a00681a745ec6896d54"},"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:"d990bce2a83ab788943137ad0b05df5679f1ba88"},c("span",{key:"60889dbfe0c31aba2819d2808c1f9b2b944356db"},c("ifx-icon",{key:"2fb5cfb28e58946395b75d4a89dda014e1d60fa6",class:"check__icon",icon:"check12"})),c("span",{key:"9fe1119b40ab8782ac0c1a6b98603034d9b4be55"},"Adheres to web standards")))),c("td",{key:"c78ddde51f251f680dc2173ae6b2c7f1c7557fd1"},c("ul",{key:"08829db442c3c68434a91eb581178270c8effe47"},c("li",{key:"ab48c211ecac7837975a2ec4859a08ac67f5af10"},c("span",{key:"4c3a56aba66f53886a2b2ccaecf22f22ec1b0a43"},c("ifx-icon",{key:"768a1e1ed7e49b113de71f6a900c8b42627e4b69",class:"check__icon",icon:"check12"})),c("span",{key:"e51321f68ecabdf0c09035e748770644a91f5949"},"Extended customization")),c("li",{key:"57e3daf0647bbeaf10e2ed42510023330824462c"},c("span",{key:"bda6d666fc0d089e2a2ae5713d287d42e3edf361"},c("ifx-icon",{key:"a60c342ef7501c9d29f47828e00a831a9ba09b31",class:"check__icon",icon:"check12"})),c("span",{key:"4fcb5517597c84ed65582ecd26db0428e1ef6b24"},"Show percentage option")),c("li",{key:"a98de5a6d59a8acb3be73e5ed961883dcf56249f"},c("span",{key:"bb3dfb0052d37e52f4a970a30bf3f6574bbc8a81"},c("ifx-icon",{key:"24342e11231c52e8737213932e48cf8f02345328",class:"check__icon",icon:"check12"})),c("span",{key:"1783aa0150d496f27b7f86802e174f7b1eeffc70"},"Small and With Label variants included")),c("li",{key:"2a5a7ee9c42937088698d43f159376f3e3a5366f"},c("span",{key:"1003be0a2bd66d72331a4721e627c02e2f0215c0"},c("ifx-icon",{key:"4143f923095416279dc45ccc81ee14cfa3987988",class:"check__icon",icon:"check12"})),c("span",{key:"785d0173c51863c9e557bb4a212a75740c151e19"},"React, Vue and Angular wrapper integration")))),c("td",{key:"167e9c06b4b2c653ec2c6df6820cdeaecb57f332"})),c("tr",{key:"2e7bc5d51e72e7df7a212d3b4b242749aef478bd"},c("td",{key:"e4aae91ad6f11897476b9071871d9096a732ad8c",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"72c61b2b344ede0fdd8dff4cbe758a0c55df9824",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:"5981a7324c34ad51662359de112355838020a947"},c("ul",{key:"a4c73816674591c48ead0274595f0ee7da10c7c6"},c("li",{key:"6fc3bc07a18add94ae5b2495bc9955a59d7653c5"},c("span",{key:"88dd970cfc5be73ee522aa2229099f041666ccaf"},c("ifx-icon",{key:"26467f78fa08ca225541f077a8af296fecfc6051",class:"check__icon",icon:"check12"})),c("span",{key:"2c115a725447cf5ccac56f3150a5f57b6de993d3"},"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:"776669cba91bc053d412c76a140e488ffde51704"},c("span",{key:"2b8a0803226d50a98026f0d82106f6be7fb86f0e"},c("ifx-icon",{key:"a6df3dbcda0f64147f55578a877ff092b948e8b3",class:"check__icon",icon:"check12"})),c("span",{key:"9c556dd0d34317f682d1e339059d14fcd2aefee1"},"Adheres to web standards")))),c("td",{key:"ef9255de882d6ead4db1a527ce6a4442cee8b863"},c("ul",{key:"110a3219db218debf45b91410f786fe573e3b154"},c("li",{key:"35bbf59fa4f51ea558f945f87f97905471e8c593"},c("span",{key:"25da04b8e71600a0eb178aaa92bc205f0cd4a585"},c("ifx-icon",{key:"21fe3cd3378dfa2268a80b284e3e9d8205873608",class:"check__icon",icon:"check12"})),c("span",{key:"b165dd712fe4514ecf4b269cc188cf71881617d1"},"React, Vue and Angular wrapper integration")))),c("td",{key:"027bc0b952d925aa5f06746a02fe60ca00c50b72"})),c("tr",{key:"42621fb56a2e4a8b48ed9f42fa7d0d0baf9b1b4f"},c("td",{key:"b9a0b1f3a91cd394ce3e379fe5fdd97f94302386",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"500e63db0c1af9fa7a6a17eddd62040ea9e26506",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:"7f986953e02cd74785cedecb06d4128519790f4b"},c("ul",{key:"fcf1a489f725f365f3a91b018688c10ae8dec58e"},c("li",{key:"5f1abc4bcc2fa608d79e9bb67fcf9e89b648cdee"},c("span",{key:"f084ac5905486a8532ba634b51ae33ff9c1907e6"},c("ifx-icon",{key:"d4e1b77e0072cf912423403496d8b1db7ed57958",class:"check__icon",icon:"check12"})),c("span",{key:"40c793bcbe91724bacaec1e32ffe307eb90d94a7"},"Provides a customizable interface for grouping multiple radio-button inputs")),c("li",{key:"3af52b60b983b6056832eb3553072a66c31b7671"},c("span",{key:"33e62f6100cc1b10aac0feb69f68dc49d0fc3474"},c("ifx-icon",{key:"7142f27de081386214ba5b84f676703f7aed2878",class:"check__icon",icon:"check12"})),c("span",{key:"353c356b2ba96514ae4159a7dba83d85310b5bcc"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"0df20afa1e7be7b756acc7b0c91ac10a7ae5d993"},c("span",{key:"9010b3b09aa9d3c882bb55f302f434f9cc0aa6ae"},c("ifx-icon",{key:"c872276d950bcc99058913a439927b87ac00b102",class:"check__icon",icon:"check12"})),c("span",{key:"bb1d65f72025c738910736c906df8f9af506bbc1"},"Allows to display individual or group error")),c("li",{key:"c776169d2ca1997dbad0ac452cb94a67ceadd9ee"},c("span",{key:"fc27c36ae5492d844f88298874bdbbd0c0ae2dd0"},c("ifx-icon",{key:"10b8800175dda1cbd69d1f997192e4888f9d8f46",class:"check__icon",icon:"check12"})),c("span",{key:"8d2cece86401de66e54c793bbf15b41827e96842"},"React, Vue and Angular wrapper integration")),c("li",{key:"9dc854b7d779a7d211ec61a570fdd07dd6f7c971"},c("span",{key:"a38adb85e0074852f35a3e5af03342f71a8a4245"},c("ifx-icon",{key:"85580db269697ed86e0d8697a0e9dd3d18f72cee",class:"check__icon",icon:"check12"})),c("span",{key:"62a44f8cacaa7e1531eeb9d5a12f565c5e1398bf"},"Adheres to web standards")))),c("td",{key:"92d436275efe5242688e256cdb1e8917bc395a09"}),c("td",{key:"edc623f20ecbfea5d1e7aa1ac27a76801935669e"})),c("tr",{key:"406ccc9732084fc847ac828c5eede016ae576f1d"},c("td",{key:"0ec054b6e45599a4bbc20c06fe842fafa702b712",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"35d0cd9b210173c016f60f145c6de17cf5d7964c",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:"0057cfaf56ae84bc58422d737825736990c86d3c"},c("ul",{key:"cb205fd30166745eeb68c5f6efc36fbbc6e88c0b"},c("li",{key:"5edd1b1cef70c2e733844fe5cfcc80f927ac471b"},c("span",{key:"b92754ab276e03536072380df0110a156be48681"},c("ifx-icon",{key:"29597fc471c405fd57b09aded6df4a6b8838405c",class:"check__icon",icon:"check12"})),c("span",{key:"74bae974759132e24ad594f8ecd3b7b27befd9c5"},"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:"8cdc985caacee45bcdbd2ac2297856658061f355"},c("span",{key:"d89051b1b1221beecbcce205eb31430fe75b17ca"},c("ifx-icon",{key:"9d87af7413bd8ea309aa232fc7548e5488a87d5f",class:"check__icon",icon:"check12"})),c("span",{key:"3aa38ead6fd0a8c7c1f518a1c3b3dd1afa0ab99f"},"Adheres to web standards")))),c("td",{key:"7094af21803f5e0d0308915bed0671e2bdf170a7"},c("ul",{key:"603f5f846431ea5eafdac2e047d751efd825c783"},c("li",{key:"2ad3be58a2dfd823944aba92a01f29d75bf56a48"},c("span",{key:"f896d877f771fb06a4e8ec8716057ee3209c0248"},c("ifx-icon",{key:"3eebfbddbeceb2520a5d229ae5f89b4ba89ab183",class:"check__icon",icon:"check12"})),c("span",{key:"37670b3c4e2415c345a224185730d0e0b1bcecaa"},"Collapsable option")),c("li",{key:"ac4e5112cf4fbd99b804731e07b272b95050ee81"},c("span",{key:"14b76ca1a9fbe2fd7956258704d46464932592d3"},c("ifx-icon",{key:"fff933371148fea9ad52c5a77fa33ad4f475f20d",class:"check__icon",icon:"check12"})),c("span",{key:"47b72f81c84081cec59daeb6e19d8bcb952ac20e"},"React, Vue and Angular wrapper integration")))),c("td",{key:"d65d15e9a0886ce847411bac9ae42576fa1c4ba9"})),c("tr",{key:"09576ba0e0afab0e710ab12d29bd31c76227e669"},c("td",{key:"5ed1d6263d7f5cf588f9c07cb118803404badb43",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"4b9a65c5880f8e59a9bc2b225621cf837848f29e",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:"b924b1c2cb8036f1c321a006c0bc9c30c481219b"},c("ul",{key:"6c196777e2651d610a3780cbe3f830037fd3477b"},c("li",{key:"0bd81b0b1634143697a612ddf6b0b643fb5a0024"},c("span",{key:"e0db1690e50e4e7eb64fa161f454b6496e575fb9"},c("ifx-icon",{key:"1247ac8ba1d9040211703936ecee179d9fee78e6",class:"check__icon",icon:"check12"})),c("span",{key:"de5f6d59997281460ea686f98a1280707eae3e49"},"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:"574bb0a0b65fc31622054058c511d66c80b6a7d1"},c("span",{key:"5b01ac9a3d76bdf407e41bc5fb03c279a2cc6281"},c("ifx-icon",{key:"851d992554f514cd3206d3df75be7ce821eddf95",class:"check__icon",icon:"check12"})),c("span",{key:"1379cc1423653a0ae89803b62c2e73ef3ae1c8d2"},"Adheres to web standards")))),c("td",{key:"c203b198c02b8717517d85e396b380c5ee62cb47"},c("ul",{key:"98d6075b88fc38685005acfc39b0ef8fa2993a58"},c("li",{key:"0a9b908f6f53616c66a51cd9ab24d6d9f3ac2733"},c("span",{key:"3fb389234c8b7c13f4220abb46ecfeddfc447dc6"},c("ifx-icon",{key:"19348d19cf2b911eea5ad10ac4f41e8b90996d3e",class:"check__icon",icon:"check12"})),c("span",{key:"d9c4c8068bffab42323a5e7a0b1219b151ee4df2"},"Show Delete Icon option")),c("li",{key:"98761e48c3184d75cb75fa8148260d243839c7b9"},c("span",{key:"f73fda6de6f96634d8b1fdaeb065127fd8fbe24b"},c("ifx-icon",{key:"d3bd224977c2ff2e1781d51f0395c323b815252e",class:"check__icon",icon:"check12"})),c("span",{key:"9ffee785807f9779e04248f3382787763d67b994"},"React, Vue and Angular wrapper integration")))),c("td",{key:"502367bec31d63b8cc783509b7ee7bc3f73dfdfb"})),c("tr",{key:"5eaa345d1ae200982bac0737b3386e63cfbd96d9"},c("td",{key:"5b9ad4225966c0b55d9394ccaf0654ce26d77b7f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"534cd60cadf1761042436f728a8ffaa430bc4180",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:"6c89fa3e8be3993f0cc3a329b142c713b594b348"},c("ul",{key:"7709cdef76d4a4c1c4ac10a8ea5ddb9837fed140"},c("li",{key:"9428bb1d80cbddf2e262b4b549babc7073fe71b3"},c("span",{key:"f8cd48da260352b11ac2682994a21b8db371f8e0"},c("ifx-icon",{key:"aa4422d0d458b3d655cd990617d96b8864f4165b",class:"check__icon",icon:"check12"})),c("span",{key:"3fbe580dd2f2a35f16ceee12a6f75e2f48c99337"},"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:"c5fec668c3f58333e66e54692f4886f759bf4bc4"},c("ul",{key:"35cb2a8ccc7834f302389061a386a3bb93d76cba"},c("li",{key:"5178440406fbf29a57f6bb3f4376ef033284403c"},c("span",{key:"62c65a851f109184f7e5baebbfcc7c9c8d50dec6"},c("ifx-icon",{key:"251f7620a61c992c106e5a1777b2dc5869bd149c",class:"check__icon",icon:"check12"})),c("span",{key:"0b1f68466b2ea0f43151fa601aba867e6ac4e981"},"Extended customization")),c("li",{key:"83b5b681c5f82df9091d96d42d942d0b413bd8de"},c("span",{key:"37f4519833b8c548d79043a38d80f79844662e55"},c("ifx-icon",{key:"c43fff97b1a98bd2009f8e4214184cd8bc4e84f6",class:"check__icon",icon:"check12"})),c("span",{key:"ab2919651b44bdefd1593df9a2681f667c69d0c2"},"Option to enable and disable the search")),c("li",{key:"4a88e3ae2356a2b322fe13947f900cbe5d4bfb07"},c("span",{key:"62cb6456164a907a9e6a14ea62c968f0bd790ad4"},c("ifx-icon",{key:"e3db0ca7f8d9eb74b6e1d8fab20ff026bce6a765",class:"check__icon",icon:"check12"})),c("span",{key:"9d7fd83bb147d7a020cdaf2fa96bd1f929963169"},"React, Vue and Angular wrapper integration")))),c("td",{key:"5ea9424326a4ded18c15fd80d0811d651995a064"})),c("tr",{key:"a6faf9d4e3bfbabaeffbb11db2058c29cb2f1a6d"},c("td",{key:"5bd0f13ca6d0b789635810d173fe26dfdc35e8f7",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f8bb9d33aaa825eea707ccd2d808dad4321c1f10",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:"b5ba24bc5c967885620bf5c2aef40f9246e1b203"},c("ul",{key:"f60f7afb1f0bfd56fc6594c851280aa8083710b2"},c("li",{key:"5aae5ab37c28ec80c24913c36401492a438e77d3"},c("span",{key:"effcf25e9c429e34e8e90b7f1536692a39956ac6"},c("ifx-icon",{key:"b2070240c6acb85b15d043a34dcf90e5c816e618",class:"check__icon",icon:"check12"})),c("span",{key:"4ed921a4e86a0c2d188c35679457995978d5c6fe"},"Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options")),c("li",{key:"38aa64f24e7a7223ff961fcd936dfef9cf5e84f8"},c("span",{key:"38cc991c1cdb3f687c743ca5e3365229017623fe"},c("ifx-icon",{key:"171deaf290ba70eab241db4f45582e43ec574f07",class:"check__icon",icon:"check12"})),c("span",{key:"e64acb95b1ab57b4396ffef3f5c1730f7704021d"},"Adheres to web standards")))),c("td",{key:"e824fd53e0b253c04d65d72d57c23ac307769644"},c("ul",{key:"e255b2577ef5b1dc3849e0cc90225cb78fbd66bc"},c("li",{key:"9b8e45cfa31953d2a5dabd9f17a4f672bc0588d9"},c("span",{key:"b652eaf33681a12a8a45fbfaf538980a8a8177ff"},c("ifx-icon",{key:"7ec76a3c273a343b87e12077ff2cb413503be6b7",class:"check__icon",icon:"check12"})),c("span",{key:"1fca1db96343b23f8767e75f70dd4ee13caad774"},"Extended customization")),c("li",{key:"f6bccf5324534d838e2e39131210de0baf3205a7"},c("span",{key:"fc6d7c741d89555d750ff1a48e344ab1ad318924"},c("ifx-icon",{key:"11f1159a6eee5c47a4570b57863206b3b2ecee19",class:"check__icon",icon:"check12"})),c("span",{key:"72bae44a9cd5cf0c9df61df74faa24936838fe71"},"Nestable options")),c("li",{key:"358df9b11e5cf19a377120ebe1899442f20e424c"},c("span",{key:"007793cc3f925dcd8d23e83362c0e2360adcd809"},c("ifx-icon",{key:"176e949501e9fe8cd3908f4e45c046a691802101",class:"check__icon",icon:"check12"})),c("span",{key:"3737aa8b957fcfe9a0ab731c0710a7da898f6cc2"},"React, Vue and Angular wrapper integration")))),c("td",{key:"075f3f45207d770c5df074aea99c2af15ed38258"},c("ul",{key:"6167bcc400d0c6d5cc0a6dd80d704854d823803c"},c("li",{key:"88efa17c3e94cfa01867e188adcbccb30ef068aa"},c("span",{key:"d8a9242f106eefdef57eb62df448cce200029695"},c("ifx-icon",{key:"bf3f98f77e5b14616488d99a9e31653c67442960",class:"check__icon",icon:"check12"})),c("span",{key:"26aac2d1cec86f48e1cb4a511a60829454edff94"},"Option to enable and disable the search"))))),c("tr",{key:"7b4455cb83ec9636eccce330b8fb2aa2015291e2"},c("td",{key:"e09da7b158d9f5923722e4ad909674adf2f0d514",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d1b84ddd14e0c03952ece157b0bdf81a6648ca94",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:"4b3c2e5bb65d6354d1b116cfbefc7a3be186c0eb"},c("ul",{key:"725949b86a238cc7dabcf5e362e8b0bac0903649"},c("li",{key:"9d53fa4a000d572a675208a6c534bb0ee6806ec4"},c("span",{key:"09c8c7f4b9618877b5a211f89ce206ae37ed165e"},c("ifx-icon",{key:"011f80b6ae86de1ad2fce91254128132c23456e2",class:"check__icon",icon:"check12"})),c("span",{key:"0f44ea67014a00c0c379fab7f10c5d71a630be9e"},"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:"4a9df474e5b150889b5ad93560a31c554b04e76f"},c("span",{key:"66f31367a30a9dc16c9c04a18e2d6d1f9544b522"},c("ifx-icon",{key:"04fe68d4a3b826bbb27c1d9ca2c98a0e2fa3d47c",class:"check__icon",icon:"check12"})),c("span",{key:"11bc94ebba35680012d63e12ec18717a50a28104"},"Adheres to web standards")))),c("td",{key:"856125632be52c4b5f2941a82e19f3c8e10db5ea"},c("ul",{key:"69598202298262d1ede09e964221972920aae5d0"},c("li",{key:"35c8373a51fba10e9531119f3fa4bfa973f9a616"},c("span",{key:"e07221da3838d3db2e99d6575600cfde1bd46ac2"},c("ifx-icon",{key:"e13596da8811f5ac0c9827271979f7d667eb8e96",class:"check__icon",icon:"check12"})),c("span",{key:"d49f202cd9720128805f9fff9a0fc1e7d8be3263"},"Extended customization")),c("li",{key:"2be01acc6993466aa4acd20a40838cb520079ecc"},c("span",{key:"7002285cde81e52c97e1550e3b74bace9c65a8aa"},c("ifx-icon",{key:"7fedb0fb233f4014dd83aec0d29fd1a4a56dfb8c",class:"check__icon",icon:"check12"})),c("span",{key:"8ee5370f2dbd6955b0d0eee0be7c2e00bcb402bb"},"Multi-layer nestable items and menu")),c("li",{key:"ddb3c19b12492ce5c48c84fbce443fb56cd0f576"},c("span",{key:"fab4b97e79b7a4b3f86d426e9f362401a5d568e5"},c("ifx-icon",{key:"6db88b4ae451a9c75108a856b40fc9223ee13b91",class:"check__icon",icon:"check12"})),c("span",{key:"54c9ee64b0fdbc1d3d8e8387dfa3473139c1e5e7"},"Initial collapse option")),c("li",{key:"1d19ce16e4259b4660b0dbfd41de59181871e7c0"},c("span",{key:"c6c982dfbf5a3b4a585ce8052505ac3f1374eb95"},c("ifx-icon",{key:"e65e2907f5036d10c25a0d2fef2f7cd310e282a8",class:"check__icon",icon:"check12"})),c("span",{key:"920581d1b4245eefa815d2d2daff7756f4bffab2"},"Active and action item feature")),c("li",{key:"4ee3b132156cfdaf02f93be91235099e6be6b213"},c("span",{key:"f39527466db8563fa9a6e04a5bbc004a350bf07c"},c("ifx-icon",{key:"6d859c4e03f364e1d65b532ec53e7c84d50d66e4",class:"check__icon",icon:"check12"})),c("span",{key:"3dfd58fbad0776889179577a32e1486a9f5b1017"},"Number indicator integration")),c("li",{key:"acfd40d77d751304ddfbadf68f939c22a45bade8"},c("span",{key:"a6aaf1dba37a208b9ba7a3626f96c9a8f0bf6211"},c("ifx-icon",{key:"2b5a7fde95805015a098af23396f1dcdcaa466e5",class:"check__icon",icon:"check12"})),c("span",{key:"10deff33425426de56478b9e73ac6761d9e58b82"},"React, Vue and Angular wrapper integration")))),c("td",{key:"ad938edf12f58fd7ea1cc50c00bf33c1691e480c"},c("ul",{key:"b910ba32446c89eb4db4d06fbae78fb234be6c06"},c("li",{key:"f045385e02ff2730df9bbbd508147515a4dc211e"},c("span",{key:"c2b2257f500e9fef4ba1be24bb12a6cc5d2e2b9d"},c("ifx-icon",{key:"661c574e4096681ea42d9e1c272ae84085418d15",class:"check__icon",icon:"check12"})),c("span",{key:"89588e7a701b3d1550cf40e154797f477771e0d8"},"Removable Footer, Header and Logo")),c("li",{key:"d323fe407d3a0a6bdbfc090b1d3ac33c90cb06db"},c("span",{key:"f4687f633b14d05045889ae9086d4939c9885834"},c("ifx-icon",{key:"4beeba0d47ae1fbdc5f557917b9f656b34302c31",class:"check__icon",icon:"check12"})),c("span",{key:"c0e81ece1e577a84f2cd2c54e1faf33bfbff5aee"},"Removable and customizable Links"))))),c("tr",{key:"de10f3fe751d407480642fd2e59df740d3aa8663"},c("td",{key:"33666b4db939aaaaccd0755e979433f75e917b0f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"0753081e1d9fd89439458917934babe3e310df9d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-slider--development",size:"s",variant:"bold"},"Slider")),c("td",{key:"a2c60373f43d55e4fb437ef27ac1a647a7bf62a3"},c("ul",{key:"69fdb18ac7a7c98633ce4271bc4214fab34f22e6"},c("li",{key:"049cb6644c08e8564938afdd25e9e5eda7b27b05"},c("span",{key:"eb81131521588a384f5efc41bbdd38618513a2af"},c("ifx-icon",{key:"932b01186c28f9c1652d8bc3bbe6bb29452d528b",class:"check__icon",icon:"check12"})),c("span",{key:"ab447d9fedf822ce9e30bb12e7eebb58863e8b70"},"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:"8403337d79da45119b931a4b9b45c2b74fc5650c"},c("span",{key:"7bb0445af8affbcd3fd8597e884ca9ea5688e226"},c("ifx-icon",{key:"bbe66a2cfa3ab3ef938c62268d74b8faf2e1a3d1",class:"check__icon",icon:"check12"})),c("span",{key:"8b01d47eaf526de54d832a8e1ca6d7f3cce381c5"},"Adheres to web standards")))),c("td",{key:"7f9f98e13a1acca2beae2ea171a7e7c9a0d4ce3e"},c("ul",{key:"28627fcdc0aba5cf680015dc87cc3af54db32c04"},c("li",{key:"1ecf621613189142838f9fddbaa5c018694aaa24"},c("span",{key:"65ff138e8f07616a26d79c78f0d2f02232982872"},c("ifx-icon",{key:"76b859fc30dc6a33683c004cf2f0e2f822bc3069",class:"check__icon",icon:"check12"})),c("span",{key:"15413157fe1e90d8b70ceb28fd33afd1643d93f0"},"Icon incorporated")),c("li",{key:"6d3579885d6668aaf7d9aaadc31fa1a6afdc5469"},c("span",{key:"7680a86ff953fa9e37d7e399bb5050abfeebaa4c"},c("ifx-icon",{key:"f2bcaf0ace5ccd3548d32ecf235e8021a4d3d9be",class:"check__icon",icon:"check12"})),c("span",{key:"95fedb7ae02b1fdf5a530242d26ba8700f039695"},"Percentage variant")),c("li",{key:"775a0006149bb4e785025186c4a09b51b94b8c51"},c("span",{key:"3cc56e79d3f77405fa62cdd7cfe9ce07c892efde"},c("ifx-icon",{key:"849d733a75083a13df09f1f7f3ed1e6d98d102f5",class:"check__icon",icon:"check12"})),c("span",{key:"6914498821b3c9e1eb6cccef7510d58b01622a60"},"Text variant")),c("li",{key:"f3b1cb9377c765dec30039606eca34c378581b3f"},c("span",{key:"a3d99bf1101e0add228d3d7e1b4dae23e6383afd"},c("ifx-icon",{key:"a91c030f4eeca02ed6fd87a8d4e14dde83576ad3",class:"check__icon",icon:"check12"})),c("span",{key:"925fdd380acfc2aa4a61f367911f6916099632ae"},"React, Vue and Angular wrapper integration")))),c("td",{key:"301d1dc7e56d6a7184d10b48e055ad1746640d44"})),c("tr",{key:"765c6eae547fab6aa57fc756d2b1f2145d0076a8"},c("td",{key:"7f34d556d4868d016259867b7c2cc783f58408a6",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"577f8c156fbb2dd8b0d97d8806918667b2edbdf3",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-spinner--development",size:"s",variant:"bold"},"Spinner")),c("td",{key:"d7448073b282cc1e7ff445b85925d99d4f11408c"},c("ul",{key:"f83ac32b7b5abe7edb7a159a4af59c85f8e1c8de"},c("li",{key:"c3d137db213f9278092820e6c69da3f30076803f"},c("span",{key:"bfa355700b5fe8561ff3eb4089181a774fe718b5"},c("ifx-icon",{key:"e8c4864a9fb05df84457cb9f7dd176d51f51a74b",class:"check__icon",icon:"check12"})),c("span",{key:"e018f3fe4ec04cd354f02818e74601bf073b0eb9"},"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:"098806086f2573f51b0386125a8b6a3661c9baac"},c("span",{key:"e1d8922b9dd33105b6e8709bb6fe12a3acf53cb6"},c("ifx-icon",{key:"40833976b01393e9047921a64781775e37d95776",class:"check__icon",icon:"check12"})),c("span",{key:"443604ed7a61443c70afb27739f6c7931ad02ecd"},"Adheres to web standards")))),c("td",{key:"6c58ac35ca794527db2eff7a11d90fac1dcbe6de"},c("ul",{key:"53f2859759e6e5a3f1c7f25f75cea1172717cbde"},c("li",{key:"138bdcb197b98d49c3cb7bebcb4bd194928eecb1"},c("span",{key:"5c409c1c1b1ccea1a1b727d5c73701206c051965"},c("ifx-icon",{key:"5437db92ef952ae5d9f040762771f350c524485c",class:"check__icon",icon:"check12"})),c("span",{key:"e9ac7a4126eaec7f4058e61e40a0c865092f0305"},"Brand variant")),c("li",{key:"20e178abd462d4a3870ca19885e5d3611b62c260"},c("span",{key:"b1ce9fd959c41f77c073d4fa15775172fff697d7"},c("ifx-icon",{key:"8550a5cf6eb0285bf2848d7e751c42c7764e3ce5",class:"check__icon",icon:"check12"})),c("span",{key:"8559f8a12363384beca805e907d1ebc7ca5da245"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6a5a60ac32a714dea4af655c3e792f0a2d2a6f88"})),c("tr",{key:"0b57b0c9b25da25f4c234980b3fbfa8a44bf20fc"},c("td",{key:"3f67f0789c0bae5e3704ac9a431f9abed7983a70",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"ee266beed24580889b2a2d27adf3f2f5a76f8f2d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-status--development",size:"s",variant:"bold"},"Status")),c("td",{key:"4a77ff32cb109ff16b833d1f1595246c469a143c"},c("ul",{key:"b7a495f5ccedb15b1bedeff83f2c7cd437cacc13"},c("li",{key:"c3af8854cfe1ab30551d099d4bb90f80bbb9e32c"},c("span",{key:"94b0e378482452ce9ca5c7c52a9cd72ff00dd7ec"},c("ifx-icon",{key:"ca9055d79a17839049b573c43cb9808db134f930",class:"check__icon",icon:"check12"})),c("span",{key:"2cd198a3924aaa9f6709e7d7b60a0968ce4f42db"},"Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application")))),c("td",{key:"5131f66d7ce2122456336e91dfba22f5a5326f09"},c("ul",{key:"1e87681d5cf1a460a2e6ec0cc38ebb58b7a59cc0"},c("li",{key:"334e5c3366f7b2777e19763e7f5f474742741c4e"},c("span",{key:"596908186ff4197baa0303a92ff7852ac5cb994d"},c("ifx-icon",{key:"95e9d589ea5ed487415cf14f1b1ef561b178e3cf",class:"check__icon",icon:"check12"})),c("span",{key:"6e5921eb99357f8236151703086f08234255fcc6"},"Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants")),c("li",{key:"d7e44dfc863ba67c99391b915d89c235c9f36f1e"},c("span",{key:"64918e5b47873474a47bea2ff6136ad94c5e32d8"},c("ifx-icon",{key:"52cb4f2bf96f9601e3439bc41dd63146e504121e",class:"check__icon",icon:"check12"})),c("span",{key:"0d0afc951168bfd86c984137a2f02b67a1c7b79f"},"Removable border")),c("li",{key:"2c108e02a52fbb1747e06b2c511bb427c0149144"},c("span",{key:"2c0d2aac1592c35646233d4c121ea108885c39c6"},c("ifx-icon",{key:"849af6be7c05298157f4be0fce7d215667a9af96",class:"check__icon",icon:"check12"})),c("span",{key:"6d66431374964282c5ddf39b4b7f63ad4eef9f7f"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6a0dd14266494fc548ef5299e46454d316391c5b"})),c("tr",{key:"163e876c61f1b5d63a1632bcfb5bd2f097eaacc5"},c("td",{key:"a4ee32e90f77e84d5bb4f1ed808907637ad915d7",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"4745ee60ed0f4ab56f3243fc8ebbeb8d51a95c2c",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-stepper--development",size:"s",variant:"bold"},"Stepper")),c("td",{key:"332f737c291d3f1e6df52e7a6dc9230bb633ced7"},c("ul",{key:"a0ffc4b2bcb23b640d91fcd4d90800de34035081"},c("li",{key:"dd4a1c4e7cbbca75a3e7cec9897f523826566a27"},c("span",{key:"92699b9ed0448c919db60447f59fab928d37daa9"},c("ifx-icon",{key:"1ef40bae3fd627db01ffe2ec88c040e1eae2a10b",class:"check__icon",icon:"check12"})),c("span",{key:"982dc03280145c8789a285d83347f62126f7b70b"},"Offers a customizable and intuitive control that allows users to navigate through sequential steps")),c("li",{key:"354c94f29af54ae6159e4a844abed3d7c4333858"},c("span",{key:"47e91a93b3c6f5763346d1fa4e5333734e3319c4"},c("ifx-icon",{key:"686f16b20950565d853ff8cba068d35f820c2554",class:"check__icon",icon:"check12"})),c("span",{key:"4ebdab478b2ddd369a5f6516b4615962c2d606c3"},"Default and Compact variants")),c("li",{key:"84dfcc5d4b718b3a7c526812710ed67f88e615f7"},c("span",{key:"c29f995b5be71fc1e837c892413ab23dd49d62a0"},c("ifx-icon",{key:"d72488a63af1bf978fb12602d9fa12ead46c58cb",class:"check__icon",icon:"check12"})),c("span",{key:"a17141c9813c481844c045613b1695073e414544"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6f01b88b9bc0f99dca3b93aff20f49be4fb7ec30"},c("ul",{key:"8d9f7059e8ba76f2e14fe26ed523f85257b4a2f0"},c("li",{key:"51b03740dd25f712c901d18b2dbdaae883f98ea2"},c("span",{key:"d8405ff857b8bd49f74aff14376a346ebf0e10a6"},c("ifx-icon",{key:"ea3c0d61dca9489945b0e33cc975ec62a05615d3",class:"check__icon",icon:"check12"})),c("span",{key:"426542e8deb756f274c83ff2152e7ff4141b5d15"},"Vertical variant")))),c("td",{key:"1458ab0cb606c70d9900ccbefe9ae5d49cb42a11"})),c("tr",{key:"c88a9bd43fccf2efc4a36f98a7f8201e67bd2dc6"},c("td",{key:"9b85d1907333fb143efee64c57cf3c6c94c34b06",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"b196676b4866a15c68725767f33387d07462fa2b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-switch--development",size:"s",variant:"bold"},"Switch")),c("td",{key:"95ab4d47ef43362b86a04509911a29a42e7d14dc"},c("ul",{key:"ac78369b71eaec0bbe475ea2057913752604b385"},c("li",{key:"9871c4347dc228a7d239026f8e4f7f2209dea369"},c("span",{key:"6dd3df37561260f2a02711b60dc2209a72b54ff8"},c("ifx-icon",{key:"7015c9de59f3397df24956d396b7a9d50bf39552",class:"check__icon",icon:"check12"})),c("span",{key:"6fe494439e558db295d64ad23d4c2949f720cfc9"},"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:"097e309e5bc2f65fb23024eb74106b461154c6e5"},c("span",{key:"01dc88370f6eab81fffa9acafef8c777516de430"},c("ifx-icon",{key:"3e4a3f1de56bd3f73ad527c77ef7846a990dea40",class:"check__icon",icon:"check12"})),c("span",{key:"2a2e18fe6b65c9f0583b947cc69fc6034d6a8b20"},"Adheres to web standards")))),c("td",{key:"7450db24764e6385f0ba0c11d5e22ca620588079"},c("ul",{key:"074c91e145dd5dd1b2e16b3021fdec9bcc0b635c"},c("li",{key:"f428bcbd8ccc0614e026b49bd5eda9bb159095dc"},c("span",{key:"f88a92d3c9afccb44fdce13704d63494e57c4213"},c("ifx-icon",{key:"4fb47c89a6ca8131c6ad4103333a8699da7f9ecc",class:"check__icon",icon:"check12"})),c("span",{key:"d5a86e5554947730e0fa47e324959a29b4a3a3c9"},"Incorporated label feature")),c("li",{key:"bc53ba72fb2878a583a20b31d7f85ef69cddf67c"},c("span",{key:"851d475b6db33f83fd56dd8c694b981c6ca01e40"},c("ifx-icon",{key:"730748c5b9bebaf4ec1ba4ee750fe946d5cc6da5",class:"check__icon",icon:"check12"})),c("span",{key:"4f2aecf0f70eea2717e50c6792621727998c75ed"},"React, Vue and Angular wrapper integration")))),c("td",{key:"2855725c3715cbcb60475a863c71cb4d7ab49b8a"})),c("tr",{key:"8a02309ebe2974757f4aade2f15b2cf639013a12"},c("td",{key:"4a5f73e1a3a2899744061796c236763f5dd9369f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"a11dd920340e73e1097a660eec9912f6622e8108",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:"d797c708a18f6d6975c5e20f7b2cf76a662ea522"},c("ul",{key:"2f9551d4e40eb6cdc444039f12fca649779c2015"},c("li",{key:"7be53851563a97ae0bfbeea2aed82a67d96f4255"},c("span",{key:"ee50f6b97debb922f58226d4a087396552595d30"},c("ifx-icon",{key:"9574508d0cc240a2e12051b8f81cd17e405be8d6",class:"check__icon",icon:"check12"})),c("span",{key:"aa2ea626ad8158038daf729ef55fd81a91386ec8"},"Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently")),c("li",{key:"2377193e77fe6ef13155a064f33bf2d382d9bdc7"},c("span",{key:"4ebde87519d65b95b9c2d41bb35c29f629cb7bb3"},c("ifx-icon",{key:"e68afbd50487e4107bdc8ea9c52096fae1d6f636",class:"check__icon",icon:"check12"})),c("span",{key:"cb412fc3a3dd737874d7797ad3d19a2f70e4aadc"},"Includes basic features such as column sorting")))),c("td",{key:"ed63fc51bc78f53581fd3035784f45560811986a"},c("ul",{key:"7e07480e41823f8549f41243d8fe20c5d04a4f61"},c("li",{key:"7cbd49105c0a1b57e7b794e5b76552d42f07dcc4"},c("span",{key:"511703215697255133e4e8ab2715693c68310767"},c("ifx-icon",{key:"a1448a0747275d1e4223b20f0eba5599e61f67a9",class:"check__icon",icon:"check12"})),c("span",{key:"e728a9f69e68619e9c523f22c0490a07a5363339"},"Compact and Default variant")),c("li",{key:"90329c3d1beddce164ed2657047e9616019fc314"},c("span",{key:"d18518fe09e458b0230286a96b22e0a7945efd38"},c("ifx-icon",{key:"5c78be08d382c333c152ca9ca225d802d03da8c1",class:"check__icon",icon:"check12"})),c("span",{key:"73ae4812aa544f651c43b6a198eadeb5d6d40d5f"},"React, Vue and Angular wrapper integration")))),c("td",{key:"8179f8cbb8884541fb9b2c8fa27696c9d5267a67"})),c("tr",{key:"1fb1685e372edde0781d8932a122615386963b0e"},c("td",{key:"3abd8dbd93c565521ece4d5ed1687ed163ecdbdb",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"11425a07b3c373a0868728c7ea0ec5c3879e226c",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:"3b230d69f1e0c1999895b9279f19876ab57125dd"},c("ul",{key:"235dce3b47827081fd637889a7d63a6042a8129c"},c("li",{key:"c70240f7e2fc0eac3777a9d56361219af14d8aae"},c("span",{key:"5c0ebb21ed6b6a76290868c8b8cac3cb43300ac6"},c("ifx-icon",{key:"89e7465057cc3aec25b9b8884d9593241b00acb1",class:"check__icon",icon:"check12"})),c("span",{key:"1d7fa4fa84e9dbe9b4c62983bccd2513d4b4e622"},"Pagination")),c("li",{key:"584d27f9464de444cb9252c7da0384ecf2b4f775"},c("span",{key:"e4c8832651ebac9fcd8dc25407440ff8135de88d"},c("ifx-icon",{key:"ee7ca3d69c8e2caa76c7f12bdec6fd8e3b2506d3",class:"check__icon",icon:"check12"})),c("span",{key:"bac1e755f4de94b3f698e2eaf63b1218af008386"},"Sidebar filter")),c("li",{key:"d9f491bd510a29993b2346cc1068044896368dfc"},c("span",{key:"a8846fd65c0b62361ab130c2d5e7b5dfb4b92184"},c("ifx-icon",{key:"cc6c87f846e6eadadd52d2d81812e64f9d6b7a06",class:"check__icon",icon:"check12"})),c("span",{key:"68a6d2095d0c07c3b462b1b62af3f1ef3fd796d7"},"Topbar filter")),c("li",{key:"51a2600f9f03d84aeeac54de4c03fbb48d54343e"},c("span",{key:"5212b3cc92fa439cb5e2e74ddb1c8800e1b80b41"},c("ifx-icon",{key:"a53a7e9a5d7233eb1e2fa8764e41fffe5e6c0663",class:"check__icon",icon:"check12"})),c("span",{key:"bce7f006ac27d7fb4bd67efd7d53bba66d8d5aee"},"Nestable buttons")))),c("td",{key:"4090451e76c8a2dabaa006d4abd90f3628e11745"}),c("td",{key:"8e416655a57dc31cf29e1af9567f688f32af155d"})),c("tr",{key:"cbd9a3139d381af2a497da2009e6b3d19fdebb8f"},c("td",{key:"f3b574a954b90ad847acb2c8487d089282ef6c5f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"5ce246a8830d664b5e934a57b580af5d6e5a6cd4",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tabs--development",size:"s",variant:"bold"},"Tabs")),c("td",{key:"5cf870216568a7b7481a9456d97bd27295255be9"},c("ul",{key:"456761dba8e6a00fd76bbf95f4e3c3558bcdd32e"},c("li",{key:"703d300fd5b752b511c10ec6c1a291abc615b772"},c("span",{key:"7341a9b29aae4afca9d67addab9ff85be5668247"},c("ifx-icon",{key:"0e3d218e680fb14c1a1cac15462cb052c58ec0f0",class:"check__icon",icon:"check12"})),c("span",{key:"0b8ec42a996305ab44279ae3a07088e98725ca41"},"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:"0a7ebbca313283620ae365e5aa2576e3f2c53b10"},c("span",{key:"2d67846a985c5e76b3ac49c4bed19de6096c9ed2"},c("ifx-icon",{key:"c386269bb1fe8db472702f6054fb6c9afc173704",class:"check__icon",icon:"check12"})),c("span",{key:"0947897ed60f545d9bc65858b39f3a38249a58c7"},"Adheres to web standards")))),c("td",{key:"37a938be144cf4f45f221fa9a93fe86cd90991b0"},c("ul",{key:"e090327d54cc5bb3de99fb51b2214957f8c770b1"},c("li",{key:"1728eae3bdff16706907c17d8ee23313c62df3d8"},c("span",{key:"cddbf4f351db30a3980d63320d8029b8f8b6488f"},c("ifx-icon",{key:"72e3fcc464c3a964544b9e37ba9f267ddd01bbea",class:"check__icon",icon:"check12"})),c("span",{key:"aa6b36669761c5c2c32933172a0346931b09e3e8"},"Horizontal and Vertical orientation")),c("li",{key:"cb9374c04023806d5786c716983bf7aa66a13790"},c("span",{key:"eefc71ac800273bf468587433c22794ccd576ac2"},c("ifx-icon",{key:"4db69c899b6d209ab77f43528dfc7a23f63793f8",class:"check__icon",icon:"check12"})),c("span",{key:"7bb87d29b72a1ba38d001f8fe1e599e6b5638efc"},"Extended customization")),c("li",{key:"ec9dad94e9ced96d60f1ab809ae3e7c92f2174fb"},c("span",{key:"7be0a994b292b1eeb601fd4f486268eefa1ebf41"},c("ifx-icon",{key:"331e849675b82118aa537d29645fcdc179fd3c96",class:"check__icon",icon:"check12"})),c("span",{key:"91748af1f6380a3d38fbdb49759f05df444b8ba9"},"React, Vue and Angular wrapper integration")))),c("td",{key:"eb55dfeda15d35973570b07cddd9766e36297c88"})),c("tr",{key:"d0c919c8427e3eb563e50e11a257fbdf50b720f3"},c("td",{key:"6fd708f26fbf5f42dac9e17f445d549ffde79756",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"25139f26784dbf9641b849fc1415e08dc1706e3a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tag--development",size:"s",variant:"bold"},"Tag")),c("td",{key:"219f571ccad1f888218a533b1960e372a5aeab76"},c("ul",{key:"f82de27fdd0a5880295f52b111dd36c5ab88ad83"},c("li",{key:"bb378e9f24ccdf18eba457e1417dc4e99e886405"},c("span",{key:"129243b6beb6a5fd1d8ae58fa4d24be4e3d66da7"},c("ifx-icon",{key:"406cdcaff69a6679934ce2b593664968b0e471c7",class:"check__icon",icon:"check12"})),c("span",{key:"d0a2681f9fe19aeb9f1f6856f745325285a1cae0"},"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:"690e004212114bb6347dcd74fa4abf2060f30e23"},c("ul",{key:"8c473a071cf2b68ab58a896b6b9e362146a7569a"},c("li",{key:"7b12a683393774ed78e527fb36301578798f90d6"},c("span",{key:"4a14b2a33c7effa41ff2b453c2c354f77ec2c130"},c("ifx-icon",{key:"eb62036298e91ba5b5d2075d8d1a949209eaeb27",class:"check__icon",icon:"check12"})),c("span",{key:"168e26c65b6bc543c98b5818abc29fe8d2babe73"},"Icon incorporated")),c("li",{key:"6bd865a97fecbcb1493a8ad5e874ad604a8aedaa"},c("span",{key:"843197cb9905ab3c925b7b38dfecc0315852baac"},c("ifx-icon",{key:"a692f7be0db71ae2ba7c96a6e45fd93534d29573",class:"check__icon",icon:"check12"})),c("span",{key:"f397dabbd663a05448b8ccb72f46c5076b583eef"},"React, Vue and Angular wrapper integration")))),c("td",{key:"b1fec78a64a713f50069410795b1a1209e3c6c49"})),c("tr",{key:"90d3b5531ce1de71a14b0765f660e7ba322a361a"},c("td",{key:"c5bf6249d7514725bf3cd9cb361462a8069d59a5",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"56b7ab38545c356415f3aa96751e98a48bae73e4",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:"217e13715089844dbc38c03143cea462c1a1c7f6"},c("ul",{key:"3cc6231b8ae1bb0c8645e1f9df9123a9bbbb61a3"},c("li",{key:"6450178e50770e84bab13c016a34c48ff5c1ddab"},c("span",{key:"b6478125b1100362a3bed7793d0d78179583729f"},c("ifx-icon",{key:"71175d865853b5c48fa3eeeffc44f300077327be",class:"check__icon",icon:"check12"})),c("span",{key:"2f53b6c7675eb9837c91ddb29dfb1e38ed4f032d"},"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:"163c1101db366af424d643544889de18541350d4"},c("span",{key:"f048b4c2c20a94e3a2bf19b41816c464fe79cdfe"},c("ifx-icon",{key:"1b9deb2923a5b6fba6a5fbc7d0d1ad441ea917ef",class:"check__icon",icon:"check12"})),c("span",{key:"0494d6617888a6dfeae861509042d8f51d49bc1f"},"Adheres to web standards")))),c("td",{key:"95b0cbfc82ba35e5eb99dc8005716e2cac762173"},c("ul",{key:"d675bafc48ab003047fa6ca544d959f1628be7c1"},c("li",{key:"b4ca7a380e9a61a5018b117b54106fafc0b65010"},c("span",{key:"ccfe672e5c8bdad1ae5970fb371737cb40696b3b"},c("ifx-icon",{key:"d0db4ccbe1ffada44fef806d34dc742812ecb1a4",class:"check__icon",icon:"check12"})),c("span",{key:"bd26ed094d8bdcc841d4da0efe48dad6293684d2"},"Extended customization")),c("li",{key:"19091ee022e87e25d2e01ae73a0b38f6897e2b95"},c("span",{key:"2e49620c1dd27747063745ad0197a63e1490e28a"},c("ifx-icon",{key:"c8881f07d5b9d20eb0c0631a57dfa7c767ee18f1",class:"check__icon",icon:"check12"})),c("span",{key:"75f3a11ee9c0d349a0637647a7b5de7c3bfa4b1b"},"Possibility for icon configuration")),c("li",{key:"3141cffbfda9685a9a7f4a64abdac2457be5d0f5"},c("span",{key:"b60bb4a7bb04c9d9a6d3e6014cda702e42e6428d"},c("ifx-icon",{key:"beb92097fc2ee922f2badea4de1893e770886763",class:"check__icon",icon:"check12"})),c("span",{key:"9a345d7586f5acadf66319772125c7ac981aedf3"},"React, Vue and Angular wrapper integration")))),c("td",{key:"d04e2e4ea486dccd28574734387d428b38230ebb"},c("ul",{key:"aab333312e4e47047bd94ffbbfde67979dc1d079"},c("li",{key:"6b03da49d7ced0b2f3ba563383212fbeecc16a4a"},c("span",{key:"06fbe515fcf271b5c8df52f167ad87bb7821d0ab"},c("ifx-icon",{key:"790fc88754a2974d8d7362f8d677783d54c9f37f",class:"check__icon",icon:"check12"})),c("span",{key:"7f5ba7c65d95966699d48b069a440fa575a3d80e"},"Form integration"))))),c("tr",{key:"a8f380f854d675b8a6321365746a994d655d9d91"},c("td",{key:"e7e54346ce961ae3c27522e3fa5e0e0f25944166",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"c3a309a046a078c60d6970bb560a6db86a461674",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tooltip--development",size:"s",variant:"bold"},"Tooltip")),c("td",{key:"df376ed13a82047c5f48b23cc5fec141eba55049"},c("ul",{key:"6123d12d3e449698d1cf5c722bbd4b6a49248b38"},c("li",{key:"4863b9debbe24c032ec709676163028117256d15"},c("span",{key:"647e3bd60210d1adecaf00b3c3f085ea579c7010"},c("ifx-icon",{key:"8d7fcbabd5121fb37def720fa2ed33c8666db574",class:"check__icon",icon:"check12"})),c("span",{key:"44de19923deb4f0f832a54dbae58104eed541d10"},"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:"38d2f96e7776a963fd0ad9fde2d9fb021033de18"},c("span",{key:"2b29733dd5e04616fabf1e191a8a9eec96835ffc"},c("ifx-icon",{key:"18d4a61f419f9c463e5cf6d10f6cf35c0957cff0",class:"check__icon",icon:"check12"})),c("span",{key:"fab28470489fa6826b17006273e7c08e5dd2e396"},"Adheres to web standards")))),c("td",{key:"b01948ffcc33586d4784ca2c32b3fbcc658589f8"},c("ul",{key:"cbfc8c007d41ced29d2b218f8c3ded83d63c9ecb"},c("li",{key:"c2120702ad278671da33da4f3463283af3476696"},c("span",{key:"b4788b879b09f919c0c89bc1ac0f4f2b74d2e9c7"},c("ifx-icon",{key:"df1ede3bd7fcb1ae155a7da0e3d0664e5d77127e",class:"check__icon",icon:"check12"})),c("span",{key:"d5babd945c09c96f870673a665b0f246c8e0cda3"},"Compact, dismissible and Extended variants")),c("li",{key:"446f8ffb1298ebba1c65a202f4763a6ef0310e39"},c("span",{key:"91c5fba26eb600f61d8e679f0d650b341285dc08"},c("ifx-icon",{key:"39b7348c4b46a453965a33eeeb35012349e2d2c1",class:"check__icon",icon:"check12"})),c("span",{key:"f773a8df4b8bb624c38edd94595f28bf7d22840a"},"Auto-adjusting position")),c("li",{key:"4d7e47d6c3f602e902a65f18be298ef4b0e4a9fa"},c("span",{key:"0e8cbe4f04b1d91a1735ce6305f903f90872ac3c"},c("ifx-icon",{key:"755a5123b8939d8d4412a4b1ab992c11dad72f10",class:"check__icon",icon:"check12"})),c("span",{key:"dbe0fb0d815bc2d00ac3425574a0e38ad1ada34b"},"Icon incorporated")),c("li",{key:"995d63cc5775952db3f6845b50ef58681cdc7fa9"},c("span",{key:"a5cf7f203a30c975eb251884ec0342f3f7d38e07"},c("ifx-icon",{key:"22d34ee7c8fcde56afbddb88d8cb072453132add",class:"check__icon",icon:"check12"})),c("span",{key:"87def22e0f2d189f9678d34cb41b3027169570f0"},"React, Vue and Angular wrapper integration")))),c("td",{key:"1ba32889319c79329fbf88f7c1a19075a435891b"})),c("tr",{key:"3c054b5f653d77e581b1b2f04c9b5c380acffb3e"},c("td",{key:"48c7f6156ef3b624ae38984a3e31030a7480191a",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"61dc22ecc1ba0c7b654942be7155cd7bdd03a175",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-notification--development",size:"s",variant:"bold"},"Notification")),c("td",{key:"a92584114c57ff174687becb553b6413468b0bdb"},c("ul",{key:"83c62a63fcbfeecd979858559c8b0adf6dee2167"},c("li",{key:"2f9bb0a004c9a408de8fd7cfb3da606574f560f3"},c("span",{key:"72f4234330c664ddd94a24a7f4948ddc7b180488"},c("ifx-icon",{key:"0f05a55c636569ef80e991720bfd5bea394ab02a",class:"check__icon",icon:"check12"})),c("span",{key:"724a3e1cb247c88dcba629c4a65fafc2c72ab261"},"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:"59f3cc2b007259c32256cf8aa0321cf4ab4f0dd5"},c("span",{key:"c705c48eea09f24c2cec1b034a650ca13d23b0aa"},c("ifx-icon",{key:"ffbf25a2819269c8bc1f2bb96520731fdcc280bf",class:"check__icon",icon:"check12"})),c("span",{key:"e2125adc1477284d29119f2af31ac836c5c92997"},"Adheres to web standards")))),c("td",{key:"57ef5812f2d81fcd0c31b87ba7c46635df6aa218"}),c("td",{key:"a91e597fc311821c8bd015a3c3018c4aa36a3dcf"})),c("tr",{key:"11da0381a82eebac74b3de0b74ea1523a499ac91"},c("td",{key:"b598059c40954db2b491879ee782dce1aae49b1d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"893f856312777cb22271c7793faad81142188b6c",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:"9391537a6287fdb367a6f315dcf0e0eebc1160a3"},c("ul",{key:"8b2d9648891ee75039d4072988df4c98faeb4246"},c("li",{key:"c1823a7b367e9fc3f01da8202b73c16c9c3a356b"},c("span",{key:"6b2ad6ea627fc95e45ad8d87a46598b61e560b0f"},c("ifx-icon",{key:"457e0c84fbdf2f44d5714e42f0045956bc9b73d2",class:"check__icon",icon:"check12"})),c("span",{key:"4fc386f6e1c56d331daa29bb4bc94673cd5f4175"},"Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application")),c("li",{key:"e1a16b86b00c55c86ac35deacc553963016d29f8"},c("span",{key:"35c9290b09bc50d245c9517c8985656ecb9ab3da"},c("ifx-icon",{key:"064435174b2fdba5e155deb5e97de6e1d82adddc",class:"check__icon",icon:"check12"})),c("span",{key:"63a29a4d09f44c5f23dd3531bf6d4ab701e9654b"},"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:"d42571e77b340004a869a25667a5f1ec8678ae19"},c("span",{key:"46d01e8e9d3f550ce703ff519cae86951b9bc6f7"},c("ifx-icon",{key:"577a9ecda2d12e8f322f0fd73d9dd3599344cc7f",class:"check__icon",icon:"check12"})),c("span",{key:"304c52ad6e74399a3c664bb77858bdd078363069"},"Adheres to web standards")))),c("td",{key:"06150434d3e78cb05ef93eb87393cd5be70baf5d"}),c("td",{key:"9477c5ab77e1716baf9586b3d52eccd3593cf192"})),c("tr",{key:"bcfe74e573a496ddfb05ba16085fad31e4dd44ee"},c("td",{key:"c4475bd6190de1eb195e3c1fc0c96b2b5113e463",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"9b9cf0feaa807a7cf413036ebf9db36eca941cd2",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:"8852137f58d186eba500083a7d51806de55ca7df"},c("ul",{key:"7d002c7fa8e5e161f977c3338c1fca954cbf9084"},c("li",{key:"0fedbcb38ec90d3f043fd63bdff4465adf28339c"},c("span",{key:"bd1a9380b20a0a122ef69d29279d6b0c28edb00e"},c("ifx-icon",{key:"507a31153487d795afee66a32fd2e31fffdbae54",class:"check__icon",icon:"check12"})),c("span",{key:"247eead1f4eb8c4ca6c6f41babd350154cc0d9c3"},"Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application")),c("li",{key:"98f908e4467db41da9a8659244fc43369d4d2ff4"},c("span",{key:"ba1015e82b9ff1023148be0680b33ff762141fd8"},c("ifx-icon",{key:"4520d5606cac644d32545c00f079cd82684b5c9f",class:"check__icon",icon:"check12"})),c("span",{key:"5e557a6f089a8424d5fd2495715ae814d2ff9ef8"},"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:"10a11ffe2f6c4744933f8ed6b7a422a4f44c4ca0"},c("span",{key:"4efb948f6c5d5a0a4dc58a3565cc5ee7ff5ea65c"},c("ifx-icon",{key:"b2cd814f7c24a02f8a77511c4464f30c0d10fd00",class:"check__icon",icon:"check12"})),c("span",{key:"0bdda91d5ef9f53b918d2325e9f092fadbf331a2"},"Adheres to web standards")))),c("td",{key:"88c9ea282eb337050167b3c0a0d0cb675a5d37c3"}),c("td",{key:"f89ef00d8643f07f57d652b27cd24bbfc568fba3"})),c("tr",{key:"99bbd64ce3361862d13ba6e4565ceaa27c74d1c4"},c("td",{key:"b40d5d5316319bf6e2ad5b29ab5da494e053c227",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"0c4c2ebadaf18dc02c9ffe7186a669516832e548",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:"6ad959a948b1aeae51ed3548d6cbfcab68a526de"},c("ul",{key:"2eb0b1acb6db6ff251e9c05d61fa7fbaa9331ced"},c("li",{key:"198f8e996128978eebf341c911c324197cf7c0ae"},c("span",{key:"46903323e8f9508fb5db318ea70bdb721b42f5f4"},c("ifx-icon",{key:"9ebc8d807fb0276a8f39515abd83786e1f49a5cc",class:"check__icon",icon:"check12"})),c("span",{key:"16cfbd197e8d397b14280c0e54195fd42c97449b"},"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:"c4874b6cf90a6eb1f0bc92cb240db896df3e72d2"},c("span",{key:"ee865fb6bccdb5c18e22915482d4ea967a3e49e5"},c("ifx-icon",{key:"7d816ba0e67c4352ec6e2ee72b38985b2fc6267a",class:"check__icon",icon:"check12"})),c("span",{key:"ebb16c2243dbe915983dade7a61e1be67489f500"},"Form integration")))),c("td",{key:"05136988a40754d2dde9792e1b349d0026598e45"}),c("td",{key:"c5f2b6b25951794d03e024cee6b387438ad7bc1c"})),c("tr",{key:"64a38ca4db3657518403ce7448dca1210a255968"},c("td",{key:"3786029f8de5fc53d914fbf686e869bee4fbf53b",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"60c86cc2e28cff1b0266a6b3cab2b7256ff7dff7",href:"",size:"s",variant:"bold"},"Card Group")),c("td",{key:"fba9a3f99a4b271cf9afa658c8b2da54fd0cae25"},c("ul",{key:"9b50d653227867714bfa6e03acb1658f6590febe"},c("li",{key:"e45243b9ebc1da2332834e4c5b2adc8269c1e53d",class:"planned__component-wrapper"},c("span",{key:"80eae5e6ed2e6bb576be1e71008bdfce3e722762"},c("ifx-icon",{key:"c49e4e8e4ee280e880d915cf905ce9928d07758e",class:"planned__icon",icon:"clock24"})),c("span",{key:"0ba398919f0aa7e51040c2d41f23e666d4c69fda"},"On Hold")))),c("td",{key:"590e9a1a943413fce8f49c4806f69c3c999b525e"}),c("td",{key:"50bc7e5afe5c48f35175260a85737477c6c87f91"})),c("tr",{key:"b17a917dfe1ab1c12874f2b38bc44a2f5430565a"},c("td",{key:"1c949cc3fb3d8d5b192c2bee4a5b0c7845941678",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"1fd074e662dbcb61c8157aa2f85460f99d31af47",href:"",size:"s",variant:"bold"},"Upload")),c("td",{key:"6ad03d9c123b72cd78ecdd32bddf5a867fadd1c3"},c("ul",{key:"870210514f66f2a4e2609f15c5ab3ebbe0329cb5"},c("li",{key:"60cbdf7bd69dc0e05f48b51cd78daae9a42af99f",class:"planned__component-wrapper"},c("span",{key:"1aaa7ce3b10edfe72f6b4d562691d1b98715ea3a"},c("ifx-icon",{key:"21bad07dc2ad3ac500576e9f3d13b61f8a0168b6",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"55d949279f2570505cfecf763493847acf2aa1d4"},"In Progress")))),c("td",{key:"54b4792e22398970375fc95fe524cdf48b6d81a0"}),c("td",{key:"b413196cf75a13728fe54da8a27b23ed207350fd"})),c("tr",{key:"48234b2c0e6ed9909f165a5b2178858dd2984a3b"},c("td",{key:"f2516a72d2ff4dc287be44d28b3304d880b0e1bc",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"f6a682c3dd1d1ef874f47395fca0c06a5983cbf8",href:"",size:"s",variant:"bold"},"Tree View")),c("td",{key:"991402fa4e5b0b3947ebb3133bff9b135becc4f1"},c("ul",{key:"77efd086c7978aa7074becd4a7d04cd99cc785fa"},c("li",{key:"834fe044e0657f2acd7dc1d443237cdfa6476242",class:"planned__component-wrapper"},c("span",{key:"a7e302e014c3f5bd94510f9bdcb552f8948da2c6"},c("ifx-icon",{key:"74f4f9a3000a08e461e345cc272e36323f8055ac",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"89b8824aafc7f76589cb2e5ab85520f6cb052249"},"In Progress")))),c("td",{key:"818bad3a8fabd7d788faed51154d348ec9c7e0d3"}),c("td",{key:"1dfdd670b0f45411832c2e17e7c44839b6a0316f"})),c("tr",{key:"2407fce824d0ae435e55b9309536e86c0850341b"},c("td",{key:"ef342d8671592cc13d1d540590e879c8d7ee92fe",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"bd1897dc2e8382aa12b44c0caf5ea49e2eca81e2",href:"",size:"s",variant:"bold"},"Popover")),c("td",{key:"97855bf7147e58ff2ed3b46e353d28f85ae3bd01"},c("ul",{key:"aafb6cd78c22fdaa5f8d807560c57106360bcf86"},c("li",{key:"75ecfdfb94428bfa0ce4b6efb1625bb314eea62c",class:"planned__component-wrapper"},c("span",{key:"88770f9205e0299f04e467feb005767833bafad0"},c("ifx-icon",{key:"2d6e3e4cae42ae4de521fa5dafea2a6da8698cd7",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"385e1625c901cf77e1a0353ebb6e53f85198dedc"},"In Progress")))),c("td",{key:"54cce0aadfb1c9915209074b48415c85c7bff53a"}),c("td",{key:"db12d5f8b3fbe2ab7b780c1735364debd079aeb7"})))))))}get el(){return a(this)}};b.style=f;export{b as ifx_overview_table};
2	- //# sourceMappingURL=p-688baa7f.entry.js.map

package/dist/infineon-design-system-stencil/p-73c719bc.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c,h as i,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(i){e(this,i);this.ifxChange=c(this,"ifxChange",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$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 c=this.el.shadowRoot.querySelector(".container");if(e.assignedNodes().length){c.classList.add("gap")}else{c.classList.remove("gap")}}componentDidLoad(){this.toggleLabelGap()}valueChanged(e,c){if(e!==c){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 i("div",{key:"02580d4c85bc6d8ce6243d4a624f6b3442fe1ce9",class:"container",role:"switch","aria-checked":this.internalChecked?"true":"false","aria-label":this.name,onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},i("div",{key:"9e40e3c9bcdf10812707b9b6b408be17cfafa8f2",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},i("div",{key:"f93ea50658129ef4087ca2cb9027934c58d3bf41",class:"switch__checkbox-wrapper"},i("input",{key:"af18293fc192cc220751aea38b198ba787748f4d",type:"checkbox",hidden:true,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),i("div",{key:"8b7e185c4ec9cf6076f32c9798e66b455d8e43aa",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),i("div",{key:"cdbe16a344ab0b26669b57bd3c42299659ce1307",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},i("label",{key:"4d93875cea6a644180edf8b7b85bbe19058a6580",htmlFor:"switch"},i("slot",{key:"d6c7af73190a093a989ad4c998dbbe2dd580f533",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};
2	- //# sourceMappingURL=p-73c719bc.entry.js.map

package/dist/infineon-design-system-stencil/p-b1e7ffb5.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as s,h as e,g as i}from"./p-e6edf72d.js";const a=".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";const r=a;const h=class{constructor(e){t(this,e);this.ifxListEntryChange=s(this,"ifxListEntryChange",7)}valueChanged(t){if(t){this.host.setAttribute("value","true")}else{this.host.removeAttribute("value")}}handleFilterEntryChange(t){this.value=t.detail;this.ifxListEntryChange.emit({label:this.label,value:this.value,type:this.type})}render(){return e("div",{key:"d604b43664dbfc8b5ca08f09ae282300054a8fdd",class:"wrapper"},this.type==="checkbox"?e("div",{class:"list-entry"},e("ifx-checkbox",{size:"s",checked:this.value},this.label)):e("div",{class:"list-entry"},e("ifx-radio-button",{size:"s",checked:this.value},this.label)))}get host(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};h.style=r;export{h as ifx_list_entry};
2	- //# sourceMappingURL=p-b1e7ffb5.entry.js.map

package/dist/infineon-design-system-stencil/p-bff428f4.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as t,g as n}from"./p-e6edf72d.js";const i='.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 .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:"21d37c87ee7439ffcddf3ecbf6767974693b3eb0",class:"container"},t("a",{key:"da29ee86f58bf160ba1fabcc015185bf1d3354ce",href:this.internalHref,target:this.target,onClick:()=>this.toggleItemMenu(),class:`navbar__item ${!this.showLabel?"removeLabel":""} ${this.hasChildNavItems?"isParent":""}`},t("div",{key:"b7658f765bdc83c00a3c098e364065e1427a6f59",class:"inner__content-wrapper"},t("div",{key:"19500d16dbcdbbc31f7e42988cb5e71b0c12998f",class:`navbar__container-right-content-navigation-item-icon-wrapper`},this.userName.trim()!==""&&t("div",{key:"4fd576b8ba0fdc74a061466180516946f9763e3f",class:"username__tooltip"},this.userName),this.internalImageUrl.type!=="initials"&&t("img",{key:"eb6792a2aa216b780d35510314892e0022376f77",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:"24ce27c3230584d75922bad97f78724bb031e68d",class:"initials__wrapper"},t("span",{key:"d978146cc1f8b959b0015451b6e4415c8db5eac8",class:"initials"},this.internalImageUrl.value))),t("span",{key:"cfe145427c04a69d082b8c3921ac9bf5193e981d",class:"label__wrapper"},t("slot",{key:"feb19a0461e8396cea2989d074e2c1832fc4d8b1",onSlotchange:()=>this.setProfileGap()})))),this.hasChildNavItems&&t("ul",{key:"7f99bc7da96d475e8e5c38dbb044f1b512678e73",class:"navbar-menu rightSideItemMenu"}," ",t("slot",{key:"f64fa03fa84e37403260141fdd5725e3fefaf6b8",name:"first__layer"})," "))}static get assetsDirs(){return["assets"]}get el(){return n(this)}};r.style=a;export{r as ifx_navbar_profile};
2	- //# sourceMappingURL=p-bff428f4.entry.js.map

package/dist/infineon-design-system-stencil/p-bff428f4.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["navbarItemCss","IfxNavbarProfileStyle0","NavbarProfile","constructor","hostRef","this","showLabel","href","imageUrl","target","alt","userName","internalHref","isMenuItem","hasChildNavItems","internalImageUrl","type","value","defaultProfileImage","handleOutsideClick","event","path","composedPath","itemMenu","getItemMenu","classList","contains","includes","el","closeItemMenu","componentWillLoad","setHref","setImage","sidebarItems","getNavbarItems","length","componentDidLoad","setProfileGap","navItems","appendNavItemToMenu","hideComponent","style","display","showComponent","handleClassList","className","querySelectorAll","getNavBarItem","navItem","shadowRoot","querySelector","relocateUsingSlot","forEach","item","setAttribute","isValidHttpUrl","string","url","URL","_","protocol","toLowerCase","trim","undefined","innerContentWrapper","labelWrapper","labelSlot","nodes","assignedNodes","menu","menuItem","toggleItemMenu","itemHasNestedItems","childNavItem","render","h","key","class","onClick","src","encodeURIComponent","onSlotchange","name"],"sources":["src/components/navigation/navbar/navbar-item.scss?tag=ifx-navbar-profile&encapsulation=shadow","src/components/navigation/navbar/navbar-profile.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n\n.navbar__item {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0px 8px;\n flex: none;\n order: 0;\n flex-grow: 0;\n font-family: var(--ifx-font-family);\n text-decoration: none;\n font-weight: 400;\n font-size: 16px;\n color: tokens.$ifxColorBaseBlack;\n\n &.hide { \n display: none;\n }\n\n &.isParent { \n gap: 8px;\n }\n\n & .navItemIconWrapper { \n transition: .3s;\n }\n\n &.open { \n & .navItemIconWrapper { \n transform: rotate(-180deg);\n transition: .3s;\n }\n }\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n cursor: pointer;\n\n & .username__tooltip { \n display: block;\n }\n\n & .navbar__container-right-content-navigation-item-icon-wrapper { \n & .initials__wrapper { \n cursor: pointer;\n background-color: tokens.$ifxColorOcean600;\n }\n }\n }\n\n &.remove {\n display: none;\n }\n\n &.removeLabel {\n & .label__wrapper {\n display: none;\n }\n }\n\n & .number__indicator-wrapper { \n position: relative;\n top: -11px;\n }\n\n & .navbar__container-right-content-navigation-item-icon-wrapper {\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0px;\n gap: 8px;\n flex: none;\n order: 0;\n flex-grow: 0;\n\n \n & .username__tooltip { \n display: none;\n position: absolute;\n top: 35px;\n right: 0;\n text-wrap: nowrap;\n padding: 1px 5px;\n font-size: 13px;\n font-family: \"Source Sans 3\";\n background-color: black;\n color: #fff;\n z-index: 99;\n }\n\n &:hover { \n & .username__tooltip { \n display: block;\n }\n }\n\n & .initials__wrapper { \n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n background-color: tokens.$ifxColorOcean500;\n\n & .initials { \n color: #FFF;\n text-align: center;\n font-family: \"Source Sans 3\";\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px; \n\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n \n }\n }\n\n & img { \n width: 24px; \n height: 24px;\n border-radius: 100%;\n }\n\n &.removeWrapper {\n display: none;\n }\n\n &.hide {\n display: none;\n }\n }\n}\n\n.container { \n position: relative;\n\n & .sub__layer-back-button { \n display: none;\n &.show { \n display: flex;\n justify-content: flex-start;\n\n & .back__button-wrapper { \n display: flex;\n align-items: center;\n gap: tokens.$ifxSpace100;\n padding: tokens.$ifxSpace100 0 tokens.$ifxSpace200 0;\n color: tokens.$ifxColorOcean500;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n\n & span, & ifx-icon { \n &:hover { \n cursor: pointer;\n }\n }\n\n }\n }\n }\n\n &.hide { \n display: none;\n }\n\n & .inner__content-wrapper { \n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n &.no-gap { \n gap: 0px;\n }\n\n & .navbar__container-right-content-navigation-item-icon-wrapper {\n &.no-gap { \n gap: 0px;\n }\n }\n\n & .number__indicator-wrapper { \n position: relative;\n top: -11px;\n }\n\n }\n}\n\n.navbar-menu {\n position: absolute;\n display: none;\n list-style-type: none;\n visibility: visible;\n flex-direction: column;\n width: 224px;\n min-width: 224px;\n background: tokens.$ifxColorBaseWhite;\n box-shadow: 0px 6px 9px 0px #1d1d1d1a;\n border: 1px solid tokens.$ifxColorEngineering200;\n padding: 8px 0px;\n font-family: var(--ifx-font-family);\n\n &.open:not(.itemInMobileMenu) {\n display: flex;\n }\n\n &.itemInMobileMenu { \n display: none;\n }\n\n &.right { \n left: 100%;\n top: -40%;\n }\n\n &.left { \n top: -40%;\n right: 100%;\n }\n\n &.rightSideItemMenu { \n left: initial;\n right: 0px;\n }\n}\n\n.navbar__item { \n &.layer__item-parent { \n color: tokens.$ifxColorBaseBlack;\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; \n letter-spacing: -0.24px;\n cursor: initial;\n\n & .navbar__container-right-content-navigation-item-icon-wrapper { \n & ifx-icon { \n & svg { \n width: 24px;\n height: 24px;\n }\n }\n }\n }\n\n\n &.sidebarMenuItem { \n justify-content: space-between;\n padding: 0;\n }\n\n\n &.menuItem {\n text-decoration: none;\n color: tokens.$ifxColorBaseBlack;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n gap: 8px;\n font-family: var(--ifx-font-family);\n \n &.hide {\n display: none;\n }\n \n & .label__wrapper {\n color: tokens.$ifxColorBaseBlack;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n }\n \n &:hover {\n cursor: pointer;\n background-color: tokens.$ifxColorEngineering200;\n }\n \n &:active {\n background-color: tokens.$ifxColorEngineering300;\n }\n }\n}\n\n.sub__layer-menu { \n padding: 5px;\n display: none;\n\n &.remove__margin { \n margin: 0;\n padding: 0;\n }\n \n &.open { \n display: block;\n }\n}\n\n.navbar__item { \n &.hide { \n display: none;\n }\n}\n\n.menuItemRightIconWrapper { \n &.hide { \n display: none;\n }\n}\n\n.navItemIconWrapper { \n &.hide { \n display: none;\n }\n}\n\n","import { Component, h, Element, Prop, State, Listen, Method } from \"@stencil/core\";\n\n@Component({\n tag: 'ifx-navbar-profile',\n styleUrl: 'navbar-item.scss',\n shadow: true,\n assetsDirs: ['assets']\n})\n\nexport class NavbarProfile {\n\n @Element() el;\n @Prop() showLabel: boolean = true;\n @Prop() href: string = \"\"\n @Prop() imageUrl: string = \"\"\n @Prop() target: string = \"_self\";\n @Prop() alt: string = \"\"\n @Prop() userName: string = \"\";\n @State() internalHref: string = \"\"\n @State() isMenuItem: boolean = false;\n @State() hasChildNavItems: boolean = false;\n @State() internalImageUrl: any = {type: \"\", value: \"\"}\n \n private 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>`\n\n @Listen('mousedown', { target: 'document' })\n handleOutsideClick(event: MouseEvent) {\n const path = event.composedPath();\n const itemMenu = this.getItemMenu()\n if(itemMenu) { \n if(itemMenu.classList.contains('open')) { \n if (!path.includes(this.el)) {\n this.closeItemMenu();\n }\n }\n }\n }\n\n componentWillLoad() {\n this.setHref()\n this.setImage()\n const sidebarItems = this.getNavbarItems();\n if (sidebarItems.length !== 0) {\n this.hasChildNavItems = true;\n } else {\n this.hasChildNavItems = false;\n }\n }\n\n componentDidLoad() { \n this.setProfileGap()\n if(this.hasChildNavItems) { \n const navItems = this.getNavbarItems();\n this.appendNavItemToMenu(navItems)\n }\n }\n\n @Method()\n async hideComponent() { \n this.el.style.display = 'none';\n }\n\n @Method()\n async showComponent() { \n this.el.style.display = '';\n }\n\n handleClassList(el, type, className) {\n el.classList[type](className)\n if (type === 'contains') {\n return el.classList.contains(className)\n }\n }\n\n getNavbarItems() {\n const navItems = this.el.querySelectorAll('ifx-navbar-item')\n return navItems;\n }\n \n getNavBarItem() { \n const navItem = this.el.shadowRoot.querySelector('.navbar__item')\n return navItem;\n }\n\n relocateUsingSlot(navItems) { \n navItems.forEach(item => {\n item.setAttribute('slot', 'first__layer')\n })\n }\n\n appendNavItemToMenu(navItems) { \n this.relocateUsingSlot(navItems)\n }\n\n isValidHttpUrl(string) {\n let url;\n \n try {\n url = new URL(string);\n } catch (_) {\n return false; \n }\n \n return url.protocol === \"http:\" || url.protocol === \"https:\";\n }\n\n setImage() { \n if (this.imageUrl.toLowerCase().trim() === \"\") {\n this.internalImageUrl = {type: undefined, value: \"\"}\n } else if(this.isValidHttpUrl(this.imageUrl)) {\n this.internalImageUrl = { type: 'url', value: this.imageUrl}\n } else { \n this.internalImageUrl = { type: 'initials', value: this.imageUrl}\n }\n }\n\n setHref() {\n if (this.href.toLowerCase().trim() === \"\") {\n this.internalHref = undefined;\n } else this.internalHref = this.href;\n }\n\n setProfileGap() { \n const innerContentWrapper = this.el.shadowRoot.querySelector('.inner__content-wrapper')\n const labelWrapper = this.el.shadowRoot.querySelector('.label__wrapper')\n const labelSlot = labelWrapper.querySelector('slot')\n const nodes = labelSlot.assignedNodes();\n if(!nodes.length) { \n this.handleClassList(innerContentWrapper, 'add', 'no-gap')\n } else { \n this.handleClassList(innerContentWrapper, 'remove', 'no-gap')\n }\n }\n\n getItemMenu() { \n const menu = this.el.shadowRoot.querySelector('.navbar-menu');\n return menu;\n }\n\n closeItemMenu() { \n const itemMenu = this.getItemMenu()\n const menuItem = this.getNavBarItem()\n if(itemMenu) { \n this.handleClassList(itemMenu, 'remove', 'open')\n this.handleClassList(menuItem, 'remove', 'open')\n }\n }\n\n toggleItemMenu() {\n if(!this.internalHref) { \n if(this.isMenuItem && this.hasChildNavItems) { \n const itemMenu = this.getItemMenu()\n this.handleClassList(itemMenu, 'add', 'right')\n }\n \n if(this.hasChildNavItems) { \n const itemMenu = this.getItemMenu();\n const menuItem = this.getNavBarItem()\n this.handleClassList(itemMenu, 'toggle', 'open');\n this.handleClassList(menuItem, 'toggle', 'open');\n } \n }\n }\n\n itemHasNestedItems() { \n const childNavItem = this.el.shadowRoot.querySelector('ifx-navbar-item')\n if(childNavItem) { \n return true;\n } else {\n return false;\n }\n }\n\n\n render() {\n return (\n <div class=\"container\">\n <a href={this.internalHref} target={this.target} onClick={() => this.toggleItemMenu()} class= {`navbar__item ${!this.showLabel ? 'removeLabel' : \"\"} ${this.hasChildNavItems ? 'isParent' : \"\"}`}>\n <div class=\"inner__content-wrapper\">\n <div class={`navbar__container-right-content-navigation-item-icon-wrapper`}>\n {this.userName.trim() !== \"\" && <div class='username__tooltip'>{this.userName}</div>}\n\n {this.internalImageUrl.type !== 'initials' && \n <img src={ this.internalImageUrl.type === 'url' ? this.internalImageUrl.value : `data:image/svg+xml,${encodeURIComponent(this.defaultProfileImage)}`} alt={this.alt} />}\n\n {this.internalImageUrl.type === 'initials' && \n <div class=\"initials__wrapper\">\n <span class=\"initials\">{this.internalImageUrl.value}</span>\n </div>}\n \n </div>\n <span class=\"label__wrapper\">\n <slot onSlotchange={() => this.setProfileGap()} />\n </span>\n </div>\n {/* {this.userName.trim() !== \"\" && <div class='username__tooltip'>{this.userName}</div>} */}\n </a>\n \n {this.hasChildNavItems && <ul class='navbar-menu rightSideItemMenu'> <slot name=\"first__layer\" /> </ul>}\n </div>\n )\n }\n}"],"mappings":"kDAAA,MAAMA,EAAgB,2tJACtB,MAAAC,EAAeD,E,MCQFE,EAAa,MAP1B,WAAAC,CAAAC,G,UAUUC,KAAAC,UAAqB,KACrBD,KAAAE,KAAe,GACfF,KAAAG,SAAmB,GACnBH,KAAAI,OAAiB,QACjBJ,KAAAK,IAAc,GACdL,KAAAM,SAAmB,GAClBN,KAAAO,aAAuB,GACvBP,KAAAQ,WAAsB,MACtBR,KAAAS,iBAA4B,MAC5BT,KAAAU,iBAAwB,CAACC,KAAM,GAAIC,MAAO,IAE3CZ,KAAAa,oBAAsB,q2B,CAM9B,kBAAAC,CAAmBC,GACjB,MAAMC,EAAOD,EAAME,eACnB,MAAMC,EAAWlB,KAAKmB,cACtB,GAAGD,EAAU,CACX,GAAGA,EAASE,UAAUC,SAAS,QAAS,CACtC,IAAKL,EAAKM,SAAStB,KAAKuB,IAAK,CAC3BvB,KAAKwB,e,IAMb,iBAAAC,GACEzB,KAAK0B,UACL1B,KAAK2B,WACL,MAAMC,EAAe5B,KAAK6B,iBAC1B,GAAID,EAAaE,SAAW,EAAG,CAC7B9B,KAAKS,iBAAmB,I,KACnB,CACLT,KAAKS,iBAAmB,K,EAI5B,gBAAAsB,GACE/B,KAAKgC,gBACL,GAAGhC,KAAKS,iBAAkB,CACxB,MAAMwB,EAAWjC,KAAK6B,iBACtB7B,KAAKkC,oBAAoBD,E,EAK7B,mBAAME,GACJnC,KAAKuB,GAAGa,MAAMC,QAAU,M,CAI1B,mBAAMC,GACJtC,KAAKuB,GAAGa,MAAMC,QAAU,E,CAG1B,eAAAE,CAAgBhB,EAAIZ,EAAM6B,GACxBjB,EAAGH,UAAUT,GAAM6B,GACnB,GAAI7B,IAAS,WAAY,CACvB,OAAOY,EAAGH,UAAUC,SAASmB,E,EAIjC,cAAAX,GACE,MAAMI,EAAWjC,KAAKuB,GAAGkB,iBAAiB,mBAC1C,OAAOR,C,CAGT,aAAAS,GACE,MAAMC,EAAU3C,KAAKuB,GAAGqB,WAAWC,cAAc,iBACjD,OAAOF,C,CAGT,iBAAAG,CAAkBb,GAChBA,EAASc,SAAQC,IAChBA,EAAKC,aAAa,OAAQ,eAAe,G,CAI5C,mBAAAf,CAAoBD,GAClBjC,KAAK8C,kBAAkBb,E,CAGzB,cAAAiB,CAAeC,GACb,IAAIC,EAEJ,IACEA,EAAM,IAAIC,IAAIF,E,CACd,MAAOG,GACP,OAAO,K,CAGT,OAAOF,EAAIG,WAAa,SAAWH,EAAIG,WAAa,Q,CAGtD,QAAA5B,GACE,GAAI3B,KAAKG,SAASqD,cAAcC,SAAW,GAAI,CAC7CzD,KAAKU,iBAAmB,CAACC,KAAM+C,UAAW9C,MAAO,G,MAC5C,GAAGZ,KAAKkD,eAAelD,KAAKG,UAAW,CAC5CH,KAAKU,iBAAmB,CAAEC,KAAM,MAAOC,MAAOZ,KAAKG,S,KAC9C,CACLH,KAAKU,iBAAmB,CAAEC,KAAM,WAAYC,MAAOZ,KAAKG,S,EAI5D,OAAAuB,GACE,GAAI1B,KAAKE,KAAKsD,cAAcC,SAAW,GAAI,CACzCzD,KAAKO,aAAemD,S,MACf1D,KAAKO,aAAeP,KAAKE,I,CAGlC,aAAA8B,GACE,MAAM2B,EAAsB3D,KAAKuB,GAAGqB,WAAWC,cAAc,2BAC7D,MAAMe,EAAe5D,KAAKuB,GAAGqB,WAAWC,cAAc,mBACtD,MAAMgB,EAAYD,EAAaf,cAAc,QAC7C,MAAMiB,EAAQD,EAAUE,gBACxB,IAAID,EAAMhC,OAAQ,CAChB9B,KAAKuC,gBAAgBoB,EAAqB,MAAO,S,KAC5C,CACL3D,KAAKuC,gBAAgBoB,EAAqB,SAAU,S,EAIxD,WAAAxC,GACE,MAAM6C,EAAOhE,KAAKuB,GAAGqB,WAAWC,cAAc,gBAC9C,OAAOmB,C,CAGT,aAAAxC,GACE,MAAMN,EAAWlB,KAAKmB,cACtB,MAAM8C,EAAWjE,KAAK0C,gBACtB,GAAGxB,EAAU,CACXlB,KAAKuC,gBAAgBrB,EAAU,SAAU,QACzClB,KAAKuC,gBAAgB0B,EAAU,SAAU,O,EAI7C,cAAAC,GACE,IAAIlE,KAAKO,aAAc,CACrB,GAAGP,KAAKQ,YAAcR,KAAKS,iBAAkB,CAC3C,MAAMS,EAAWlB,KAAKmB,cACtBnB,KAAKuC,gBAAgBrB,EAAU,MAAO,Q,CAGxC,GAAGlB,KAAKS,iBAAkB,CACxB,MAAMS,EAAWlB,KAAKmB,cACtB,MAAM8C,EAAWjE,KAAK0C,gBACtB1C,KAAKuC,gBAAgBrB,EAAU,SAAU,QACzClB,KAAKuC,gBAAgB0B,EAAU,SAAU,O,GAK/C,kBAAAE,GACE,MAAMC,EAAepE,KAAKuB,GAAGqB,WAAWC,cAAc,mBACtD,GAAGuB,EAAc,CACf,OAAO,I,KACF,CACL,OAAO,K,EAKX,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACTF,EAAA,KAAAC,IAAA,2CAAGrE,KAAMF,KAAKO,aAAcH,OAAQJ,KAAKI,OAAQqE,QAAS,IAAMzE,KAAKkE,iBAAkBM,MAAU,iBAAiBxE,KAAKC,UAAY,cAAgB,MAAMD,KAAKS,iBAAmB,WAAa,MAC5L6D,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,gEACVxE,KAAKM,SAASmD,SAAW,IAAMa,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBAAqBxE,KAAKM,UAEpEN,KAAKU,iBAAiBC,OAAS,YAC/B2D,EAAA,OAAAC,IAAA,2CAAKG,IAAM1E,KAAKU,iBAAiBC,OAAS,MAAQX,KAAKU,iBAAiBE,MAAQ,sBAAsB+D,mBAAmB3E,KAAKa,uBAAwBR,IAAKL,KAAKK,MAE/JL,KAAKU,iBAAiBC,OAAS,YAChC2D,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,YAAYxE,KAAKU,iBAAiBE,SAIlD0D,EAAA,QAAAC,IAAA,2CAAMC,MAAM,kBACVF,EAAA,QAAAC,IAAA,2CAAMK,aAAc,IAAM5E,KAAKgC,qBAMpChC,KAAKS,kBAAoB6D,EAAA,MAAAC,IAAA,2CAAIC,MAAM,iCAA+B,IAAEF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,iBAAiB,K","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-e42e3390.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as n,c as a,h as e,a as t,g as i}from"./p-e6edf72d.js";import{g as r}from"./p-38c8a9b0.js";import{c as o}from"./p-5cdc6210.js";const s="ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}";const c=s;const _=class{constructor(e){n(this,e);this.consoleError=a(this,"consoleError",7);this.icon=""}convertStringToHtml(n){const a=document.createElement("div");a.innerHTML=n;return a.firstChild}convertHtmlToObject(n){let a=Array.from(n.attributes,(({name:n,value:a})=>({name:n,value:a}))).reduce(((n,a)=>{n[a.name]=a.value;return n}),{});return a}convertPathsToVnode(n){let a=[];const t=this.convertHtmlToObject(n);const i=e("path",t);a.push(i);if(n.firstChild){const t=n.querySelectorAll("path");const i=n.querySelectorAll("path").length;for(let n=0;n<i;n++){let i=this.convertHtmlToObject(t[n]);let r=e("path",i);a.push(r)}}return a}getSVG(n){return e("svg",{class:"inline-svg",width:this.ifxIcon.width,height:this.ifxIcon.height,xmlns:"http://www.w3.org/2000/svg",fill:this.ifxIcon.fill,viewBox:this.ifxIcon.viewBox},...n)}constructIcon(){if(this.ifxIcon){const n=this.convertStringToHtml(this.ifxIcon.svgContent);const a=this.convertPathsToVnode(n);const e=this.getSVG(a);return e}else if(this.icon!==""){console.error("Icon not found!");this.consoleError.emit(true);return}else{return}}componentWillLoad(){const n=n=>n.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,((n,a)=>a));this.ifxIcon=r(n(this.icon))}render(){return e(t,{key:"b9e7a70969306d21d04013a291d7f1c6c12a2f40"},this.constructIcon())}};_.style=c;const b=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:block}.navbar__wrapper{font-family:var(--ifx-font-family);height:63px;position:sticky;z-index:1030;border-bottom:1px solid #EEEDED}.navbar__wrapper.fixed{border-bottom:none}.navbar__main-container{position:absolute;top:0;width:100%;transition:all 1s;z-index:1020}.navbar__main-container.fixed{position:fixed}.navbar__main-container.fixed .navbar__container{border-bottom:1px solid #EEEDED}.navbar__main-container.show{height:100vh;bottom:0;background-color:rgba(29, 29, 29, 0.2);transition:1s;z-index:1}.navbar__sidebar{box-sizing:border-box;position:fixed;right:-100%;top:64px;display:flex;flex-direction:column;align-items:flex-start;width:375px;height:calc(100vh - 64px);background-color:#FFFFFF;transition:right 1s;z-index:1030}.navbar__sidebar.show{right:0;transition:right 1s}.navbar__sidebar .navbar__sidebar-top-row{display:flex;padding:var(--borderRadius-none, 0px) var(--space-300, 24px) 30px var(--space-300, 24px);flex-direction:column;align-items:flex-start;gap:var(--space-200, 16px);flex:1 0 0;align-self:stretch;overflow-y:auto}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper{display:flex;padding-top:var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper.expand{align-items:initial}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item{display:flex;padding:var(--space-200, 0px) var(--space-50, 4px) var(--space-200, 0px) 0px;align-items:center;gap:var(--space-100, 8px);align-self:stretch;justify-content:space-between}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-icon-wrapper ifx-icon{vertical-align:middle}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item:hover{cursor:pointer}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row{display:none;padding:var(--space-150, 12px) var(--space-300, 24px) var(--space-150, 12px) var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--color-engineering-100, #F7F7F7);border-top:1px solid var(--color-engineering-200, #EEEDED);gap:10px;max-height:160px;overflow-y:auto}.navbar__sidebar .navbar__sidebar-bottom-row.show{display:flex}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item{display:flex;height:40px;padding-right:var(--space-50, 4px);align-items:center;gap:var(--space-100, 8px);flex:1 0 0}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-icon-wrapper{display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products,.navbar__sidebar .navbar__sidebar-content-main{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:24px;flex:none;order:0;align-self:stretch;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;align-self:stretch;flex-grow:0;color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header span{color:#1D1D1D;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:16px;flex:none;order:1;flex-grow:0;width:100%}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{display:flex;flex-direction:row;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{text-decoration:none;font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;color:#1D1D1D}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{font-style:normal;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:1}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{align-items:normal}.navbar__container{display:flex;justify-content:space-between;align-items:center;padding:8px 40px;gap:16px;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.navbar__container.expanded{justify-content:initial}.navbar__container .navbar__container-search-field-wrapper{display:none}.navbar__container .navbar__container-search-field-wrapper.show{display:flex}.navbar__container .navbar__container-left{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left.hide{display:none}.navbar__container .navbar__container-left.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content{align-items:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-left .navbar__container-left-logo{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo.hide{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo h6{position:relative;margin:0;padding:0;font-style:normal;font-weight:600;font-size:16px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default svg{width:91px;height:40px;flex:none;order:0;flex-grow:0;vertical-align:bottom}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{width:1px;height:32px;background:#EEEDED;flex:none;order:2;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group{display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:5;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item a{display:flex;align-items:center;font-weight:400;font-size:16px;line-height:24px;color:#1D1D1D;text-decoration:none;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:0;gap:8px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-right.hide{display:none}.navbar__container .navbar__container-right.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content{align-items:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{flex:1}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 0px 4px 16px;border-left:1px solid #BFBBBB;gap:16px;flex:none;order:1;flex-grow:0;width:41px;height:40px}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper.hide{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon{display:flex;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon.close{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon{display:none;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show{display:flex}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__container-right-content{display:flex;flex-direction:column;align-items:flex-start;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen{position:absolute;top:10px}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile{position:relative;width:24px;height:24px;background:#0A8276;border-radius:100px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile a{position:absolute;width:22px;height:20px;left:calc(50% - 11px);top:calc(50% - 10px);font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar a{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#1D1D1D;text-decoration:none;display:flex;align-items:center;flex:none;order:1;flex-grow:0}@media screen and (max-width: 800px){.navbar__container{padding:0px 16px;height:64px;gap:initial}.navbar__container.expanded .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__container .navbar__container-left .navbar__container-left-content{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{display:none}.navbar__container .navbar__container-right{flex:1}.navbar__sidebar{width:0;transition:1s}}@media screen and (max-width: 500px){.navbar__sidebar.show{width:100%}}@media screen and (min-width: 500px){.navbar__sidebar.show{width:50%}}@media screen and (min-width: 800px){.navbar__wrapper{height:63px}.navbar__container{padding:0px 16px;height:63px;gap:initial}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}.navbar__sidebar{width:0;transition:1s}.navbar__sidebar.show{right:-100%}}@media screen and (min-width: 1024px){.navbar__wrapper{height:72px}.navbar__container{padding:0px 24px;height:72px}.navbar__container .navbar__container-left{gap:12px;display:flex}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex}.navbar__container .navbar__container-left .navbar__container-left-logo-default svg{width:72.8px;height:32px}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}}@media screen and (min-width: 1200px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 32px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:inherit}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}@media screen and (min-width: 1440px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 40px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:center}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}';const d=b;const l=class{constructor(e){n(this,e);this.ifxNavbarMobileMenuIsOpen=a(this,"ifxNavbarMobileMenuIsOpen",7);this.main=true;this.products=false;this.applications=false;this.design=false;this.support=false;this.about=false;this.applicationName="";this.hasLeftMenuItems=true;this.fixed=true;this.showLogoAndAppname=true;this.logoHref="";this.internalLogoHref="";this.logoHrefTarget="_self";this.internalLogoHrefTarget="_self"}addEventListenersToHandleCustomFocusState(){const n=this.el.shadowRoot.firstChild;if(!n){console.error("element not found");return}n.tabIndex=-1;const a=n.querySelectorAll("a");for(let n=0;n<a.length;n++){a[n].tabIndex=-1}const e=n.querySelector("slot");if(e){const n=e.assignedNodes();for(let a=0;a<n.length;a++){const e=n[a];if(e.nodeName==="IFX-NAVBAR-ITEM"){const n=e;const a=n===null\|\|n===void 0?void 0:n.shadowRoot.querySelectorAll("a");for(let n=0;n<a.length;n++){a[n].tabIndex=-1}}}}}clearFirstLayerMenu(n){if(n.detail.action==="hideFirstLayer"){const a=this.getMobileMenuTop();for(let e=0;e<a.length;e++){if(!a[e].isSameNode(n.detail.component)){a[e].hideComponent()}}}if(n.detail.action==="hideSecondLayer"){const a=n.detail.parent;const e=a.children;a.toggleFirstLayerItem("remove","add");for(let a=0;a<e.length;a++){if(!e[a].isSameNode(n.detail.component)){e[a].hideComponent()}}}if(n.detail.action==="returnToSecondLayer"){const a=n.detail.parent;const e=a.children;a.toggleFirstLayerItem("add","remove");for(let a=0;a<e.length;a++){if(!e[a].isSameNode(n.detail.component)){e[a].showComponent()}}}if(n.detail.action==="show"){const a=this.el.querySelectorAll('[slot="left-item"]');for(let e=0;e<a.length;e++){if(!a[e].isSameNode(n.detail.component)){a[e].showComponent()}}}if(n.detail.action==="return"){const a=this.getMobileMenuTop();for(let e=0;e<a.length;e++){if(!a[e].isSameNode(n.detail.component)){a[e].showComponent()}}}this.removeEmptyItem(n.detail)}getWrappers(){const n=this.el.shadowRoot.querySelector(".navbar__container-right-content-navigation-group");const a=this.el.shadowRoot.querySelector(".navbar__container-right-content-navigation-item-search-bar-icon-wrapper");const e=this.el.shadowRoot.querySelector(".navbar__container-left-content-navigation-item-search-bar");const t=n.querySelector('slot[name="right-item"]');const i=a.querySelector("slot");const r=e.querySelector("slot");const o=i.assignedNodes();const s=r.assignedNodes();const c=this.el.querySelector("ifx-navbar-profile");const _=this.el.querySelectorAll('[slot="left-item"]');const b=this.el.querySelectorAll('[slot="right-item"]');const d=this.el.shadowRoot.querySelector(".navbar__sidebar-top-row-wrapper");return{rightSideItemSlot:t,rightSideSlot:i,leftSideSlot:r,rightAssignedNodes:o,leftAssignedNodes:s,navbarProfile:c,leftMenuItems:_,rightMenuItems:b,topRowWrapper:d}}hideNavItems(){const{rightAssignedNodes:n,leftAssignedNodes:a,navbarProfile:e,leftMenuItems:t,rightMenuItems:i,topRowWrapper:r}=this.getWrappers();if(n.length!==0){this.searchBarIsOpen="right"}else if(a.length!==0){this.searchBarIsOpen="left"}if(e){e.hideComponent()}for(let n=0;n<t.length;n++){if(!r.classList.contains("expand")){t[n].hideComponent()}}for(let n=0;n<i.length;n++){if(r.classList.contains("expand")){if(!i[n].hideOnMobile){i[n].hideComponent()}}else{i[n].hideComponent()}}}showNavItems(){const{navbarProfile:n,leftMenuItems:a,rightMenuItems:e,topRowWrapper:t}=this.getWrappers();this.searchBarIsOpen=undefined;if(n){n.showComponent()}for(let n=0;n<a.length;n++){if(!t.classList.contains("expand")){a[n].showComponent()}}for(let n=0;n<e.length;n++){if(t.classList.contains("expand")){if(!e[n].hideOnMobile){e[n].showComponent()}}else{e[n].showComponent()}}}handleSearchBarToggle(n){if(n.detail){this.hideNavItems()}else if(!n.detail){this.showNavItems()}}toggleClass(n,a){n.classList.toggle(a)}handleSidebar(n){const a=n.currentTarget.closest(".navbar__burger-icon-wrapper");const e=a.querySelector(".navbar__burger-icon");const t=a.querySelector(".navbar__cross-icon");const i=n.currentTarget.closest(".navbar__main-container");const r=n.currentTarget.closest(".navbar__wrapper");const o=r.querySelector(".navbar__sidebar");this.toggleClass(r,"show");this.toggleClass(i,"show");this.toggleClass(o,"show");this.toggleClass(e,"close");this.toggleClass(t,"show");if(t.classList.contains("show")){this.handleBodyScroll("hide")}else{this.handleBodyScroll("show")}}handleBodyScroll(n){const a=this.el.closest("body");if(!this.fixed&&n==="hide"){a.style.overflow="hidden"}else if(n==="show"){a.style.overflow="visible"}}handleDropdownMenu(n){const a=n.currentTarget.querySelector(".navbar__dropdown-wrapper");a.classList.toggle("open");const e=n.currentTarget.querySelector("a");e.classList.toggle("open")}async setItemMenuPosition(){const n=this.el.querySelectorAll("ifx-navbar-item");const a=this.el.querySelector("ifx-navbar-profile");if(a){const n=a.querySelectorAll("ifx-navbar-item");if(n.length!==0){n.forEach((n=>{n.setMenuItemPosition();this.setMenuItemChildrenPosition(n)}))}}if(n.length!==0){for(let a=0;a<n.length;a++){const e=n[a];const t=e.querySelectorAll("ifx-navbar-item");if(t.length!==0){const n=await e.setItemSideSpecifications();if(n){t.forEach((n=>{n.setMenuItemPosition();this.setMenuItemChildrenPosition(n)}))}}}}}setMenuItemChildrenPosition(n){const a=n.querySelectorAll("ifx-navbar-item");if(a.length!==0){a.forEach((n=>{n.setMenuItemPosition();this.setMenuItemChildrenPosition(n)}))}}getMediaQueryList(){const n=window.matchMedia("(max-width: 800px)");return n}componentDidLoad(){this.setItemMenuPosition();this.addEventListenersToHandleCustomFocusState();const n=this.getMediaQueryList();if(n.matches){this.moveNavItemsToSidebar()}}removeEmptyItem(n){const{rightSideItemSlot:a}=this.getWrappers();if(n){a.style.display="none"}else{a.style.display="block"}}handleMobileMenuBottom(n){const a=this.el.shadowRoot.querySelector(".navbar__sidebar-bottom-row");const e=n.target;const t=e.assignedNodes();if(t.length>0){a.classList.add("show")}else{a.classList.remove("show")}}handleLogoHrefAndTarget(){if(this.logoHref.trim()===""){this.internalLogoHref=undefined}else{this.internalLogoHref=this.logoHref}if(["_self","_blank","_parent"].includes(this.logoHrefTarget.trim())){this.internalLogoHrefTarget=this.logoHrefTarget}else{this.internalLogoHrefTarget="_self"}}componentWillLoad(){this.RemoveSpaceOnStorybookSnippet();const n=this.el.querySelector("ifx-navbar-menu");const a=this.el.querySelectorAll('[slot="left-item"]');if(!a.length&&!n){this.hasLeftMenuItems=false}this.handleLogoHrefAndTarget();const e=window.matchMedia("(max-width: 800px)");e.addEventListener("change",(n=>this.moveNavItemsToSidebar(n)))}getSearchBarLeftWrapper(){const n=this.el.shadowRoot.querySelector(".navbar__container-left-content-navigation-item-search-bar");return n}getMobileMenuTop(){const n=this.el.querySelectorAll('[slot="mobile-menu-top"]');return n}getMobileMenuBottom(){const n=this.el.querySelectorAll('[slot="mobile-menu-bottom"]');return n}handleBurgerIcon(){const n=this.getMobileMenuTop();const a=this.getMobileMenuBottom();if(!n.length&&!a.length){const n=this.el.shadowRoot.querySelector(".navbar__burger-icon-wrapper");this.toggleClass(n,"hide")}}moveNavItemsToSidebar(n){const a=this.el.shadowRoot.querySelector(".navbar__sidebar-top-row-wrapper");const e=this.getMediaQueryList();const t=n?n.matches:e.matches;if(t){a.classList.add("expand");const n=this.el.shadowRoot.querySelector(".navbar__cross-icon");if(n.classList.contains("show")){this.handleBodyScroll("hide")}const e=this.el.querySelector('[slot="search-bar-left"]');if(e){if(this.searchBarIsOpen){e.onNavbarMobile()}const n=this.getSearchBarLeftWrapper();n.classList.add("initial");e.setAttribute("slot","search-bar-right")}const t=this.el.querySelectorAll('[slot="left-item"]');for(let n=0;n<t.length;n++){t[n].setAttribute("slot","mobile-menu-top");t[n].moveChildComponentsIntoSubLayerMenu();if(this.searchBarIsOpen){t[n].showComponent()}}const i=this.el.querySelectorAll('[slot="right-item"]');for(let n=0;n<i.length;n++){if(i[n].tagName.toUpperCase()==="IFX-NAVBAR-PROFILE"){i[n].showLabel=false}else{if(i[n].hideOnMobile){i[n].setAttribute("slot","mobile-menu-bottom");i[n].toggleChildren("add");i[n].showLabel=true;if(this.searchBarIsOpen){i[n].showComponent()}}}}this.handleBurgerIcon()}else{a.classList.remove("expand");this.handleBodyScroll("show");const n=this.getSearchBarLeftWrapper();const e=n.classList.contains("initial");const t=this.el.querySelector('[slot="search-bar-right"]');if(e){if(this.searchBarIsOpen){t.onNavbarMobile()}if(t){t.setAttribute("slot","search-bar-left")}}const i=this.getMobileMenuTop();for(let n=0;n<i.length;n++){i[n].setAttribute("slot","left-item");i[n].moveChildComponentsBackIntoNavbar()}const r=this.getMobileMenuBottom();const o=this.el.querySelector("ifx-navbar-profile");if(o){const n=o.getAttribute("show-label");o.setAttribute("show-label",n)}for(let n=0;n<r.length;n++){r[n].setAttribute("slot","right-item");r[n].toggleChildren("remove");const a=r[n].getAttribute("show-label");r[n].setAttribute("show-label",a);if(this.searchBarIsOpen){r[n].hideComponent()}}}}RemoveSpaceOnStorybookSnippet(){let n=this.el.parentElement;if(n){let a=n.closest(".css-xzp052");if(a){a.style.overflow="visible"}}}render(){return e("div",{key:"10f37f73d6c482f0510a20db8b08a72b974dabc9","aria-label":"a navigation navbar",class:`navbar__wrapper ${this.fixed?"fixed":""}`},e("div",{key:"0ca22e9bf18c8589a7e185efcd8675910212763e",class:`navbar__main-container ${this.fixed?"fixed":""}`},e("div",{key:"13d7dbf7e24475a44a13cefba1c6c2236b8e9840",class:`navbar__container ${this.searchBarIsOpen?"expanded":""}`},e("div",{key:"a0b4a3f4c88ef3839b1fb8ad989246dd1086b4a1",class:`navbar__container-left ${this.searchBarIsOpen==="left"?"expand":this.searchBarIsOpen==="right"?"hide":""}`},this.showLogoAndAppname&&e("div",{key:"92a66af76967c5fe268a83d25996606250c9578c",class:`navbar__container-left-logo ${this.searchBarIsOpen==="left"?"hide":""}`},e("div",{key:"61311259311c53dbb0bfe0ead982664e5be69c1b",class:"navbar__container-left-logo-default"},e("a",{key:"b69bfe6a4f3e8ee49e87e28a4412498b0c69e678",href:this.internalLogoHref,target:this.internalLogoHrefTarget},e("svg",{key:"a1ae807a937de7795cf7527ab6b8c9189cb2fb37",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"505d1da38f1af5f1723b7bfa15717e5e498d1968","clip-path":"url(#clip0_2396_2480)"},e("path",{key:"3f6073c7929770587f0a2939041755866c00b6e5",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),e("path",{key:"2fe8ce30f1e5e35ab6920c2b957e61082011a16c",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),e("defs",{key:"0a3eab7e84c34bf5b9cf55ef8a27226846ee3545"},e("clipPath",{key:"493b65709184cfcd4e46bc94e03b266c508e8dfa",id:"clip0_2396_2480"},e("rect",{key:"eecfd645dff90ac12468760f473c165b48f38481",width:"91",height:"40",fill:"white"})))))),this.applicationName&&e("h6",{key:"cdf550067e9e43cae8d4f0a0ef38e24f9c08f1f6"},this.applicationName),this.applicationName&&this.hasLeftMenuItems&&e("div",{key:"9157076d70c0958ab03f60df9a61c0f480263d33",class:"navbar__container-left-logo-divider"})),e("div",{key:"4fdc42a70c29e701a06852e68d647e8df79e4fc1",class:"navbar__container-left-content"},e("div",{key:"4e0239787567b6613fd0ddd2bc3a49e588dd11a2",class:"navbar__container-left-content-navigation-group"},e("slot",{key:"a2bdef44380dadf8aa5a7b770268c894432ce170",name:"left-item"}),e("div",{key:"99b55dd91e6ecd9d50c7ed36f34164ab29362f57",class:"navbar__container-left-content-navigation-item-search-bar"},e("slot",{key:"cbea75f21b02c6fa005774e41fa3fb2f746596f2",name:"search-bar-left"}))))),e("div",{key:"997da76f4bd28b0b87ddf7bdbf59d1c22890e954",class:`navbar__container-right ${this.searchBarIsOpen==="right"?"expand":this.searchBarIsOpen==="left"?"hide":""}`},e("div",{key:"f7d9e7c67f2409ee5c269c7920e8ba658b49cfed",class:"navbar__container-right-content"},e("div",{key:"66819a8c50b86ddfcb3c05243518df1dcce81496",class:"navbar__container-right-content-navigation-group"},e("div",{key:"db72bcc7903bbe2e408258841f2afa36a2fd2a48",class:"navbar__container-right-content-navigation-item-search-bar"},e("div",{key:"acf394f74415ffc8c9150b9d0e367e7b66576ea5",class:`navbar__container-right-content-navigation-item-search-bar-icon-wrapper`},e("slot",{key:"60da17aacb81ce4350db2d0ed5e5c2ef13ff6341",name:"search-bar-right"}))),e("slot",{key:"111e6759b9cc3900ed7aab24149ece4a73237ad4",name:"right-item"}))),e("div",{key:"afaca444bd135f8b4ff63464de7be513e8918738",class:`navbar__burger-icon-wrapper`,onClick:this.handleSidebar.bind(this)},e("div",{key:"c90b5fc5081c1b17beb8e140ef13237ea43c0bbb",class:"navbar__burger-icon"},e("ifx-icon",{key:"b318fdc5d83129f1c739bf75521969c37c0a45ca",icon:"menu-right-24"})),e("div",{key:"d34ebca9221fe2b2871cc653d14151c8e40afd46",class:"navbar__cross-icon"},e("ifx-icon",{key:"c128944189176338896fea406bbb7470d8186b6e",icon:"cross-24"})))))),e("div",{key:"cbbf5abbbafd4cc2abef9d82769d57cb6b987a6e",class:"navbar__sidebar"},e("div",{key:"e2859ac737af74d7ed70693dd14d6f8d17855737",class:"navbar__sidebar-top-row"},e("div",{key:"10e9da2c60c7152c6809cc791d84d3f9dfc07939",class:"navbar__sidebar-top-row-wrapper"},e("slot",{key:"77b9b18b0d8a671627ff0199eb76f8fbe63e0e50",name:"mobile-menu-top"}))),e("div",{key:"7519280faab2a8158d8522eb08abd867117e1eb3",class:"navbar__sidebar-bottom-row"},e("slot",{key:"bbbbb7d739c9475fa52bd58a38333f6fbfca8e3d",name:"mobile-menu-bottom",onSlotchange:n=>this.handleMobileMenuBottom(n)}))))}get el(){return i(this)}};l.style=d;const h='.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 .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 p=h;const f=class{constructor(e){n(this,e);this.ifxNavItem=a(this,"ifxNavItem",7);this.showLabel=true;this.icon="";this.href="";this.target="_self";this.hideOnMobile=true;this.internalHref="";this.isMenuItem=false;this.hasChildNavItems=false;this.isSidebarMenuItem=false}handleOutsideClick(n){const a=n.composedPath();const e=this.getItemMenu();if(e){if(e.classList.contains("open")){if(!a.includes(this.el)){this.closeItemMenu()}}}}async hideComponent(){this.el.style.display="none"}async showComponent(){this.el.style.display=""}async toggleChildren(n){const a=this.getItemMenu();const e=this.getChevronDownIconWrapper();if(a){this.handleClassList(e,n,"hide");this.handleClassList(a,n,"itemInMobileMenu")}}async moveChildComponentsIntoSubLayerMenu(){const n=this.getItemMenu();if(n){const a=this.handleClassList(n,"contains","open");if(a){const n=this.getNavBarItem();const a=this.getSubLayerBackButton();this.handleClassList(n,"add","layer__item-parent");this.handleClassList(a,"add","show");this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}}const a=this.el.querySelectorAll('[slot="first__layer"]');this.isSidebarMenuItem=true;for(let n=0;n<a.length;n++){a[n].setAttribute("slot","second__layer");a[n].moveChildComponentsIntoSubLayerMenu()}}getSubLayerBackButton(){const n=this.el.shadowRoot.querySelector(".sub__layer-back-button");return n}async toggleFirstLayerItem(n,a){const e=this.getNavBarItem();const t=this.getSubLayerMenu();const i=this.getSubLayerBackButton();this.handleClassList(i,[n],"show");this.handleClassList(e,[a],"hide");this.handleClassList(t,[a],"remove__margin")}openSubLayerMenu(){if(this.hasChildNavItems){const n=this.getSubLayerBackButton();const a=this.getRightArrowIcon();const e=this.getNavBarItem();const t=this.getSubLayerMenu();const i=this.el.getAttribute("slot");this.handleClassList(n,"add","show");this.handleClassList(a,"add","hide");this.handleClassList(e,"add","layer__item-parent");this.handleClassList(t,"add","open");if(i.toLowerCase()==="second__layer"){this.ifxNavItem.emit({component:this.el,parent:this.el.parentElement,action:"hideSecondLayer"});this.handleClassList(e,"remove","menuItem")}else{this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}}}async addMenuItemClass(){const n=this.getNavBarItem();this.handleClassList(n,"add","menuItem");const a=this.getRightArrowIcon();if(this.hasChildNavItems){this.handleClassList(a,"remove","hide")}}async moveChildComponentsBackIntoNavbar(){const n=this.getSubLayerBackButton();const a=this.getNavBarItem();const e=this.getSubLayerMenu();this.handleClassList(n,"remove","show");this.handleClassList(a,"remove","layer__item-parent");this.handleClassList(e,"remove","remove__margin");this.ifxNavItem.emit({component:this.el,action:"show"});const t=this.el.querySelectorAll('[slot="second__layer"]');this.isSidebarMenuItem=false;this.showComponent();this.handleClassList(a,"remove","hide");for(let n=0;n<t.length;n++){t[n].setAttribute("slot","first__layer");t[n].moveChildComponentsBackIntoNavbar();t[n].addMenuItemClass();t[n].returnToFirstLayer()}}getRightArrowIcon(){const n=this.el.shadowRoot.querySelector(".menuItemRightIconWrapper");return n}getChevronDownIconWrapper(){const n=this.el.shadowRoot.querySelector(".navItemIconWrapper");return n}async returnToFirstLayer(){const n=this.getSubLayerBackButton();const a=this.getNavBarItem();const e=this.getRightArrowIcon();const t=this.getSubLayerMenu();const i=this.el.getAttribute("slot");this.handleClassList(n,"remove","show");this.handleClassList(a,"remove","layer__item-parent");this.handleClassList(t,"remove","open");if(this.hasChildNavItems){this.handleClassList(e,"remove","hide")}if(i.toLowerCase()==="second__layer"){this.ifxNavItem.emit({component:this.el,parent:this.el.parentElement,action:"returnToSecondLayer"});this.handleClassList(a,"add","menuItem")}else{this.ifxNavItem.emit({component:this.el,action:"return"})}}componentWillLoad(){this.setHref();this.checkIfItemIsNested();this.checkIfItemHasChildren();this.emitEmptyItem()}componentDidLoad(){this.handleItemGap();this.handleLabelWrapper();if(this.hasChildNavItems){const n=this.getNavbarItems();this.relocateItemsToFirstlayer(n)}}componentDidUpdate(){const n=this.getNavBarItem();const a=this.handleClassList(n,"contains","layer__item-parent");if(this.isSidebarMenuItem&&a){const n=this.getRightArrowIcon();this.handleClassList(n,"add","hide")}}async setMenuItemPosition(){if(this.isMenuItem&&this.hasChildNavItems){const n=this.getItemMenuPosition();if(n==="left"){this.itemPosition="left"}else if(n==="right"){this.itemPosition="right"}}}handleClassList(n,a,e){n.classList[a](e);if(a==="contains"){return n.classList.contains(e)}}getNavbarItems(){const n=this.el.querySelectorAll("ifx-navbar-item");return n}getNavBarItem(){const n=this.el.shadowRoot.querySelector(".navbar__item");return n}getSubLayerMenu(){const n=this.el.shadowRoot.querySelector(".sub__layer-menu");return n}relocateItemsToFirstlayer(n){n.forEach((n=>{n.setAttribute("slot","first__layer")}))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}checkIfItemIsNested(){const n=this.el.parentElement;if(n.tagName.toUpperCase()==="IFX-NAVBAR-ITEM"\|\|n.tagName.toUpperCase()==="IFX-NAVBAR-PROFILE"){this.isMenuItem=true;return}else{this.isMenuItem=false}}checkIfItemHasChildren(){const n=this.getNavbarItems();if(n.length!==0){this.hasChildNavItems=true}else{this.hasChildNavItems=false}}async setItemSideSpecifications(){const n=this.el;const a=this.getItemMenu();const e=n.getAttribute("slot");if(e.toLowerCase().trim()==="right-item"){this.handleClassList(a,"add","rightSideItemMenu")}return true}getItemMenu(){const n=this.el.shadowRoot.querySelector(".navbar-menu");return n}closeItemMenu(){const n=this.getItemMenu();const a=this.getNavBarItem();if(n){this.handleClassList(n,"remove","open");this.handleClassList(a,"remove","open")}}getItemMenuPosition(){let n=this.el;while(n){if(n.tagName==="IFX-NAVBAR-PROFILE"\|\|n.slot==="right-item"){return"left"}n=n.parentElement\|\|n.getRootNode().host}return"right"}toggleItemMenu(){const n=this.el.getAttribute("slot");if(n.toLowerCase()==="mobile-menu-top"\|\|n.toLowerCase()==="second__layer"){this.openSubLayerMenu()}if(!this.internalHref&&n.toLowerCase()!=="mobile-menu-top"&&n.toLowerCase()!=="second__layer"){const n=this.getItemMenu();if(this.hasChildNavItems){const a=this.getNavBarItem();this.handleClassList(n,"toggle","open");this.handleClassList(a,"toggle","open")}}}handleNestedLayerMenu(n){if(this.isMenuItem&&this.hasChildNavItems&&!this.isSidebarMenuItem){const a=this.getItemMenu();const e=this.getItemMenuPosition();if(n.type.toUpperCase()==="MOUSEENTER"){this.handleClassList(a,"add","open");if(e==="left"){this.handleClassList(a,"add","left")}else if(e==="right"){this.handleClassList(a,"add","right")}}if(n.type.toUpperCase()==="MOUSELEAVE"){this.handleClassList(a,"remove","open");if(e==="left"){this.handleClassList(a,"remove","left")}else if(e==="right"){this.handleClassList(a,"remove","right")}}}}handleLabelWrapper(){const n=this.el.shadowRoot.querySelector(".label__wrapper");const a=this.getNavBarItem();const e=n.querySelector("slot");if(!e.assignedNodes().length){a.classList.add("removeLabel")}else if(this.showLabel&&a.classList.contains("removeLabel")){a.classList.remove("removeLabel")}}handleItemGap(){const n=this.el.shadowRoot.querySelector(".navbar__item");const a=n.querySelector(".navbar__container-right-content-navigation-item-icon-wrapper");if(this.numberIndicator){this.handleClassList(a,"add","no-gap")}else{this.handleClassList(a,"remove","no-gap")}}emitEmptyItem(){if(!this.showLabel&&!this.icon){this.ifxNavItem.emit(this.el)}}render(){return e("div",{key:"b54c2e5c1a185b9e9a074ad4aa9bdb45f2e89c64",class:"container",onMouseLeave:n=>this.handleNestedLayerMenu(n),onMouseEnter:n=>this.handleNestedLayerMenu(n)},e("div",{key:"13c43e58f2b6f6251318e32c950e5175cda60fc6",class:"sub__layer-back-button"},e("div",{key:"be4cb7a7b5052163243b31d2d7166042d6a80124",class:"back__button-wrapper",onClick:()=>this.returnToFirstLayer()},e("ifx-icon",{key:"7bc4d11adc0f922cbc8400648833ce4458bbddbc",icon:"arrow-left-16"}),e("span",{key:"6b92260f2843980f10410b0631868d4d624473d9"},"Back"))),e("a",{key:"38e5d1e08ed03b7956260ab75f0b6564b27883bb",href:this.internalHref,target:this.target,onClick:()=>this.toggleItemMenu(),class:`navbar__item ${this.isSidebarMenuItem?"sidebarMenuItem":""} ${!this.showLabel?"removeLabel":""} ${this.isMenuItem?"menuItem":""} ${this.hasChildNavItems?"isParent":""}`},e("div",{key:"97915ddd09d877af48a06c5afa55a468a5adc0c9",class:"inner__content-wrapper"},e("div",{key:"a4dba448cc89f49e43ac31668c4d5b20bf076f07",class:`navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon?"removeWrapper":""}`},this.icon&&e("ifx-icon",{key:"a284c4a368f86f39b27040ad1ca246de5d747f80",icon:this.icon}),this.icon&&!this.showLabel&&!isNaN(this.numberIndicator)&&e("div",{key:"a8bacae966810fb25698a6b929e2d8c3c942e97f",class:"number__indicator-wrapper"},e("ifx-number-indicator",{key:"d1e5deb44898fae07eb1beea343853c1346387ad"},this.numberIndicator))),this.itemPosition==="left"&&this.hasChildNavItems&&this.isMenuItem&&e("div",{key:"707b7916cb96b91e5162b505fa3001061bb83b5b",class:"menuItemLeftIconWrapper"},e("ifx-icon",{key:"616df3b82ac85347f23cb7affd1b4197adc6ba5d",icon:"chevron-left-12"})),e("span",{key:"5f446e10e58fcc23d682d27bcc52a60d8ba49cb5",class:"label__wrapper"},e("slot",{key:"e9c9982d495a6fe5b95fbfe6e0159472cbc2be0b"}))),this.showLabel&&this.numberIndicator&&!isNaN(this.numberIndicator)&&e("div",{key:"d7f7da300d71f8ab423ea5716ac506ad87d05166",class:"number__indicator-wrapper"},e("ifx-number-indicator",{key:"9d621f81400ccfbce423f4440d1d7cc17e370283"},this.numberIndicator)),e("div",{key:"7b62524c085845e0961d894ff492ea4b412dbecd",class:`navItemIconWrapper ${this.hasChildNavItems&&!this.isMenuItem&&!this.isSidebarMenuItem?"":"hide"}`},e("ifx-icon",{key:"8340dbc1157afb8209eb6c2a05fd5524ccd6ee7b",icon:"chevron-down-12"})),e("div",{key:"f8e40d02cf3eb4a12f39a83dd8d44e43e8b058a2",class:`menuItemRightIconWrapper ${this.itemPosition==="right"&&this.hasChildNavItems&&this.isMenuItem\|\|this.isSidebarMenuItem&&this.hasChildNavItems?"":"hide"}`},e("ifx-icon",{key:"6aac358440a9c6ec69965aefc0fa603263eff04e",icon:"chevron-right-12"}))),this.hasChildNavItems&&!this.isSidebarMenuItem&&e("ul",{key:"409a357997941728262070a70b2444727aecc844",class:"navbar-menu"}," ",e("slot",{key:"117a22dc772d90de0e9e329e93ba133a1303f1f3",name:"first__layer"})," "),this.isSidebarMenuItem&&e("ul",{key:"d4ce2f908cc165394108b37b11ffe3cf768c0f95",class:"sub__layer-menu"}," ",e("slot",{key:"2af2119a3441494998423a7788206ca60d54779a",name:"second__layer"})," "))}get el(){return i(this)}};f.style=p;const v=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{height:16px;display:inline-flex;padding:0;min-width:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276}.numberIndicator__container span{padding:0 4px;color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}.content-wrapper{display:none}';const g=v;const m=class{constructor(a){n(this,a);this.inverted=false}handleSlotChange(n){var a,e;const t=n.target;const i=((e=(a=t.assignedNodes({flatten:true})[0])===null\|\|a===void 0?void 0:a.textContent)===null\|\|e===void 0?void 0:e.trim())\|\|"";const r=parseInt(i,10);this.displayValue=!isNaN(r)&&r>99?"99+":r}render(){return e("div",{key:"e8c57ce624bd377ab6a879fea41ca6f233ce3178","aria-label":"a number indicator",class:`numberIndicator__container ${this.inverted?"inverted":""}`},e("span",{key:"9ea4b685c8956ad932201743b7cecc92cd39eb0d",class:"content-wrapper"},e("slot",{key:"bb79b04ffe525382da77a5e42a708a34950e685a",onSlotchange:n=>this.handleSlotChange(n)})),e("span",{key:"1ae8260b65d910b77695d3d650dcbe768b835a78"},this.displayValue))}get el(){return i(this)}};m.style=g;const u=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:var(--ifx-font-family)}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}';const x=u;const w=class{constructor(e){n(this,e);this.ifxInput=a(this,"ifxInput",7);this.ifxOpen=a(this,"ifxOpen",7);this.isOpen=true;this.disabled=false;this.autocomplete="on";this.handleCloseButton=()=>{this.internalState=!this.internalState;this.ifxOpen.emit(this.internalState)};this.handleFocus=()=>{this.internalState=true}}async onNavbarMobile(){this.ifxOpen.emit(false);this.internalState=false}handlePropChange(){this.internalState=this.isOpen}setInitialState(){this.internalState=this.isOpen}componentWillLoad(){this.setInitialState();this.ifxOpen.emit(this.internalState)}handleInput(n){this.value=n.detail}render(){return e("div",{key:"76fd80cfb5009b8e965ee20f4c2193b0f9ec69b5","aria-label":"a search bar","aria-disabled":this.disabled,class:`search-bar ${this.internalState?"open":"closed"}`},this.internalState?e("div",{class:"search-bar-wrapper"},e("ifx-search-field",{autocomplete:this.autocomplete,disabled:this.disabled,value:this.value,maxlength:this.maxlength,onIfxInput:this.handleInput.bind(this)},e("ifx-icon",{icon:"search-16",slot:"search-icon"})),e("a",{tabindex:"-1",href:"javascript:void(0)",onClick:this.handleCloseButton},"Close")):e("div",{class:"search-bar__icon-wrapper",onClick:this.handleCloseButton},e("ifx-icon",{icon:"search-16"})))}get el(){return i(this)}static get watchers(){return{isOpen:["handlePropChange"]}}};w.style=x;const y=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.search-field{box-sizing:border-box;background-color:#FFFFFF;width:100%;font-family:var(--ifx-font-family)}.search-field .search-field__wrapper{box-sizing:border-box;height:40px;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;padding:8px 16px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;position:relative;width:100%;outline:none;color:#8D8786}.search-field .search-field__wrapper.focused{border:1px solid #0A8276}.search-field .search-field__wrapper.focused ifx-icon{color:#575352}.search-field .search-field__wrapper.search-field__wrapper-s{height:36px}.search-field .search-field__wrapper:hover:not(.focused,:focus){border:1px solid #3C3A39}.search-field .search-field__wrapper:focus{outline:none;border:1px solid #0A8276}.search-field .search-field__wrapper .delete-icon{right:12px;cursor:pointer}.search-field .search-field__wrapper input[type=text]{font-style:normal;font-weight:400;font-size:16px;color:#8D8786;border:none;width:100%;outline:none;height:16px}.search-field .search-field__wrapper input[type=text]:focus{outline:none;color:#1d1d1d}.search-field .search-field__wrapper input[type=text]:disabled{background-color:#EEEDED}.search-field .search-field__wrapper:has(input[disabled]){background-color:#EEEDED}';const k=y;const C=class{constructor(e){n(this,e);this.ifxInput=a(this,"ifxInput",7);this.value="";this.insideDropdown=false;this.showDeleteIcon=false;this.showDeleteIconInternalState=false;this.disabled=false;this.size="l";this.isFocused=false;this.placeholder="Search...";this.autocomplete="on";this.maxlength=null;this.handleInput=()=>{const n=this.inputElement.value;this.value=n;this.ifxInput.emit(this.value)};this.handleDelete=()=>{this.inputElement.value="";this.value="";this.ifxInput.emit(this.value)}}handleOutsideClick(n){const a=n.composedPath();if(!a.includes(this.inputElement)){this.isFocused=false}}valueWatcher(n){if(n!==this.inputElement.value){this.inputElement.value=n}}focusInput(){this.inputElement.focus();this.isFocused=true}componentWillUpdate(){if(this.value!==""){this.showDeleteIconInternalState=true}else this.showDeleteIconInternalState=false}render(){return e("div",{key:"76667787ae70b47b1ee1e663d7b3ee1d0da5bae5","aria-label":"a search field for user input","aria-disabled":this.disabled,"aria-value":this.value,class:"search-field"},e("div",{key:"86edcb50fd282e21a2d38414e86f0723c8c65832",class:this.getWrapperClassNames(),tabindex:1,onFocus:()=>this.focusInput(),onClick:()=>this.focusInput()},e("ifx-icon",{key:"34d5c9432cacb013f02d5afd48c33f9a164cf839",icon:"search-16",class:"search-icon"}),e("input",{key:"27db63492a7760a67a9a9abd50c550cf036b1ad3",ref:n=>this.inputElement=n,type:"text",autocomplete:this.autocomplete,onInput:()=>this.handleInput(),placeholder:this.placeholder,disabled:this.disabled,maxlength:this.maxlength,value:this.value}),this.showDeleteIcon&&this.showDeleteIconInternalState?e("ifx-icon",{icon:"cremove16",class:"delete-icon",onClick:this.handleDelete}):null))}getSizeClass(){return`${this.size}`==="s"?"search-field__wrapper-s":""}getWrapperClassNames(){return o(`search-field__wrapper`,`search-field__wrapper ${this.getSizeClass()}`,`${this.isFocused?"focused":""}`)}static get watchers(){return{value:["valueWatcher"]}}};C.style=k;export{_ as ifx_icon,l as ifx_navbar,f as ifx_navbar_item,m as ifx_number_indicator,w as ifx_search_bar,C as ifx_search_field};
2	- //# sourceMappingURL=p-e42e3390.entry.js.map