@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/infineon-design-system-stencil/p-d7614c74.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a,h as i}from"./p-CY4s4b6R.js";import{d as n,t as s}from"./p-DNHOWgWh.js";import{s as r}from"./p-QgsB_-OM.js";const o=class{constructor(a){t(this,a),this.ifxNavbarMobileMenuIsOpen=e(this,"ifxNavbarMobileMenuIsOpen",7)}get el(){return a(this)}applicationName="";hasLeftMenuItems=!0;fixed=!0;showLogoAndAppname=!0;searchBarIsOpen;isMobileMenuOpen=!1;hasLeftSearchBar=!1;hasRightSearchBar=!1;hasLeftItems=!1;hasRightItems=!1;logoHref="";internalLogoHref;logoHrefTarget="_self";internalLogoHrefTarget="_self";ifxNavbarMobileMenuIsOpen;initialSearchBarOpen=!1;isResizing=!1;mobileSlotObserver;addEventListenersToHandleCustomFocusState(){const t=this.el.shadowRoot.firstChild;if(!t)return void console.error("element not found");t.tabIndex=-1;const e=t.querySelectorAll("a");for(let t=0;t<e.length;t++)e[t].tabIndex=-1;const a=t.querySelector("slot");if(a){const t=a.assignedNodes();for(let e=0;e<t.length;e++){const a=t[e];if("IFX-NAVBAR-ITEM"===a.nodeName){const t=a,e=t?.shadowRoot.querySelectorAll("a");for(let t=0;t<e.length;t++)e[t].tabIndex=-1}}}}clearFirstLayerMenu(t){if("hideFirstLayer"===t.detail.action){const e=this.getMobileMenuTop();for(let a=0;a<e.length;a++){const i=e[a];!i.isSameNode(t.detail.component)&&this.isNavbarItem(i)&&i.hideComponent()}}if("hideSecondLayer"===t.detail.action){const e=t.detail.parent,a=e.children;this.isNavbarItem(e)&&e.toggleFirstLayerItem("remove","add");for(let e=0;e<a.length;e++){const i=a[e];!i.isSameNode(t.detail.component)&&this.isNavbarItem(i)&&i.hideComponent()}}if("returnToSecondLayer"===t.detail.action){const e=t.detail.parent,a=e.children;this.isNavbarItem(e)&&e.toggleFirstLayerItem("add","remove");for(let e=0;e<a.length;e++){const i=a[e];!i.isSameNode(t.detail.component)&&this.isNavbarItem(i)&&i.showComponent()}}if("show"===t.detail.action){const e=this.el.querySelectorAll('[slot="left-item"]');for(let a=0;a<e.length;a++){const i=e[a];!i.isSameNode(t.detail.component)&&this.isNavbarItem(i)&&i.showComponent()}}if("return"===t.detail.action){const e=this.getMobileMenuTop();for(let a=0;a<e.length;a++){const i=e[a];!i.isSameNode(t.detail.component)&&this.isNavbarItem(i)&&i.showComponent()}}}isNavbarItem(t){return"function"==typeof t.hideComponent}isNavbarSearchBar(t){return!!t&&"function"==typeof t.close&&"function"==typeof t.open&&"function"==typeof t.close}hasShowLabel(t){return"showLabel"in t}storeShowLabel(t){t.hasAttribute("data-navbar-original-show-label")||t.setAttribute("data-navbar-original-show-label",t.getAttribute("show-label")??"")}hideLabelOnMobile(t){this.storeShowLabel(t),t.removeAttribute("show-label"),this.hasShowLabel(t)&&(t.showLabel=!1)}restoreLabelAfterMobile(t){if(!t)return;const e=t.getAttribute("data-navbar-original-show-label");null!==e&&(""===e?(t.removeAttribute("show-label"),this.hasShowLabel(t)&&(t.showLabel=!1)):(t.setAttribute("show-label",e),this.hasShowLabel(t)&&(t.showLabel="true"===e)),t.removeAttribute("data-navbar-original-show-label"))}getWrappers(){const t=this.el.shadowRoot.querySelector('slot[name="right-item"]'),e=this.el.shadowRoot.querySelector(".navbar__search--right slot"),a=this.el.shadowRoot.querySelector(".navbar__search--left slot"),i=this.el.querySelector("ifx-navbar-profile"),n=this.el.querySelectorAll('[slot="left-item"]'),s=this.el.querySelectorAll('[slot="right-item"]'),r=this.el.shadowRoot.querySelector(".navbar__mobile-list");return{rightSideItemSlot:t,rightSideSlot:e,leftSideSlot:a,rightAssignedNodes:e?.assignedNodes()??[],leftAssignedNodes:a?.assignedNodes()??[],navbarProfile:i,leftMenuItems:n,rightMenuItems:s,topRowWrapper:r}}hideNavItems(){const{rightAssignedNodes:t,leftAssignedNodes:e,navbarProfile:a,leftMenuItems:i,rightMenuItems:n,topRowWrapper:s}=this.getWrappers();0!==t.length?this.searchBarIsOpen="right":0!==e.length&&(this.searchBarIsOpen="left"),a&&a.hideComponent();for(let t=0;t<i.length;t++)if(!s.classList.contains("expand")){const e=i[t];this.isNavbarItem(e)&&e.hideComponent()}for(let t=0;t<n.length;t++)if(s.classList.contains("expand")){const e=n[t];this.isNavbarItem(e)&&!e.hideOnMobile&&e.hideComponent()}else{const e=n[t];this.isNavbarItem(e)&&e.hideComponent()}}showNavItems(){const{navbarProfile:t,leftMenuItems:e,rightMenuItems:a,topRowWrapper:i}=this.getWrappers();this.searchBarIsOpen=void 0,t&&t.showComponent();for(let t=0;t<e.length;t++)if(!i.classList.contains("expand")){const a=e[t];this.isNavbarItem(a)&&a.showComponent()}for(let t=0;t<a.length;t++)if(i.classList.contains("expand")){const e=a[t];this.isNavbarItem(e)&&!e.hideOnMobile&&e.showComponent()}else{const e=a[t];this.isNavbarItem(e)&&e.showComponent()}}handleSearchBarToggle(t){if(this.isResizing)return;const e=this.getSearchBar("left"),a=this.getSearchBar("right");t.detail?(this.hideNavItems(),this.isNavbarSearchBar(e)&&e.setAttribute("show-close-button","true"),this.isNavbarSearchBar(a)&&a.setAttribute("show-close-button","true")):(this.showNavItems(),this.isNavbarSearchBar(e)&&e.setAttribute("show-close-button","false"),this.isNavbarSearchBar(a)&&a.setAttribute("show-close-button","false"))}handleSidebar(){const t=!this.isMobileMenuOpen;this.isMobileMenuOpen=t,this.handleBodyScroll(t?"hide":"show"),this.ifxNavbarMobileMenuIsOpen?.emit(t)}handleBodyScroll(t){const e=this.el.closest("body");e&&(this.fixed||"hide"!==t?"show"===t&&(e.style.overflow="visible"):e.style.overflow="hidden")}async setItemMenuPosition(){const t=this.el.querySelectorAll("ifx-navbar-item"),e=this.el.querySelector("ifx-navbar-profile");if(e){const t=e.querySelectorAll("ifx-navbar-item");0!==t.length&&t.forEach((t=>{this.isNavbarItem(t)&&(t.setMenuItemPosition(),this.setMenuItemChildrenPosition(t))}))}if(0!==t.length)for(let e=0;e<t.length;e++){const a=t[e];if(!this.isNavbarItem(a))continue;const i=a.querySelectorAll("ifx-navbar-item");0!==i.length&&await a.setItemSideSpecifications()&&i.forEach((t=>{this.isNavbarItem(t)&&(t.setMenuItemPosition(),this.setMenuItemChildrenPosition(t))}))}}setMenuItemChildrenPosition(t){t.querySelectorAll("ifx-navbar-item").forEach((t=>{this.isNavbarItem(t)&&(t.setMenuItemPosition(),this.setMenuItemChildrenPosition(t))}))}getMediaQueryList(){return window.matchMedia("(max-width: 800px)")}async componentDidLoad(){const t=n();if(s("ifx-navbar",await t),this.setItemMenuPosition(),this.addEventListenersToHandleCustomFocusState(),this.getMediaQueryList().matches)this.moveNavItemsToSidebar();else{const t=this.getSearchBar("right");this.isNavbarSearchBar(t)&&(await t.close(),t.setAttribute("show-close-button","false"))}}syncSearchBarSlots(){this.hasLeftSearchBar=!!this.el.querySelector('[slot="search-bar-left"]'),this.hasRightSearchBar=!!this.el.querySelector('[slot="search-bar-right"]')}syncNavigationSlots(){this.hasLeftItems=!!this.el.querySelector('[slot="left-item"]'),this.hasRightItems=!!this.el.querySelector('[slot="right-item"]')}handleNavigationSlotChange(t,e){const a=t.target.assignedElements({flatten:!0}).length>0;"left"!==e?this.hasRightItems=a:this.hasLeftItems=a}handleSearchSlotChange(t,e){const a=t.target.assignedElements({flatten:!0}).length>0;"left"!==e?this.hasRightSearchBar=a:this.hasLeftSearchBar=a}handleMobileMenuBottom(t){const e=this.el.shadowRoot.querySelector(".navbar__mobile-bottom"),a=t.target.assignedNodes().length>0;e?.classList.toggle("show",a)}handleLogoHrefAndTarget(){this.internalLogoHref=""===this.logoHref.trim()?void 0:this.logoHref,this.internalLogoHrefTarget=["_self","_blank","_parent"].includes(this.logoHrefTarget.trim())?this.logoHrefTarget:"_self"}componentWillLoad(){this.RemoveSpaceOnStorybookSnippet();const t=this.el.querySelector("ifx-navbar-menu");this.el.querySelectorAll('[slot="left-item"]').length||t||(this.hasLeftMenuItems=!1),this.handleLogoHrefAndTarget(),this.syncSearchBarSlots(),this.syncNavigationSlots(),window.matchMedia("(max-width: 800px)").addEventListener("change",(t=>this.moveNavItemsToSidebar(t))),this.setInitialStateOnSearchBar()}setInitialStateOnSearchBar(){const t=this.el.querySelector('[slot="search-bar-left"], [slot="search-bar-right"]');if(t){if("search-bar-right"===t.getAttribute("slot"))this.initialSearchBarOpen=!1;else{const e=t.getAttribute("is-open");this.initialSearchBarOpen="true"===e||"open"===e}this.getMediaQueryList().matches||t.setAttribute("show-close-button","false")}}getSearchBarLeftWrapper(){return this.el.shadowRoot.querySelector(".navbar__search--left")}getMobileMenuTop(){return this.el.querySelectorAll('[slot="mobile-menu-top"]')}getMobileMenuBottom(){return this.el.querySelectorAll('[slot="mobile-menu-bottom"]')}handleBurgerIcon(){const t=this.getMobileMenuTop().length>0||this.getMobileMenuBottom().length>0,e=this.el.shadowRoot.querySelector(".navbar__burger");e?.classList.toggle("navbar__burger--hidden",!t)}getSearchBar(t){return this.el.querySelector(`[slot="search-bar-${t}"]`)}async moveNavItemsToSidebar(t){const e=this.el.shadowRoot.querySelector(".navbar__mobile-list"),a=this.getMediaQueryList();if(t?t.matches:a.matches){e.classList.add("expand");const t=this.el.querySelectorAll("ifx-navbar-item");for(let e=0;e<t.length;e++){const a=t[e];this.isNavbarItem(a)&&a.showComponent()}this.isMobileMenuOpen&&this.handleBodyScroll("hide");const a=this.getSearchBar("left");a&&(this.searchBarIsOpen&&this.isNavbarSearchBar(a)&&a.close(),this.getSearchBarLeftWrapper().classList.add("initial"),a.setAttribute("slot","search-bar-right"),a.setAttribute("show-close-button","true"),this.hasLeftSearchBar=!1,this.hasRightSearchBar=!0);const i=this.el.querySelectorAll('[slot="left-item"]');for(let t=0;t<i.length;t++){const e=i[t];e.setAttribute("slot","mobile-menu-top"),this.isNavbarItem(e)&&e.moveChildComponentsIntoSubLayerMenu();const a=this.getSearchBar("right");this.isNavbarSearchBar(a)&&await a.close(),this.searchBarIsOpen&&this.isNavbarItem(e)&&e.showComponent()}const n=this.el.querySelectorAll('[slot="right-item"]');for(let t=0;t<n.length;t++){const e=n[t];"IFX-NAVBAR-PROFILE"===e.tagName.toUpperCase()?this.hideLabelOnMobile(e):this.isNavbarItem(e)&&e.hideOnMobile&&(e.setAttribute("slot","mobile-menu-bottom"),e.toggleChildren("add"),this.hideLabelOnMobile(e),this.hasShowLabel(e)&&(e.showLabel=!0),this.searchBarIsOpen&&e.showComponent())}this.handleBurgerIcon(),this.watchForSlotReset()}else{this.mobileSlotObserver?.disconnect(),e.classList.remove("expand"),this.handleBodyScroll("show");const t=this.getSearchBarLeftWrapper(),a=t.classList.contains("initial"),i=this.getSearchBar("right");a&&i&&(this.searchBarIsOpen&&this.isNavbarSearchBar(i)&&await i.close(),i.setAttribute("slot","search-bar-left"),i.setAttribute("show-close-button","false"),this.hasLeftSearchBar=!0,this.hasRightSearchBar=!1,t.classList.remove("initial"));const n=this.getSearchBar("left")||this.getSearchBar("right");this.isNavbarSearchBar(n)&&(this.isResizing=!0,"search-bar-right"===n.getAttribute("slot")?(await n.close(),n.setAttribute("show-close-button","false")):this.initialSearchBarOpen?await n.open():await n.close(),this.isResizing=!1);const s=this.getMobileMenuTop();for(let t=0;t<s.length;t++){const e=s[t];e.setAttribute("slot","left-item"),this.isNavbarItem(e)&&e.moveChildComponentsBackIntoNavbar()}const r=this.getMobileMenuBottom(),o=this.el.querySelector("ifx-navbar-profile");this.restoreLabelAfterMobile(o);for(let t=0;t<r.length;t++){const e=r[t];e.setAttribute("slot","right-item"),this.isNavbarItem(e)&&e.toggleChildren("remove"),this.restoreLabelAfterMobile(e),this.searchBarIsOpen&&this.isNavbarItem(e)&&e.hideComponent()}this.searchBarIsOpen=void 0,this.showNavItems()}}watchForSlotReset(){this.mobileSlotObserver?.disconnect(),this.mobileSlotObserver=new MutationObserver((t=>{for(const e of t)if("attributes"===e.type&&"slot"===e.attributeName&&"left-item"===e.target.getAttribute("slot"))return this.mobileSlotObserver?.disconnect(),void this.moveNavItemsToSidebar()})),this.mobileSlotObserver.observe(this.el,{attributes:!0,attributeFilter:["slot"],subtree:!0})}disconnectedCallback(){this.mobileSlotObserver?.disconnect()}RemoveSpaceOnStorybookSnippet(){const t=this.el.parentElement;if(t){const e=t.closest(".css-xzp052");e instanceof HTMLElement&&(e.style.overflow="visible")}}getPaneClass(t){return[`navbar__${t}`,this.searchBarIsOpen===t?`navbar__${t}--expanded`:this.searchBarIsOpen===("left"===t?"right":"left")?`navbar__${t}--hidden`:""].filter(Boolean).join(" ")}renderLogo(){if(!this.showLogoAndAppname)return null;const t=["navbar__logo","left"===this.searchBarIsOpen?"navbar__logo--hidden":"",this.applicationName&&this.hasLeftMenuItems?"navbar__logo--divided":""].filter(Boolean).join(" ");return i("div",{class:t,"aria-label":"Brand"},i("a",{class:"navbar__logo-link",href:r(this.internalLogoHref),target:this.internalLogoHrefTarget,"aria-label":"Go to application home"},i("svg",{class:"navbar__logo-image",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("g",{"clip-path":"url(#clip0_2396_2480)"},i("path",{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"}),i("path",{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"})),i("defs",null,i("clipPath",{id:"clip0_2396_2480"},i("rect",{width:"91",height:"40",fill:"white"}))))),this.applicationName&&i("span",{class:"navbar__application-name"},this.applicationName))}renderLeftNavigation(){const t=!this.hasLeftItems&&!this.hasLeftSearchBar,e=[this.getPaneClass("left"),t?"navbar__left--empty":""].filter(Boolean).join(" "),a=["navbar__search","navbar__search--left",this.hasLeftSearchBar?"":"navbar__search--empty"].filter(Boolean).join(" ");return i("div",{class:e},i("slot",{name:"left-item",onSlotchange:t=>this.handleNavigationSlotChange(t,"left")}),i("div",{class:a},i("slot",{name:"search-bar-left",onSlotchange:t=>this.handleSearchSlotChange(t,"left")})))}renderRightNavigation(){const t=["navbar__search","navbar__search--right",this.hasRightSearchBar?"":"navbar__search--empty"].filter(Boolean).join(" ");return i("div",{class:this.getPaneClass("right")},i("div",{class:t},i("slot",{name:"search-bar-right",onSlotchange:t=>this.handleSearchSlotChange(t,"right")})),i("slot",{name:"right-item",onSlotchange:t=>this.handleNavigationSlotChange(t,"right")}),this.renderMobileMenuButton())}renderMobileMenuButton(){return i("button",{type:"button",class:"navbar__burger","aria-label":"Toggle mobile navigation menu","aria-controls":"ifx-navbar-mobile-menu","aria-expanded":String(this.isMobileMenuOpen),onClick:this.handleSidebar.bind(this)},i("span",{class:("navbar__menu-icon "+(this.isMobileMenuOpen?"navbar__menu-icon--hidden":"")).trim(),"aria-hidden":"true"},i("ifx-icon",{icon:"menu-right-16"})),i("span",{class:("navbar__close-icon "+(this.isMobileMenuOpen?"navbar__close-icon--visible":"")).trim(),"aria-hidden":"true"},i("ifx-icon",{icon:"cross-16"})))}renderMobileSidebar(){return i("aside",{id:"ifx-navbar-mobile-menu",class:"navbar__sidebar","aria-label":"Mobile navigation"},i("nav",{class:"navbar__mobile-nav","aria-label":"Mobile primary navigation"},i("div",{class:"navbar__mobile-list"},i("slot",{name:"mobile-menu-top"}))),i("nav",{class:"navbar__mobile-bottom","aria-label":"Mobile secondary navigation"},i("slot",{name:"mobile-menu-bottom",onSlotchange:t=>this.handleMobileMenuBottom(t)})))}render(){const t=["navbar",this.fixed?"navbar--fixed":"",this.isMobileMenuOpen?"navbar--open":""].filter(Boolean).join(" "),e=["navbar__container",this.searchBarIsOpen?"navbar__container--expanded":""].filter(Boolean).join(" ");return i("header",{key:"3d5b76cdb0ffd43f0603e0882ec5c15c710c36d7",class:t},i("div",{key:"5f35673f4ec6e38eaacbf78c3923c5c9e8957715",class:"navbar__wrapper"},i("nav",{key:"948a1a405bd8acb4b0abb0a9d40098cabc0f86c7",class:e,"aria-label":"Main navigation"},this.renderLogo(),this.renderLeftNavigation(),this.renderRightNavigation())),this.renderMobileSidebar())}};o.style=":host{display:block;width:100%}.navbar{--navbar-height:64px;--navbar-inline-padding:16px;position:relative;z-index:1030;display:block;width:100%;height:var(--navbar-height);font-family:var(--ifx-font-family)}.navbar--fixed .navbar__wrapper{position:fixed}.navbar--open .navbar__wrapper{height:100vh;background-color:rgba(29, 29, 29, 0.2)}.navbar--open .navbar__sidebar{right:0}.navbar__wrapper{position:absolute;top:0;z-index:1020;width:100%;border-bottom:1px solid #eeeded;transition:background-color 1s}.navbar__container{display:flex;align-items:center;gap:16px;height:var(--navbar-height);padding:0 var(--navbar-inline-padding);background-color:#ffffff}.navbar__container--expanded{justify-content:initial}.navbar__logo{display:flex;align-items:center;gap:16px;flex:none}.navbar__logo--hidden{display:none}.navbar__logo--divided{padding-right:16px;border-right:1px solid #eeeded}.navbar__logo-link{display:flex;align-items:center;text-decoration:none}.navbar__logo-image{display:block;width:91px;height:40px}.navbar__application-name{color:#1d1d1d;font-size:1rem;font-weight:600;line-height:1.5rem;white-space:nowrap}.navbar__left,.navbar__right{display:flex;align-items:center}.navbar__left{gap:4px;flex:1;min-width:0}.navbar__right{gap:8px;flex:none;justify-content:flex-end}.navbar__left--hidden,.navbar__right--hidden,.navbar__left--empty{display:none}.navbar__left--expanded,.navbar__right--expanded{flex:1;min-width:0;justify-content:initial}.navbar__left--expanded .navbar__search,.navbar__right--expanded .navbar__search{flex:1;width:auto}.navbar__search{display:flex;align-items:center;flex:none;min-width:0;padding:0 8px}.navbar__search--empty{display:none}.navbar__search--left{flex:0 1 240px;width:240px}.navbar__search--right{justify-content:center;width:auto}::slotted([slot=left-item]),::slotted([slot=right-item]){flex:none;white-space:nowrap}::slotted([slot=search-bar-left]),::slotted([slot=search-bar-right]){min-width:0;max-width:100%}::slotted([slot=search-bar-left]){width:100%}.navbar__burger{appearance:none;display:flex;align-items:center;justify-content:center;flex:none;width:41px;height:40px;padding:4px 0 4px 16px;border:0;border-left:1px solid #bfbbbb;background:transparent;color:inherit;cursor:pointer}.navbar__burger--hidden{display:none}.navbar__menu-icon,.navbar__close-icon{display:flex;align-items:center}.navbar__menu-icon--hidden,.navbar__close-icon{display:none}.navbar__close-icon--visible{display:flex}.navbar__sidebar{box-sizing:border-box;position:fixed;top:var(--navbar-height);right:-100%;z-index:1030;display:flex;flex-direction:column;align-items:flex-start;width:375px;height:calc(100vh - var(--navbar-height));overflow:hidden;background-color:#ffffff;transition:right 1s, width 1s}.navbar__mobile-nav{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px;padding:0 24px 30px;overflow-y:auto}.navbar__mobile-list{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px;padding-top:16px}.navbar__mobile-list.expand{align-items:initial}.navbar__mobile-bottom{display:none;flex-direction:column;align-items:flex-start;align-self:stretch;gap:12px;max-height:160px;padding:12px 24px 12px 16px;overflow-y:auto;background:#f7f7f7;border-top:1px solid #eeeded}.navbar__mobile-bottom.show{display:flex}.navbar__sidebar-top-row-item,.navbar__sidebar-bottom-row-item{display:flex;align-items:center;gap:8px}.navbar__sidebar-top-row-item{justify-content:space-between;align-self:stretch;padding:16px 4px 16px 0;cursor:pointer}.navbar__sidebar-bottom-row-item{flex:1 0 0;height:40px;padding-right:4px}.navbar__sidebar-top-row-item-label,.navbar__sidebar-bottom-row-item-label{color:#1d1d1d;font-family:var(--ifx-font-family);font-size:1rem;font-weight:400;font-style:normal;line-height:1.5rem}.navbar__sidebar-top-row-item-icon-wrapper,.navbar__sidebar-bottom-row-item-icon-wrapper{display:flex;align-items:center}.navbar__sidebar-content-products,.navbar__sidebar-content-main{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:24px;padding:0}.navbar__sidebar-content-products-header,.navbar__sidebar-content-about-header{display:flex;align-items:center;align-self:stretch;gap:16px;padding:0;color:#bfbbbb}.navbar__sidebar-content-products-header span,.navbar__sidebar-content-about-header span{display:flex;align-items:center;color:#1d1d1d;font-size:1.125rem;font-weight:600;line-height:1.625rem}.navbar__sidebar-content-products-menu,.navbar__sidebar-content-main-menu{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding:0}.navbar__sidebar-content-main-menu{align-items:normal}.navbar__sidebar-content-products-menu-item,.navbar__sidebar-content-main-menu-item{display:flex;align-items:center;padding:0}.navbar__sidebar-content-products-menu-item a,.navbar__sidebar-content-main-menu-item a{display:flex;align-items:center;color:#1d1d1d;font-size:1rem;font-weight:400;line-height:1.5rem;text-decoration:none}.navbar__sidebar-content-main-menu-item{color:#bfbbbb}.navbar__sidebar-content-main-menu-item a{flex:1;font-size:1.125rem;font-weight:600;line-height:1.625rem}@media screen and (max-width: 992px){.navbar__logo-image{width:72.8px;height:32px}}@media screen and (max-width: 800px){.navbar__container{gap:0}.navbar__container--expanded .navbar__burger{display:none}.navbar__left{display:none}.navbar__right{flex:1}.navbar__logo--divided{border-right:0}.navbar__sidebar{width:0}}@media screen and (max-width: 500px){.navbar__application-name{display:none}.navbar--open .navbar__sidebar{width:100%}}@media screen and (min-width: 500px) and (max-width: 800px){.navbar--open .navbar__sidebar{width:50%}}@media screen and (min-width: 800px){.navbar__sidebar{display:none}.navbar__burger{display:none}.navbar--open .navbar__wrapper{height:var(--navbar-height);background-color:transparent;transition:none}.navbar--open .navbar__sidebar{right:-100%}}@media screen and (min-width: 768px){.navbar{--navbar-height:72px;--navbar-inline-padding:32px}.navbar__left{gap:12px}}@media screen and (min-width: 992px){.navbar{--navbar-height:80px;--navbar-inline-padding:56px}}";export{o as ifx_navbar}

package/dist/infineon-design-system-stencil/p-d96c1ee9.entry.js

@@ -0,0 +1 @@
+import{r as i,c as e,a as o,h as d}from"./p-CY4s4b6R.js";const t=class{constructor(o){i(this,o),this.menuSize=e(this,"menuSize",7),this.ifxDropdownMenuItem=e(this,"ifxDropdownMenuItem",7)}isOpen=!1;size="l";hideTopPadding=!1;get el(){return o(this)}menuSize;filteredItems=[];ifxDropdownMenuItem;handleMenuFilter(i){this.filterDropdownItems(i.detail)}handleDropdownItemValueEmission(i){this.ifxDropdownMenuItem.emit(i.detail)}filterDropdownItems(i){const e=Array.from(this.el.querySelectorAll("ifx-dropdown-item"));let o,d;const t=i.toUpperCase();for(let i=0;i<e.length;i++)o=e[i],d=o.textContent||o.innerText,d.toUpperCase().indexOf(t)>-1?o.setAttribute("hide",!1):o.setAttribute("hide",!0)}componentWillUpdate(){this.menuSize.emit(this.size)}componentWillLoad(){this.filteredItems=Array.from(this.el.querySelectorAll("ifx-dropdown-item"));const i=this.el.querySelector("ifx-search-field"),e=this.el.querySelector("ifx-dropdown-header");this.hideTopPadding=!(!i&&!e)}render(){return d("div",{key:"63c4cd96ebf86e6a7ec427ba94c239958128e414",class:`dropdown-menu \n      ${this.isOpen?"show":""} \n      ${this.hideTopPadding?"hideTopPadding":""}\n      ${"s"===this.size?"small":""}`},d("slot",{key:"a04e1008747a8c868004d947ca042a4d763a4f7b"}))}};t.style=":host{position:relative;z-index:1000}.dropdown-menu{display:none;visibility:hidden;flex-direction:column;width:224px;max-height:289px;min-width:224px;overflow-y:auto;background:#ffffff;box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12);border:1px solid #eeeded;padding:8px 4px;font-family:var(--ifx-font-family)}.dropdown-menu.small{max-height:266px;max-width:186px;overflow-y:auto}.dropdown-menu.hideTopPadding{padding-top:0px}.dropdown-menu.show{display:flex;visibility:visible}";export{t as ifx_dropdown_menu}

package/dist/infineon-design-system-stencil/p-db3f7660.entry.js

@@ -0,0 +1 @@
+import{r as o,a as r,h as e}from"./p-CY4s4b6R.js";import{i as d}from"./p-CtINY9El.js";import{d as n,t as c}from"./p-DNHOWgWh.js";const a=class{constructor(r){o(this,r)}get el(){return r(this)}label;border=!1;color="orange-500";async componentDidLoad(){if(!d(this.el)){const o=n();c("ifx-status",await o)}}render(){const o=this.color?.trim()?this.color:"orange-500";return e("div",{key:"b9b200e59ded91df57552850600ddceea5351ff8",role:"status",class:this.border?`container border-${o}`:"container no-border"},e("span",{key:"4d23f0e614f6c36c81fb132d2ab2e62775cbe483",class:`dot ${o}`}),e("p",{key:"d6fc99d444e7652d51327949c7028fbcd69c163f",class:"text"},this.label))}};a.style=":host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-engineering-100{border:1px solid #f7f7f7}.container.border-engineering-200{border:1px solid #eeeded}.container.border-engineering-300{border:1px solid #bfbbbb}.container.border-engineering-400{border:1px solid #8d8786}.container.border-engineering-500{border:1px solid #575352}.container.border-engineering-600{border:1px solid #3c3a39}.container.border-ocean-100{border:1px solid #dff4f3}.container.border-ocean-200{border:1px solid #b8deda}.container.border-ocean-300{border:1px solid #6cb4ad}.container.border-ocean-400{border:1px solid #3b9b91}.container.border-ocean-500{border:1px solid #0a8276}.container.border-ocean-600{border:1px solid #08665c}.container.border-ocean-700{border:1px solid #06534b}.container.border-red-500{border:1px solid #cd002f}.container.border-red-600{border:1px solid #a2001e}.container.border-red-700{border:1px solid #900021}.container.border-orange-500{border:1px solid #e16b25}.container.border-green-500{border:1px solid #4ca460}.container.border-lawn-400{border:1px solid #b9d257}.container.border-lawn-500{border:1px solid #9bba43}.container.border-lawn-700{border:1px solid #3c6c0f}.container.border-berry-400{border:1px solid #be3283}.container.border-berry-500{border:1px solid #9c216e}.container.border-sun-400{border:1px solid #ff9737}.container.border-sun-500{border:1px solid #f97414}.container.border-sand-400{border:1px solid #fbe273}.container.border-sand-500{border:1px solid #fcd442}.text{margin:0;padding-left:4px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;display:inline;color:#1d1d1d}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.engineering-100{background-color:#f7f7f7}.dot.engineering-200{background-color:#eeeded}.dot.engineering-300{background-color:#bfbbbb}.dot.engineering-400{background-color:#8d8786}.dot.engineering-500{background-color:#575352}.dot.engineering-600{background-color:#3c3a39}.dot.ocean-100{background-color:#dff4f3}.dot.ocean-200{background-color:#b8deda}.dot.ocean-300{background-color:#6cb4ad}.dot.ocean-400{background-color:#3b9b91}.dot.ocean-500{background-color:#0a8276}.dot.ocean-600{background-color:#08665c}.dot.ocean-700{background-color:#06534b}.dot.red-500{background-color:#cd002f}.dot.red-600{background-color:#a2001e}.dot.red-700{background-color:#900021}.dot.orange-500{background-color:#e16b25}.dot.green-500{background-color:#4ca460}.dot.lawn-400{background-color:#b9d257}.dot.lawn-500{background-color:#9bba43}.dot.lawn-700{background-color:#3c6c0f}.dot.berry-400{background-color:#be3283}.dot.berry-500{background-color:#9c216e}.dot.sun-400{background-color:#ff9737}.dot.sun-500{background-color:#f97414}.dot.sand-400{background-color:#fbe273}.dot.sand-500{background-color:#fcd442}";export{a as ifx_status}

package/dist/infineon-design-system-stencil/p-e3fc01c1.entry.js

@@ -0,0 +1 @@
+import{r as i,c as e,a as t,h as s}from"./p-CY4s4b6R.js";import{i as l}from"./p-CtINY9El.js";import{d as a,t as o}from"./p-DNHOWgWh.js";const r=class{constructor(t){i(this,t),this.ifxFileUploadAdd=e(this,"ifxFileUploadAdd",7),this.ifxFileUploadRemove=e(this,"ifxFileUploadRemove",7),this.ifxFileUploadChange=e(this,"ifxFileUploadChange",7),this.ifxFileUploadError=e(this,"ifxFileUploadError",7),this.ifxFileUploadInvalid=e(this,"ifxFileUploadInvalid",7),this.ifxFileUploadStart=e(this,"ifxFileUploadStart",7),this.ifxFileUploadComplete=e(this,"ifxFileUploadComplete",7),this.ifxFileUploadAllComplete=e(this,"ifxFileUploadAllComplete",7),this.ifxFileUploadAbort=e(this,"ifxFileUploadAbort",7),this.ifxFileUploadDrop=e(this,"ifxFileUploadDrop",7),this.ifxFileUploadClick=e(this,"ifxFileUploadClick",7),this.ifxFileUploadMaxFilesExceeded=e(this,"ifxFileUploadMaxFilesExceeded",7),this.ifxFileUploadValidation=e(this,"ifxFileUploadValidation",7),this.ifxFileUploadRetry=e(this,"ifxFileUploadRetry",7)}get hostElement(){return t(this)}dragAndDrop=!1;required=!1;disabled=!1;maxFileSizeMB=7;allowedFileTypes=void 0;additionalAllowedFileTypes=[];allowAnyFileType=!1;allowedFileExtensions=[];uploadHandler;_maxFiles;get maxFiles(){return this._maxFiles}set maxFiles(i){"number"==typeof i&&i<1?(console.warn("Invalid `maxFiles` value. Must be >= 1. Value ignored."),this._maxFiles=void 0):this._maxFiles=i}label="Label";labelRequiredError="At least one file must be uploaded";labelBrowseFiles="Browse files";labelDragAndDrop="Drag & Drop or browse files to upload";labelUploadedFilesHeading="Uploaded files";labelFileTooLarge="Upload failed. Max file size: {{size}}MB.";labelUnsupportedFileType="Unsupported file type.";labelUploaded="Successfully uploaded";labelUploadFailed="Upload failed. Please try again.";labelSupportedFormatsTemplate="Supported file formats: {{types}}. Max file size: {{size}}MB.";labelFileSingular="file";labelFilePlural="files";labelMaxFilesInfo="Up to {{count}} {{files}}.";labelMaxFilesExceeded="Upload limit exceeded. Only {{count}} {{files}} allowed.";ariaLabelBrowseFiles="Browse files";ariaLabelDropzone="Upload area. Click to browse or drag and drop files.";ariaLabelFileInput="Upload file";ariaLabelRemoveFile="Remove file";ariaLabelCancelUpload="Cancel upload";ariaLabelRetryUpload="Retry upload";ariaLabelUploadingStatus="Upload in progress";ariaLabelUploadedStatus="Upload completed";ariaLabelUploadFailedStatus="Upload failed";showDemoStates;internalId=`ifx-file-upload-${Math.random().toString(36).substr(2,9)}`;isDragOver=!1;files=[];uploadTasks=[];rejectedSizeFiles=[];rejectedTypeFiles=[];requiredError=!1;statusMessage=null;ifxFileUploadAdd;ifxFileUploadRemove;ifxFileUploadChange;ifxFileUploadError;ifxFileUploadInvalid;ifxFileUploadStart;ifxFileUploadComplete;ifxFileUploadAllComplete;ifxFileUploadAbort;ifxFileUploadDrop;ifxFileUploadClick;ifxFileUploadMaxFilesExceeded;ifxFileUploadValidation;ifxFileUploadRetry;fileInputEl=null;extensionToMimeMap={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",gif:"image/gif",svg:"image/svg+xml",webp:"image/webp",pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",tsv:"text/tab-separated-values",txt:"text/plain",csv:"text/csv",json:"application/json",mp3:"audio/mpeg",wav:"audio/wav",mp4:"video/mp4",mov:"video/quicktime",webm:"video/webm",zip:["application/zip","application/x-zip-compressed"],rar:"application/vnd.rar",tar:"application/x-tar",gz:"application/gzip",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript"};validateRequired(){this.required&&0===this.files.length?(this.requiredError=!0,this.statusMessage?.text!==this.labelRequiredError&&(this.statusMessage={type:"error",text:this.labelRequiredError}),this.ifxFileUploadValidation.emit({valid:!1})):(this.requiredError=!1,this.statusMessage?.text===this.labelRequiredError&&(this.statusMessage=null),this.ifxFileUploadValidation.emit({valid:!0}))}pluralize(i){return this.allowAnyFileType?1===i?"file":"files":1===i?this.labelFileSingular:this.labelFilePlural}getNormalizedFileTypes(){if(!this.allowedFileTypes&&this.allowedFileExtensions&&this.getNormalizedFileExtensions().length>0)return[];if(!this.allowedFileTypes)return["jpg","jpeg","png","pdf","xls","xlsx","tsv","mov","mp3","mp4"];if(Array.isArray(this.allowedFileTypes))return this.allowedFileTypes;try{return JSON.parse(this.allowedFileTypes)}catch{return this.allowedFileTypes.split(",").map((i=>i.trim()))}}getNormalizedFileExtensions(){if(!this.allowedFileExtensions)return[];if(Array.isArray(this.allowedFileExtensions))return this.allowedFileExtensions;try{return JSON.parse(this.allowedFileExtensions)}catch{return this.allowedFileExtensions.split(",").map((i=>i.trim()))}}isFileTypeAllowed(i){if(this.allowAnyFileType)return!0;const e=this.getFileExtension(i.name),t=this.getNormalizedFileTypes();if(t.flatMap((i=>{const e=this.extensionToMimeMap[i.toLowerCase()];return e?Array.isArray(e)?e:[e]:[]})).filter(Boolean).includes(i.type))return!0;if(e&&t.some((i=>i.replace(/^\./,"").toLowerCase()===e)))return!0;if(this.getAdditionalMimeTypes().includes(i.type))return!0;const s=this.getNormalizedFileExtensions();if(s.length>0&&e)for(const i of s){const t=i.startsWith(".")?i.substring(1).toLowerCase():i.toLowerCase();if(e===t)return!0}return!1}getFileExtension(i){const e=i.lastIndexOf(".");return-1===e||e===i.length-1?null:i.substring(e+1).toLowerCase()}getLabelFromMimeType(i){for(const[e,t]of Object.entries(this.extensionToMimeMap))if(Array.isArray(t)&&t.includes(i)||t===i)return e.toUpperCase();return i}handleFileChange(i){const e=i.target;e.files&&this.processFiles(e.files)}handleDrop(i){if(!this.disabled&&(i.preventDefault(),i.stopPropagation(),this.isDragOver=!1,i.dataTransfer?.files)){const e=Array.from(i.dataTransfer.files),t=[],s=[];e.forEach((i=>{this.isFileTypeAllowed(i)&&i.size<=1024*this.maxFileSizeMB*1024?t.push(i):s.push(i)})),this.ifxFileUploadDrop.emit({droppedFiles:e,acceptedFiles:t,rejectedFiles:s}),this.processFiles(i.dataTransfer.files)}}handleDragOver(i){this.disabled||(i.preventDefault(),this.isDragOver=!0)}handleDragLeave(i){this.disabled||(i.preventDefault(),this.isDragOver=!1)}processFiles(i){const e=Array.from(i),t=[],s=[],l=[];if(e.forEach((i=>{const e=this.isFileTypeAllowed(i),a=i.size<=1024*this.maxFileSizeMB*1024;if(this.files.some((e=>e.name===i.name&&e.size===i.size)))return this.ifxFileUploadInvalid.emit({file:i,reason:"duplicate"}),void this.ifxFileUploadError.emit({file:i,errorType:"duplicate",message:`File "${i.name}" is already added`,reason:"duplicate"});e&&a?t.push(i):(e||(l.push(i.name),this.ifxFileUploadInvalid.emit({file:i,reason:"invalid-type"})),a||(s.push(i.name),this.ifxFileUploadInvalid.emit({file:i,reason:"invalid-size"})),this.ifxFileUploadError.emit({file:i,errorType:e?"file-too-large":"invalid-type",message:"Invalid file rejected",reason:e?"file-too-large":"unsupported-type"}))})),this.rejectedSizeFiles=[...this.rejectedSizeFiles,...s],this.rejectedTypeFiles=[...this.rejectedTypeFiles,...l],this.maxFiles&&this.files.length+t.length>this.maxFiles){const i=this.maxFiles-this.files.length,e=t.slice(0,Math.max(i,0)),s=t.slice(i);return this.files=[...this.files,...e],e.forEach((i=>this.startUpload(i))),e.length>0&&(this.ifxFileUploadAdd.emit({addedFiles:e,files:this.files}),this.ifxFileUploadChange.emit({files:this.files})),s.forEach((i=>{this.ifxFileUploadInvalid.emit({file:i,reason:"too-many-files"}),this.ifxFileUploadError.emit({file:i,errorType:"too-many-files",message:`Upload limit exceeded. Max ${this.maxFiles} files allowed.`,reason:"too-many-files"})})),void(s.length>0&&(this.statusMessage={type:"error",text:this.labelMaxFilesExceeded.replace("{{count}}",this.maxFiles.toString()).replace("{{files}}",this.pluralize(this.maxFiles))},this.ifxFileUploadMaxFilesExceeded.emit({maxFiles:this.maxFiles,attempted:this.files.length+t.length})))}t.forEach((i=>this.startUpload(i))),this.files=[...this.files,...t],t.length>0&&(this.ifxFileUploadAdd.emit({addedFiles:t,files:this.files}),this.ifxFileUploadChange.emit({files:this.files})),this.validateRequired()}retryUpload(i){const e=this.uploadTasks.findIndex((e=>e.file.name===i.name));-1!==e&&(this.uploadTasks.splice(e,1),this.uploadTasks=[...this.uploadTasks]),this.ifxFileUploadRetry.emit({file:i}),this.startUpload(i)}checkAndEmitAllComplete(){if(this.uploadTasks.every((i=>i.completed||i.error))&&this.uploadTasks.some((i=>i.completed&&!i.error))){const i=this.uploadTasks.filter((i=>i.completed&&!i.error)).map((i=>i.file));this.ifxFileUploadAllComplete.emit({files:i})}}resetFileInput(){this.fileInputEl&&(this.fileInputEl.value="")}updateTaskProgress(i,e){const t=this.uploadTasks.find((e=>e.file===i));if(t){const i=Math.max(t.progress,Math.min(100,e));i!==t.progress&&(t.progress=i,this.uploadTasks=[...this.uploadTasks])}}startUpload(i){this.ifxFileUploadStart.emit({file:i});const e={file:i,progress:3,intervalId:null,completed:!1};if(this.uploadTasks=[...this.uploadTasks,e],this.uploadHandler)this.uploadHandler(i,(e=>{this.updateTaskProgress(i,e)})).then((()=>{e.progress=100,e.completed=!0,this.uploadTasks=[...this.uploadTasks],this.ifxFileUploadComplete.emit({file:i}),this.ifxFileUploadChange.emit({files:this.files}),this.checkAndEmitAllComplete()})).catch((()=>{e.error=!0,this.uploadTasks=[...this.uploadTasks],this.ifxFileUploadError.emit({file:i,errorType:"upload-failed",message:"Upload handler rejected file",reason:"custom"}),this.checkAndEmitAllComplete()}));else{const t=i.size,s=1e5;let l=0;e.intervalId=window.setInterval((()=>{l+=s/5;const a=Math.min(100,Math.round(l/t*100));this.updateTaskProgress(i,a),a>=100&&(clearInterval(e.intervalId),e.completed=!0,e.intervalId=null,this.uploadTasks=[...this.uploadTasks],this.ifxFileUploadComplete.emit({file:i}),this.ifxFileUploadChange.emit({files:this.files}),this.checkAndEmitAllComplete())}),200)}}cancelUpload(i){const e=this.uploadTasks.findIndex((e=>e.file.name===i.name));if(-1!==e){const i=this.uploadTasks[e];null!==i?.intervalId&&clearInterval(i.intervalId),this.uploadTasks=this.uploadTasks.filter(((i,t)=>t!==e))}this.files=this.files.filter((e=>e.name!==i.name)),this.ifxFileUploadAbort.emit({file:i}),this.ifxFileUploadChange.emit({files:this.files}),this.resetFileInput(),this.validateRequired()}removeFile(i){this.uploadTasks=this.uploadTasks.filter((e=>e.file.name!==i.name)),this.files=this.files.filter((e=>e.name!==i.name)),this.ifxFileUploadRemove.emit({removedFile:i,files:this.files}),this.ifxFileUploadChange.emit({files:this.files}),this.validateRequired(),this.resetFileInput(),this.maxFiles&&this.files.length<this.maxFiles&&this.statusMessage?.text!==this.labelRequiredError&&(this.statusMessage=null)}clearRejectedFile(i,e){"size"===e?this.rejectedSizeFiles=this.rejectedSizeFiles.filter((e=>e!==i)):this.rejectedTypeFiles=this.rejectedTypeFiles.filter((e=>e!==i)),this.resetFileInput(),this.maxFiles&&this.files.length<this.maxFiles&&(this.statusMessage=null),this.validateRequired()}splitFileNameParts(i){const e=i.name,t=e.lastIndexOf(".");return-1===t?{base:e,ext:""}:{base:e.substring(0,t),ext:e.substring(t)}}getFileIcon(i){const e=i.name.split(".").pop()?.toLowerCase();switch(e){case"pdf":return"file-pdf-16";case"jpg":case"jpeg":return"file-jpg-16";case"png":return"file-png-16";case"mov":return"file-mov-16";case"mp3":return"file-mp3-16";case"mp4":return"file-mp4-16";default:return"file-16"}}formatSize(i){return i>=1073741824?`${(i/1073741824).toFixed(1)} GB`:i>=1048576?`${(i/1048576).toFixed(1)} MB`:i>=1024?`${(i/1024).toFixed(0)} KB`:`${i} B`}getAcceptAttribute(){if(this.allowAnyFileType)return"";const i=[],e=this.getNormalizedFileTypes().map((i=>"."+i.toLowerCase()));i.push(...e);const t=this.getAdditionalMimeTypes();return i.push(...t),this.getNormalizedFileExtensions().forEach((e=>{const t=e.startsWith(".")?e:"."+e;i.push(t)})),i.join(",")}getFormattedProgressText(i){const e=Math.round(i.progress/100*i.file.size);return`${this.formatSize(e)} / ${this.formatSize(i.file.size)} uploaded`}getAdditionalMimeTypes(){return this.additionalAllowedFileTypes?Array.isArray(this.additionalAllowedFileTypes)?this.additionalAllowedFileTypes:this.additionalAllowedFileTypes.split(",").map((i=>i.trim())):[]}getSupportedFileText(){if(this.allowAnyFileType){let i=`All file types allowed. Max file size: ${this.maxFileSizeMB}MB.`;if(this.labelMaxFilesInfo&&this.maxFiles){const e=this.pluralize(this.maxFiles);i+=` ${this.labelMaxFilesInfo.replace("{{count}}",this.maxFiles.toString()).replace("{{files}}",e)}`}return i}const i=[],e=this.getNormalizedFileTypes().map((i=>i.toUpperCase()));i.push(...e);const t=this.getAdditionalMimeTypes().map((i=>this.getLabelFromMimeType(i)));i.push(...t);const s=this.getNormalizedFileExtensions().map((i=>(i.startsWith(".")?i.substring(1):i).toUpperCase()));i.push(...s);const l=[...new Set(i)].join(", ");let a=this.labelSupportedFormatsTemplate.replace("{{types}}",l).replace("{{size}}",this.maxFileSizeMB.toString());if(this.labelMaxFilesInfo&&this.maxFiles){const i=this.pluralize(this.maxFiles);a+=` ${this.labelMaxFilesInfo.replace("{{count}}",this.maxFiles.toString()).replace("{{files}}",i)}`}return a}getFormattedFileTooLargeText(){return this.labelFileTooLarge.replace("{{size}}",this.maxFileSizeMB.toString())}renderStatusMessage(){return this.statusMessage?s("div",{class:`file-upload-status file-upload-status__${this.statusMessage.type}`},"error"===this.statusMessage.type&&s("ifx-icon",{icon:"c-warning-16"}),this.statusMessage.text):null}isInputDisabled(){return this.disabled||void 0!==this.maxFiles&&this.files.length>=this.maxFiles}async componentDidLoad(){if(!l(this.hostElement)){const i=a();o("ifx-file-upload",await i)}this.hostElement.hasAttribute("show-demo-states")&&(this.showDemoStates=!0),this.showDemoStates&&this.injectDemoState()}async injectDemoState(){const i=new Array(5e4).fill("a").join(""),e=i+i,t=new File([i],"Image.jpg",{type:"image/jpeg"}),s=new File([e],"File.pdf",{type:"application/pdf"}),l=new File([i],"Text.docx",{type:"application/vnd.openxmlformats-officedocument.wordprocessingml.document"}),a=new File([e+e+e],"Video.mp4",{type:"video/mp4"}),o=new File(["demo"],"Script.exe",{type:"application/x-msdownload"});this.files=[s,t,l],this.uploadTasks=[{file:s,progress:100,intervalId:null,completed:!0},{file:t,progress:40,intervalId:null,completed:!1},{file:l,progress:80,intervalId:null,completed:!1,error:!0}],this.rejectedSizeFiles=[a.name],this.rejectedTypeFiles=[o.name]}async triggerDemoValidation(){this.validateRequired()}render(){return s("div",{key:"dca54a990d8e7ceab7d967ef5d668a32fe73bd1d",class:{"file-upload-wrapper":!0,disabled:this.disabled}},this.label&&s("label",{key:"13024e8c1893aa0d7140c3c7401a22426afd5135",class:"file-upload-label",htmlFor:this.internalId},this.label,this.required&&s("span",{key:"e0bdc1a2ec35cd2f3bf3808a7d0d9c8999827a11",class:"required "+(this.requiredError?"error":"")},"*")),this.dragAndDrop?this.renderDragAndDropArea():this.renderUploadArea(),(this.files.length>0||this.rejectedSizeFiles.length>0||this.rejectedTypeFiles.length>0)&&s("div",{key:"3fa499f4dec6a05ab50eb0890156f74857d0e05c",class:"file-list-wrapper"},s("div",{key:"3dd79b686a52f964d75dd323027d8862d0ea4013",class:"upload-heading"},this.labelUploadedFilesHeading),s("ul",{key:"47b913174f13cf93a28d5686d4efee5d68784d85",class:"file-list"},this.rejectedSizeFiles.map((i=>s("li",{class:"file-item upload-failed",key:`rejected-size-${i}`},s("div",{class:"file-icon"},s("ifx-icon",{icon:"file-16"})),s("div",{class:"file-info"},s("div",{class:"file-top-row"},s("span",{class:"file-name-wrapper"},s("span",{class:"file-name-base"},this.splitFileNameParts({name:i}).base),s("span",{class:"file-name-ext"},this.splitFileNameParts({name:i}).ext)),s("div",{class:"file-actions"},s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":this.ariaLabelRemoveFile,onClick:()=>this.clearRejectedFile(i,"size")}))),s("div",{class:"file-middle-row"},s("span",{class:"file-status","aria-label":this.labelFileTooLarge.replace("{{size}}",this.maxFileSizeMB.toString())},this.getFormattedFileTooLargeText())))))),this.rejectedTypeFiles.map((i=>s("li",{class:"file-item upload-failed",key:`rejected-type-${i}`},s("div",{class:"file-icon"},s("ifx-icon",{icon:"file-16"})),s("div",{class:"file-info"},s("div",{class:"file-top-row"},s("span",{class:"file-name-wrapper"},s("span",{class:"file-name-base"},this.splitFileNameParts({name:i}).base),s("span",{class:"file-name-ext"},this.splitFileNameParts({name:i}).ext)),s("div",{class:"file-actions"},s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":this.ariaLabelRemoveFile,onClick:()=>this.clearRejectedFile(i,"type")}))),s("div",{class:"file-middle-row"},s("span",{class:"file-status","aria-label":this.labelUnsupportedFileType},this.labelUnsupportedFileType)))))),this.files.map((i=>{const e=this.uploadTasks.find((e=>e.file.name===i.name)),t=e?.progress??100,l=e&&!e.completed,a=!0===e?.error,o=a?"file-item upload-failed":l?"file-item uploading":"file-item upload-success",r=`${i.name}-${i.size}`,{base:n,ext:d}=this.splitFileNameParts(i);return s("li",{class:o,key:r},s("div",{class:"file-icon"},s("ifx-icon",{icon:this.getFileIcon(i)})),s("div",{class:"file-info"},s("div",{class:"file-top-row"},s("span",{class:"file-name-wrapper"},s("span",{class:"file-name-base"},n),s("span",{class:"file-name-ext"},d)),s("div",{class:"file-actions"},s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"refresh-16",size:"s","aria-label":this.ariaLabelRetryUpload,onClick:()=>this.retryUpload(i),style:{display:a?"inline-flex":"none"}}),s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"cross-16",size:"s","aria-label":this.ariaLabelCancelUpload,onClick:()=>this.cancelUpload(i),style:{display:l?"inline-flex":"none"}}),s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":this.ariaLabelRemoveFile,onClick:()=>this.removeFile(i),style:{display:l?"none":"inline-flex"}}))),s("div",{class:"file-middle-row"},l&&e&&!e.error&&s("span",{class:"file-uploading","aria-label":this.ariaLabelUploadingStatus},this.getFormattedProgressText(e)),!l&&!a&&s("span",null,s("span",{class:"file-size"},this.formatSize(i.size)),s("span",{class:"file-status","aria-label":this.ariaLabelUploadedStatus},s("ifx-icon",{icon:"check-16"}),this.labelUploaded)),a&&s("span",{class:"file-status","aria-label":this.ariaLabelUploadFailedStatus},this.labelUploadFailed)),l&&e&&!e.error&&s("div",{class:"file-progress-row"},s("ifx-progress-bar",{size:"s",value:t,"show-label":"true"}))))})))))}renderUploadArea(){return s("div",{class:{"upload-button":!0}},s("ifx-button",{variant:"secondary",onClick:()=>this.fileInputEl?.click(),disabled:this.isInputDisabled(),"aria-label":this.ariaLabelBrowseFiles},s("ifx-icon",{icon:"upload-16"}),this.labelBrowseFiles),s("input",{id:this.internalId,ref:i=>{this.fileInputEl=i},type:"file",accept:this.getAcceptAttribute(),multiple:!0,onChange:i=>this.handleFileChange(i),style:{display:"none"},disabled:this.isInputDisabled(),"aria-label":this.ariaLabelFileInput}),s("p",{class:"file-upload-info"},this.getSupportedFileText()),this.renderStatusMessage())}renderDragAndDropArea(){return s("div",{class:{disabled:this.isInputDisabled()}},s("div",{class:{"upload-dropzone":!0,"drag-over":this.isDragOver,error:this.requiredError},onClick:()=>{this.fileInputEl&&this.fileInputEl.click()},onDragOver:i=>this.handleDragOver(i),onDragLeave:i=>this.handleDragLeave(i),onDrop:i=>this.handleDrop(i),role:"button",tabIndex:0,"aria-label":this.ariaLabelDropzone},s("ifx-icon",{icon:"upload-16",class:"custom-icon"}),s("p",null,this.labelDragAndDrop),s("p",{class:"file-upload-info"},this.getSupportedFileText()),s("div",{style:{height:"0px",overflow:"hidden"}},s("input",{id:this.internalId,ref:i=>{this.fileInputEl=i},type:"file",accept:this.getAcceptAttribute(),multiple:!0,onChange:i=>this.handleFileChange(i),disabled:this.isInputDisabled(),"aria-label":this.ariaLabelFileInput}))),this.renderStatusMessage())}};r.style=':host{font-family:var(--ifx-font-family, sans-serif)}.file-upload-wrapper{display:flex;flex-direction:column}.file-upload-wrapper.disabled{pointer-events:none}.file-upload-wrapper.disabled label,.file-upload-wrapper.disabled .file-upload-info{color:#575352}.file-upload-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1d1d1d}.file-upload-label .required{display:inline-block;margin-left:4px}.file-upload-label .required.error{color:#cd002f}.upload-dropzone{border:1px dashed #bfbbbb;padding:40px;text-align:center;cursor:pointer;color:#1d1d1d;transition:border-color 0.3s ease;border-radius:1px;background:#ffffff}.upload-dropzone ifx-icon{color:#0a8276}.upload-dropzone:hover{border:1px dashed #8d8786}.upload-dropzone.drag-over{border:1px solid #0a8276;background:#f7f7f7}.upload-dropzone.drag-over.error{border:1px solid #0a8276}.upload-dropzone.error{border-color:#cd002f}.disabled .upload-dropzone{pointer-events:none;border-color:#bfbbbb;color:#bfbbbb}.disabled .upload-dropzone ifx-icon{color:#bfbbbb}.upload-dropzone input{display:none}.file-upload-info{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0;color:#1d1d1d;margin:0;margin-top:4px}.file-upload-status{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0.2px;margin-top:8px}.file-upload-status.file-upload-status__error{display:flex;align-items:center;color:#cd002f}.file-upload-status.file-upload-status__error ifx-icon{position:relative;top:-1px;color:#cd002f;margin-right:8px}.upload-heading{font:600 1.125rem/1.625rem "Source Sans 3";font-family:var(--ifx-font-family);margin-bottom:8px}.file-list-wrapper{margin-top:16px}.file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.file-item{border:1px solid #bfbbbb;padding-top:12px;padding-right:16px;padding-bottom:8px;padding-left:16px;display:flex;gap:8px}.file-info{width:100%;min-width:0}.file-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-8px}.file-top-row ifx-icon{flex-shrink:0}.file-name-wrapper{display:flex;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;font-weight:400;font-size:0.875rem}.file-name-base{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-name-ext{flex-shrink:0;margin-left:0}.file-middle-row{display:flex;align-items:center;font-size:0.75rem;line-height:1rem;flex-wrap:wrap;color:#575352}.file-middle-row .file-status{margin-left:12px}.file-middle-row .file-status ifx-icon{margin-right:8px}.file-progress-row{margin-top:4px}.file-progress-row ifx-progress-bar{width:100%}.upload-success{border-color:#0a8276}.upload-success .file-status ifx-icon{position:relative;top:1px;color:#4ca460}.upload-failed{border-color:#cd002f}.upload-failed .file-status{color:#cd002f;margin-left:0}';export{r as ifx_file_upload}

package/dist/infineon-design-system-stencil/p-e616abd0.entry.js

@@ -0,0 +1 @@
+import{r as e,a as t,h as r}from"./p-CY4s4b6R.js";const i=class{constructor(t){e(this,t)}isLastItem=!1;get el(){return t(this)}emittedElement;uniqueId;hasDropdownMenu=!1;handleOutsideClick(e){e.composedPath().includes(this.el)||this.closeDropdownMenu()}handleKeyDown(e){"Enter"===e.key||" "===e.key?this.toggleDropdownMenu():"Escape"===e.key&&this.closeDropdownMenu()}getDropdownMenu(){return this.el.shadowRoot.querySelector(".dropdown-menu")}menuWrapperEventReEmitter(e){this.emittedElement=e.detail}getMenuIconWrapper(){return this.emittedElement}handleClassList(e,t,r){e.classList[t](r)}closeDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu(),t=this.getMenuIconWrapper();this.handleClassList(e,"remove","open"),this.handleClassList(t,"remove","show")}}toggleDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu(),t=this.getMenuIconWrapper();this.handleClassList(e,"toggle","open"),this.handleClassList(t,"toggle","show")}}isDropdownMenuOpen(){const e=this.getDropdownMenu();return this.hasDropdownMenu&&e&&e.classList.contains("open")}handleLastItem(){const e=this.el.closest("ifx-breadcrumb").querySelectorAll("ifx-breadcrumb-item");this.isLastItem=this.el===e[e.length-1]}generateUniqueId(e="id"){return`${e}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){this.uniqueId||(this.uniqueId=this.generateUniqueId("breadcrumb-dropdown")),this.handleLastItem()}componentDidUpdate(){this.handleLastItem()}componentWillRender(){this.setHasDropdownMenuState()}setHasDropdownMenuState(){const e=this.getIfxDropdownMenuComponent();e&&(this.hasDropdownMenu=!!e)}getIfxDropdownMenuComponent(){return this.el.querySelector("ifx-dropdown-menu")}componentDidLoad(){const e=this.getIfxDropdownMenuComponent();if(this.hasDropdownMenu)e.isOpen=!0;else{const e=this.getMenuIconWrapper();this.handleClassList(e,"toggle","hide")}}render(){return r("li",{key:"a6e3ced53d2a988efc7814ab096443f0c3adc889",class:"breadcrumb-parent","aria-current":this.isLastItem?"page":""},r("li",{key:"a34dba95bbfa06947c20f4cca2ea98519c510e49",role:"button",tabindex:this.hasDropdownMenu?0:-1,class:"breadcrumb-wrapper",onClick:()=>this.toggleDropdownMenu(),"aria-controls":this.uniqueId,"aria-haspopup":"menu","aria-label":"Toggle dropdown menu"},r("slot",{key:"29a928930c54eb5395431ef214bb799c3ad6c59b",name:"label"}),r("div",{key:"1fba6f650c6d9c9173cba1bfa7fcd03a7b90f7cd",id:this.uniqueId,class:"dropdown-menu","aria-expanded":this.isDropdownMenuOpen(),"aria-label":"Dropdown menu"},r("slot",{key:"c43583bd4a2d9da175f3cdb358f87c6953682362"}))),!this.isLastItem&&r("span",{key:"74c85ac130502169455204850d6a6cfe07e12851",class:"breadcrumb-divider","aria-hidden":"true"},"/"))}};i.style=".breadcrumb-parent{display:flex;flex-direction:row;align-items:center;padding:0px;gap:12px;min-height:24px;justify-content:center}.breadcrumb-parent:hover{cursor:pointer}.breadcrumb-parent .breadcrumb-wrapper{display:flex;flex-direction:row;align-items:center;padding:0px;gap:8px;position:relative}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu{display:none;position:absolute;top:20px}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu.open{display:block}.breadcrumb-parent .breadcrumb-wrapper a{text-decoration:none;color:#1d1d1d;font-family:var(--ifx-font-family);font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;display:flex;align-items:center;color:#1d1d1d;flex-direction:column;justify-content:center;padding:0px;border-bottom:1px solid #1D1D1D}.breadcrumb-parent .breadcrumb-divider{width:10px;height:16px;color:#bfbbbb;line-height:13px;font-size:1.25rem;margin-right:12px}";export{i as ifx_breadcrumb_item}

package/dist/infineon-design-system-stencil/p-e97262eb.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a as s,h as i}from"./p-CY4s4b6R.js";const a=class{constructor(s){e(this,s),this.tabHeaderChange=t(this,"tabHeaderChange",7)}get el(){return s(this)}header;disabled;icon="";iconPosition="left";subline;sublinePosition="left";label;number=0;positionSticky=!1;tabHeaderChange;componentWillUpdate(){this.tabHeaderChange.emit(this.header)}render(){return i("slot",{key:"4d6f00ec2248b1b76c45a6a8da46d039f356c6e8"})}};a.style=":host{display:block}";export{a as ifx_tab}

package/dist/infineon-design-system-stencil/p-ea5f0a88.entry.js

@@ -0,0 +1 @@
+import{r as s,h as t}from"./p-CY4s4b6R.js";import{s as e}from"./p-QgsB_-OM.js";const n=class{constructor(t){s(this,t)}tokens="css";render(){const s={css:"https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/css-variables.css",scss:"https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/scss-variables.scss",json:"https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-echarts-theme/dds-echarts-theme.json",js:"https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-echarts-theme/dds-echarts-theme.js"}[this.tokens],n="json"===this.tokens||"js"===this.tokens?`dds-echarts-theme.${this.tokens}`:`infineon-tokens.${this.tokens}`;return t("ifx-link",{key:"61750b255910d33eb39f460a26eae9b14fcb0da7",onClick:t=>{t.preventDefault(),fetch(s).then((s=>s.blob())).then((s=>{const t=document.createElement("a");t.href=e(URL.createObjectURL(s)),t.download=n,t.click()}))},href:s,download:n,class:"download__wrapper",size:"m",variant:"bold"},t("slot",{key:"785f67a681f4ce24a03ae2d44ad0e06cafa4e4b4"}))}};n.style="";export{n as ifx_download}

package/dist/infineon-design-system-stencil/p-ec37b6a4.entry.js

@@ -0,0 +1 @@
+import{r as e,a,h as t,d as o}from"./p-CY4s4b6R.js";import{i as r}from"./p-CtINY9El.js";import{d,t as i}from"./p-DNHOWgWh.js";import{s as l}from"./p-QgsB_-OM.js";const c=class{constructor(a){e(this,a)}get el(){return a(this)}noBtns;direction="vertical";alignment;noImg;href="";internalHref="";target="_self";ariaLabelText="";fullWidth=!1;actionsPlacement="default";setImgPosition(e){this.alignment=e.detail}handleImageSlotChange(e){this.noImg=0===e.target.assignedElements().length}handleComponentAdjustment(){const e=this.el.querySelector('[slot="img"]'),a=this.el.querySelector("ifx-card-links");this.noImg=!e,this.noBtns=!a,this.internalHref=""===this.href.trim()?void 0:this.href}componentWillLoad(){this.handleComponentAdjustment()}async componentDidLoad(){if(!r(this.el)){const e=d();i("ifx-card",await e)}}componentWillUpdate(){this.handleComponentAdjustment()}render(){const e=("horizontal"===this.direction||this.fullWidth)&&"bottom"===this.actionsPlacement;return t(o,{key:"b327e65252e5d37cebd9bac3aa024452fcc76fb9",class:`${this.fullWidth?"full-width":""} ${e?"pin-buttons":""}`},t("div",{key:"8b6975b47c097cf0159ec3f7c03af7e1ce6d9e50","aria-label":this.ariaLabelText||void 0,class:`card \n            ${this.noBtns?"noBtns":""}\n            ${this.direction} \n            ${this.alignment}\n\t\t\t\t\t\t${e?"pin-buttons":""}`,role:"group"},"horizontal"===this.direction&&t("div",{key:"614061a5dc130c4792f524503629e9b70e0ca643",class:"horizontal"},t("a",{key:"db03ac3ee6b6bd371348800508172e63e4bdb6e3",class:`card-img ${this.noImg?"noImage":""} ${this.internalHref?"card-href":""}`,href:l(this.internalHref)},t("slot",{key:"378e8b9f3603edd0eceddc6726065067229bca7d",name:"img",onSlotchange:e=>this.handleImageSlotChange(e)})),t("div",{key:"1aa1c14dda2780750cfb46631798321db8174a44",class:"lower__body-wrapper"},t("a",{key:"684494ade8c3b3939154badf6c3a36d2d019a95f",class:"upper-body "+(this.internalHref?"card-href":""),href:l(this.internalHref),id:"upper-body-content"},t("slot",{key:"9c9a573eb6f9b8d0978138046faa4dd958fdff0a"})),t("div",{key:"a26ad6c93f791c91ebfc54854e0ca0e90af28d7c"},t("slot",{key:"5a90771f179cd1f0762e28dc3502bf3d5881bad3",name:"actions"})))),"vertical"===this.direction&&t("div",{key:"9c1a6f981610b88ed9ca6f52e46028982cfd0502",class:"vertical"},t("a",{key:"6940e4c1f1a671a783a94da21038f2773adb0297",class:"upper__body-wrapper "+(this.internalHref?"card-href":""),href:l(this.internalHref),target:this.target},t("div",{key:"4a2c3cfc40299adbd0217cffbc86d2da9a429a34",class:"card-img "+(this.noImg?"noImage":"")},t("slot",{key:"49d55285cf72082c0ac23f89b0749b53db483642",name:"img",onSlotchange:e=>this.handleImageSlotChange(e)})),t("div",{key:"7640f8376eee794b46bc73f843dfee7568737172",class:"upper-body",id:"upper-body-content"},t("slot",{key:"3c19fd1b0e60d5b2ee037f3346d4e8f36849f617"}))),t("div",{key:"2de079b0a499d155797cac0885548614e37249aa",class:"lower__body-wrapper",role:"group","aria-labelledby":"upper-body-content"},t("slot",{key:"1903d7f15838ff392e232c2de4ef2c5932ab139b",name:"actions"})))))}};c.style="*{box-sizing:border-box}:host{display:inline-flex}:host(:not(.full-width)){--card-links-padding:0px 24px 24px 24px;align-self:flex-start}:host(.full-width){width:100%}:host(.full-width) .card{width:100%;height:100%;border-width:1px}:host(.full-width) .card.pin-buttons .vertical{display:flex;flex-direction:column;height:100%}:host(.full-width) .card.pin-buttons .vertical .upper__body-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}:host(.full-width) .card.pin-buttons .vertical .lower__body-wrapper{flex:0 0 auto}:host(.full-width) .card.horizontal ::slotted(ifx-card-links){--card-links-padding:0px;--card-links-padding-top:16px}:host(.full-width) .card.horizontal ::slotted(ifx-card-headline){--card-headline-padding:0px;--card-headline-font:18px;--card-headline-line-height:26px}:host(.full-width) .card.horizontal ::slotted(ifx-card-text){--card-text-line-clamp:unset}:host(.full-width) .card.horizontal .horizontal{min-height:auto;width:100%;height:auto;justify-content:space-between}:host(.full-width) .card.horizontal .horizontal .card-img{flex:0 0 40%;min-width:0;max-width:50%;position:relative;align-self:stretch}:host(.full-width) .card.horizontal .horizontal .card-img ::slotted([slot=img]){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}:host(.full-width) .card.horizontal .horizontal .lower__body-wrapper{flex:1;padding:16px;display:flex;flex-direction:column;min-height:0}:host(.full-width) .card.horizontal .horizontal .lower__body-wrapper .upper-body{padding:0px;min-height:0}.card{position:relative;display:inline-flex;flex-direction:column;word-wrap:break-word;background-color:#ffffff;background-clip:border-box;border:2px solid #eeeded;border-radius:2px;width:350px;height:auto;font-family:var(--ifx-font-family)}.card:has(.card-href:focus),.card:has(.card-href:hover){outline:none;border-color:#0a8276}.card:has(.card-href:focus) ::slotted(ifx-card-headline),.card:has(.card-href:hover) ::slotted(ifx-card-headline){color:#0a8276}.card.noBtns .vertical .lower__body-wrapper{padding-bottom:24px}.card.noBtns .horizontal .lower__body-wrapper{padding-bottom:24px}.card.pin-buttons .horizontal .lower__body-wrapper{display:grid;grid-template-rows:1fr auto}.card.pin-buttons .horizontal .lower__body-wrapper .upper-body{flex:1;min-height:0}.card .horizontal{display:flex;flex-direction:row;min-height:218px;width:100%;gap:24px}.card .horizontal .card-img{flex:1;text-decoration:none}.card .horizontal .card-img.noImage{display:none}.card .horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;object-fit:cover}.card .horizontal .lower__body-wrapper{flex:1;display:flex;flex-direction:column}.card .horizontal .lower__body-wrapper .upper-body{display:flex;flex-direction:column;text-decoration:none;color:#1d1d1d;padding:24px 24px 0px 24px}.card .vertical .upper__body-wrapper{text-decoration:none;color:#1d1d1d}.card .vertical .upper__body-wrapper .card-img{height:190px}.card .vertical .upper__body-wrapper .card-img.noImage{display:none}.card .vertical .upper__body-wrapper .upper-body{padding:24px 24px 0px 24px}.card .vertical .lower__body-wrapper:hover{border-color:#eeeded}.card.horizontal{flex-direction:row;width:538px}.card.horizontal .card-img{flex:1;order:2}.card.horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;vertical-align:bottom;object-fit:cover}.card.horizontal.left .horizontal{gap:24px}.card.horizontal.left .horizontal .card-img{order:1}.card.horizontal.left .horizontal .lower__body-wrapper{order:2}.card .card-href:focus{outline:none}";export{c as ifx_card}

package/dist/infineon-design-system-stencil/p-ec538561.entry.js

@@ -0,0 +1 @@
+import{r as e,c as s,a as i,h as t}from"./p-CY4s4b6R.js";import{c as o}from"./p-BfTCfPZ1.js";import{i as n}from"./p-CtINY9El.js";import{d as r,t as a}from"./p-DNHOWgWh.js";const h=class{constructor(i){e(this,i),this.ifxInput=s(this,"ifxInput",7),this.ifxSuggestionRequested=s(this,"ifxSuggestionRequested",7),this.ifxSuggestionSelected=s(this,"ifxSuggestionSelected",7),this.ifxFocus=s(this,"ifxFocus",7),this.ifxBlur=s(this,"ifxBlur",7)}inputElement;dropdownElement;wrapperElement;focusEmitted=!1;get el(){return i(this)}value="";suggestions=[];showSuggestions=!1;maxSuggestions=10;maxHistoryItems=5;enableHistory=!0;historyKey="ifx-search-history";historyHeaderText="Recent Searches";ariaLabelText="Search Field";ariaLabelledBy;ariaDescribedBy;deleteIconAriaLabel="Clear search";historyDeleteAriaLabel="Remove from history";dropdownAriaLabel="Search suggestions and history";suggestionAriaLabel="Search suggestion";historyItemAriaLabel="Search history item";showDeleteIcon=!1;disabled=!1;size="l";placeholder="Search";autocomplete="off";maxlength=void 0;ifxInput;ifxSuggestionRequested;ifxSuggestionSelected;ifxFocus;ifxBlur;showDeleteIconInternalState=!1;isFocused=!1;isFocusWithin=!1;suggestionsDismissed=!1;filteredSuggestions=[];selectedSuggestionIndex=-1;searchHistory=[];suggestionAnnouncement="";announcementToken=0;get showDropdown(){return this.isFocusWithin&&!this.suggestionsDismissed&&(this.showSuggestions||this.enableHistory)&&this.filteredSuggestions.length>0}handleOutsideClick(e){const s=e.composedPath(),i=!!this.inputElement&&s.includes(this.inputElement),t=!!this.dropdownElement&&s.includes(this.dropdownElement),o=!!this.wrapperElement&&s.includes(this.wrapperElement);i||t||o||this.dismissSuggestions()}handleKeyDown(e){switch(e.key){case"ArrowDown":if(!this.showDropdown)return;e.preventDefault(),this.navigateSuggestions(1);break;case"ArrowUp":if(!this.showDropdown)return;e.preventDefault(),this.navigateSuggestions(-1);break;case"Enter":e.preventDefault(),this.showDropdown&&this.selectedSuggestionIndex>=0?this.selectSuggestion(this.filteredSuggestions[this.selectedSuggestionIndex]):this.handleSearch();break;case"Escape":e.preventDefault(),this.showDropdown?this.dismissSuggestions():this.handleDelete()}}valueWatcher(e){this.inputElement&&e!==this.inputElement.value&&(this.inputElement.value=e),this.updateSuggestions()}suggestionsWatcher(){this.updateSuggestions()}handleInput=()=>{if(this.suggestionsDismissed=!1,!this.inputElement)return;const e=this.inputElement.value;this.value=e,this.cancelSuggestionAnnouncement(),this.ifxInput.emit(this.value),(this.showSuggestions||this.enableHistory)&&(this.selectedSuggestionIndex=-1,this.showSuggestions?this.requestSuggestions(e):this.updateSuggestions())};handleDelete=()=>{!this.disabled&&this.inputElement&&(this.inputElement.value="",this.value="",this.ifxInput.emit(this.value),this.dismissSuggestions())};handleSearch=()=>{this.value.trim()&&this.enableHistory&&this.addToHistory(this.value),this.dismissSuggestions()};focusInput(){this.isFocused=!0,this.isFocusWithin=!0,this.suggestionsDismissed=!1,this.focusEmitted||(this.focusEmitted=!0,this.ifxFocus.emit()),(this.showSuggestions||this.enableHistory)&&(0===this.value.length?(this.showHistoryDropdown(),this.showDropdown&&this.announceSuggestionCount()):this.updateSuggestions())}blurInput(){setTimeout((()=>{const e=this.el.shadowRoot?.activeElement;e!==this.inputElement&&(this.isFocused=!1,e||(this.isFocusWithin=!1),this.focusEmitted=!1,this.ifxBlur.emit())}),150)}handleFocusIn=()=>{this.isFocusWithin=!0};handleFocusOut=()=>{setTimeout((()=>{this.isFocusWithin=null!=this.el.shadowRoot?.activeElement}))};loadSearchHistory(){if(this.enableHistory&&"undefined"!=typeof localStorage){const e=localStorage.getItem(this.historyKey);this.searchHistory=e?JSON.parse(e):[],this.updateSuggestions(),0===this.value.length&&0===this.searchHistory.length&&this.dismissSuggestions()}}async setFocus(){this.inputElement?.focus()}async clearSearchHistory(){this.enableHistory&&"undefined"!=typeof localStorage&&(localStorage.removeItem(this.historyKey),this.searchHistory=[],this.filteredSuggestions=[],this.dismissSuggestions(),this.updateSuggestions())}addToHistory(e){if(!this.enableHistory||!e.trim())return;const s=[...this.searchHistory],i=s.indexOf(e);i>-1&&s.splice(i,1),s.unshift(e),this.searchHistory=s.slice(0,this.maxHistoryItems),"undefined"!=typeof localStorage&&localStorage.setItem(this.historyKey,JSON.stringify(this.searchHistory))}removeFromHistory(e){if(!this.enableHistory)return;const s=[...this.searchHistory],i=s.indexOf(e);i>-1&&(s.splice(i,1),this.searchHistory=s,"undefined"!=typeof localStorage&&localStorage.setItem(this.historyKey,JSON.stringify(this.searchHistory)),this.updateSuggestions(),0===this.searchHistory.length&&0===this.value.length&&this.dismissSuggestions())}handleHistoryDelete=(e,s)=>{e.stopPropagation(),this.removeFromHistory(s)};requestSuggestions(e){this.ifxSuggestionRequested.emit(e),this.updateSuggestions()}updateSuggestions(){const e=this.value.toLowerCase(),s=[...Array.isArray(this.suggestions)?this.suggestions:[],...this.enableHistory&&this.searchHistory.length>0?this.searchHistory.filter((s=>0===e.length||s.toLowerCase().includes(e))).map(((e,s)=>({id:`history-${s}`,text:e,type:"history"}))):[]].reduce(((e,s)=>{const i=e.findIndex((e=>e.text.toLowerCase()===s.text.toLowerCase()&&e.scope===s.scope));return-1===i?e.push(s):"history"===s.type&&"history"!==e[i].type&&(e[i]=s),e}),[]);this.filteredSuggestions=s.slice(0,this.maxSuggestions),this.selectedSuggestionIndex=-1,this.announceSuggestionCount()}navigateSuggestions(e){const s=this.filteredSuggestions.length-1;this.selectedSuggestionIndex=e>0?this.selectedSuggestionIndex<s?this.selectedSuggestionIndex+1:0:this.selectedSuggestionIndex>0?this.selectedSuggestionIndex-1:s}scrollSelectedSuggestionIntoView(){if(!this.dropdownElement||this.selectedSuggestionIndex<0)return;const e=this.dropdownElement.querySelector(`#suggestion-${this.selectedSuggestionIndex}`);e?.scrollIntoView({block:"nearest"})}selectSuggestion(e){this.value=e.text,this.inputElement&&(this.inputElement.value=e.text),this.ifxSuggestionSelected.emit(e),this.ifxInput.emit(this.value),this.enableHistory&&this.addToHistory(e.text),this.dismissSuggestions()}dismissSuggestions(){this.suggestionsDismissed=!0,this.selectedSuggestionIndex=-1,this.cancelSuggestionAnnouncement()}cancelSuggestionAnnouncement(){this.announcementToken++,this.suggestionAnnouncement=""}announceSuggestionCount(){this.suggestionAnnouncement="";const e=++this.announcementToken;requestAnimationFrame((()=>{if(e!==this.announcementToken)return;if(!this.showDropdown||0===this.filteredSuggestions.length)return;const s=this.filteredSuggestions.length;this.suggestionAnnouncement=`${s} ${1===s?"result":"results"} available`}))}showHistoryDropdown(){if(this.enableHistory&&this.searchHistory.length>0){const e=this.searchHistory.map(((e,s)=>({id:`history-${s}`,text:e,type:"history"})));this.filteredSuggestions=e.slice(0,this.maxSuggestions),this.selectedSuggestionIndex=-1}else this.filteredSuggestions=[]}isShowingOnlyHistory(){return 0===this.value.length&&this.filteredSuggestions.length>0&&this.filteredSuggestions.every((e=>"history"===e.type))}renderHighlightedText(e,s){if(!s||0===s.length)return e;const i=e.toLowerCase(),o=s.toLowerCase(),n=i.indexOf(o);if(-1===n)return e;const r=e.substring(0,n),a=e.substring(n,n+s.length),h=e.substring(n+s.length);return[r,t("strong",null,a),h]}componentWillLoad(){this.loadSearchHistory()}async componentDidLoad(){if(!n(this.el)){const e=r();a("ifx-search-field",await e)}}componentDidRender(){this.scrollSelectedSuggestionIntoView()}componentWillUpdate(){this.showDeleteIconInternalState=""!==this.value}render(){return t("div",{key:"0fad0541006084547df01bc173db505e2e0ea7c9","aria-disabled":this.disabled,class:"search-field",onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut},t("output",{key:"f035e49f366c82c31bc32956baa39e6ece8d7ad0","aria-atomic":"true","aria-live":"polite",class:"suggestion-status"},this.suggestionAnnouncement),t("div",{key:"083b4f2939554d547554d0d3e42bf76373dd97b5",ref:e=>this.wrapperElement=e,class:this.getWrapperClassNames()},t("label",{key:"af24292a57fcb2de04baa008c4d447dfe25b6eed",class:"search-field__label"},t("ifx-icon",{key:"1a4d3a47ec00f08cbb969ea653b563af955b7942",icon:"search-16",class:"search-icon"}),t("input",{key:"a99f958e6ff77bb70adb9f800b95d991b383811a",ref:e=>this.inputElement=e,type:"search",autocomplete:this.autocomplete,onInput:()=>this.handleInput(),onFocus:()=>this.focusInput(),onBlur:()=>this.blurInput(),placeholder:this.placeholder,disabled:this.disabled,maxlength:this.maxlength,value:this.value,"aria-controls":this.showDropdown?"suggestions-dropdown":void 0,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-label":this.ariaLabelText,"aria-labelledby":this.ariaLabelledBy,"aria-describedby":this.ariaDescribedBy,"aria-activedescendant":this.selectedSuggestionIndex>=0?`suggestion-${this.selectedSuggestionIndex}`:void 0})),this.showDeleteIcon&&this.showDeleteIconInternalState?t("ifx-icon",{icon:"cRemove16",class:"delete-icon",onClick:this.handleDelete,role:"button",tabindex:"0","aria-label":this.deleteIconAriaLabel,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleDelete())}}):null),this.showDropdown&&this.filteredSuggestions.length>0&&t("div",{key:"534bdc8e0dc45953de57903578903a04a45f4f14",ref:e=>this.dropdownElement=e,id:"suggestions-dropdown",class:"suggestions-dropdown",role:"listbox","aria-label":this.dropdownAriaLabel},this.isShowingOnlyHistory()&&t("div",{key:"f796dba6b3971eab3ac35f629db041be589fc950",class:"suggestions-header"},this.historyHeaderText),this.filteredSuggestions.map(((e,s)=>t("div",{key:e.id,id:`suggestion-${s}`,class:this.getSuggestionClassNames(s),role:"option",tabIndex:0,"aria-selected":s===this.selectedSuggestionIndex,"aria-label":`${"history"===e.type?this.historyItemAriaLabel:this.suggestionAriaLabel}: ${e.text}${e.scope?`, ${e.scope}`:""}${e.resultCount?`, ${e.resultCount} results`:""}`,onClick:()=>this.selectSuggestion(e),onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.selectSuggestion(e))},onMouseEnter:()=>this.selectedSuggestionIndex=s},t("div",{class:"suggestion-content"},"history"===e.type&&t("ifx-icon",{icon:"history-16",class:"suggestion-icon suggestion-icon--history"}),"suggestion"===e.type&&t("ifx-icon",{icon:"search-16",class:"suggestion-icon suggestion-icon--suggestion"}),t("span",{class:"suggestion-text"},t("span",{class:"suggestion-main-text"},this.renderHighlightedText(e.text,this.value)),e.scope&&t("span",{class:"suggestion-scope"},"– ",e.scope)),void 0!==e.resultCount&&e.scope&&t("span",{class:"suggestion-count"},e.resultCount),"history"===e.type&&t("ifx-icon",{icon:"cross16",class:"suggestion-delete-icon",role:"button",tabindex:"0","aria-label":`${this.historyDeleteAriaLabel}: ${e.text}`,onClick:s=>this.handleHistoryDelete(s,e.text),onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.handleHistoryDelete(s,e.text))}})))))))}getSizeClass(){return"s"==`${this.size}`?"search-field__wrapper-s":""}getWrapperClassNames(){return o("search-field__wrapper",`${this.getSizeClass()}`,this.isFocused?"focused":"",this.showDropdown?"dropdown-open":"",this.disabled?"disabled":"")}getSuggestionClassNames(e){return o("suggestion-item",{"suggestion-item--selected":e===this.selectedSuggestionIndex,"suggestion-item--history":"history"===this.filteredSuggestions[e]?.type})}static get watchers(){return{value:[{valueWatcher:0}],suggestions:[{suggestionsWatcher:0}]}}};h.style=":host{display:flex}.search-field{box-sizing:border-box;background-color:#ffffff;width:100%;font-family:var(--ifx-font-family);position:relative}.search-field .suggestion-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.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}.search-field .search-field__wrapper .search-field__label{display:flex;align-items:center;flex:1;min-width:0;gap:12px;margin:-8px -16px;padding:8px 16px}.search-field .search-field__wrapper:focus-visible:not(.disabled){outline:none;border:1px solid #0a8276}.search-field .search-field__wrapper.search-field__wrapper-s{height:36px}.search-field .search-field__wrapper:hover:not(.focused,:focus,.dropdown-open){border:1px solid #575352}.search-field .search-field__wrapper.focused:not(.disabled){border:1px solid #0a8276}.search-field .search-field__wrapper .delete-icon{outline:1px solid transparent;right:12px;cursor:pointer;position:relative;z-index:1}.search-field .search-field__wrapper .delete-icon:focus-visible{border:2px solid #0a8276;outline-offset:1px}.search-field .search-field__wrapper input[type=search]{font-family:var(--ifx-font-family);font-style:normal;font-weight:400;font-size:16px;color:#1d1d1d;border:none;width:100%;outline:none;height:16px}.search-field .search-field__wrapper input[type=search]::-webkit-search-decoration,.search-field .search-field__wrapper input[type=search]::-webkit-search-cancel-button,.search-field .search-field__wrapper input[type=search]::-webkit-search-results-button,.search-field .search-field__wrapper input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.search-field .search-field__wrapper input[type=search]::-ms-clear{display:none}.search-field .search-field__wrapper input[type=search]:focus{outline:none;color:#1d1d1d}.search-field .search-field__wrapper input[type=search]:disabled{background:#eeeded;color:#ffffff}.search-field .search-field__wrapper input[type=search]:disabled::placeholder{color:#575352}.search-field .search-field__wrapper.disabled{background:#eeeded;border:1px solid #575352;color:#1d1d1d}.search-field .search-field__wrapper.disabled:hover{border:1px solid #575352;outline:none}.search-field .search-field__wrapper.disabled .delete-icon{cursor:default}.search-field .search-field__wrapper.disabled .delete-icon:focus-visible{outline:1px solid transparent}.search-field .suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#ffffff;margin-top:4px;border:1px solid #eeeded;box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12);z-index:1000;max-height:300px;overflow-y:auto;container-type:inline-size}.search-field .suggestions-dropdown .suggestions-header{font-family:var(--ifx-font-family);font-size:0.8125rem;font-weight:600;line-height:1.25rem;letter-spacing:0.25em;text-transform:uppercase;color:#575352;border-bottom:1px solid #eeeded;padding:12px 16px}.search-field .suggestions-dropdown .suggestion-item{padding:12px 16px;cursor:pointer;transition:background-color 0.2s ease}.search-field .suggestions-dropdown .suggestion-item:last-child{border-bottom:none}.search-field .suggestions-dropdown .suggestion-item:hover,.search-field .suggestions-dropdown .suggestion-item--selected{background-color:#eeeded}.search-field .suggestions-dropdown .suggestion-item:focus-visible{outline:1px auto #0a8276}.search-field .suggestions-dropdown .suggestion-item .suggestion-content{display:flex;align-items:center;gap:12px}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-icon{color:#575352;flex-shrink:0}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-icon--history{color:#575352}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text{flex:1;display:flex;align-items:center;min-width:0}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-main-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-scope{color:#8d8786;flex-shrink:0;white-space:nowrap;margin-left:2px;font-weight:600;font-size:0.875rem}@container (max-width: 320px){.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text{flex-direction:column;align-items:flex-start}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-main-text{width:100%;max-width:100%}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-scope{margin-left:0;margin-top:0;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-count{color:#8d8786;margin-left:auto;flex-shrink:0}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-delete-icon{opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0.2s ease;cursor:pointer;margin-left:auto;flex-shrink:0;color:#575352}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-delete-icon:hover{color:#3c3a39}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-delete-icon:focus-visible{outline:none;border:1px solid #0a8276}.search-field .suggestions-dropdown .suggestion-item:hover .suggestion-delete-icon{opacity:1;visibility:visible}.search-field .search-field__wrapper.dropdown-open{border-radius:1px 1px 0 0;border-color:#0a8276}";export{h as ifx_search_field}

package/dist/infineon-design-system-stencil/p-ee84f6e7.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a as i,h as a,d as s}from"./p-CY4s4b6R.js";const l=class{constructor(i){e(this,i),this.ifxTopbarFilterChange=t(this,"ifxTopbarFilterChange",7)}get el(){return i(this)}selectedOptions=[];ifxTopbarFilterChange;showAllFilters=!1;maxShownFilters=4;visibleSlots;async showMoreFilters(e){this.showAllFilters=e,this.updateVisibleSlots()}connectedCallback(){this.el.addEventListener("ifxFilterSelect",this.handleTopbarFilterChange),this.el.addEventListener("ifxFilterSearchChange",this.handleSearchChange),window.addEventListener("ifxResetFiltersEvent",this.handleResetEvent)}disconnectedCallback(){this.el.removeEventListener("ifxFilterSelect",this.handleTopbarFilterChange),this.el.removeEventListener("ifxFilterSearchChange",this.handleSearchChange),window.removeEventListener("ifxResetFiltersEvent",this.handleResetEvent)}componentWillLoad(){this.updateVisibleSlots()}updateVisibleSlots(){this.visibleSlots=this.showAllFilters?Number.MAX_SAFE_INTEGER:this.maxShownFilters}handleFilterButtonsClick=e=>{this.showMoreFilters(e)};handleResetEvent=()=>{const e=this.el.shadowRoot?.querySelector('slot[name="filter-search"]');e instanceof HTMLSlotElement&&e.assignedElements({flatten:!0}).forEach((e=>{const t=e.querySelector("ifx-filter-search").shadowRoot.querySelectorAll("ifx-search-field");t.length>0&&t.forEach((e=>{e.value=""}))})),this.selectedOptions=[],this.ifxTopbarFilterChange.emit(this.selectedOptions)};handleSearchChange=e=>{this.handleTopbarFilterChange(e)};handleTopbarFilterChange=e=>{const t=[...this.selectedOptions];if("ifxFilterSearchChange"===e.type){const{filterName:i,filterValue:a}=e.detail,s=t.findIndex((e=>e.filterName===i));-1!==s?t[s].filterValues=[a]:t.push({filterName:i,filterValues:[a],type:"text"})}else if("ifxFilterSelect"===e.type){const{filterName:i,filterValues:a,type:s}=e.detail,l=t.findIndex((e=>e.filterName===i));-1!==l?(t[l].filterValues=a,t[l].type=s):t.push({filterName:i,filterValues:a,type:s})}this.selectedOptions=t,this.ifxTopbarFilterChange.emit(this.selectedOptions)};render(){const e=Math.max(0,this.visibleSlots),t=this.el.querySelectorAll("ifx-set-filter").length,i=Math.min(e,t,Number.MAX_SAFE_INTEGER),l=Array.from({length:i},((e,t)=>a("div",{class:"filter-slot-wrapper"},a("slot",{name:`filter-component-${t+1}`}))));return a(s,{key:"fbdda1a578fe87df4c80b44fd07b62a20da83387"},a("div",{key:"9d489cd102877435c2d03f88204543de53d784dc",class:"search-container"},a("slot",{key:"72473788101d4215c21538783e33e4277b3cd8e9",name:"filter-search"})," "),a("div",{key:"7246f13e02dbc31a62a918693c5d4892fd6e0995",class:"components-container"},l.length>0?l:a("slot",{name:"filter-component"}),this.showMoreFilters&&a("div",{key:"4195082e13de758ac97a0dae5d296d7c204b0a3c",class:"filter-buttons-wrapper",onClick:()=>this.handleFilterButtonsClick(!this.showAllFilters)},a("ifx-button",{key:"93ee70d28b44e37679be84b433dfa0ba77bb845e",type:"button",disabled:!1,variant:"tertiary",size:"m",target:"_blank",theme:"default","full-width":"false"},a("ifx-icon",{key:"af709bfcda7e80e65d6fe57082a2187276d1e10c",icon:"filter-16"}),this.showAllFilters?"Less filters":"More filters"))))}};l.style=":host{display:block;width:100%;font-family:var(--ifx-font-family)}.search-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-start;margin-bottom:16px}.components-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-end;align-content:flex-end;flex-wrap:wrap;gap:16px}.filter-slot-wrapper{flex-grow:1;flex-basis:100%;max-width:100%}@media (max-width: 1024px){.filter-buttons-wrapper{order:3;width:100%;display:flex;justify-content:center;padding-top:16px;}}@media (min-width: 720px) and (max-width: 1024px){.filter-slot-wrapper{flex-basis:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2)}}@media (min-width: 1025px){.filter-slot-wrapper{flex-basis:auto;max-width:200px}::slotted([slot=filter-search]){max-width:828px}}::slotted([slot=filter-search]){flex-grow:1;flex-basis:100%;width:100%}";export{l as ifx_filter_bar}