npm - @infineon/infineon-design-system-stencil - Versions diffs - 39.4.4--canary.1723.b2cb04cb46890b174f47cfd446a0e20dc3cee6fc.0 → 39.4.4-canary.0 - Mend

@infineon/infineon-design-system-stencil 39.4.4--canary.1723.b2cb04cb46890b174f47cfd446a0e20dc3cee6fc.0 → 39.4.4-canary.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 (1205) hide show

package/dist/infineon-design-system-stencil/p-56c892b7.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["checkboxGroupCss","CheckboxGroup","constructor","hostRef","this","errorStates","Map","alignment","groupLabelText","required","hasErrors","handleSlotChange","initializeState","handleCheckboxError","event","checkbox","target","tagName","toLowerCase","set","detail","updateHasErrors","setGroupError","error","checkboxes","Array","from","el","querySelectorAll","forEach","componentWillLoad","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","clear","has","values","some","render","h","key","class","showGroupLabel","size","onSlotchange","showCaption","showCaptionIcon","icon","captionText"],"sources":["src/components/checkbox-group/checkbox-group.scss?tag=ifx-checkbox-group&encapsulation=shadow","src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n.checkbox-group-container {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.checkbox-group {\r\n display: flex;\r\n gap: tokens.$ifxSpace100;\r\n\r\n &.horizontal {\r\n flex-direction: row;\r\n column-gap: tokens.$ifxSpace150;\r\n }\r\n\r\n &.vertical {\r\n flex-direction: column;\r\n row-gap: tokens.$ifxSpace150;\r\n }\r\n}\r\n\r\n.group-label {\r\n font-size: tokens.$ifxFontSizeM;\r\n color: tokens.$ifxColorBaseBlack;\r\n line-height: tokens.$ifxLineHeightM;\r\n font-weight: tokens.$ifxFontWeightRegular;\r\n margin-bottom: tokens.$ifxSpace100;\r\n text-align: left;\r\n text-underline-position: from-font;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n.group-label .required {\r\n color: tokens.$ifxColorEngineering500;\r\n margin-left: tokens.$ifxSpace50;\r\n}\r\n\r\n.group-label .required.error {\r\n color: tokens.$ifxColorRed500;\r\n}\r\n\r\n.caption {\r\n margin-top: tokens.$ifxSpace100;\r\n align-self: flex-start;\r\n display: flex;\r\n width: 100%;\r\n column-gap: tokens.$ifxSpace100;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n &.default {\r\n color: tokens.$ifxColorBaseBlack;\r\n }\r\n\r\n &.error {\r\n color: tokens.$ifxColorRed500;\r\n }\r\n}\r\n\r\n.caption-text {\r\n font-weight: tokens.$ifxFontWeightRegular;\r\n font-size: tokens.$ifxFontSizeXs;\r\n line-height: tokens.$ifxLineHeightXs;\r\n flex: 1;\r\n text-align: left;\r\n text-underline-position: from-font;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n.caption-icon {\r\n flex:0;\r\n display: flex;\r\n}","import { Component, State, Prop, h, Element, Listen, Method } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n tag: 'ifx-checkbox-group',\r\n styleUrl: 'checkbox-group.scss',\r\n shadow: true,\r\n // formAssociated: true\r\n})\r\n\r\nexport class CheckboxGroup {\r\n private errorStates: Map<HTMLElement, boolean> = new Map();\r\n\r\n @Element() el: HTMLElement;\r\n @Prop() alignment: 'horizontal' | 'vertical' = 'vertical';\r\n @Prop() size: string;\r\n @Prop() showGroupLabel: boolean;\r\n @Prop() groupLabelText: string = 'Group Label Text';\r\n @Prop() showCaption: boolean;\r\n @Prop() captionText: string;\r\n @Prop() showCaptionIcon: boolean;\r\n @Prop() required: boolean = false;\r\n @State() hasErrors: boolean = false;\r\n\r\n @Listen('ifxError')\r\n handleCheckboxError(event: CustomEvent) {\r\n const checkbox = event.target as HTMLElement;\r\n if (checkbox.tagName.toLowerCase() === 'ifx-checkbox') {\r\n this.errorStates.set(checkbox, event.detail);\r\n this.updateHasErrors();\r\n }\r\n }\r\n\r\n // Method to set the error state of all checkboxes in the group\r\n @Method()\r\n async setGroupError(error: boolean) {\r\n const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));\r\n checkboxes.forEach((checkbox) => {\r\n (checkbox as any).error = error;\r\n });\r\n }\r\n\r\n componentWillLoad() {\r\n this.initializeState();\r\n\r\n }\r\n\r\n async componentDidLoad() { \r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-checkbox-group', await framework)\r\n }\r\n }\r\n\r\n handleSlotChange = () => {\r\n this.initializeState();\r\n };\r\n\r\n private initializeState() {\r\n this.errorStates.clear();\r\n const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));\r\n checkboxes.forEach((checkbox) => {\r\n if (!this.errorStates.has(checkbox)) {\r\n this.errorStates.set(checkbox, (checkbox as any).error || false);\r\n }\r\n });\r\n this.updateHasErrors();\r\n }\r\n\r\n private updateHasErrors() {\r\n this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class='checkbox-group-container'>\r\n {this.showGroupLabel && (\r\n <div class=\"group-label\">\r\n {this.groupLabelText}\r\n {this.required && <span class={`required ${this.hasErrors ? 'error' : ''}`}>*</span>}\r\n </div>\r\n )}\r\n <div class={`checkbox-group ${this.alignment} ${this.size}`}>\r\n <slot onSlotchange={this.handleSlotChange}></slot>\r\n </div>\r\n {this.showCaption ? (\r\n <div class={`caption ${this.hasErrors ? 'error' : 'default'}`}>\r\n {this.showCaptionIcon ? <div class='caption-icon'><ifx-icon icon=\"c-info-16\">\r\n </ifx-icon></div> : ''}\r\n <div class='caption-text'>{this.captionText}</div>\r\n </div>) : ''}\r\n </div>\r\n );\r\n }\r\n}"],"mappings":"iIAAA,MAAMA,EAAmB,u6B,MCYZC,EAAa,MAP1B,WAAAC,CAAAC,G,UAQUC,KAAAC,YAAyC,IAAIC,IAG7CF,KAASG,UAA8B,WAGvCH,KAAcI,eAAW,mBAIzBJ,KAAQK,SAAY,MACnBL,KAASM,UAAY,MAgC9BN,KAAgBO,iBAAG,KACjBP,KAAKQ,iBAAiB,CAuCzB,CArEC,mBAAAC,CAAoBC,GAClB,MAAMC,EAAWD,EAAME,OACvB,GAAID,EAASE,QAAQC,gBAAkB,eAAgB,CACrDd,KAAKC,YAAYc,IAAIJ,EAAUD,EAAMM,QACrChB,KAAKiB,iB,EAMT,mBAAMC,CAAcC,GAClB,MAAMC,EAAaC,MAAMC,KAAKtB,KAAKuB,GAAGC,iBAAiB,iBACvDJ,EAAWK,SAASd,IACjBA,EAAiBQ,MAAQA,CAAK,G,CAInC,iBAAAO,GACE1B,KAAKQ,iB,CAIP,sBAAMmB,GACJ,IAAIC,EAAuB5B,KAAKuB,IAAK,CACnC,MAAMM,EAAYC,IAClBC,EAAe,2BAA4BF,E,EAQvC,eAAArB,GACNR,KAAKC,YAAY+B,QACjB,MAAMZ,EAAaC,MAAMC,KAAKtB,KAAKuB,GAAGC,iBAAiB,iBACvDJ,EAAWK,SAASd,IAClB,IAAKX,KAAKC,YAAYgC,IAAItB,GAAW,CACnCX,KAAKC,YAAYc,IAAIJ,EAAWA,EAAiBQ,OAAS,M,KAG9DnB,KAAKiB,iB,CAGC,eAAAA,GACNjB,KAAKM,UAAYe,MAAMC,KAAKtB,KAAKC,YAAYiC,UAAUC,MAAMhB,GAAUA,G,CAGzE,MAAAiB,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,4BACRvC,KAAKwC,gBACJH,EAAK,OAAAC,IAAA,2CAAAC,MAAM,eACRvC,KAAKI,eACLJ,KAAKK,UAAYgC,EAAA,QAAAC,IAAA,2CAAMC,MAAO,YAAYvC,KAAKM,UAAY,QAAU,MAAc,MAGxF+B,EAAK,OAAAC,IAAA,2CAAAC,MAAO,kBAAkBvC,KAAKG,aAAaH,KAAKyC,QACnDJ,EAAA,QAAAC,IAAA,2CAAMI,aAAc1C,KAAKO,oBAE1BP,KAAK2C,YACJN,EAAA,OAAKE,MAAO,WAAWvC,KAAKM,UAAY,QAAU,aAC/CN,KAAK4C,gBAAkBP,EAAK,OAAAE,MAAM,gBAAeF,EAAU,YAAAQ,KAAK,eAC7C,GACpBR,EAAA,OAAKE,MAAM,gBAAgBvC,KAAK8C,cACxB,G","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-380368ca.entry.js → p-57f89e06.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,a}from"./p-PqnYwNKt.js";import{d as s,t as r}from"./p-DcmcuUOA.js";const o=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{height:100%;display:inline-flex}.sidebar__container{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:flex-start;padding:0px;background-color:#FFFFFF;border-right:1px solid #EEEDED;width:264px;height:100%;font-family:var(--ifx-font-family)}.sidebar__container--collapsed{width:48px}.sidebar__container--collapsed .sidebar__hide-menu,.sidebar__container--collapsed .sidebar__nav-bar,.sidebar__container--collapsed .sidebar__nav-container{padding:12px 8px !important}.sidebar__container--collapsed .sidebar__nav-bar-logo-text,.sidebar__container--collapsed .sidebar__hide-menu-text{display:none !important}.sidebar__container--collapsed .sidebar__footer-container{display:none !important}.sidebar__container--collapsed .sidebar__nav-bar .sidebar__nav-bar-logo svg{width:32px !important;height:auto !important}.sidebar__container--collapsed .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{display:none !important}.sidebar__container--collapsed .sidebar__hide-menu{padding:12px 16px;justify-content:center}.sidebar__container .sidebar__top-container{display:flex;flex-direction:column;align-items:center;padding:0px;flex:1 1 auto;order:0;z-index:0;width:100%;overflow-y:auto}.sidebar__container .sidebar__top-container .sidebar__nav-bar{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;background-color:#FFFFFF;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img svg{width:91px;height:40px}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{font-style:normal;font-weight:600;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__top-container .sidebar__nav-container{scrollbar-gutter:stable;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;flex:1 1 auto;order:1;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-container ::slotted(*){width:100%}.sidebar__container .sidebar__footer-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0px 32px;flex:none;order:1;align-self:stretch;flex-grow:1;z-index:1}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0px;gap:16px;border-top:1px solid #EEEDED;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links{display:flex;align-items:flex-start;padding:0px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;flex-wrap:wrap}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a{font:400 0.875rem/1.25rem "Source Sans 3";display:flex;text-decoration:none;align-items:center;color:#1D1D1D;flex:none;flex-grow:0}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:hover{color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:focus{outline:none;color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links{display:flex;flex-direction:column;align-items:center}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span{font:400 0.875rem/1.25rem "Source Sans 3";text-decoration:none;color:#575352;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span:hover{cursor:initial}.sidebar__container .sidebar__hide-menu{display:flex;align-items:center;padding:12px 32px;box-sizing:border-box;width:100%;cursor:pointer;border-top:1px solid #EEEDED;border-bottom:1px solid #EEEDED;background-color:#FFFFFF;gap:16px}.sidebar__container .sidebar__hide-menu:hover{background-color:#F7F7F7}.sidebar__container .sidebar__hide-menu:focus{outline:2px solid #0A8276;outline-offset:-2px}.sidebar__container .sidebar__hide-menu-icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.sidebar__container .sidebar__hide-menu-icon ifx-icon{width:16px;height:16px;color:#1D1D1D}.sidebar__container .sidebar__hide-menu-text{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1D1D1D}';const n="active";const d="active-section";const c=".sidebar__nav-item";const l=class{constructor(t){e(this,t);this.ifxSidebarCollapseChange=i(this,"ifxSidebarCollapseChange",7);this.applicationName="";this.initialCollapse=true;this.showFooter=true;this.showHeader=true;this.termsOfUse="#";this.imprint="#";this.privacyPolicy="#";this.target="_blank";this.currentYear=(new Date).getFullYear();this.copyrightText="© 1999 - "+this.currentYear+" Infineon Technologies AG";this.internalTermsofUse="";this.internalImprint="";this.internalPrivacyPolicy="";this.internalShowFooter=true;this.activeItem=null;this.collapsible=false;this.collapsed=false;this.hideMenuLabel="Hide Menu";this.isCollapsed=false;this.handleHideMenuClick=()=>{this.toggleCollapse()};this.handleHideMenuKeyDown=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();this.toggleCollapse()}}}expandActiveItems(){const e=async i=>{if(await i.isItemExpandable()!==true){if(i.active)return 1;return 0}let t=0;const a=this.getSidebarMenuItems(i);for(let i=0;i<a.length;i++){t=Math.max(t,await e(a[i]))}if(t>0){if(t==1){i.expandMenu(false)}else{i.expandMenu(true)}}return t?t+1:0};const i=this.getSidebarMenuItems(this.el);for(let t=0;t<i.length;t++){e(i[t])}}adjustTopBorder(){const e=this.el.children;if(!e.length)return;if(e[0].tagName==="IFX-SIDEBAR-TITLE"){e[0].shadowRoot.querySelector(".sidebar__title").classList.add("no-top-border")}if(e[0].tagName==="IFX-SIDEBAR-ITEM"&&e[0].shadowRoot.querySelector("div > a").classList.contains("header__section")){e[0].shadowRoot.querySelector("div > a").classList.add("no-top-border")}const i=this.el.querySelectorAll("ifx-sidebar-title");i.forEach((e=>{const i=e.nextElementSibling;if(i&&i.tagName==="IFX-SIDEBAR-ITEM"&&i.shadowRoot.querySelector("div > a").classList.contains("header__section")){i.shadowRoot.querySelector("div > a").classList.add("no-top-border")}}))}async addPaddingToTheLastItem(e){const i=this.getSidebarMenuItems(e);for(let e=0;e<i.length;e++){const t=i[e];const a=this.getNavItem(t.shadowRoot);const s=await t.isItemExpandable();if(s){this.addPaddingToTheLastItem(t)}if(e===i.length-1){this.handleClassList(a,"add","extra-padding__bottom")}}}async adjustItemsPadding(){const e=this.el.children;if(e.length===0)return;if(e[0].tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){const i=e[0].isItemExpandable();if(i){this.addPaddingToTheLastItem(e[0])}}for(let i=1;i<e.length;i++){const t=e[i];const a=e[i-1];const s=this.getNavItem(a.shadowRoot);if(t.tagName.toUpperCase()==="IFX-SIDEBAR-TITLE"){if(a.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&s&&!this.handleClassList(s,"contains","header__section")){this.handleClassList(s,"add","extra-padding__bottom")}}else if(t.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){const e=this.getNavItem(t.shadowRoot);if(a.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&s&&!this.handleClassList(s,"contains","header__section")&&this.handleClassList(e,"contains","header__section")){this.handleClassList(s,"add","extra-padding__bottom")}const i=await t.isItemExpandable();if(i){this.addPaddingToTheLastItem(t)}}}}async componentDidLoad(){const e=s();r("ifx-sidebar",await e);this.adjustTopBorder();this.setInitialActiveItem();if(!this.initialCollapse){this.expandActiveItems()}this.adjustItemsPadding();this.applyActiveSectionToParent(this.el);if(this.isCollapsed){this.updateCollapsedState()}}getSidebarMenuItems(e=this.el){var i;const t=e.querySelectorAll("ifx-sidebar-item");if(t.length===0){return(i=e.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll("ifx-sidebar-item")}return t}setInitialActiveItem(){const e=i=>{const t=this.getSidebarMenuItems(i);let a=false;t===null||t===void 0?void 0:t.forEach((i=>{if(this.isActive(i)&&!a){a=true;this.handleBorderIndicatorDisplacement(i)}else if(this.isActive(i)&&a){i.setAttribute("active","false")}if(this.hasChildren(i.shadowRoot)&&!this.hasActiveChild(i.shadowRoot)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)&&this.isOpen(i.shadowRoot)&&this.containsActiveSection(i)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)){e(i.shadowRoot)}}))};const i=this.getSidebarMenuItems(this.el);i.forEach(e)}handleClassList(e,i,t){e.classList[i](t);if(i==="contains"){return e.classList.contains(t)}}getActiveItemSection(e){return this.getNavItem(e.shadowRoot)}getNavItem(e){return e===null||e===void 0?void 0:e.querySelector(".sidebar__nav-item")}hasChildren(e){return(e===null||e===void 0?void 0:e.querySelector(".item__arrow-wrapper"))!==null?true:false}handleBorderIndicatorDisplacement(e){const i=t=>{const a=this.isActive(t)||t===e;if(a){const e=this.getActiveItemSection(t);const i=this.hasChildren(e);if(i){this.handleClassList(e,"add","active-section")}}const s=this.getSidebarMenuItems(t);s.forEach(i)};const t=this.getSidebarMenuItems(this.el);t.forEach(i)}removeActiveClassesRecursively(){const e=i=>{const t=this.querySidebarItems(i);t.forEach((i=>{const t=i.shadowRoot.querySelector(c);t.classList.remove(d);t.classList.remove(n);if(i.getAttribute("active")){i.setAttribute("active","false")}e(i.shadowRoot)}))};e(this.el);if(this.activeItem){this.activeItem.setAttribute("active","false")}this.activeItem=null}hasActiveChild(e){const i=this.getSidebarMenuItems(e);if(i){for(let e of i){if(this.isActive(e)){return true}else if(this.hasChildren(e.shadowRoot)){if(this.hasActiveChild(e.shadowRoot)){return true}}}}return false}handleSidebarItemInteraction(e){const i=e.detail;if(!this.hasChildren(i.shadowRoot)||this.hasActiveChild(i.shadowRoot)){this.handleBorderIndicatorDisplacement(i)}if(this.hasChildren(i.shadowRoot)&&!this.hasActiveChild(i.shadowRoot)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)&&this.isOpen(i.shadowRoot)&&this.containsActiveSection(i)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}}isOpen(e){return this.getNavItem(e).classList.contains("open")?true:false}containsActiveSection(e){const i=this.getSidebarMenuItems(e);for(let e of i){if(this.getNavItem(e.shadowRoot).classList.contains("active-section")||this.hasChildren(e.shadowRoot)&&this.containsActiveSection(e.shadowRoot)){this.handleClassList(e,"add","active-section");return true}}return false}applyActiveSectionToParent(e){const i=this.getSidebarMenuItems(e);i===null||i===void 0?void 0:i.forEach((e=>{if(this.hasActiveChild(e.shadowRoot)){const i=this.getActiveItemSection(e);this.handleClassList(i,"add","active-section")}this.applyActiveSectionToParent(e.shadowRoot)}))}querySidebarItems(e){return e.querySelectorAll("ifx-sidebar-item")}isActive(e){const i=e.getAttribute("active");const t=i==="true";return t}handleSidebarItemActivated(e){this.removeActiveClassesRecursively();this.activeItem=e.detail;this.activeItem.setAttribute("active","true");const i=this.getNavItem(e.detail.parentElement.parentElement.parentElement);if(i){this.handleClassList(i,"add","active-section")}}componentWillLoad(){this.internalTermsofUse=this.termsOfUse.trim();this.internalPrivacyPolicy=this.privacyPolicy.trim();this.internalImprint=this.imprint.trim();this.internalShowFooter=this.showFooter;if(this.internalShowFooter&&!this.internalImprint&&!this.internalPrivacyPolicy&&!this.internalTermsofUse&&!this.copyrightText){this.internalShowFooter=false}this.isCollapsed=Boolean(this.collapsed)}handleCollapsibleChange(e){this.forceUpdate()}forceUpdate(){var e,i;((i=(e=this.el).forceUpdate)===null||i===void 0?void 0:i.call(e))||this.el.setAttribute("data-force-update",Date.now().toString())}async toggleCollapse(){this.isCollapsed=!this.isCollapsed;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}async collapse(){this.isCollapsed=true;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}async expand(){this.isCollapsed=false;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}handleCollapsedPropChange(e){this.isCollapsed=e;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}updateCollapsedState(){if(this.isCollapsed){this.el.style.setProperty("--ifx-sidebar-item-text-display","none");this.el.style.setProperty("--ifx-sidebar-item-without-icon-display","none");this.el.style.setProperty("--ifx-sidebar-title-display","none");this.el.style.setProperty("--ifx-sidebar-title-show-in-collapsed-display","block");this.el.style.setProperty("--ifx-sidebar-title-label-display","none");this.el.style.setProperty("--ifx-sidebar-title-padding","0");this.el.style.setProperty("--ifx-sidebar-item-flex-direction","column");this.setSidebarItemAttributes(true)}else{this.el.style.removeProperty("--ifx-sidebar-item-text-display");this.el.style.removeProperty("--ifx-sidebar-item-without-icon-display");this.el.style.removeProperty("--ifx-sidebar-title-display");this.el.style.removeProperty("--ifx-sidebar-title-show-in-collapsed-display");this.el.style.removeProperty("--ifx-sidebar-title-label-display");this.el.style.removeProperty("--ifx-sidebar-title-padding");this.el.style.removeProperty("--ifx-sidebar-item-flex-direction");this.setSidebarItemAttributes(false)}}setSidebarItemAttributes(e){const i=this.el.querySelectorAll("ifx-sidebar-item");i.forEach((i=>{if(e){i.setAttribute("data-sidebar-collapsed","true");if(!i.icon){i.setAttribute("data-hide-in-collapsed","true")}}else{i.removeAttribute("data-sidebar-collapsed");i.removeAttribute("data-hide-in-collapsed")}}))}render(){return t("div",{key:"8fbfe43e9a62da8befd2e3008691ed98bda33d37","aria-label":"a navigation sidebar","aria-value":this.applicationName,class:`sidebar__container ${this.isCollapsed?"sidebar__container--collapsed":""}`},t("div",{key:"10e04e31714bde50cb060b97c428400c9293652b",class:"sidebar__top-container"},this.showHeader&&t("div",{key:"773af68e121de2717fb46e45eab7b414ac91cd81",class:"sidebar__nav-bar"},t("div",{key:"9bec592b7d3be7ec58d3900f2ccab5fe2f914857",class:"sidebar__nav-bar-logo"},t("div",{key:"9d1b18f8fbebb8b94784617df190fee4596db749",class:"sidebar__nav-bar-logo-img"},t("svg",{key:"2751b01e4414fa931d94c84aa095903c16c395fb",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"70c2f75f3016cd27d56ad12c8840436ca6ab2f23","clip-path":"url(#clip0_2396_2480)"},t("path",{key:"26afb2743d6032a5d61998fa00219ad06a06b563",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"}),t("path",{key:"fe357a14caa56efa8ffd6a6afdca04746a07f4fc",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"})),t("defs",{key:"17c317ff7ce0d8c48906548c87b350041fbfe3a4"},t("clipPath",{key:"809ed244a8e56fc80c1e7425f2dad45d13c3ab9a",id:"clip0_2396_2480"},t("rect",{key:"e074aff4f86779b4e16a4954fa76e7357046ea8f",width:"91",height:"40",fill:"white"})))),"              "),t("div",{key:"a5177adc19bd8c73737b5dc98eb94dace52bca16",class:"sidebar__nav-bar-logo-text"},this.applicationName))),this.collapsible&&t("div",{key:"d05315905f319cb5e1fe3ace9384066b913bdbe5",class:"sidebar__hide-menu",onClick:this.handleHideMenuClick,onKeyDown:this.handleHideMenuKeyDown,tabIndex:0,role:"button","aria-label":this.isCollapsed?"Expand sidebar":"Collapse sidebar"},t("div",{key:"4637199a4e92c833f9dfe04fcbc38030385dbc61",class:"sidebar__hide-menu-icon"},t("ifx-icon",{key:"aca4f239f5e1acf2d0d47ee142099b423d8b7da7",icon:"menu-16"})),t("div",{key:"6539255925562673128ebda627a054aa1b746a56",class:"sidebar__hide-menu-text"},this.hideMenuLabel)),t("div",{key:"2d4eeecc6a1dc1f2703825cc19d1347ecdd3e12a",class:"sidebar__nav-container"},t("slot",{key:"788162537310dfdf2966784dcc7f663cd0b56d45"}))),this.internalShowFooter&&t("div",{key:"b0de4cf4abc848b19eb6fc07559e622696fc8ac4",class:"sidebar__footer-container"},t("div",{key:"862f7ab81fb8ecc50745da245d087babddd3ffc9",class:"sidebar__footer-wrapper"},(this.internalTermsofUse||this.internalImprint||this.internalPrivacyPolicy)&&t("div",{key:"1635d163ca39991f7ef6244cf95f9d212103023f",class:"sidebar__footer-wrapper-top-links"},this.internalTermsofUse!==""&&t("a",{key:"2416cb8fcb637c1dfeb430d6bb82c3da82ca3334",target:this.target,href:this.internalTermsofUse},"Terms of use"),this.internalImprint!==""&&t("a",{key:"7e243b2e662718a7807f1a05569703bbebf0cfcb",target:this.target,href:this.internalImprint},"Imprint"),this.internalPrivacyPolicy!==""&&t("a",{key:"bf800a96619bb67c465bf301459681e836acf577",target:this.target,href:this.internalPrivacyPolicy},"Privacy policy")),this.copyrightText&&t("div",{key:"ba0d9840aa7cff53409fe1dd552d7b1d13c439eb",class:"sidebar__footer-wrapper-bottom-links"},t("span",{key:"f7895904a893635e6726518a6aa3eaca19f413ac"},this.copyrightText)))))}get el(){return a(this)}static get watchers(){return{collapsible:["handleCollapsibleChange"],collapsed:["handleCollapsedPropChange"]}}};l.style=o;export{l as ifx_sidebar};
-//# sourceMappingURL=p-380368ca.entry.js.map
+import{r as e,c as i,h as t,a}from"./p-PqnYwNKt.js";import{d as s,t as r}from"./p-DcmcuUOA.js";const o=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{height:100%;display:inline-flex}.sidebar__container{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:flex-start;padding:0px;background-color:#FFFFFF;border-right:1px solid #EEEDED;width:264px;height:100%;font-family:var(--ifx-font-family)}.sidebar__container--collapsed{width:48px}.sidebar__container--collapsed .sidebar__hide-menu,.sidebar__container--collapsed .sidebar__nav-bar,.sidebar__container--collapsed .sidebar__nav-container{padding:12px 8px !important}.sidebar__container--collapsed .sidebar__nav-bar-logo-text,.sidebar__container--collapsed .sidebar__hide-menu-text{display:none !important}.sidebar__container--collapsed .sidebar__footer-container{display:none !important}.sidebar__container--collapsed .sidebar__nav-bar .sidebar__nav-bar-logo svg{width:32px !important;height:auto !important}.sidebar__container--collapsed .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{display:none !important}.sidebar__container--collapsed .sidebar__hide-menu{padding:12px 16px;justify-content:center}.sidebar__container .sidebar__top-container{display:flex;flex-direction:column;align-items:center;padding:0px;flex:1 1 auto;order:0;z-index:0;width:100%;overflow-y:auto}.sidebar__container .sidebar__top-container .sidebar__nav-bar{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;background-color:#FFFFFF;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img svg{width:91px;height:40px}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{font-style:normal;font-weight:600;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__top-container .sidebar__nav-container{scrollbar-gutter:stable;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;flex:1 1 auto;order:1;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-container ::slotted(*){width:100%}.sidebar__container .sidebar__footer-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0px 32px;flex:none;order:1;align-self:stretch;flex-grow:1;z-index:1}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0px;gap:16px;border-top:1px solid #EEEDED;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links{display:flex;align-items:flex-start;padding:0px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;flex-wrap:wrap}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a{font:400 0.875rem/1.25rem "Source Sans 3";display:flex;text-decoration:none;align-items:center;color:#1D1D1D;flex:none;flex-grow:0}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:hover{color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:focus{outline:none;color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links{display:flex;flex-direction:column;align-items:center}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span{font:400 0.875rem/1.25rem "Source Sans 3";text-decoration:none;color:#575352;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span:hover{cursor:initial}.sidebar__container .sidebar__hide-menu{display:flex;align-items:center;padding:12px 32px;box-sizing:border-box;width:100%;cursor:pointer;border-top:1px solid #EEEDED;border-bottom:1px solid #EEEDED;background-color:#FFFFFF;gap:16px}.sidebar__container .sidebar__hide-menu:hover{background-color:#F7F7F7}.sidebar__container .sidebar__hide-menu:focus{outline:2px solid #0A8276;outline-offset:-2px}.sidebar__container .sidebar__hide-menu-icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.sidebar__container .sidebar__hide-menu-icon ifx-icon{width:16px;height:16px;color:#1D1D1D}.sidebar__container .sidebar__hide-menu-text{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1D1D1D}';const n="active";const d="active-section";const c=".sidebar__nav-item";const l=class{constructor(t){e(this,t);this.ifxSidebarCollapseChange=i(this,"ifxSidebarCollapseChange",7);this.applicationName="";this.initialCollapse=true;this.showFooter=true;this.showHeader=true;this.termsOfUse="#";this.imprint="#";this.privacyPolicy="#";this.target="_blank";this.currentYear=(new Date).getFullYear();this.copyrightText="© 1999 - "+this.currentYear+" Infineon Technologies AG";this.internalTermsofUse="";this.internalImprint="";this.internalPrivacyPolicy="";this.internalShowFooter=true;this.activeItem=null;this.collapsible=false;this.collapsed=false;this.hideMenuLabel="Hide Menu";this.isCollapsed=false;this.handleHideMenuClick=()=>{this.toggleCollapse()};this.handleHideMenuKeyDown=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();this.toggleCollapse()}}}expandActiveItems(){const e=async i=>{if(await i.isItemExpandable()!==true){if(i.active)return 1;return 0}let t=0;const a=this.getSidebarMenuItems(i);for(let i=0;i<a.length;i++){t=Math.max(t,await e(a[i]))}if(t>0){if(t==1){i.expandMenu(false)}else{i.expandMenu(true)}}return t?t+1:0};const i=this.getSidebarMenuItems(this.el);for(let t=0;t<i.length;t++){e(i[t])}}adjustTopBorder(){const e=this.el.children;if(!e.length)return;if(e[0].tagName==="IFX-SIDEBAR-TITLE"){e[0].shadowRoot.querySelector(".sidebar__title").classList.add("no-top-border")}if(e[0].tagName==="IFX-SIDEBAR-ITEM"&&e[0].shadowRoot.querySelector("div > a").classList.contains("header__section")){e[0].shadowRoot.querySelector("div > a").classList.add("no-top-border")}const i=this.el.querySelectorAll("ifx-sidebar-title");i.forEach((e=>{const i=e.nextElementSibling;if(i&&i.tagName==="IFX-SIDEBAR-ITEM"&&i.shadowRoot.querySelector("div > a").classList.contains("header__section")){i.shadowRoot.querySelector("div > a").classList.add("no-top-border")}}))}async addPaddingToTheLastItem(e){const i=this.getSidebarMenuItems(e);for(let e=0;e<i.length;e++){const t=i[e];const a=this.getNavItem(t.shadowRoot);const s=await t.isItemExpandable();if(s){this.addPaddingToTheLastItem(t)}if(e===i.length-1){this.handleClassList(a,"add","extra-padding__bottom")}}}async adjustItemsPadding(){const e=this.el.children;if(e.length===0)return;if(e[0].tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){const i=e[0].isItemExpandable();if(i){this.addPaddingToTheLastItem(e[0])}}for(let i=1;i<e.length;i++){const t=e[i];const a=e[i-1];const s=this.getNavItem(a.shadowRoot);if(t.tagName.toUpperCase()==="IFX-SIDEBAR-TITLE"){if(a.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&s&&!this.handleClassList(s,"contains","header__section")){this.handleClassList(s,"add","extra-padding__bottom")}}else if(t.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){const e=this.getNavItem(t.shadowRoot);if(a.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&s&&!this.handleClassList(s,"contains","header__section")&&this.handleClassList(e,"contains","header__section")){this.handleClassList(s,"add","extra-padding__bottom")}const i=await t.isItemExpandable();if(i){this.addPaddingToTheLastItem(t)}}}}async componentDidLoad(){const e=s();r("ifx-sidebar",await e);this.adjustTopBorder();this.setInitialActiveItem();if(!this.initialCollapse){this.expandActiveItems()}this.adjustItemsPadding();this.applyActiveSectionToParent(this.el);if(this.isCollapsed){this.updateCollapsedState()}}getSidebarMenuItems(e=this.el){var i;const t=e.querySelectorAll("ifx-sidebar-item");if(t.length===0){return(i=e.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll("ifx-sidebar-item")}return t}setInitialActiveItem(){const e=i=>{const t=this.getSidebarMenuItems(i);let a=false;t===null||t===void 0?void 0:t.forEach((i=>{if(this.isActive(i)&&!a){a=true;this.handleBorderIndicatorDisplacement(i)}else if(this.isActive(i)&&a){i.setAttribute("active","false")}if(this.hasChildren(i.shadowRoot)&&!this.hasActiveChild(i.shadowRoot)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)&&this.isOpen(i.shadowRoot)&&this.containsActiveSection(i)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)){e(i.shadowRoot)}}))};const i=this.getSidebarMenuItems(this.el);i.forEach(e)}handleClassList(e,i,t){e.classList[i](t);if(i==="contains"){return e.classList.contains(t)}}getActiveItemSection(e){return this.getNavItem(e.shadowRoot)}getNavItem(e){return e===null||e===void 0?void 0:e.querySelector(".sidebar__nav-item")}hasChildren(e){return(e===null||e===void 0?void 0:e.querySelector(".item__arrow-wrapper"))!==null?true:false}handleBorderIndicatorDisplacement(e){const i=t=>{const a=this.isActive(t)||t===e;if(a){const e=this.getActiveItemSection(t);const i=this.hasChildren(e);if(i){this.handleClassList(e,"add","active-section")}}const s=this.getSidebarMenuItems(t);s.forEach(i)};const t=this.getSidebarMenuItems(this.el);t.forEach(i)}removeActiveClassesRecursively(){const e=i=>{const t=this.querySidebarItems(i);t.forEach((i=>{const t=i.shadowRoot.querySelector(c);t.classList.remove(d);t.classList.remove(n);if(i.getAttribute("active")){i.setAttribute("active","false")}e(i.shadowRoot)}))};e(this.el);if(this.activeItem){this.activeItem.setAttribute("active","false")}this.activeItem=null}hasActiveChild(e){const i=this.getSidebarMenuItems(e);if(i){for(let e of i){if(this.isActive(e)){return true}else if(this.hasChildren(e.shadowRoot)){if(this.hasActiveChild(e.shadowRoot)){return true}}}}return false}handleSidebarItemInteraction(e){const i=e.detail;if(!this.hasChildren(i.shadowRoot)||this.hasActiveChild(i.shadowRoot)){this.handleBorderIndicatorDisplacement(i)}if(this.hasChildren(i.shadowRoot)&&!this.hasActiveChild(i.shadowRoot)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)&&this.isOpen(i.shadowRoot)&&this.containsActiveSection(i)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}}isOpen(e){return this.getNavItem(e).classList.contains("open")?true:false}containsActiveSection(e){const i=this.getSidebarMenuItems(e);for(let e of i){if(this.getNavItem(e.shadowRoot).classList.contains("active-section")||this.hasChildren(e.shadowRoot)&&this.containsActiveSection(e.shadowRoot)){this.handleClassList(e,"add","active-section");return true}}return false}applyActiveSectionToParent(e){const i=this.getSidebarMenuItems(e);i===null||i===void 0?void 0:i.forEach((e=>{if(this.hasActiveChild(e.shadowRoot)){const i=this.getActiveItemSection(e);this.handleClassList(i,"add","active-section")}this.applyActiveSectionToParent(e.shadowRoot)}))}querySidebarItems(e){return e.querySelectorAll("ifx-sidebar-item")}isActive(e){const i=e.getAttribute("active");const t=i==="true";return t}handleSidebarItemActivated(e){this.removeActiveClassesRecursively();this.activeItem=e.detail;this.activeItem.setAttribute("active","true");const i=this.getNavItem(e.detail.parentElement.parentElement.parentElement);if(i){this.handleClassList(i,"add","active-section")}}componentWillLoad(){this.internalTermsofUse=this.termsOfUse.trim();this.internalPrivacyPolicy=this.privacyPolicy.trim();this.internalImprint=this.imprint.trim();this.internalShowFooter=this.showFooter;if(this.internalShowFooter&&!this.internalImprint&&!this.internalPrivacyPolicy&&!this.internalTermsofUse&&!this.copyrightText){this.internalShowFooter=false}this.isCollapsed=Boolean(this.collapsed)}handleCollapsibleChange(e){this.forceUpdate()}forceUpdate(){var e,i;((i=(e=this.el).forceUpdate)===null||i===void 0?void 0:i.call(e))||this.el.setAttribute("data-force-update",Date.now().toString())}async toggleCollapse(){this.isCollapsed=!this.isCollapsed;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}async collapse(){this.isCollapsed=true;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}async expand(){this.isCollapsed=false;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}handleCollapsedPropChange(e){this.isCollapsed=e;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}updateCollapsedState(){if(this.isCollapsed){this.el.style.setProperty("--ifx-sidebar-item-text-display","none");this.el.style.setProperty("--ifx-sidebar-item-without-icon-display","none");this.el.style.setProperty("--ifx-sidebar-title-display","none");this.el.style.setProperty("--ifx-sidebar-title-show-in-collapsed-display","block");this.el.style.setProperty("--ifx-sidebar-title-label-display","none");this.el.style.setProperty("--ifx-sidebar-title-padding","0");this.el.style.setProperty("--ifx-sidebar-item-flex-direction","column");this.setSidebarItemAttributes(true)}else{this.el.style.removeProperty("--ifx-sidebar-item-text-display");this.el.style.removeProperty("--ifx-sidebar-item-without-icon-display");this.el.style.removeProperty("--ifx-sidebar-title-display");this.el.style.removeProperty("--ifx-sidebar-title-show-in-collapsed-display");this.el.style.removeProperty("--ifx-sidebar-title-label-display");this.el.style.removeProperty("--ifx-sidebar-title-padding");this.el.style.removeProperty("--ifx-sidebar-item-flex-direction");this.setSidebarItemAttributes(false)}}setSidebarItemAttributes(e){const i=this.el.querySelectorAll("ifx-sidebar-item");i.forEach((i=>{if(e){i.setAttribute("data-sidebar-collapsed","true");if(!i.icon){i.setAttribute("data-hide-in-collapsed","true")}}else{i.removeAttribute("data-sidebar-collapsed");i.removeAttribute("data-hide-in-collapsed")}}))}render(){return t("div",{key:"c325673a88c76259d80d62d37de8776f39ab8cb2","aria-label":"a navigation sidebar","aria-value":this.applicationName,class:`sidebar__container ${this.isCollapsed?"sidebar__container--collapsed":""}`},t("div",{key:"58fd2200f4b30b742a653bcf59439d67d7ab7f5f",class:"sidebar__top-container"},this.showHeader&&t("div",{key:"8d9e79a5d7536ea1429e48209fda6e376b7e4ae7",class:"sidebar__nav-bar"},t("div",{key:"43b3495c30713c7e454c039fa5c7cc473efbbea9",class:"sidebar__nav-bar-logo"},t("div",{key:"c80790be460d4c71f73e675e4451ce0c2fbc54f8",class:"sidebar__nav-bar-logo-img"},t("svg",{key:"256668d43c72a129a454270f61a3ca9f2e3ec35d",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"06f4c94c3f33e7acac0b3034e8ece781cfb1f198","clip-path":"url(#clip0_2396_2480)"},t("path",{key:"ebeb5c27f8400a26afb5f3ae7d4f64a4a5437f84",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"}),t("path",{key:"bf4145fb40914ddfb2dde766f75384b3b28303e2",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"})),t("defs",{key:"8cda16287b921b4e3bc522a025681103b03bd0b8"},t("clipPath",{key:"dd1ff941ab481d7ec4312aae7c8f7339dc49d64a",id:"clip0_2396_2480"},t("rect",{key:"c04ec7cc5a72f3d6209e7ba643389b17ee82e07a",width:"91",height:"40",fill:"white"})))),"              "),t("div",{key:"10a26274d826a32b0fd608b9ae4443caca1bb610",class:"sidebar__nav-bar-logo-text"},this.applicationName))),this.collapsible&&t("div",{key:"a1b3c6837f218deda44bd1aed3a322e244cc2fad",class:"sidebar__hide-menu",onClick:this.handleHideMenuClick,onKeyDown:this.handleHideMenuKeyDown,tabIndex:0,role:"button","aria-label":this.isCollapsed?"Expand sidebar":"Collapse sidebar"},t("div",{key:"8498a310904463bf4efe2674e142d945229e8438",class:"sidebar__hide-menu-icon"},t("ifx-icon",{key:"c31301f48190df20c731cc8b0458175b31dda650",icon:"menu-16"})),t("div",{key:"f6f6484c09bded50628d143136dc68eedded3494",class:"sidebar__hide-menu-text"},this.hideMenuLabel)),t("div",{key:"36745832a9c9df75955076727283ec9162ded14b",class:"sidebar__nav-container"},t("slot",{key:"f1e28423d4d72ebb4a3f080c0dab01efdec074cd"}))),this.internalShowFooter&&t("div",{key:"708f9226386aa04da423e2dddb864a3b3fb4353b",class:"sidebar__footer-container"},t("div",{key:"e3dbab8b5924a26c87a1b74fa4c18c8f807f2dcc",class:"sidebar__footer-wrapper"},(this.internalTermsofUse||this.internalImprint||this.internalPrivacyPolicy)&&t("div",{key:"9b9d957fd115c22ef49e6215929ebdf9249fb4ba",class:"sidebar__footer-wrapper-top-links"},this.internalTermsofUse!==""&&t("a",{key:"5be02cb363b34ecf29e251bdc724dfa35e80bfbd",target:this.target,href:this.internalTermsofUse},"Terms of use"),this.internalImprint!==""&&t("a",{key:"a810a34475ce7c8683f9dcf95f84ed23ab9d63b6",target:this.target,href:this.internalImprint},"Imprint"),this.internalPrivacyPolicy!==""&&t("a",{key:"e05fd0fbd276d844c7706ce93109a276d00203e2",target:this.target,href:this.internalPrivacyPolicy},"Privacy policy")),this.copyrightText&&t("div",{key:"d386a66db67d838868c8ee93b6f39f39542d3e70",class:"sidebar__footer-wrapper-bottom-links"},t("span",{key:"4e1367d8e93670b6a2e46b78bade3dfc6ae7ce0f"},this.copyrightText)))))}get el(){return a(this)}static get watchers(){return{collapsible:["handleCollapsibleChange"],collapsed:["handleCollapsedPropChange"]}}};l.style=o;export{l as ifx_sidebar};
+//# sourceMappingURL=p-57f89e06.entry.js.map

package/dist/infineon-design-system-stencil/p-57f89e06.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["sidebarCss","ACTIVE","ACTIVE_SECTION","SIDEBAR_ITEM","Sidebar","constructor","hostRef","this","applicationName","initialCollapse","showFooter","showHeader","termsOfUse","imprint","privacyPolicy","target","currentYear","Date","getFullYear","copyrightText","internalTermsofUse","internalImprint","internalPrivacyPolicy","internalShowFooter","activeItem","collapsible","collapsed","hideMenuLabel","isCollapsed","handleHideMenuClick","toggleCollapse","handleHideMenuKeyDown","event","key","preventDefault","expandActiveItems","expandRecursively","async","parent","isItemExpandable","active","currRes","children","getSidebarMenuItems","i","length","Math","max","expandMenu","topLevelItems","el","adjustTopBorder","tagName","shadowRoot","querySelector","classList","add","contains","allIfxTitles","querySelectorAll","forEach","element","nextSibling","nextElementSibling","addPaddingToTheLastItem","sidebarItem","sidebarChildItems","childItem","childNavItem","getNavItem","isChildItemExpandable","handleClassList","adjustItemsPadding","sidebarItems","toUpperCase","isFirstSidebarItemExpandable","previousSidebarItem","previousSidebarNavItem","sidebarNavItem","isSidebarItemExpandable","componentDidLoad","framework","detectFramework","trackComponent","setInitialActiveItem","applyActiveSectionToParent","updateCollapsedState","_a","handleItem","firstActiveFoundInGroup","item","isActive","handleBorderIndicatorDisplacement","setAttribute","hasChildren","hasActiveChild","clickedItemSection","getActiveItemSection","isOpen","containsActiveSection","type","className","clickedItem","activeMenuItemSection","isMenu","removeActiveClassesRecursively","removeClasses","root","querySidebarItems","child","remove","getAttribute","menuItem","handleSidebarItemInteraction","detail","subMenus","menu","menuItemSection","iteratedComponent","activeAttributeValue","handleSidebarItemActivated","parentElement","componentWillLoad","trim","Boolean","handleCollapsibleChange","_newValue","forceUpdate","_b","call","now","toString","ifxSidebarCollapseChange","emit","collapse","expand","handleCollapsedPropChange","newValue","style","setProperty","setSidebarItemAttributes","removeProperty","allSidebarItems","icon","removeAttribute","render","h","class","width","height","viewBox","fill","xmlns","d","id","onClick","onKeyDown","tabIndex","role","href"],"sources":["src/components/navigation/sidebar/sidebar.scss?tag=ifx-sidebar&encapsulation=shadow","src/components/navigation/sidebar/sidebar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n:host {\r\n height: 100%;\r\n display: inline-flex;\r\n}\r\n\r\n.sidebar__container {\r\n box-sizing: border-box;\r\n display: inline-flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 0px;\r\n background-color: tokens.$ifxColorBaseWhite;\r\n border-right: 1px solid #EEEDED;\r\n width: 264px;\r\n height: 100%;\r\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n &--collapsed {\r\n width: tokens.$ifxSize600;\r\n\r\n .sidebar__hide-menu,\r\n .sidebar__nav-bar,\r\n .sidebar__nav-container {\r\n padding: tokens.$ifxSpace150 tokens.$ifxSpace100 !important;\r\n }\r\n\r\n\r\n .sidebar__nav-bar-logo-text,\r\n .sidebar__hide-menu-text {\r\n display: none !important;\r\n }\r\n\r\n .sidebar__footer-container {\r\n display: none !important;\r\n }\r\n\r\n .sidebar__nav-bar {\r\n\r\n .sidebar__nav-bar-logo {\r\n svg {\r\n width: tokens.$ifxSize400 !important;\r\n height: auto !important;\r\n }\r\n\r\n .sidebar__nav-bar-logo-text {\r\n display: none !important;\r\n }\r\n }\r\n }\r\n\r\n .sidebar__hide-menu {\r\n padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n & .sidebar__top-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0px;\r\n flex: 1 1 auto;\r\n order: 0;\r\n z-index: 0;\r\n width: 100%;\r\n overflow-y: auto;\r\n\r\n //max-height: 440px;\r\n //overflow-y: auto;\r\n\r\n & .sidebar__nav-bar {\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 12px 32px;\r\n background-color: tokens.$ifxColorBaseWhite;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n width: 100%;\r\n\r\n & .sidebar__nav-bar-logo {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n padding: 0px;\r\n gap: tokens.$ifxSpace200;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n\r\n & .sidebar__nav-bar-logo-img {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0px;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n\r\n & svg {\r\n width: 91px;\r\n height: tokens.$ifxSize500;\r\n }\r\n }\r\n\r\n & .sidebar__nav-bar-logo-text {\r\n font-style: normal;\r\n font-weight: tokens.$ifxFontWeightSemibold;\r\n font-size: tokens.$ifxFontSizeM;\r\n line-height: tokens.$ifxLineHeightM;\r\n display: flex;\r\n align-items: center;\r\n color: tokens.$ifxColorBaseBlack;\r\n flex: none;\r\n order: 1;\r\n flex-grow: 0;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n overflow-wrap: anywhere;\r\n }\r\n }\r\n }\r\n\r\n & .sidebar__nav-container {\r\n scrollbar-gutter: stable;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 12px 32px;\r\n flex: 1 1 auto;\r\n order: 1;\r\n width: 100%;\r\n // overflow-y: auto;\r\n\r\n & ::slotted(*) {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n & .sidebar__footer-container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n align-items: center;\r\n padding: 0px 32px;\r\n flex: none;\r\n order: 1;\r\n align-self: stretch;\r\n flex-grow: 1;\r\n z-index: 1;\r\n\r\n & .sidebar__footer-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 24px 0px;\r\n gap: tokens.$ifxSpace200;\r\n border-top: 1px solid #EEEDED;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n width: 100%;\r\n\r\n\r\n & .sidebar__footer-wrapper-top-links {\r\n display: flex;\r\n align-items: flex-start;\r\n padding: 0px;\r\n gap: 12px;\r\n flex: none;\r\n order: 0;\r\n align-self: stretch;\r\n flex-grow: 0;\r\n flex-wrap: wrap;\r\n\r\n & a {\r\n font: tokens.$ifxBodyBody04;\r\n display: flex;\r\n text-decoration: none;\r\n align-items: center;\r\n color: tokens.$ifxColorBaseBlack;\r\n flex: none;\r\n flex-grow: 0;\r\n\r\n &:hover {\r\n color: #08665C;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n color: #08665C;\r\n }\r\n }\r\n }\r\n\r\n & .sidebar__footer-wrapper-bottom-links {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n\r\n & span {\r\n font: tokens.$ifxBodyBody04;\r\n text-decoration: none;\r\n color: tokens.$ifxColorEngineering500;\r\n flex: none;\r\n order: 1;\r\n flex-grow: 0;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n overflow-wrap: anywhere;\r\n\r\n &:hover {\r\n cursor: initial;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .sidebar__hide-menu {\r\n display: flex;\r\n align-items: center;\r\n padding: tokens.$ifxSpace150 tokens.$ifxSpace400;\r\n box-sizing: border-box;\r\n width: 100%;\r\n cursor: pointer;\r\n border-top: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\r\n border-bottom: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\r\n background-color: tokens.$ifxColorBaseWhite;\r\n gap: tokens.$ifxSpace200;\r\n\r\n &:hover {\r\n background-color: tokens.$ifxColorEngineering100;\r\n }\r\n\r\n &:focus {\r\n outline: tokens.$ifxBorderWidth25 solid tokens.$ifxColorOcean500;\r\n outline-offset: - tokens.$ifxBorderWidth25;\r\n }\r\n\r\n &-icon {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: tokens.$ifxSize300;\r\n height: tokens.$ifxSize300;\r\n flex-shrink: 0;\r\n\r\n ifx-icon {\r\n width: tokens.$ifxSize200;\r\n height: tokens.$ifxSize200;\r\n color: tokens.$ifxColorBaseBlack;\r\n }\r\n }\r\n\r\n &-text {\r\n font-style: normal;\r\n font-weight: tokens.$ifxFontWeightRegular;\r\n font-size: tokens.$ifxFontSizeM;\r\n line-height: tokens.$ifxLineHeightM;\r\n color: tokens.$ifxColorBaseBlack;\r\n }\r\n }\r\n}\r\n","import { Component, h, Element, Prop, State, Listen, Method, Watch, Event, EventEmitter } from '@stencil/core';\r\nimport { trackComponent } from '../../../global/utils/tracking';\r\nimport { detectFramework } from '../../../global/utils/framework-detection';\r\n\r\nconst ACTIVE = 'active';\r\nconst ACTIVE_SECTION = 'active-section';\r\nconst SIDEBAR_ITEM = '.sidebar__nav-item';\r\n\r\n@Component({\r\n tag: 'ifx-sidebar',\r\n styleUrl: 'sidebar.scss',\r\n shadow: true\r\n})\r\n\r\nexport class Sidebar {\r\n @Element() el;\r\n @Prop() applicationName: string = ''\r\n @Prop() initialCollapse: boolean = true\r\n @Prop() showFooter: boolean = true\r\n @Prop() showHeader: boolean = true;\r\n @Prop() termsOfUse: string = \"#\"\r\n @Prop() imprint: string = \"#\"\r\n @Prop() privacyPolicy: string = \"#\"\r\n @Prop() target: string = \"_blank\"\r\n @State() currentYear: number = new Date().getFullYear()\r\n @Prop() copyrightText: string = '© 1999 - ' + this.currentYear + ' Infineon Technologies AG'\r\n @State() internalTermsofUse: string = \"\"\r\n @State() internalImprint: string = \"\"\r\n @State() internalPrivacyPolicy: string = \"\"\r\n @State() internalShowFooter: boolean = true\r\n\r\n @State() activeItem: HTMLElement | null = null;\r\n @Prop() collapsible: boolean = false;\r\n @Prop() collapsed: boolean = false; // New property for initial collapsed state\r\n @Prop() hideMenuLabel: string = \"Hide Menu\"; // New property for hide menu label\r\n @State() isCollapsed: boolean = false;\r\n\r\n @Event({ bubbles: true, composed: true }) ifxSidebarCollapseChange: EventEmitter<{ collapsed: boolean }>;\r\n\r\n expandActiveItems(){\r\n const expandRecursively = async (parent) => {\r\n if(await parent.isItemExpandable() !== true){\r\n if(parent.active) return 1;\r\n return 0;\r\n }\r\n let currRes = 0;\r\n const children = this.getSidebarMenuItems(parent);\r\n for(let i = 0; i < children.length; i++){\r\n currRes = Math.max(currRes, await expandRecursively(children[i]));\r\n }\r\n if(currRes > 0){\r\n if(currRes == 1){\r\n parent.expandMenu(false);\r\n }else{\r\n parent.expandMenu(true);\r\n }\r\n }\r\n\r\n return (currRes ? currRes+1 : 0);\r\n }\r\n\r\n const topLevelItems = this.getSidebarMenuItems(this.el);\r\n for(let i = 0; i < topLevelItems.length; i++){\r\n expandRecursively(topLevelItems[i])\r\n }\r\n }\r\n\r\n adjustTopBorder() {\r\n const children = this.el.children;\r\n if(!children.length) return;\r\n if(children[0].tagName === 'IFX-SIDEBAR-TITLE'){\r\n children[0].shadowRoot.querySelector('.sidebar__title').classList.add('no-top-border')\r\n }\r\n\r\n if(children[0].tagName === 'IFX-SIDEBAR-ITEM' && children[0].shadowRoot.querySelector('div > a').classList.contains('header__section')){\r\n children[0].shadowRoot.querySelector('div > a').classList.add('no-top-border')\r\n }\r\n\r\n const allIfxTitles = this.el.querySelectorAll('ifx-sidebar-title');\r\n allIfxTitles.forEach(element => {\r\n const nextSibling = element.nextElementSibling;\r\n if(nextSibling && nextSibling.tagName === 'IFX-SIDEBAR-ITEM' && nextSibling.shadowRoot.querySelector('div > a').classList.contains('header__section')){\r\n nextSibling.shadowRoot.querySelector('div > a').classList.add('no-top-border')\r\n }\r\n });\r\n }\r\n\r\n async addPaddingToTheLastItem(sidebarItem) {\r\n const sidebarChildItems = this.getSidebarMenuItems(sidebarItem)\r\n\r\n for(let i = 0; i < sidebarChildItems.length; i++){\r\n\r\n const childItem = sidebarChildItems[i];\r\n const childNavItem = this.getNavItem(childItem.shadowRoot);\r\n const isChildItemExpandable = await childItem.isItemExpandable();\r\n\r\n if(isChildItemExpandable) {\r\n this.addPaddingToTheLastItem(childItem);\r\n }\r\n\r\n if(i === sidebarChildItems.length-1){\r\n this.handleClassList(childNavItem, 'add', 'extra-padding__bottom');\r\n }\r\n }\r\n }\r\n\r\n async adjustItemsPadding() {\r\n const sidebarItems = this.el.children;\r\n\r\n if(sidebarItems.length === 0) return;\r\n\r\n // Processing first item\r\n if(sidebarItems[0].tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM') {\r\n const isFirstSidebarItemExpandable = sidebarItems[0].isItemExpandable();\r\n if(isFirstSidebarItemExpandable) {\r\n this.addPaddingToTheLastItem(sidebarItems[0]);\r\n }\r\n }\r\n\r\n // Processing remaining items\r\n for(let i = 1; i < sidebarItems.length; i++){\r\n\r\n const sidebarItem = sidebarItems[i];\r\n const previousSidebarItem = sidebarItems[i-1];\r\n const previousSidebarNavItem = this.getNavItem(previousSidebarItem.shadowRoot);\r\n\r\n if(sidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-TITLE') {\r\n\r\n if(previousSidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM' && previousSidebarNavItem && !this.handleClassList(previousSidebarNavItem, 'contains', 'header__section')) {\r\n this.handleClassList(previousSidebarNavItem, 'add', 'extra-padding__bottom');\r\n }\r\n\r\n } else if(sidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM') {\r\n\r\n const sidebarNavItem = this.getNavItem(sidebarItem.shadowRoot);\r\n\r\n if(previousSidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM' && previousSidebarNavItem && !this.handleClassList(previousSidebarNavItem, 'contains', 'header__section') && this.handleClassList(sidebarNavItem, 'contains', 'header__section')) {\r\n this.handleClassList(previousSidebarNavItem, 'add', 'extra-padding__bottom');\r\n }\r\n\r\n const isSidebarItemExpandable = await sidebarItem.isItemExpandable();\r\n\r\n if(isSidebarItemExpandable) {\r\n this.addPaddingToTheLastItem(sidebarItem);\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n async componentDidLoad() {\r\n const framework = detectFramework();\r\n trackComponent('ifx-sidebar', await framework)\r\n this.adjustTopBorder();\r\n this.setInitialActiveItem();\r\n if(!this.initialCollapse){\r\n this.expandActiveItems();\r\n }\r\n this.adjustItemsPadding();\r\n this.applyActiveSectionToParent(this.el);\r\n\r\n if (this.isCollapsed) {\r\n this.updateCollapsedState();\r\n }\r\n }\r\n\r\n getSidebarMenuItems(el = this.el) {\r\n const sidebarItems = el.querySelectorAll('ifx-sidebar-item');\r\n if (sidebarItems.length === 0) {\r\n return el.shadowRoot?.querySelectorAll('ifx-sidebar-item');\r\n }\r\n return sidebarItems;\r\n }\r\n\r\n setInitialActiveItem() {\r\n const handleItem = (parent) => {\r\n const children = this.getSidebarMenuItems(parent);\r\n let firstActiveFoundInGroup = false;\r\n\r\n children?.forEach(item => {\r\n // If the item is active and it's the first active one in its group\r\n if (this.isActive(item) && !firstActiveFoundInGroup) {\r\n firstActiveFoundInGroup = true;\r\n this.handleBorderIndicatorDisplacement(item);\r\n }\r\n // If the item is active but it's not the first one in its group\r\n else if (this.isActive(item) && firstActiveFoundInGroup) {\r\n item.setAttribute('active', 'false'); // Set the 'active' attribute to 'false'\r\n }\r\n\r\n\r\n // If the clicked item is a menu and doesn't have any active children\r\n if (this.hasChildren(item.shadowRoot) && !this.hasActiveChild(item.shadowRoot)) {\r\n const clickedItemSection = this.getActiveItemSection(item);\r\n this.handleClassList(clickedItemSection, 'remove', 'active-section');\r\n }\r\n // If clickedItem is an opened menu and it contains another menu with 'active-section'\r\n if (this.hasChildren(item.shadowRoot) && this.isOpen(item.shadowRoot) && this.containsActiveSection(item)) {\r\n const clickedItemSection = this.getActiveItemSection(item);\r\n this.handleClassList(clickedItemSection, 'remove', 'active-section');\r\n }\r\n\r\n // Recursive call for child items\r\n if (this.hasChildren(item.shadowRoot)) {\r\n handleItem(item.shadowRoot);\r\n }\r\n });\r\n }\r\n // Start with the top-level items\r\n const topLevelItems = this.getSidebarMenuItems(this.el);\r\n topLevelItems.forEach(handleItem);\r\n }\r\n\r\n\r\n handleClassList(el, type, className) {\r\n el.classList[type](className)\r\n if (type === 'contains') {\r\n return el.classList.contains(className)\r\n }\r\n }\r\n\r\n\r\n getActiveItemSection(item) {\r\n return this.getNavItem(item.shadowRoot);\r\n }\r\n\r\n\r\n getNavItem(el) {\r\n return el?.querySelector('.sidebar__nav-item')\r\n }\r\n\r\n hasChildren(el) {\r\n return el?.querySelector('.item__arrow-wrapper') !== null ? true : false;\r\n }\r\n\r\n\r\n handleBorderIndicatorDisplacement(clickedItem) {\r\n // Recursive function to handle each item\r\n const handleItem = (item) => {\r\n // Check if current item is active or the one that was clicked\r\n const isActive = this.isActive(item) || item === clickedItem;\r\n\r\n if (isActive) {\r\n const activeMenuItemSection = this.getActiveItemSection(item);\r\n const isMenu = this.hasChildren(activeMenuItemSection);\r\n\r\n if (isMenu) {\r\n this.handleClassList(activeMenuItemSection, 'add', 'active-section');\r\n }\r\n }\r\n\r\n // Recursive call for child items\r\n const children = this.getSidebarMenuItems(item);\r\n children.forEach(handleItem);\r\n };\r\n\r\n // Start with the top-level items\r\n const topLevelItems = this.getSidebarMenuItems(this.el);\r\n topLevelItems.forEach(handleItem);\r\n }\r\n\r\n\r\n removeActiveClassesRecursively() {\r\n const removeClasses = (root) => {\r\n const children = this.querySidebarItems(root);\r\n children.forEach((child) => {\r\n const sidebarItem = child.shadowRoot.querySelector(SIDEBAR_ITEM);\r\n sidebarItem.classList.remove(ACTIVE_SECTION);\r\n sidebarItem.classList.remove(ACTIVE);\r\n if (child.getAttribute('active')) {\r\n child.setAttribute('active', 'false');\r\n }\r\n removeClasses(child.shadowRoot);\r\n });\r\n }\r\n removeClasses(this.el);\r\n if (this.activeItem) {\r\n this.activeItem.setAttribute('active', 'false');\r\n }\r\n this.activeItem = null;\r\n }\r\n\r\n hasActiveChild(menuItem) {\r\n const children = this.getSidebarMenuItems(menuItem);\r\n if (children) {\r\n for (let child of children) {\r\n // If the child item is active\r\n if (this.isActive(child)) {\r\n return true;\r\n }\r\n // If the child item has children, recurse into them\r\n else if (this.hasChildren(child.shadowRoot)) {\r\n if (this.hasActiveChild(child.shadowRoot)) {\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n\r\n @Listen('ifxSidebarMenu')\r\n handleSidebarItemInteraction(event: CustomEvent) {\r\n // This method can be used to handle the ifxSidebarMenu event\r\n // Get the element that triggered the event\r\n const clickedItem = event.detail;\r\n\r\n // If the clicked item is not a menu OR is a menu that has an active child\r\n if (!this.hasChildren(clickedItem.shadowRoot) || this.hasActiveChild(clickedItem.shadowRoot)) {\r\n this.handleBorderIndicatorDisplacement(clickedItem);\r\n }\r\n\r\n // If the clicked item is a menu and doesn't have any active children\r\n if (this.hasChildren(clickedItem.shadowRoot) && !this.hasActiveChild(clickedItem.shadowRoot)) {\r\n const clickedItemSection = this.getActiveItemSection(clickedItem);\r\n this.handleClassList(clickedItemSection, 'remove', 'active-section');\r\n }\r\n\r\n // If clickedItem is an opened menu and it contains another menu with 'active-section'\r\n if (this.hasChildren(clickedItem.shadowRoot) && this.isOpen(clickedItem.shadowRoot) && this.containsActiveSection(clickedItem)) {\r\n const clickedItemSection = this.getActiveItemSection(clickedItem);\r\n this.handleClassList(clickedItemSection, 'remove', 'active-section');\r\n }\r\n }\r\n\r\n isOpen(menuItem) {\r\n return this.getNavItem(menuItem).classList.contains('open') ? true : false;\r\n }\r\n\r\n containsActiveSection(menuItem) {\r\n const children = this.getSidebarMenuItems(menuItem);\r\n for (let child of children) {\r\n if (this.getNavItem(child.shadowRoot).classList.contains('active-section') || (this.hasChildren(child.shadowRoot) && this.containsActiveSection(child.shadowRoot))) {\r\n this.handleClassList(child, 'add', 'active-section')\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n applyActiveSectionToParent(el) {\r\n // Get all submenus of the given element\r\n const subMenus = this.getSidebarMenuItems(el);\r\n\r\n subMenus?.forEach(menu => {\r\n // If this submenu has an active child, add active-section class to it\r\n if (this.hasActiveChild(menu.shadowRoot)) {\r\n const menuItemSection = this.getActiveItemSection(menu);\r\n this.handleClassList(menuItemSection, 'add', 'active-section');\r\n }\r\n\r\n // Apply to submenu's children\r\n this.applyActiveSectionToParent(menu.shadowRoot);\r\n });\r\n }\r\n\r\n\r\n\r\n querySidebarItems(el) {\r\n return el.querySelectorAll('ifx-sidebar-item')\r\n }\r\n\r\n isActive(iteratedComponent) {\r\n const activeAttributeValue = iteratedComponent.getAttribute('active');\r\n const isActive = activeAttributeValue === 'true';\r\n return isActive;\r\n }\r\n\r\n @Listen('ifxSidebarNavigationItem')\r\n handleSidebarItemActivated(event: CustomEvent) {\r\n\r\n this.removeActiveClassesRecursively();\r\n\r\n this.activeItem = event.detail;\r\n this.activeItem.setAttribute('active', 'true');\r\n\r\n // Get the parent element of the activated item\r\n const parent = this.getNavItem(event.detail.parentElement.parentElement.parentElement);\r\n if (parent) {\r\n this.handleClassList(parent, 'add', 'active-section');\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalTermsofUse = this.termsOfUse.trim();\r\n this.internalPrivacyPolicy = this.privacyPolicy.trim();\r\n this.internalImprint = this.imprint.trim();\r\n this.internalShowFooter = this.showFooter;\r\n if(this.internalShowFooter && !this.internalImprint && !this.internalPrivacyPolicy && !this.internalTermsofUse && !this.copyrightText){\r\n this.internalShowFooter = false;\r\n }\r\n\r\n // Set initial collapsed state from prop - independent of collapsible\r\n this.isCollapsed = Boolean(this.collapsed);\r\n }\r\n\r\n @Watch('collapsible')\r\n handleCollapsibleChange(_newValue: boolean) {\r\n // Force re-render when collapsible changes\r\n this.forceUpdate();\r\n }\r\n\r\n private forceUpdate() {\r\n // Trigger a re-render\r\n this.el.forceUpdate?.() || this.el.setAttribute('data-force-update', Date.now().toString());\r\n }\r\n\r\n @Method()\r\n async toggleCollapse() {\r\n this.isCollapsed = !this.isCollapsed;\r\n this.updateCollapsedState();\r\n // Emit event after state change\r\n this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\r\n }\r\n\r\n @Method()\r\n async collapse() {\r\n this.isCollapsed = true;\r\n this.updateCollapsedState();\r\n // Emit event after state change\r\n this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\r\n }\r\n\r\n @Method()\r\n async expand() {\r\n this.isCollapsed = false;\r\n this.updateCollapsedState();\r\n // Emit event after state change\r\n this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\r\n }\r\n\r\n @Watch('collapsed')\r\n handleCollapsedPropChange(newValue: boolean) {\r\n this.isCollapsed = newValue;\r\n this.updateCollapsedState();\r\n // Emit event when prop changes\r\n this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\r\n }\r\n\r\n private updateCollapsedState() {\r\n // Set CSS custom properties to handle Shadow DOM components\r\n if (this.isCollapsed) {\r\n this.el.style.setProperty('--ifx-sidebar-item-text-display', 'none');\r\n this.el.style.setProperty('--ifx-sidebar-item-without-icon-display', 'none');\r\n this.el.style.setProperty('--ifx-sidebar-title-display', 'none');\r\n this.el.style.setProperty('--ifx-sidebar-title-show-in-collapsed-display', 'block');\r\n this.el.style.setProperty('--ifx-sidebar-title-label-display', 'none');\r\n this.el.style.setProperty('--ifx-sidebar-title-padding', '0');\r\n this.el.style.setProperty('--ifx-sidebar-item-flex-direction', 'column');\r\n\r\n // Set attributes on all sidebar items\r\n this.setSidebarItemAttributes(true);\r\n } else {\r\n this.el.style.removeProperty('--ifx-sidebar-item-text-display');\r\n this.el.style.removeProperty('--ifx-sidebar-item-without-icon-display');\r\n this.el.style.removeProperty('--ifx-sidebar-title-display');\r\n this.el.style.removeProperty('--ifx-sidebar-title-show-in-collapsed-display');\r\n this.el.style.removeProperty('--ifx-sidebar-title-label-display');\r\n this.el.style.removeProperty('--ifx-sidebar-title-padding');\r\n this.el.style.removeProperty('--ifx-sidebar-item-flex-direction');\r\n\r\n // Remove attributes from all sidebar items\r\n this.setSidebarItemAttributes(false);\r\n }\r\n }\r\n\r\nprivate setSidebarItemAttributes(collapsed: boolean) {\r\n const allSidebarItems = this.el.querySelectorAll('ifx-sidebar-item');\r\n allSidebarItems.forEach(item => {\r\n if (collapsed) {\r\n item.setAttribute('data-sidebar-collapsed', 'true');\r\n if (!item.icon) { \r\n item.setAttribute('data-hide-in-collapsed', 'true');\r\n }\r\n } else {\r\n item.removeAttribute('data-sidebar-collapsed');\r\n item.removeAttribute('data-hide-in-collapsed');\r\n }\r\n });\r\n}\r\n\r\n private handleHideMenuClick = () => {\r\n this.toggleCollapse();\r\n }\r\n\r\n private handleHideMenuKeyDown = (event: KeyboardEvent) => {\r\n if (event.key === 'Enter' || event.key === ' ') {\r\n event.preventDefault();\r\n this.toggleCollapse();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div aria-label=\"a navigation sidebar\" aria-value={this.applicationName} class={`sidebar__container ${this.isCollapsed ? 'sidebar__container--collapsed' : ''}`}>\r\n <div class='sidebar__top-container'>\r\n {\r\n this.showHeader &&\r\n <div class=\"sidebar__nav-bar\">\r\n <div class=\"sidebar__nav-bar-logo\">\r\n <div class='sidebar__nav-bar-logo-img'>\r\n <svg width=\"91\" height=\"40\" viewBox=\"0 0 91 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_2396_2480)\">\r\n <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\" />\r\n <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\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2396_2480\">\r\n <rect width=\"91\" height=\"40\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg> </div>\r\n <div class='sidebar__nav-bar-logo-text'>{this.applicationName}</div>\r\n </div>\r\n </div>\r\n }\r\n {this.collapsible && (\r\n <div\r\n class=\"sidebar__hide-menu\"\r\n onClick={this.handleHideMenuClick}\r\n onKeyDown={this.handleHideMenuKeyDown}\r\n tabIndex={0}\r\n role=\"button\"\r\n aria-label={this.isCollapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\r\n >\r\n <div class=\"sidebar__hide-menu-icon\">\r\n <ifx-icon icon=\"menu-16\"></ifx-icon>\r\n </div>\r\n <div class=\"sidebar__hide-menu-text\">{this.hideMenuLabel}</div>\r\n </div>\r\n )}\r\n <div class=\"sidebar__nav-container\">\r\n <slot />\r\n </div>\r\n </div>\r\n\r\n {\r\n this.internalShowFooter &&\r\n <div class='sidebar__footer-container'>\r\n <div class=\"sidebar__footer-wrapper\">\r\n {\r\n (this.internalTermsofUse || this.internalImprint || this.internalPrivacyPolicy) &&\r\n <div class='sidebar__footer-wrapper-top-links'>\r\n {\r\n this.internalTermsofUse !== '' && <a target={this.target} href={this.internalTermsofUse}>Terms of use</a>\r\n }\r\n {\r\n this.internalImprint !== '' && <a target={this.target} href={this.internalImprint}>Imprint</a>\r\n }\r\n {\r\n this.internalPrivacyPolicy !== '' && <a target={this.target} href={this.internalPrivacyPolicy}>Privacy policy</a>\r\n }\r\n </div>\r\n }\r\n\r\n {\r\n this.copyrightText &&\r\n <div class='sidebar__footer-wrapper-bottom-links'>\r\n <span>{this.copyrightText}</span>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-fb92000d.entry.js → p-5b7a11f2.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as s,h as c}from"./p-PqnYwNKt.js";const n="";const t=class{constructor(c){s(this,c);this.tokens="css"}render(){const s={css:"css-variables.css",scss:"scss-variables.scss"};const n=`infineon-tokens.${this.tokens}`;const t=s[this.tokens];const o=`https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/${t}`;return c("ifx-link",{key:"51887d03944efc6448ef2c71288a16754bebf12f",onClick:s=>{s.preventDefault();fetch(o).then((s=>s.blob())).then((s=>{const c=document.createElement("a");c.href=URL.createObjectURL(s);c.download=n;c.click()}))},href:o,download:n,class:"download__wrapper",size:"m",variant:"bold"},c("slot",{key:"8b4c69297dcbf44cf7182e8db89758a4f3a1f981"}))}};t.style=n;export{t as ifx_download};
-//# sourceMappingURL=p-fb92000d.entry.js.map
+import{r as s,h as c}from"./p-PqnYwNKt.js";const n="";const t=class{constructor(c){s(this,c);this.tokens="css"}render(){const s={css:"css-variables.css",scss:"scss-variables.scss"};const n=`infineon-tokens.${this.tokens}`;const t=s[this.tokens];const o=`https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/${t}`;return c("ifx-link",{key:"ac131e136730cd07388db72c9136586df6fecbdd",onClick:s=>{s.preventDefault();fetch(o).then((s=>s.blob())).then((s=>{const c=document.createElement("a");c.href=URL.createObjectURL(s);c.download=n;c.click()}))},href:o,download:n,class:"download__wrapper",size:"m",variant:"bold"},c("slot",{key:"b7c2682a2d67dc561433c8a2eea1927d3370fba9"}))}};t.style=n;export{t as ifx_download};
+//# sourceMappingURL=p-5b7a11f2.entry.js.map

package/dist/infineon-design-system-stencil/p-5b7a11f2.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["downloadCss","Download","constructor","hostRef","this","tokens","render","fileMap","css","scss","fileName","sourceFile","fileUrl","h","key","onClick","e","preventDefault","fetch","then","res","blob","link","document","createElement","href","URL","createObjectURL","download","click","class","size","variant"],"sources":["src/components/download/download.scss?tag=ifx-download&encapsulation=shadow","src/components/download/download.tsx"],"sourcesContent":[null,"import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'ifx-download',\r\n styleUrl: './download.scss',\r\n shadow: true\r\n})\r\nexport class Download {\r\n @Prop() tokens: 'css' | 'scss' = 'css';\r\n\r\n render() {\r\n const fileMap = {\r\n css: 'css-variables.css',\r\n scss: 'scss-variables.scss'\r\n };\r\n\r\n const fileName = `infineon-tokens.${this.tokens}`;\r\n const sourceFile = fileMap[this.tokens];\r\n \r\n const fileUrl = `https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/${sourceFile}`;\r\n\r\n return (\r\n <ifx-link \r\n onClick={(e) => {\r\n e.preventDefault();\r\n fetch(fileUrl)\r\n .then(res => res.blob())\r\n .then(blob => {\r\n const link = document.createElement('a');\r\n link.href = URL.createObjectURL(blob);\r\n link.download = fileName;\r\n link.click();\r\n });\r\n }}\r\n href={fileUrl}\r\n download={fileName} \r\n class=\"download__wrapper\" \r\n size=\"m\" \r\n variant=\"bold\"\r\n >\r\n <slot />\r\n </ifx-link>\r\n );\r\n }\r\n}"],"mappings":"2CAAA,MAAMA,EAAc,G,MCOPC,EAAQ,MALrB,WAAAC,CAAAC,G,UAMUC,KAAMC,OAAmB,KAoClC,CAlCC,MAAAC,GACE,MAAMC,EAAU,CACdC,IAAK,oBACLC,KAAM,uBAGR,MAAMC,EAAW,mBAAmBN,KAAKC,SACzC,MAAMM,EAAaJ,EAAQH,KAAKC,QAEhC,MAAMO,EAAU,4EAA4ED,IAE5F,OACEE,EACA,YAAAC,IAAA,2CAAAC,QAAUC,IACRA,EAAEC,iBACFC,MAAMN,GACHO,MAAKC,GAAOA,EAAIC,SAChBF,MAAKE,IACJ,MAAMC,EAAOC,SAASC,cAAc,KACpCF,EAAKG,KAAOC,IAAIC,gBAAgBN,GAChCC,EAAKM,SAAWlB,EAChBY,EAAKO,OAAO,GACZ,EAEJJ,KAAMb,EACNgB,SAAUlB,EACVoB,MAAM,oBACNC,KAAK,IACLC,QAAQ,QAERnB,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-5fb3eb8b.entry.js → p-5e2e0f37.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as t,d as n,a as o}from"./p-PqnYwNKt.js";import{d as i,t as d}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";import{c as r}from"./p-DMLRPGid.js";import"./p-B85MJLTf.js";const s=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{vertical-align:bottom;display:inline-flex;width:var(--bw, fit-content)}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0px 16px;gap:8px;color:#FFFFFF;font-weight:600;border-radius:1px;line-height:1.5rem;font-family:var(--ifx-font-family);font-style:normal;text-decoration:none;user-select:none;font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;width:var(--bw, fit-content)}.btn:not(.disabled){cursor:pointer}.btn.disabled{pointer-events:none}.btn-default{color:#FFFFFF;background-color:#0A8276}.btn-default:disabled,.btn-default.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary-default{background-color:#FFFFFF;color:#0A8276;border:1px solid #0A8276}.btn-secondary-default:disabled,.btn-secondary-default.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary-default{background-color:transparent;color:#0A8276}.btn-tertiary-default:disabled,.btn-tertiary-default.disabled{color:#BFBBBB;pointer-events:none}.btn-danger{color:#FFFFFF;background-color:#CD002F;border-color:#CD002F}.btn-danger:disabled,.btn-danger.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary-danger{background-color:#FFFFFF;color:#CD002F;border:1px solid #CD002F}.btn-secondary-danger:disabled,.btn-secondary-danger.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary-danger{background-color:transparent;color:#CD002F}.btn-tertiary-danger:disabled,.btn-tertiary-danger.disabled{background-color:#FFFFFF;color:#BFBBBB;pointer-events:none}.btn-inverse{color:#0A8276;background-color:#FFFFFF}.btn-inverse:disabled,.btn-inverse.disabled{opacity:1;background-color:#FFFFFF;color:#BFBBBB;pointer-events:none}.btn-secondary-inverse{color:#FFFFFF;border:1px solid #FFFFFF}.btn-secondary-inverse:disabled,.btn-secondary-inverse.disabled{border:1px solid #FFFFFF;color:#FFFFFF;pointer-events:none}.btn-tertiary-inverse{color:#FFFFFF}.btn-tertiary-inverse:disabled,.btn-tertiary-inverse.disabled{color:#FFFFFF;opacity:1;pointer-events:none}.btn ifx-icon:empty{display:none}.btn.btn-xs{font-size:0.875rem;height:32px;line-height:1rem}.btn.btn-s{font-size:0.875rem;height:36px;line-height:1.25rem}.btn.btn-l{font-size:1.25rem;height:48px;line-height:1.75rem}.btn.btn-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-default:not(:disabled,.disabled):hover{background-color:#08665C}.btn.btn-default:not(:disabled,.disabled):active,.btn.btn-default:not(:disabled,.disabled).active{background-color:#06534B}.btn.btn-secondary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary-default:not(:disabled,.disabled):hover{color:#FFFFFF;background-color:#08665C}.btn.btn-secondary-default:not(:disabled,.disabled):active,.btn.btn-secondary-default:not(:disabled,.disabled).active{background-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#9C216E}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#9C216E}.btn.btn-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-danger:not(:disabled,.disabled):hover{background-color:#A2001E}.btn.btn-danger:not(:disabled,.disabled):active,.btn.btn-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-secondary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary-danger:not(:disabled,.disabled):hover{color:#FFFFFF;background-color:#A2001E}.btn.btn-secondary-danger:not(:disabled,.disabled):active,.btn.btn-secondary-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-inverse:not(:disabled,.disabled):hover{background-color:#EEEDED}.btn.btn-inverse:not(:disabled,.disabled):active,.btn.btn-inverse:not(:disabled,.disabled).active{background-color:#BFBBBB}.btn.btn-secondary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-secondary-inverse:not(:disabled,.disabled):hover{color:#0A8276;background-color:#EEEDED}.btn.btn-secondary-inverse:not(:disabled,.disabled):active,.btn.btn-secondary-inverse:not(:disabled,.disabled).active{color:#0A8276;background-color:#BFBBBB}.btn.btn-tertiary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #08665C}.btn.btn-tertiary-default:not(:disabled,.disabled):hover{color:#08665C}.btn.btn-tertiary-default:not(:disabled,.disabled):active,.btn.btn-tertiary-default:not(:disabled,.disabled).active{color:#06534B}.btn.btn-tertiary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #A2001E}.btn.btn-tertiary-danger:not(:disabled,.disabled):hover{color:#A2001E}.btn.btn-tertiary-danger:not(:disabled,.disabled):active,.btn.btn-tertiary-danger:not(:disabled,.disabled).active{color:#900021}.btn.btn-tertiary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-tertiary-inverse:not(:disabled,.disabled):hover{color:#EEEDED}.btn.btn-tertiary-inverse:not(:disabled,.disabled):active,.btn.btn-tertiary-inverse:not(:disabled,.disabled).active{color:#BFBBBB}';const b=class{constructor(t){e(this,t);this.variant="primary";this.theme="default";this.size="m";this.disabled=false;this.target="_self";this.type="button";this.fullWidth=false;this.handleClick=e=>{if(this.el.shadowRoot){const t=this.el.closest("form");if(t){e.preventDefault();if(this.type==="reset"){this.resetClickHandler()}else{const e=document.createElement("button");if(this.type){e.type=this.type}e.style.display="none";t.appendChild(e);e.click();e.remove()}}}}}setInternalHref(e){this.internalHref=e}async setFocus(){this.focusableElement.focus()}insertNativeButton(){this.nativeButton=document.createElement("button");this.nativeButton.type=this.type;this.nativeButton.style.display="none";this.el.closest("form").appendChild(this.nativeButton)}handleFormAndInternalHref(){if(this.el.closest("form")){if(this.el.href){this.el.internalHref=undefined}this.insertNativeButton()}else{this.internalHref=this.href}}handleButtonWidth(){if(this.fullWidth){this.el.style.setProperty("--bw","100%")}else{this.el.style.setProperty("--bw","fit-content")}}componentWillLoad(){this.handleFormAndInternalHref()}async componentDidLoad(){if(!a(this.el)){const e=i();d("ifx-button",await e)}}componentWillRender(){this.handleButtonWidth()}resetClickHandler(){const e=this.el.closest("form");const t=e.querySelectorAll("ifx-text-field, ifx-textarea");t.forEach((e=>{e.reset()}))}handleKeyDown(e){if(e.key===" "||e.key==="Enter"&&!this.disabled){this.focusableElement.click()}}handleHostClick(e){if(this.disabled===true){e.stopImmediatePropagation()}}handleFocus(e){if(this.disabled){e.preventDefault();this.focusableElement.blur()}}render(){return t(n,{key:"c04892373b37cea4d0ea2e539c6fde9757ba4bcf"},t("a",{key:"eb107f3b40cddc93f9e642788ba25dc77e7e5169",role:this.href?"link":"button",tabIndex:this.disabled?-1:0,ref:e=>this.focusableElement=e,class:this.getClassNames(),href:!this.disabled?this.internalHref:undefined,target:this.target,onClick:this.handleClick,rel:this.target==="_blank"?"noopener noreferrer":undefined,onFocus:e=>this.handleFocus(e),"aria-disabled":this.disabled?"true":null,"aria-describedby":this.theme==="danger"?"Dangerous action":undefined,"aria-label":this.ariaLabel||undefined},t("slot",{key:"77ed12eeef09759fe4fb776e012d052c2c1b3383"})))}getVariantClass(){return`${this.variant}`==="secondary"?`secondary-${this.theme}`:`${this.variant}`==="tertiary"?`tertiary-${this.theme}`:`${this.theme}`}getSizeClass(){if(`${this.size}`==="xs"){return"xs"}else if(`${this.size}`==="s"){return"s"}else if(`${this.size}`==="l"){return"l"}else return""}getClassNames(){return r("btn",this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return o(this)}static get watchers(){return{href:["setInternalHref"]}}};b.style=s;export{b as ifx_button};
-//# sourceMappingURL=p-5fb3eb8b.entry.js.map
+import{r as e,h as t,d as n,a as o}from"./p-PqnYwNKt.js";import{d as i,t as d}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";import{c as r}from"./p-DMLRPGid.js";import"./p-B85MJLTf.js";const s=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{vertical-align:bottom;display:inline-flex;width:var(--bw, fit-content)}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0px 16px;gap:8px;color:#FFFFFF;font-weight:600;border-radius:1px;line-height:1.5rem;font-family:var(--ifx-font-family);font-style:normal;text-decoration:none;user-select:none;font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;width:var(--bw, fit-content)}.btn:not(.disabled){cursor:pointer}.btn.disabled{pointer-events:none}.btn-default{color:#FFFFFF;background-color:#0A8276}.btn-default:disabled,.btn-default.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary-default{background-color:#FFFFFF;color:#0A8276;border:1px solid #0A8276}.btn-secondary-default:disabled,.btn-secondary-default.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary-default{background-color:transparent;color:#0A8276}.btn-tertiary-default:disabled,.btn-tertiary-default.disabled{color:#BFBBBB;pointer-events:none}.btn-danger{color:#FFFFFF;background-color:#CD002F;border-color:#CD002F}.btn-danger:disabled,.btn-danger.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary-danger{background-color:#FFFFFF;color:#CD002F;border:1px solid #CD002F}.btn-secondary-danger:disabled,.btn-secondary-danger.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary-danger{background-color:transparent;color:#CD002F}.btn-tertiary-danger:disabled,.btn-tertiary-danger.disabled{background-color:#FFFFFF;color:#BFBBBB;pointer-events:none}.btn-inverse{color:#0A8276;background-color:#FFFFFF}.btn-inverse:disabled,.btn-inverse.disabled{opacity:1;background-color:#FFFFFF;color:#BFBBBB;pointer-events:none}.btn-secondary-inverse{color:#FFFFFF;border:1px solid #FFFFFF}.btn-secondary-inverse:disabled,.btn-secondary-inverse.disabled{border:1px solid #FFFFFF;color:#FFFFFF;pointer-events:none}.btn-tertiary-inverse{color:#FFFFFF}.btn-tertiary-inverse:disabled,.btn-tertiary-inverse.disabled{color:#FFFFFF;opacity:1;pointer-events:none}.btn ifx-icon:empty{display:none}.btn.btn-xs{font-size:0.875rem;height:32px;line-height:1rem}.btn.btn-s{font-size:0.875rem;height:36px;line-height:1.25rem}.btn.btn-l{font-size:1.25rem;height:48px;line-height:1.75rem}.btn.btn-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-default:not(:disabled,.disabled):hover{background-color:#08665C}.btn.btn-default:not(:disabled,.disabled):active,.btn.btn-default:not(:disabled,.disabled).active{background-color:#06534B}.btn.btn-secondary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary-default:not(:disabled,.disabled):hover{color:#FFFFFF;background-color:#08665C}.btn.btn-secondary-default:not(:disabled,.disabled):active,.btn.btn-secondary-default:not(:disabled,.disabled).active{background-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#9C216E}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#9C216E}.btn.btn-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-danger:not(:disabled,.disabled):hover{background-color:#A2001E}.btn.btn-danger:not(:disabled,.disabled):active,.btn.btn-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-secondary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary-danger:not(:disabled,.disabled):hover{color:#FFFFFF;background-color:#A2001E}.btn.btn-secondary-danger:not(:disabled,.disabled):active,.btn.btn-secondary-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-inverse:not(:disabled,.disabled):hover{background-color:#EEEDED}.btn.btn-inverse:not(:disabled,.disabled):active,.btn.btn-inverse:not(:disabled,.disabled).active{background-color:#BFBBBB}.btn.btn-secondary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-secondary-inverse:not(:disabled,.disabled):hover{color:#0A8276;background-color:#EEEDED}.btn.btn-secondary-inverse:not(:disabled,.disabled):active,.btn.btn-secondary-inverse:not(:disabled,.disabled).active{color:#0A8276;background-color:#BFBBBB}.btn.btn-tertiary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #08665C}.btn.btn-tertiary-default:not(:disabled,.disabled):hover{color:#08665C}.btn.btn-tertiary-default:not(:disabled,.disabled):active,.btn.btn-tertiary-default:not(:disabled,.disabled).active{color:#06534B}.btn.btn-tertiary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #A2001E}.btn.btn-tertiary-danger:not(:disabled,.disabled):hover{color:#A2001E}.btn.btn-tertiary-danger:not(:disabled,.disabled):active,.btn.btn-tertiary-danger:not(:disabled,.disabled).active{color:#900021}.btn.btn-tertiary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-tertiary-inverse:not(:disabled,.disabled):hover{color:#EEEDED}.btn.btn-tertiary-inverse:not(:disabled,.disabled):active,.btn.btn-tertiary-inverse:not(:disabled,.disabled).active{color:#BFBBBB}';const b=class{constructor(t){e(this,t);this.variant="primary";this.theme="default";this.size="m";this.disabled=false;this.target="_self";this.type="button";this.fullWidth=false;this.handleClick=e=>{if(this.el.shadowRoot){const t=this.el.closest("form");if(t){e.preventDefault();if(this.type==="reset"){this.resetClickHandler()}else{const e=document.createElement("button");if(this.type){e.type=this.type}e.style.display="none";t.appendChild(e);e.click();e.remove()}}}}}setInternalHref(e){this.internalHref=e}async setFocus(){this.focusableElement.focus()}insertNativeButton(){this.nativeButton=document.createElement("button");this.nativeButton.type=this.type;this.nativeButton.style.display="none";this.el.closest("form").appendChild(this.nativeButton)}handleFormAndInternalHref(){if(this.el.closest("form")){if(this.el.href){this.el.internalHref=undefined}this.insertNativeButton()}else{this.internalHref=this.href}}handleButtonWidth(){if(this.fullWidth){this.el.style.setProperty("--bw","100%")}else{this.el.style.setProperty("--bw","fit-content")}}componentWillLoad(){this.handleFormAndInternalHref()}async componentDidLoad(){if(!a(this.el)){const e=i();d("ifx-button",await e)}}componentWillRender(){this.handleButtonWidth()}resetClickHandler(){const e=this.el.closest("form");const t=e.querySelectorAll("ifx-text-field, ifx-textarea");t.forEach((e=>{e.reset()}))}handleKeyDown(e){if(e.key===" "||e.key==="Enter"&&!this.disabled){this.focusableElement.click()}}handleHostClick(e){if(this.disabled===true){e.stopImmediatePropagation()}}handleFocus(e){if(this.disabled){e.preventDefault();this.focusableElement.blur()}}render(){return t(n,{key:"a0ccc7f723475c894275ccd0ac6585165a9616a7"},t("a",{key:"e83891c14e8808caad6bb028f76072cd15397e2d",role:this.href?"link":"button",tabIndex:this.disabled?-1:0,ref:e=>this.focusableElement=e,class:this.getClassNames(),href:!this.disabled?this.internalHref:undefined,target:this.target,onClick:this.handleClick,rel:this.target==="_blank"?"noopener noreferrer":undefined,onFocus:e=>this.handleFocus(e),"aria-disabled":this.disabled?"true":null,"aria-describedby":this.theme==="danger"?"Dangerous action":undefined,"aria-label":this.ariaLabel||undefined},t("slot",{key:"5b38794f154c049ceba977ded7e4ada9854f6656"})))}getVariantClass(){return`${this.variant}`==="secondary"?`secondary-${this.theme}`:`${this.variant}`==="tertiary"?`tertiary-${this.theme}`:`${this.theme}`}getSizeClass(){if(`${this.size}`==="xs"){return"xs"}else if(`${this.size}`==="s"){return"s"}else if(`${this.size}`==="l"){return"l"}else return""}getClassNames(){return r("btn",this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return o(this)}static get watchers(){return{href:["setInternalHref"]}}};b.style=s;export{b as ifx_button};
+//# sourceMappingURL=p-5e2e0f37.entry.js.map

package/dist/infineon-design-system-stencil/p-5e2e0f37.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["buttonCss","Button","constructor","hostRef","this","variant","theme","size","disabled","target","type","fullWidth","handleClick","ev","el","shadowRoot","parentForm","closest","preventDefault","resetClickHandler","fakeButton","document","createElement","style","display","appendChild","click","remove","setInternalHref","newValue","internalHref","setFocus","focusableElement","focus","insertNativeButton","nativeButton","handleFormAndInternalHref","href","undefined","handleButtonWidth","setProperty","componentWillLoad","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","componentWillRender","formElement","customElements","querySelectorAll","forEach","element","reset","handleKeyDown","key","handleHostClick","event","stopImmediatePropagation","handleFocus","blur","render","h","Host","role","tabIndex","ref","class","getClassNames","onClick","rel","onFocus","ariaLabel","getVariantClass","getSizeClass","classNames"],"sources":["src/components/button/button.scss?tag=ifx-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n vertical-align: bottom;\r\n display: inline-flex;\r\n width: var(--bw, fit-content);\r\n}\r\n\r\n.btn {\r\n box-sizing: border-box;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: tokens.$ifxSize500;\r\n padding: 0px tokens.$ifxSpace200;\r\n gap: tokens.$ifxSpace100;\r\n color: tokens.$ifxColorBaseWhite;\r\n font-weight: tokens.$ifxFontWeightSemibold;\r\n border-radius: tokens.$ifxBorderRadius12;\r\n line-height: tokens.$ifxLineHeightM;\r\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n font-style: normal;\r\n text-decoration: none;\r\n user-select: none;\r\n font-size: tokens.$ifxFontSizeM;\r\n transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n width: var(--bw, fit-content);\r\n}\r\n\r\n.btn:not(.disabled) {\r\n cursor: pointer;\r\n}\r\n\r\n.btn.disabled {\r\n pointer-events: none;\r\n}\r\n\r\n.btn-default {\r\n //default variant=primary; default color=default\r\n color: tokens.$ifxColorBaseWhite;\r\n background-color: tokens.$ifxColorOcean500;\r\n\r\n &:disabled,\r\n &.disabled {\r\n background-color: tokens.$ifxColorEngineering300;\r\n color: tokens.$ifxColorBaseWhite;\r\n pointer-events: none;\r\n\r\n }\r\n}\r\n\r\n.btn-secondary-default {\r\n background-color: tokens.$ifxColorBaseWhite;\r\n color: tokens.$ifxColorOcean500;\r\n border: 1px solid tokens.$ifxColorOcean500;\r\n\r\n &:disabled,\r\n &.disabled {\r\n background-color: tokens.$ifxColorBaseWhite;\r\n border: 1px solid tokens.$ifxColorEngineering300;\r\n color: tokens.$ifxColorEngineering300;\r\n pointer-events: none;\r\n\r\n }\r\n}\r\n\r\n.btn-tertiary-default {\r\n background-color: tokens.$ifxColorBaseTransparent;\r\n color: tokens.$ifxColorOcean500;\r\n\r\n &:disabled,\r\n &.disabled {\r\n color: tokens.$ifxColorEngineering300;\r\n pointer-events: none;\r\n\r\n }\r\n}\r\n\r\n\r\n.btn-danger {\r\n color: tokens.$ifxColorBaseWhite;\r\n background-color: tokens.$ifxColorRed500;\r\n border-color: tokens.$ifxColorRed500;\r\n\r\n &:disabled,\r\n &.disabled {\r\n background-color: tokens.$ifxColorEngineering300;\r\n color: tokens.$ifxColorBaseWhite;\r\n pointer-events: none;\r\n\r\n }\r\n}\r\n\r\n.btn-secondary-danger {\r\n background-color: tokens.$ifxColorBaseWhite;\r\n color: tokens.$ifxColorRed500;\r\n border: 1px solid tokens.$ifxColorRed500;\r\n\r\n &:disabled,\r\n &.disabled {\r\n background-color: tokens.$ifxColorBaseWhite;\r\n border: 1px solid tokens.$ifxColorEngineering300;\r\n color: tokens.$ifxColorEngineering300;\r\n pointer-events: none;\r\n\r\n }\r\n}\r\n\r\n.btn-tertiary-danger {\r\n //combination tertiary + danger not in design\r\n background-color: tokens.$ifxColorBaseTransparent;\r\n color: tokens.$ifxColorRed500;\r\n\r\n &:disabled,\r\n &.disabled {\r\n background-color: tokens.$ifxColorBaseWhite;\r\n color: tokens.$ifxColorEngineering300;\r\n pointer-events: none;\r\n\r\n }\r\n}\r\n\r\n.btn-inverse {\r\n color: tokens.$ifxColorOcean500;\r\n background-color: tokens.$ifxColorBaseWhite;\r\n\r\n &:disabled,\r\n &.disabled {\r\n opacity: tokens.$ifxOpacity100;\r\n background-color: tokens.$ifxColorBaseWhite;\r\n color: tokens.$ifxColorEngineering300;\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n.btn-secondary-inverse {\r\n color: tokens.$ifxColorBaseWhite;\r\n border: 1px solid tokens.$ifxColorBaseWhite;\r\n\r\n &:disabled,\r\n &.disabled {\r\n border: 1px solid tokens.$ifxColorBaseWhite;\r\n color: tokens.$ifxColorBaseWhite;\r\n pointer-events: none;\r\n\r\n }\r\n}\r\n\r\n\r\n.btn-tertiary-inverse {\r\n color: tokens.$ifxColorBaseWhite;\r\n\r\n &:disabled,\r\n &.disabled {\r\n color: tokens.$ifxColorBaseWhite;\r\n opacity: tokens.$ifxOpacity100;\r\n pointer-events: none;\r\n\r\n }\r\n}\r\n\r\n.btn {\r\n & ifx-icon:empty {\r\n display: none;\r\n }\r\n\r\n &.btn-xs {\r\n font-size: tokens.$ifxFontSizeS;\r\n height: tokens.$ifxSize400;\r\n line-height: tokens.$ifxLineHeightXs;\r\n }\r\n\r\n &.btn-s {\r\n font-size: tokens.$ifxFontSizeS;\r\n height: tokens.$ifxSize450;\r\n line-height: tokens.$ifxLineHeightS;\r\n }\r\n\r\n // &.btn-m { //default\r\n // font-size: tokens.$ifxFontSizeM;\r\n // height: tokens.$ifxSize400;\r\n // line-height: tokens.$ifxLineHeightM;\r\n // }\r\n\r\n\r\n &.btn-l {\r\n font-size: tokens.$ifxFontSizeXl;\r\n height: tokens.$ifxSize600;\r\n line-height: tokens.$ifxLineHeightXl;\r\n }\r\n\r\n\r\n\r\n &.btn-default:not(:disabled, .disabled) {\r\n &:focus:not(:active, .active) {\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n }\r\n\r\n &:hover {\r\n background-color: tokens.$ifxColorOcean600;\r\n }\r\n\r\n &:active,\r\n &.active {\r\n background-color: tokens.$ifxColorOcean700;\r\n }\r\n }\r\n\r\n &.btn-secondary-default:not(:disabled, .disabled) {\r\n &:focus:not(:active, .active) {\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n }\r\n\r\n &:hover {\r\n color: tokens.$ifxColorBaseWhite;\r\n background-color: tokens.$ifxColorOcean600;\r\n }\r\n\r\n &:active,\r\n &.active {\r\n background-color: tokens.$ifxColorOcean700;\r\n }\r\n }\r\n\r\n &.btn-secondary:not(:disabled, .disabled) {\r\n\r\n &:hover {\r\n background-color: tokens.$ifxColorBerry500;\r\n }\r\n\r\n &:active,\r\n &.active {\r\n background-color: tokens.$ifxColorBerry500;\r\n }\r\n }\r\n\r\n\r\n\r\n &.btn-danger:not(:disabled, .disabled) {\r\n &:focus:not(:active, .active) {\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n }\r\n\r\n &:hover {\r\n background-color: tokens.$ifxColorRed600;\r\n }\r\n\r\n &:active,\r\n &.active {\r\n background-color: tokens.$ifxColorRed700;\r\n }\r\n }\r\n\r\n &.btn-secondary-danger:not(:disabled, .disabled) {\r\n\r\n &:focus:not(:active, .active) {\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n }\r\n\r\n &:hover {\r\n color: tokens.$ifxColorBaseWhite;\r\n background-color: tokens.$ifxColorRed600;\r\n }\r\n\r\n &:active,\r\n &.active {\r\n background-color: tokens.$ifxColorRed700;\r\n }\r\n }\r\n\r\n\r\n &.btn-inverse:not(:disabled, .disabled) {\r\n &:focus:not(:active, .active) {\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorOcean500, 0 0 0 4px tokens.$ifxColorBaseWhite;\r\n }\r\n\r\n &:hover {\r\n background-color: tokens.$ifxColorEngineering200;\r\n }\r\n\r\n &:active,\r\n &.active {\r\n background-color: tokens.$ifxColorEngineering300;\r\n }\r\n }\r\n\r\n &.btn-secondary-inverse:not(:disabled, .disabled) {\r\n &:focus:not(:active, .active) {\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorOcean500, 0 0 0 4px tokens.$ifxColorBaseWhite;\r\n }\r\n\r\n &:hover {\r\n color: tokens.$ifxColorOcean500;\r\n background-color: tokens.$ifxColorEngineering200;\r\n }\r\n\r\n &:active,\r\n &.active {\r\n color: tokens.$ifxColorOcean500;\r\n background-color: tokens.$ifxColorEngineering300;\r\n }\r\n }\r\n\r\n\r\n\r\n &.btn-tertiary-default:not(:disabled, .disabled) {\r\n &:focus:not(:active, .active) {\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean600;\r\n }\r\n\r\n &:hover {\r\n color: tokens.$ifxColorOcean600;\r\n }\r\n\r\n &:active,\r\n &.active {\r\n color: tokens.$ifxColorOcean700;\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n\r\n\r\n\r\n &.btn-tertiary-danger:not(:disabled, .disabled) {\r\n &:focus:not(:active, .active) {\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorRed600;\r\n }\r\n\r\n &:hover {\r\n color: tokens.$ifxColorRed600;\r\n }\r\n\r\n &:active,\r\n &.active {\r\n color: tokens.$ifxColorRed700;\r\n }\r\n\r\n }\r\n\r\n\r\n &.btn-tertiary-inverse:not(:disabled, .disabled) {\r\n &:focus:not(:active, .active) {\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorOcean500, 0 0 0 4px tokens.$ifxColorBaseWhite;\r\n }\r\n\r\n &:hover {\r\n color: tokens.$ifxColorEngineering200;\r\n\r\n }\r\n\r\n &:active,\r\n &.active {\r\n color: tokens.$ifxColorEngineering300;\r\n }\r\n }\r\n}","import { Component, Prop, h, Host, Method, Element, Listen, State, Watch } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\nimport classNames from 'classnames';\r\n \r\n@Component({\r\n tag: 'ifx-button',\r\n styleUrl: 'button.scss',\r\n shadow: true,\r\n})\r\nexport class Button {\r\n @Prop() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\r\n @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\r\n @Prop() size: string = 'm';\r\n @Prop() disabled: boolean = false;\r\n @State() internalHref: string;\r\n @Prop() href: string;\r\n @Prop() target: string = '_self';\r\n @Prop() type: \"button\" | \"submit\" | \"reset\" = \"button\";\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() ariaLabel: string | null;\r\n @Element() el;\r\n\r\n private focusableElement: HTMLElement;\r\n private nativeButton: HTMLButtonElement | HTMLInputElement;\r\n\r\n @Watch('href')\r\n setInternalHref(newValue: string) {\r\n this.internalHref = newValue;\r\n }\r\n\r\n @Method()\r\n async setFocus() {\r\n this.focusableElement.focus();\r\n }\r\n\r\n insertNativeButton() {\r\n this.nativeButton = document.createElement('button');\r\n this.nativeButton.type = this.type;\r\n this.nativeButton.style.display = 'none';\r\n this.el.closest('form').appendChild(this.nativeButton);\r\n }\r\n\r\n handleFormAndInternalHref() {\r\n if (this.el.closest('form')) {\r\n if (this.el.href) {\r\n this.el.internalHref = undefined;\r\n }\r\n this.insertNativeButton()\r\n } else {\r\n this.internalHref = this.href;\r\n }\r\n }\r\n\r\n handleButtonWidth() {\r\n if (this.fullWidth) {\r\n this.el.style.setProperty('--bw', '100%');\r\n } else {\r\n this.el.style.setProperty('--bw', 'fit-content');\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n this.handleFormAndInternalHref()\r\n }\r\n\r\n async componentDidLoad() { \r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-button', await framework)\r\n }\r\n }\r\n\r\n componentWillRender() {\r\n this.handleButtonWidth()\r\n }\r\n\r\n\r\n\r\n handleClick = (ev: Event) => {\r\n if (this.el.shadowRoot) {\r\n const parentForm = this.el.closest('form');\r\n if (parentForm) {\r\n ev.preventDefault();\r\n\r\n if (this.type === 'reset') {\r\n // If the button type is 'reset', manually reset all custom form fields\r\n this.resetClickHandler(); //this will reset all ifx-text-fields within a form\r\n } else {\r\n const fakeButton = document.createElement('button');\r\n if (this.type) {\r\n fakeButton.type = this.type;\r\n }\r\n fakeButton.style.display = 'none';\r\n parentForm.appendChild(fakeButton);\r\n fakeButton.click();\r\n fakeButton.remove();\r\n }\r\n }\r\n }\r\n }\r\n\r\n resetClickHandler() {\r\n const formElement = this.el.closest('form');\r\n const customElements = formElement.querySelectorAll('ifx-text-field, ifx-textarea');\r\n customElements.forEach(element => {\r\n element.reset();\r\n });\r\n }\r\n\r\n @Listen('keydown')\r\n handleKeyDown(ev: KeyboardEvent) {\r\n if ( ev.key === \" \" || ev.key === 'Enter' && !this.disabled) {\r\n this.focusableElement.click();\r\n }\r\n }\r\n\r\n @Listen('click', { capture: true })\r\n handleHostClick(event: Event) {\r\n if (this.disabled === true) {\r\n event.stopImmediatePropagation();\r\n }\r\n }\r\n\r\n handleFocus(event: FocusEvent) {\r\n if (this.disabled) {\r\n event.preventDefault();\r\n this.focusableElement.blur();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <a\r\n role={this.href ? 'link' : 'button'}\r\n tabIndex={this.disabled ? -1 : 0}\r\n ref={(el) => (this.focusableElement = el)}\r\n class={this.getClassNames()}\r\n href={!this.disabled ? this.internalHref : undefined}\r\n target={this.target}\r\n onClick={this.handleClick}\r\n rel={this.target === '_blank' ? 'noopener noreferrer' : undefined}\r\n onFocus={(event) => this.handleFocus(event)}\r\n aria-disabled={this.disabled ? 'true' : null}\r\n aria-describedby={this.theme === 'danger' ? 'Dangerous action' : undefined}\r\n aria-label={this.ariaLabel || undefined}\r\n >\r\n <slot></slot>\r\n </a>\r\n </Host>\r\n );\r\n }\r\n\r\n\r\n getVariantClass() {\r\n return `${this.variant}` === \"secondary\"\r\n ? `secondary-${this.theme}`\r\n : `${this.variant}` === 'tertiary'\r\n ? `tertiary-${this.theme}`\r\n : `${this.theme}`;\r\n }\r\n\r\n getSizeClass() {\r\n if (`${this.size}` === \"xs\") {\r\n return \"xs\"\r\n }\r\n else if (`${this.size}` === \"s\") {\r\n return \"s\"\r\n }\r\n else if (`${this.size}` === \"l\") {\r\n return \"l\"\r\n }\r\n else return \"\";\r\n }\r\n\r\n getClassNames() {\r\n return classNames(\r\n 'btn',\r\n this.size && `btn-${this.getSizeClass()}`,\r\n `btn-${this.getVariantClass()}`,\r\n this.disabled ? 'disabled' : ''\r\n );\r\n }\r\n}"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-1c1b1a1f.entry.js → p-5e6dc7d8.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as i,c as o,h as t,a as e}from"./p-PqnYwNKt.js";const n=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.dropdown-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item:focus{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.dropdown-item.hide{display:none}.dropdown-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#EEEDED}.dropdown-item:active{background-color:#BFBBBB}.icon{margin-right:4px}';const s=class{constructor(t){i(this,t);this.ifxDropdownItem=o(this,"ifxDropdownItem",7);this.href="";this.target="_self";this.hide=false;this.size="l"}handleMenuSize(i){this.size=i.detail}handleEventEmission(){this.ifxDropdownItem.emit(this.el.textContent)}render(){const i=this.href!==undefined&&this.href!==null&&this.href!=="";const o={class:`dropdown-item ${this.size==="s"?"small":""} ${this.hide?"hide":""}`,onClick:()=>this.handleEventEmission(),role:"menuitem"};if(!i)o.tabIndex=0;return t("a",Object.assign({key:"0fa61b25ba8f7f8dec6828def32fca24c753970b"},o,i?{href:this.href,target:this.target}:{}),this.icon&&t("ifx-icon",{key:"7676baff54e17a8ac7a3de6a47fb00e773b80718",class:"icon",icon:this.icon}),t("span",{key:"a2b3213b15b3e0d0b40c12cf7863158f5233c400"},t("slot",{key:"b0c64b7c89c088900c65736450ebb366fcccad3c"})))}get el(){return e(this)}};s.style=n;export{s as ifx_dropdown_item};
-//# sourceMappingURL=p-1c1b1a1f.entry.js.map
+import{r as i,c as o,h as e,a as t}from"./p-PqnYwNKt.js";const n=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.dropdown-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item:focus{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.dropdown-item.hide{display:none}.dropdown-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#EEEDED}.dropdown-item:active{background-color:#BFBBBB}.icon{margin-right:4px}';const s=class{constructor(e){i(this,e);this.ifxDropdownItem=o(this,"ifxDropdownItem",7);this.href="";this.target="_self";this.hide=false;this.size="l"}handleMenuSize(i){this.size=i.detail}handleEventEmission(){this.ifxDropdownItem.emit(this.el.textContent)}render(){const i=this.href!==undefined&&this.href!==null&&this.href!=="";const o={class:`dropdown-item ${this.size==="s"?"small":""} ${this.hide?"hide":""}`,onClick:()=>this.handleEventEmission(),role:"menuitem"};if(!i)o.tabIndex=0;return e("a",Object.assign({key:"3b6bafaaafc41c5b41b6aeb95b24ca9dfc877fe7"},o,i?{href:this.href,target:this.target}:{}),this.icon&&e("ifx-icon",{key:"ddc2194b498892b02808fbbc86b974870f4ec766",class:"icon",icon:this.icon}),e("span",{key:"e7dc8f0743ea61387cf1988233d8b1fa1a791f14"},e("slot",{key:"c0b7fb1aaeaee44598d66eed133aa99d16f61b82"})))}get el(){return t(this)}};s.style=n;export{s as ifx_dropdown_item};
+//# sourceMappingURL=p-5e6dc7d8.entry.js.map

package/dist/infineon-design-system-stencil/p-5e6dc7d8.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["dropdownItemCss","DropdownItem","constructor","hostRef","this","href","target","hide","size","handleMenuSize","event","detail","handleEventEmission","ifxDropdownItem","emit","el","textContent","render","hasHref","undefined","common","class","onClick","role","tabIndex","h","Object","assign","key","icon"],"sources":["src/components/dropdown/dropdown-item/dropdown-item.scss?tag=ifx-dropdown-item&encapsulation=shadow","src/components/dropdown/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n.dropdown-item {\r\n text-decoration: none;\r\n color: tokens.$ifxColorBaseBlack;\r\n display: flex;\r\n align-items: center;\r\n padding: 8px 16px;\r\n gap: tokens.$ifxSize100;\r\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n &:focus{\r\n outline: none;\r\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n }\r\n\r\n &.hide {\r\n display: none;\r\n }\r\n\r\n & span {\r\n color: tokens.$ifxColorBaseBlack;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 24px;\r\n /* 150% */\r\n }\r\n\r\n &.small {\r\n & span {\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n background-color: tokens.$ifxColorEngineering200;\r\n }\r\n\r\n &:active {\r\n background-color: tokens.$ifxColorEngineering300;\r\n }\r\n}\r\n\r\n.icon {\r\n margin-right: 4px;\r\n}","import { Component, Prop, h, Listen, State, Event, EventEmitter, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'ifx-dropdown-item',\r\n styleUrl: 'dropdown-item.scss',\r\n shadow: true\r\n})\r\n\r\nexport class DropdownItem {\r\n @Prop() icon: string;\r\n @Prop() href: string = \"\"\r\n @Prop() target: string = \"_self\"\r\n @Prop() hide: boolean = false;\r\n @State() size: string = 'l'\r\n @Event() ifxDropdownItem: EventEmitter;\r\n @Element() el;\r\n\r\n @Listen('menuSize', { target: 'body' })\r\n handleMenuSize(event: CustomEvent) {\r\n this.size = event.detail;\r\n }\r\n\r\n handleEventEmission() {\r\n this.ifxDropdownItem.emit(this.el.textContent)\r\n }\r\n\r\n render() {\r\n const hasHref = this.href !== undefined && this.href !== null && this.href !== '';\r\n const common = {\r\n class: `dropdown-item ${this.size === 's' ? 'small' : \"\"} ${this.hide ? 'hide' : \"\"}`,\r\n onClick: () => this.handleEventEmission(),\r\n role: 'menuitem'\r\n } as any;\r\n\r\n if (!hasHref) common.tabIndex = 0;\r\n\r\n return (\r\n <a {...common} {...(hasHref ? { href: this.href, target: this.target } : {})}>\r\n {this.icon && <ifx-icon class=\"icon\" icon={this.icon}></ifx-icon>}\r\n <span><slot /></span>\r\n </a>\r\n );\r\n }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAkB,klB,MCQXC,EAAY,MANzB,WAAAC,CAAAC,G,2DAQUC,KAAIC,KAAW,GACfD,KAAME,OAAW,QACjBF,KAAIG,KAAY,MACfH,KAAII,KAAW,GA8BzB,CAzBC,cAAAC,CAAeC,GACbN,KAAKI,KAAOE,EAAMC,M,CAGpB,mBAAAC,GACER,KAAKS,gBAAgBC,KAAKV,KAAKW,GAAGC,Y,CAGpC,MAAAC,GACE,MAAMC,EAAUd,KAAKC,OAASc,WAAaf,KAAKC,OAAS,MAAQD,KAAKC,OAAS,GAC/E,MAAMe,EAAS,CACbC,MAAO,iBAAiBjB,KAAKI,OAAS,IAAM,QAAU,MAAMJ,KAAKG,KAAO,OAAS,KACjFe,QAAS,IAAMlB,KAAKQ,sBACpBW,KAAM,YAGR,IAAKL,EAASE,EAAOI,SAAW,EAEhC,OACEC,EAAO,IAAAC,OAAAC,OAAA,CAAAC,IAAA,4CAAAR,EAAaF,EAAU,CAAEb,KAAMD,KAAKC,KAAMC,OAAQF,KAAKE,QAAW,IACtEF,KAAKyB,MAAQJ,EAAA,YAAAG,IAAA,2CAAUP,MAAM,OAAOQ,KAAMzB,KAAKyB,OAChDJ,EAAA,QAAAG,IAAA,4CAAMH,EAAQ,QAAAG,IAAA,8C","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-5e7e0b40.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as s,h as e,a}from"./p-PqnYwNKt.js";const r=":host{display:block}";const i=class{constructor(e){t(this,e);this.tabHeaderChange=s(this,"tabHeaderChange",7);this.icon="";this.iconPosition="left"}componentWillUpdate(){this.tabHeaderChange.emit(this.header)}render(){return e("slot",{key:"419b1743fe36e5d30e3cfad98c3b02bb7a039ce3"})}get el(){return a(this)}};i.style=r;export{i as ifx_tab};
2	+ //# sourceMappingURL=p-5e7e0b40.entry.js.map

package/dist/infineon-design-system-stencil/p-5e7e0b40.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["tabCss","IfxTab","constructor","hostRef","this","icon","iconPosition","componentWillUpdate","tabHeaderChange","emit","header","render","h","key"],"sources":["src/components/tabs/tab.scss?tag=ifx-tab","src/components/tabs/tab.tsx"],"sourcesContent":[":host {\r\n display: block;\r\n}","import { Component, h, Element, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'ifx-tab',\r\n styleUrl: 'tab.scss',\r\n shadow: false\r\n})\r\nexport class IfxTab {\r\n @Element() el: HTMLElement;\r\n @Prop() header: string;\r\n @Prop() disabled: boolean;\r\n @Prop() icon: string = '';\r\n @Prop() iconPosition: 'left' | 'right' = 'left';\r\n @Event() tabHeaderChange: EventEmitter;\r\n\r\n componentWillUpdate() { \r\n this.tabHeaderChange.emit(this.header)\r\n }\r\n\r\n render() {\r\n return <slot />;\r\n }\r\n}"],"mappings":"oDAAA,MAAMA,EAAS,uB,MCOFC,EAAM,MALnB,WAAAC,CAAAC,G,2DASUC,KAAIC,KAAW,GACfD,KAAYE,aAAqB,MAU1C,CAPC,mBAAAC,GACEH,KAAKI,gBAAgBC,KAAKL,KAAKM,O,CAGjC,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-5f28de7f.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as e,a as i}from"./p-PqnYwNKt.js";const r=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{pointer-events:none}.card__text-wrapper{padding-bottom:0px}.card__text-wrapper.hasBtn{padding-bottom:16px}.card-text{line-height:1.5rem;font-size:1rem;font-weight:400;white-space:wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}';const a=class{constructor(e){t(this,e)}componentWillLoad(){const t=this.el.closest("ifx-card").querySelector("ifx-link");const e=this.el.closest("ifx-card").querySelector("ifx-button");if(t\|\|e){this.hasBtn=true}}render(){return e("div",{key:"e1633c3f7bf8438b839ad4df9ec64e2a5afce629",class:`card__text-wrapper ${this.hasBtn?"hasBtn":""}`},e("div",{key:"f6dd6376eb3763f41dca8d77b7094277d8a08053",class:`card-text`},e("slot",{key:"b468bcf96960f91232cb394fb737f2f88d11da29"})))}get el(){return i(this)}};a.style=r;export{a as ifx_card_text};
2	+ //# sourceMappingURL=p-5f28de7f.entry.js.map

package/dist/infineon-design-system-stencil/p-5f28de7f.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["cardTextCss","CardText","componentWillLoad","link","this","el","closest","querySelector","button","hasBtn","render","h","key","class"],"sources":["src/components/card/card-text/card-text.scss?tag=ifx-card-text&encapsulation=shadow","src/components/card/card-text/card-text.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n:host {\r\n pointer-events: none;\r\n}\r\n\r\n.card__text-wrapper {\r\n padding-bottom: 0px;\r\n\r\n &.hasBtn {\r\n padding-bottom: 16px;\r\n }\r\n}\r\n\r\n.card-text {\r\n line-height: tokens.$ifxLineHeightM;\r\n font-size: tokens.$ifxFontSizeM;\r\n font-weight: 400;\r\n white-space: wrap;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}","import { Component, h, Element, State} from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'ifx-card-text',\r\n styleUrl: './card-text.scss',\r\n shadow: true,\r\n})\r\n\r\nexport class CardText {\r\n @Element() el;\r\n @State() hasBtn: boolean;\r\n\r\n componentWillLoad() { \r\n const link = this.el.closest('ifx-card').querySelector('ifx-link');\r\n const button = this.el.closest('ifx-card').querySelector('ifx-button');\r\n if(link || button) { \r\n this.hasBtn = true;\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`card__text-wrapper ${this.hasBtn ? 'hasBtn' : \"\"}`}>\r\n <div class={`card-text`}>\r\n <slot />\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAc,0W,MCQPC,EAAQ,M,yBAInB,iBAAAC,GACE,MAAMC,EAAOC,KAAKC,GAAGC,QAAQ,YAAYC,cAAc,YACvD,MAAMC,EAASJ,KAAKC,GAAGC,QAAQ,YAAYC,cAAc,cACzD,GAAGJ,GAAQK,EAAQ,CACjBJ,KAAKK,OAAS,I,EAIlB,MAAAC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAO,sBAAsBT,KAAKK,OAAS,SAAW,MACzDE,EAAK,OAAAC,IAAA,2CAAAC,MAAO,aACVF,EAAQ,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-2b4b2b06.entry.js → p-694aa84a.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c,h as i,a as s}from"./p-PqnYwNKt.js";import{d as t,t as a}from"./p-DcmcuUOA.js";import{i as o}from"./p-Bw2fh5LT.js";const r=':root{--ifx-font-family:"Source Sans 3", "Arial, 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__label-wrapper.disabled label:hover{cursor:default}.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 h=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")}}async componentDidLoad(){if(!o(this.el)){const e=t();a("ifx-switch",await e)}this.toggleLabelGap()}valueChanged(e,c){if(e!==c){this.internalChecked=e}}toggleSwitch(){if(this.disabled)return;this.internalChecked=!this.internalChecked;this.ifxChange.emit(this.internalChecked)}handleKeyDown(e){if(this.disabled)return;if(e.key==="Enter"||e.key===" "){this.toggleSwitch()}}render(){return i("div",{key:"dac7ec48eba63ea4fea619b38bc2d42050335fb3",class:"container",role:"switch","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-labelledby":"switch-label",onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},i("div",{key:"4e331d64ea1bd5c2a76b730523c250add430e620",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},i("div",{key:"7f9d1690039ed6a4a99e4204c0358088aa1f459a",class:"switch__checkbox-wrapper"},i("input",{key:"9b1b492b35cd3bf74143370bbdf79dc97d456893",type:"checkbox",hidden:true,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),i("div",{key:"27559d56f6fb75e90ac15590245668af0b1ab447",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),i("div",{key:"783db5d3a6d1619b96ac97501bb889bb1f6a75bc",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},i("label",{key:"ee10d23ac2b7d8d693a3ff8a85fb7af9b09c3445",htmlFor:"switch"},i("slot",{key:"3b7b243ac57f43997f0111500e59667c2b8c75be",onSlotchange:()=>this.toggleLabelGap()}))))}get el(){return s(this)}static get watchers(){return{checked:["valueChanged"]}}};h.style=r;export{h as ifx_switch};
-//# sourceMappingURL=p-2b4b2b06.entry.js.map
+import{r as e,c,h as i,a as s}from"./p-PqnYwNKt.js";import{d as t,t as o}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";const r=':root{--ifx-font-family:"Source Sans 3", "Arial, 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__label-wrapper.disabled label:hover{cursor:default}.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 h=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")}}async componentDidLoad(){if(!a(this.el)){const e=t();o("ifx-switch",await e)}this.toggleLabelGap()}valueChanged(e,c){if(e!==c){this.internalChecked=e}}toggleSwitch(){if(this.disabled)return;this.internalChecked=!this.internalChecked;this.ifxChange.emit(this.internalChecked)}handleKeyDown(e){if(this.disabled)return;if(e.key==="Enter"||e.key===" "){this.toggleSwitch()}}render(){return i("div",{key:"d34cf1b1bad0bb7356b6b76ecff9b5d60110ee21",class:"container",role:"switch","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-labelledby":"switch-label",onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},i("div",{key:"d8b3d3252180cb7f10905220dcd599308193e154",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},i("div",{key:"f8aa01d8c06448133f34251f20602ec5a04044d1",class:"switch__checkbox-wrapper"},i("input",{key:"6a207dcaf0a2b3ce55c1abc753ea73bd62d3df62",type:"checkbox",hidden:true,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),i("div",{key:"5872b3540d8c3e04552855ebfbf3a9e86129dec5",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),i("div",{key:"0f8606cfa3c1925b30f5a38e7b7a22687704d876",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},i("label",{key:"9f11274ce2123997f6990cec8f93fd9e2f0b6d31",htmlFor:"switch"},i("slot",{key:"0266c7c9232ca8adcae27ea6e65471d3e76e8c83",onSlotchange:()=>this.toggleLabelGap()}))))}get el(){return s(this)}static get watchers(){return{checked:["valueChanged"]}}};h.style=r;export{h as ifx_switch};
+//# sourceMappingURL=p-694aa84a.entry.js.map

package/dist/infineon-design-system-stencil/p-694aa84a.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["switchCss","Switch","constructor","hostRef","this","checked","name","disabled","internalChecked","isChecked","componentWillLoad","toggleLabelGap","slot","el","shadowRoot","querySelector","container","assignedNodes","length","classList","add","remove","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","valueChanged","newValue","oldValue","toggleSwitch","ifxChange","emit","handleKeyDown","event","key","render","h","class","role","onClick","onKeyDown","tabindex","type","hidden","value","htmlFor","onSlotchange"],"sources":["src/components/switch/switch.scss?tag=ifx-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n/* switch.css */\r\n:host {\r\n display: inline-block;\r\n user-select: none;\r\n}\r\n\r\n.container {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n &.gap {\r\n gap: tokens.$ifxSpace200;\r\n }\r\n}\r\n\r\n\r\n.switch__checkbox-container {\r\n padding: tokens.$ifxSpace50;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n // Subtracting padding size from both height and width\r\n width: (tokens.$ifxSpace500)-8px;\r\n height: 16px;\r\n background-color: tokens.$ifxColorBaseWhite;\r\n border: 1px solid tokens.$ifxColorEngineering500;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n outline: none;\r\n\r\n &:focus {\r\n outline: 4px solid tokens.$ifxColorOcean500;\r\n outline-offset: 2px;\r\n }\r\n\r\n &:focus:not(:focus-visible) {\r\n outline: none;\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid tokens.$ifxColorOcean500;\r\n outline-offset: 2px;\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n border-color: tokens.$ifxColorEngineering300;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n.switch__label-wrapper {\r\n\r\n & label { \r\n &:hover { \r\n cursor: pointer;\r\n }\r\n }\r\n\r\n &.disabled {\r\n color: tokens.$ifxColorEngineering300;\r\n \r\n & label { \r\n &:hover { \r\n cursor: default;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n.switch__checkbox-wrapper {\r\n\r\n .switch {\r\n // position: absolute;\r\n width: tokens.$ifxSpace200;\r\n height: tokens.$ifxSpace200;\r\n background-color: tokens.$ifxColorEngineering500;\r\n border-radius: 50%;\r\n transition: transform 0.3s ease, background-color 0.3s ease;\r\n\r\n &.disabled {\r\n background-color: tokens.$ifxColorEngineering300;\r\n border-color: tokens.$ifxColorEngineering300;\r\n cursor: default;\r\n }\r\n }\r\n\r\n .switch.checked {\r\n transform: translateX(16px);\r\n background-color: tokens.$ifxColorBaseWhite;\r\n\r\n &.disabled {\r\n cursor: default;\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\n.switch__checkbox-container:hover .toggle-switch {\r\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n\r\n\r\n.switch__checkbox-container.checked {\r\n background-color: tokens.$ifxColorOcean500;\r\n border-color: tokens.$ifxColorOcean500;\r\n\r\n &.disabled {\r\n background-color: tokens.$ifxColorEngineering300;\r\n border-color: tokens.$ifxColorEngineering300;\r\n cursor: default;\r\n }\r\n}","import { AttachInternals, Method } from '@stencil/core';\r\nimport { Component, Prop, State, Watch, h, Event, EventEmitter, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking'; \r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n tag: 'ifx-switch',\r\n styleUrl: 'switch.scss',\r\n shadow: true,\r\n // formAssociated: true\r\n})\r\nexport class Switch {\r\n @Prop() checked: boolean = false;\r\n @Prop() name: string = '';\r\n @Prop() disabled: boolean = false;\r\n @Prop() value: string;\r\n @State() internalChecked: boolean = false;\r\n\r\n @AttachInternals() internals: ElementInternals;\r\n\r\n @Element() el: HTMLIfxSwitchElement;\r\n\r\n @Event({ eventName: 'ifxChange' }) ifxChange: EventEmitter<boolean>;\r\n\r\n @Method()\r\n async isChecked(): Promise<boolean> {\r\n return this.internalChecked;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalChecked = this.checked;\r\n }\r\n \r\n\r\n toggleLabelGap() {\r\n const slot = this.el.shadowRoot.querySelector('slot');\r\n const container = this.el.shadowRoot.querySelector('.container');\r\n if (slot.assignedNodes().length) {\r\n container.classList.add('gap')\r\n } else { \r\n container.classList.remove('gap')\r\n }\r\n }\r\n \r\n async componentDidLoad() {\r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-switch', await framework)\r\n }\r\n this.toggleLabelGap();\r\n }\r\n \r\n @Watch('checked')\r\n valueChanged(newValue: boolean, oldValue: boolean) {\r\n if (newValue !== oldValue) {\r\n this.internalChecked = newValue;\r\n }\r\n }\r\n\r\n toggleSwitch() {\r\n if (this.disabled) return;\r\n this.internalChecked = !this.internalChecked;\r\n\r\n if (this.internalChecked) {\r\n if (this.value !== undefined) {\r\n //this.internals.setFormValue(this.value);\r\n } else {\r\n //this.internals.setFormValue(\"on\")\r\n }\r\n } else {\r\n //this.internals.setFormValue(null)\r\n }\r\n\r\n this.ifxChange.emit(this.internalChecked);\r\n }\r\n\r\n handleKeyDown(event: KeyboardEvent) {\r\n if (this.disabled) return;\r\n // If the pressed key is either 'Enter' or 'Space' \r\n if (event.key === 'Enter' || event.key === ' ') {\r\n this.toggleSwitch();\r\n }\r\n }\r\n\r\n /**\r\n * Callback for form association.\r\n * Called whenever the form is reset.\r\n */\r\n // formResetCallback() {\r\n // this.internals.setFormValue(null);\r\n // }\r\n\r\n render() {\r\n return (\r\n <div\r\n class=\"container\"\r\n role=\"switch\"\r\n aria-checked={this.internalChecked ? 'true' : 'false'}\r\n aria-disabled={this.disabled ? 'true' : 'false'}\r\n aria-labelledby=\"switch-label\"\r\n onClick={() => this.toggleSwitch()}\r\n onKeyDown={(event) => this.handleKeyDown(event)}\r\n >\r\n {/* Checkbox */}\r\n <div \r\n class={`switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`}\r\n tabindex=\"0\"\r\n >\r\n <div class=\"switch__checkbox-wrapper\">\r\n <input type=\"checkbox\" hidden\r\n name={this.name}\r\n disabled={this.disabled}\r\n checked={this.internalChecked}\r\n value={`${this.value}`} />\r\n <div class={`switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`} />\r\n </div>\r\n </div >\r\n\r\n {/* Label */}\r\n <div class={`switch__label-wrapper ${this.disabled ? 'disabled' : ''}`} >\r\n <label htmlFor=\"switch\">\r\n <slot onSlotchange={() => this.toggleLabelGap()} />\r\n </label>\r\n </div>\r\n </div>\r\n )\r\n\r\n }\r\n}\r\n"],"mappings":"mIAAA,MAAMA,EAAY,ikD,MCYLC,EAAM,MANnB,WAAAC,CAAAC,G,+MAOUC,KAAOC,QAAY,MACnBD,KAAIE,KAAW,GACfF,KAAQG,SAAY,MAEnBH,KAAeI,gBAAY,KAgHrC,CAvGC,eAAMC,GACJ,OAAOL,KAAKI,e,CAGd,iBAAAE,GACEN,KAAKI,gBAAkBJ,KAAKC,O,CAI9B,cAAAM,GACE,MAAMC,EAAOR,KAAKS,GAAGC,WAAWC,cAAc,QAC9C,MAAMC,EAAYZ,KAAKS,GAAGC,WAAWC,cAAc,cACnD,GAAIH,EAAKK,gBAAgBC,OAAQ,CAC/BF,EAAUG,UAAUC,IAAI,M,KACnB,CACLJ,EAAUG,UAAUE,OAAO,M,EAI/B,sBAAMC,GACJ,IAAIC,EAAuBnB,KAAKS,IAAK,CACnC,MAAMW,EAAYC,IAClBC,EAAe,mBAAoBF,E,CAErCpB,KAAKO,gB,CAIP,YAAAgB,CAAaC,EAAmBC,GAC9B,GAAID,IAAaC,EAAU,CACzBzB,KAAKI,gBAAkBoB,C,EAI3B,YAAAE,GACE,GAAI1B,KAAKG,SAAU,OACnBH,KAAKI,iBAAmBJ,KAAKI,gBAY7BJ,KAAK2B,UAAUC,KAAK5B,KAAKI,gB,CAG3B,aAAAyB,CAAcC,GACZ,GAAI9B,KAAKG,SAAU,OAEnB,GAAI2B,EAAMC,MAAQ,SAAWD,EAAMC,MAAQ,IAAK,CAC9C/B,KAAK0B,c,EAYT,MAAAM,GACE,OACEC,EACE,OAAAF,IAAA,2CAAAG,MAAM,YACNC,KAAK,SACS,eAAAnC,KAAKI,gBAAkB,OAAS,QAC/B,gBAAAJ,KAAKG,SAAW,OAAS,QAAO,kBAC/B,eAChBiC,QAAS,IAAMpC,KAAK0B,eACpBW,UAAYP,GAAU9B,KAAK6B,cAAcC,IAGzCG,EAAA,OAAAF,IAAA,2CACEG,MAAO,8BAA8BlC,KAAKI,gBAAkB,UAAY,MAAMJ,KAAKG,SAAW,WAAa,KAC3GmC,SAAS,KAETL,EAAK,OAAAF,IAAA,2CAAAG,MAAM,4BACTD,EAAA,SAAAF,IAAA,2CAAOQ,KAAK,WAAWC,OAAM,KAC3BtC,KAAMF,KAAKE,KACXC,SAAUH,KAAKG,SACfF,QAASD,KAAKI,gBACdqC,MAAO,GAAGzC,KAAKyC,UACjBR,EAAA,OAAAF,IAAA,2CAAKG,MAAO,UAAUlC,KAAKI,gBAAkB,UAAY,MAAMJ,KAAKG,SAAW,WAAa,SAKhG8B,EAAA,OAAAF,IAAA,2CAAKG,MAAO,yBAAyBlC,KAAKG,SAAW,WAAa,MAChE8B,EAAO,SAAAF,IAAA,2CAAAW,QAAQ,UACbT,EAAA,QAAAF,IAAA,2CAAMY,aAAc,IAAM3C,KAAKO,qB","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-05f66dcb.entry.js → p-6c41a04b.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as a,a as t}from"./p-PqnYwNKt.js";const i=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{position:relative;display:var(--ifx-sidebar-title-display, block)}:host([data-show-in-collapsed=true]){display:var(--ifx-sidebar-title-show-in-collapsed-display, block)}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:var(--ifx-sidebar-title-padding, 12px 0)}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px;display:var(--ifx-sidebar-title-label-display, block)}';const s=class{constructor(a){e(this,a);this.showInCollapsed=false}componentWillLoad(){this.el.setAttribute("data-show-in-collapsed",this.showInCollapsed.toString())}render(){return a("div",{key:"d3aecfe3f2a5d62f265267cda82bcf7c0dd6aad3",class:"sidebar__title"},a("div",{key:"e8b6d50f2d7cb7e622f6c533a745f64b0a1122d9",class:"sidebar__title-label"},a("slot",{key:"8c2ebf5d135bada72543aaae04ec61ca120977cb"})))}get el(){return t(this)}};s.style=i;export{s as ifx_sidebar_title};
-//# sourceMappingURL=p-05f66dcb.entry.js.map
+import{r as e,h as t,a as i}from"./p-PqnYwNKt.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{position:relative;display:var(--ifx-sidebar-title-display, block)}:host([data-show-in-collapsed=true]){display:var(--ifx-sidebar-title-show-in-collapsed-display, block)}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:var(--ifx-sidebar-title-padding, 12px 0)}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px;display:var(--ifx-sidebar-title-label-display, block)}';const s=class{constructor(t){e(this,t);this.showInCollapsed=false}componentWillLoad(){this.el.setAttribute("data-show-in-collapsed",this.showInCollapsed.toString())}render(){return t("div",{key:"3ad734ec12426830092ff07683c9a67e89f7bbe6",class:"sidebar__title"},t("div",{key:"7e2c82c559d180d331333f555d93c52145b5b4bd",class:"sidebar__title-label"},t("slot",{key:"3d464dba922417b36d51f2dea08938a3eea4a063"})))}get el(){return i(this)}};s.style=a;export{s as ifx_sidebar_title};
+//# sourceMappingURL=p-6c41a04b.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["sidebarTitleCss","SidebarTitle","constructor","hostRef","this","showInCollapsed","componentWillLoad","el","setAttribute","toString","render","h","key","class"],"sources":["src/components/navigation/sidebar/sidebar-title.scss?tag=ifx-sidebar-title&encapsulation=shadow","src/components/navigation/sidebar/sidebar-title.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n:host {\r\n position: relative;\r\n display: var(--ifx-sidebar-title-display, block);\r\n}\r\n\r\n:host([data-show-in-collapsed=\"true\"]) {\r\n display: var(--ifx-sidebar-title-show-in-collapsed-display, block);\r\n}\r\n\r\n.sidebar__title {\r\n width: 100%;\r\n height: fit-content;\r\n border-top: 1px solid tokens.$ifxColorEngineering200;\r\n padding: var(--ifx-sidebar-title-padding, tokens.$ifxSpace150 0);\r\n\r\n &.no-top-border {\r\n border-top: none;\r\n }\r\n}\r\n\r\n.sidebar__title-label {\r\n height: 20px;\r\n font: tokens.$ifxEyebrowEyebrow02;\r\n text-transform: uppercase;\r\n color: tokens.$ifxColorEngineering500;\r\n letter-spacing: 3px;\r\n display: var(--ifx-sidebar-title-label-display, block);\r\n}\r\n","import { Component, h, Element, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'ifx-sidebar-title',\r\n styleUrl: 'sidebar-title.scss',\r\n shadow: true\r\n})\r\n\r\nexport class SidebarTitle {\r\n @Element() el;\r\n @Prop() showInCollapsed: boolean = false;\r\n\r\n componentWillLoad() {\r\n // Set data attribute for CSS targeting\r\n this.el.setAttribute('data-show-in-collapsed', this.showInCollapsed.toString());\r\n }\r\n\r\n render() {\r\n return(\r\n <div class = 'sidebar__title'>\r\n <div class = 'sidebar__title-label'>\r\n <slot />\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAkB,qlB,MCQXC,EAAY,MANzB,WAAAC,CAAAC,G,UAQYC,KAAeC,gBAAY,KAgBtC,CAdG,iBAAAC,GAEIF,KAAKG,GAAGC,aAAa,yBAA0BJ,KAAKC,gBAAgBI,W,CAGxE,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAQ,kBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAQ,wBACTF,EAAQ,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-ee04eb6e.entry.js → p-72a516f9.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as i}from"./p-PqnYwNKt.js";import{d as r,t as a}from"./p-DcmcuUOA.js";import{i as p}from"./p-Bw2fh5LT.js";const c=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.stepper{display:flex;align-items:center}.stepper.compact{align-items:center;gap:8px}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0A8276 var(--pb, 0%), #BFBBBB 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}';const h=class{constructor(s){t(this,s);this.ifxChange=e(this,"ifxChange",7);this.activeStep=1;this.indicatorPosition="left";this.showStepNumber=false;this.variant="default";this.shouldEmitEvent=true;this.emittedByClick=false}onStepChange(t){const e=this.getSteps();const s=e[t.detail.previousActiveStep-1];if(s&&!s.complete){s.setAttribute("error","true")}}handleActiveStep(t,e){const s=this.getSteps();if(!this.shouldEmitEvent){this.shouldEmitEvent=true;return}if(s[t-1]){if(!s[t-1].disabled){this.emitIfxChange(t,e)}else{if(t<e){let i=t;this.shouldEmitEvent=false;while(i>=1&&s[i-1].disabled)i--;if(i<1){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}else{let i=t;this.shouldEmitEvent=false;while(i<=this.stepsCount&&s[i-1].disabled)i++;if(i>this.stepsCount){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}}}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick});this.emittedByClick=false}getSteps(){const t=this.el.querySelectorAll("ifx-step");return t}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=true;for(let e=0;e<t.length;e++){t[e].stepId=e+1}this.stepsCount=t.length}setActiveStep(t,e=false){this.emittedByClick=e;this.activeStep=t}setStepsBeforeActiveToComplete(){const t=this.getSteps();t.forEach(((t,e)=>{if(e+1<this.activeStep)t.complete=true}))}syncIfxSteps(){const t=this.getSteps();for(let e=0;e<t.length;e++){const s={activeStep:this.activeStep,indicatorPosition:this.indicatorPosition!=="right"?"left":"right",showStepNumber:this.showStepNumber,variant:this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant,setActiveStep:this.setActiveStep.bind(this)};t[e].stepperState=s}}setInitialActiveStep(){this.activeStep=Math.max(1,Math.min(this.stepsCount+(this.variant!=="compact"?1:0),this.activeStep))}componentWillLoad(){this.addStepIdsToStepsAndCountSteps();this.setInitialActiveStep();this.setStepsBeforeActiveToComplete()}async componentDidLoad(){if(!p(this.el)){const t=r();a("ifx-stepper",await t)}this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"b6ddc5830bc2c1a371411fa1ddeef157b940acd5","aria-label":this.ariaLabel,"aria-current":this.ariaCurrent,role:"navigation",class:`stepper ${this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant} ${this.variant==="compact"?"compact-"+this.indicatorPosition:""}`},this.variant==="compact"&&s("div",{key:"043992aa871a912d5f3326e2c8c263865d07c5b3",class:"stepper-progress"},s("div",{key:"901254c7f8f706e9541d79ecbbbfb0a37925dd73",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"7b2757662fb0acd26f47338fdbfce65a977f37ab",class:`stepper-wrapper`},s("slot",{key:"b4fd58e8b562c58c4837e5418e24739dc666f35a"})))}componentDidRender(){if(this.variant=="compact"){const t=this.el.shadowRoot.querySelector(".stepper-progress");t.style.setProperty("--pb",`${this.activeStep/this.stepsCount*100}%`)}}get el(){return i(this)}static get watchers(){return{activeStep:["handleActiveStep"]}}};h.style=c;export{h as ifx_stepper};
-//# sourceMappingURL=p-ee04eb6e.entry.js.map
+import{r as t,c as e,h as s,a as i}from"./p-PqnYwNKt.js";import{d as r,t as a}from"./p-DcmcuUOA.js";import{i as p}from"./p-Bw2fh5LT.js";const c=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.stepper{display:flex;align-items:center}.stepper.compact{align-items:center;gap:8px}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0A8276 var(--pb, 0%), #BFBBBB 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}';const h=class{constructor(s){t(this,s);this.ifxChange=e(this,"ifxChange",7);this.activeStep=1;this.indicatorPosition="left";this.showStepNumber=false;this.variant="default";this.shouldEmitEvent=true;this.emittedByClick=false}onStepChange(t){const e=this.getSteps();const s=e[t.detail.previousActiveStep-1];if(s&&!s.complete){s.setAttribute("error","true")}}handleActiveStep(t,e){const s=this.getSteps();if(!this.shouldEmitEvent){this.shouldEmitEvent=true;return}if(s[t-1]){if(!s[t-1].disabled){this.emitIfxChange(t,e)}else{if(t<e){let i=t;this.shouldEmitEvent=false;while(i>=1&&s[i-1].disabled)i--;if(i<1){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}else{let i=t;this.shouldEmitEvent=false;while(i<=this.stepsCount&&s[i-1].disabled)i++;if(i>this.stepsCount){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}}}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick});this.emittedByClick=false}getSteps(){const t=this.el.querySelectorAll("ifx-step");return t}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=true;for(let e=0;e<t.length;e++){t[e].stepId=e+1}this.stepsCount=t.length}setActiveStep(t,e=false){this.emittedByClick=e;this.activeStep=t}setStepsBeforeActiveToComplete(){const t=this.getSteps();t.forEach(((t,e)=>{if(e+1<this.activeStep)t.complete=true}))}syncIfxSteps(){const t=this.getSteps();for(let e=0;e<t.length;e++){const s={activeStep:this.activeStep,indicatorPosition:this.indicatorPosition!=="right"?"left":"right",showStepNumber:this.showStepNumber,variant:this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant,setActiveStep:this.setActiveStep.bind(this)};t[e].stepperState=s}}setInitialActiveStep(){this.activeStep=Math.max(1,Math.min(this.stepsCount+(this.variant!=="compact"?1:0),this.activeStep))}componentWillLoad(){this.addStepIdsToStepsAndCountSteps();this.setInitialActiveStep();this.setStepsBeforeActiveToComplete()}async componentDidLoad(){if(!p(this.el)){const t=r();a("ifx-stepper",await t)}this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"7a529875a281c722a74d58f109a31e6743a331df","aria-label":this.ariaLabel,"aria-current":this.ariaCurrent,role:"navigation",class:`stepper ${this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant} ${this.variant==="compact"?"compact-"+this.indicatorPosition:""}`},this.variant==="compact"&&s("div",{key:"62184eccbf9a14c2a2f1a1c8654336ef1d16981a",class:"stepper-progress"},s("div",{key:"002baf0e8c26d13b7b1a3cfc970cb35f874fad0a",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"b9d78e30894a1db1b05f3c4555e64be6cd4070b3",class:`stepper-wrapper`},s("slot",{key:"69161109bcba147be42a8293b3e864fb2a2357f4"})))}componentDidRender(){if(this.variant=="compact"){const t=this.el.shadowRoot.querySelector(".stepper-progress");t.style.setProperty("--pb",`${this.activeStep/this.stepsCount*100}%`)}}get el(){return i(this)}static get watchers(){return{activeStep:["handleActiveStep"]}}};h.style=c;export{h as ifx_stepper};
+//# sourceMappingURL=p-72a516f9.entry.js.map

package/dist/infineon-design-system-stencil/p-72a516f9.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stepperCss","Stepper","constructor","hostRef","this","activeStep","indicatorPosition","showStepNumber","variant","shouldEmitEvent","emittedByClick","onStepChange","event","steps","getSteps","previousActiveStep","detail","complete","setAttribute","handleActiveStep","newStep","oldStep","disabled","emitIfxChange","i","stepsCount","ifxChange","emit","totalSteps","el","querySelectorAll","addStepIdsToStepsAndCountSteps","length","lastStep","stepId","setActiveStep","setByClick","setStepsBeforeActiveToComplete","forEach","step","syncIfxSteps","stepperState","bind","setInitialActiveStep","Math","max","min","componentWillLoad","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","componentWillUpdate","render","h","key","ariaLabel","ariaCurrent","role","class","componentDidRender","progressBar","shadowRoot","querySelector","style","setProperty"],"sources":["src/components/stepper/stepper.scss?tag=ifx-stepper&encapsulation=shadow","src/components/stepper/stepper.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n.stepper {\r\n display: flex;\r\n align-items: center;\r\n \r\n &.compact {\r\n align-items: center;\r\n gap: 8px;\r\n \r\n &.compact-right {\r\n flex-direction: row-reverse;\r\n text-align: left;\r\n }\r\n \r\n .stepper-wrapper{\r\n width: unset;\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n &.vertical {\r\n height: 100%;\r\n\r\n .stepper-wrapper {\r\n flex-direction: column;\r\n width: unset;\r\n height: 100%;\r\n }\r\n }\r\n}\r\n\r\n.stepper-wrapper {\r\n display: flex;\r\n flex-direction: row;\r\n width: 100%;\r\n}\r\n\r\n.stepper-wrapper ::slotted(*){\r\n display: flex;\r\n flex: 1;\r\n justify-content: flex-start;\r\n}\r\n\r\n.stepper-progress {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font: tokens.$ifxBodyBodySemibold04;\r\n min-width: tokens.$ifxSize700;\r\n height: tokens.$ifxSize700;\r\n border-radius: tokens.$ifxBorderRadiusRound;\r\n background: conic-gradient(tokens.$ifxColorOcean500 var(--pb, 0%), tokens.$ifxColorEngineering300 0);\r\n \r\n .progress-detail {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n width: (tokens.$ifxSize700)-(tokens.$ifxSize100);\r\n height: (tokens.$ifxSize700)-(tokens.$ifxSize100);\r\n border-radius: tokens.$ifxBorderRadiusRound;\r\n background: white;\r\n }\r\n}\r\n\r\n","import { h, \r\n Component, \r\n Element, \r\n Event, \r\n EventEmitter, \r\n Listen, \r\n Prop, \r\n State, \r\n Watch } from \"@stencil/core\";\r\nimport { StepperState } from \"./interfaces\";\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n tag: 'ifx-stepper',\r\n styleUrl: 'stepper.scss',\r\n shadow: true\r\n})\r\n\r\nexport class Stepper {\r\n @Element() el: HTMLElement;\r\n\r\n @Event() ifxChange: EventEmitter;\r\n\r\n @Prop({ mutable: true }) activeStep: number = 1;\r\n @Prop() indicatorPosition?: 'left' | 'right' = 'left';\r\n @Prop() showStepNumber?: boolean = false;\r\n @Prop() variant?: 'default' | 'compact' | 'vertical' = 'default';\r\n @Prop() ariaLabel: string | null;\r\n @Prop() ariaCurrent: string | null;\r\n\r\n\r\n\r\n @State() stepsCount: number;\r\n @State() shouldEmitEvent: boolean = true;\r\n @State() emittedByClick: boolean = false;\r\n\r\n @Listen('ifxChange') \r\n onStepChange(event: CustomEvent) {\r\n const steps = this.getSteps();\r\n const previousActiveStep = steps[event.detail.previousActiveStep-1];\r\n if (previousActiveStep && !previousActiveStep.complete) {\r\n previousActiveStep.setAttribute('error', 'true');\r\n }\r\n } \r\n\r\n @Watch('activeStep')\r\n handleActiveStep(newStep: number, oldStep: number) {\r\n const steps = this.getSteps();\r\n if (!this.shouldEmitEvent) {\r\n this.shouldEmitEvent = true;\r\n return;\r\n }\r\n // Skipping until the enabled step is found \r\n if(steps[newStep-1]) { \r\n if (!steps[newStep-1].disabled) {\r\n this.emitIfxChange(newStep, oldStep);\r\n } else {\r\n // If coming from higher step number to the lower step number\r\n if (newStep < oldStep) {\r\n let i = newStep;\r\n this.shouldEmitEvent = false;\r\n while (i >= 1 && steps[i-1].disabled) i--;\r\n // if all the steps are disabled no change.\r\n if (i < 1) {\r\n this.activeStep = oldStep;\r\n } else {\r\n this.emitIfxChange(i, oldStep);\r\n this.activeStep = i;\r\n }\r\n } \r\n // If coming from lower step number to the higher step number\r\n else {\r\n let i = newStep;\r\n this.shouldEmitEvent = false;\r\n while (i <= this.stepsCount && steps[i-1].disabled) i++;\r\n if (i > this.stepsCount) {\r\n this.activeStep = oldStep;\r\n } else {\r\n this.emitIfxChange(i, oldStep);\r\n this.activeStep = i;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n emitIfxChange(activeStep: number, previousActiveStep: number) {\r\n this.ifxChange.emit({activeStep: activeStep, \r\n previousActiveStep: previousActiveStep, \r\n totalSteps: this.stepsCount,\r\n emittedByClick: this.emittedByClick\r\n });\r\n this.emittedByClick = false;\r\n }\r\n\r\n getSteps() {\r\n const steps: NodeListOf<HTMLIfxStepElement> = this.el.querySelectorAll('ifx-step');\r\n return steps;\r\n }\r\n\r\n\r\n addStepIdsToStepsAndCountSteps() {\r\n const steps = this.getSteps()\r\n steps[steps.length - 1].lastStep = true;\r\n for (let i = 0; i < steps.length; i++) {\r\n steps[i].stepId = i + 1;\r\n }\r\n this.stepsCount = steps.length;\r\n }\r\n\r\n\r\n setActiveStep(stepId: number, setByClick: boolean = false) {\r\n this.emittedByClick = setByClick;\r\n this.activeStep = stepId;\r\n }\r\n\r\n setStepsBeforeActiveToComplete() {\r\n const steps = this.getSteps();\r\n steps.forEach( (step, stepId) => {\r\n if (stepId+1 < this.activeStep) step.complete = true;\r\n });\r\n }\r\n\r\n syncIfxSteps() {\r\n const steps = this.getSteps()\r\n for (let i = 0; i < steps.length; i++) {\r\n const stepperState: StepperState = { \r\n activeStep: this.activeStep,\r\n indicatorPosition: (this.indicatorPosition !== 'right' ? 'left' : 'right'), \r\n showStepNumber: this.showStepNumber, \r\n variant: ((this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant), \r\n setActiveStep: this.setActiveStep.bind(this)\r\n };\r\n steps[i].stepperState = stepperState;\r\n }\r\n }\r\n\r\n setInitialActiveStep() {\r\n this.activeStep = Math.max(1, Math.min(this.stepsCount + (this.variant !== 'compact' ? 1 : 0), this.activeStep));\r\n }\r\n\r\n\r\n componentWillLoad() {\r\n this.addStepIdsToStepsAndCountSteps();\r\n this.setInitialActiveStep();\r\n this.setStepsBeforeActiveToComplete();\r\n }\r\n \r\n async componentDidLoad() {\r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-stepper', await framework)\r\n }\r\n this.syncIfxSteps();\r\n }\r\n\r\n componentWillUpdate() {\r\n this.syncIfxSteps();\r\n }\r\n\r\n render() {\r\n return (\r\n <div aria-label = {this.ariaLabel}\r\n aria-current={this.ariaCurrent}\r\n role = 'navigation' \r\n class = {`stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-'+this.indicatorPosition: ''}`}>\r\n {\r\n /* Progress bar for compact variant. */\r\n (this.variant === 'compact') && \r\n <div class = 'stepper-progress'>\r\n <div class = 'progress-detail'>\r\n {`${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`}\r\n </div>\r\n </div>\r\n }\r\n \r\n {/* Slot for ifx-steps. */}\r\n <div class = {`stepper-wrapper`}>\r\n <slot />\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n componentDidRender() {\r\n /* Updating progress bar in compact version. */\r\n if (this.variant == 'compact') {\r\n const progressBar: HTMLElement = this.el.shadowRoot.querySelector('.stepper-progress');\r\n progressBar.style.setProperty('--pb', `${(this.activeStep / (this.stepsCount)) * 100}%`);\r\n }\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-9517d1b0.entry.js → p-7cf9f8a3.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as t,a as s}from"./p-PqnYwNKt.js";import{d as i,t as l}from"./p-DcmcuUOA.js";import{i as r}from"./p-Bw2fh5LT.js";const d=':host{display:block}.tree-view{font-family:var(--ifx-font-family, sans-serif);font-size:14px;color:var(--ifx-color-text, #1a1a1a);display:flex;flex-wrap:wrap;flex-direction:column;overflow-x:auto;overflow-y:hidden}.tree-view__label{font:600 1.125rem/1.625rem "Source Sans 3";margin-bottom:8px}';const n=class{constructor(t){e(this,t);this.ifxTreeViewExpandAllChange=a(this,"ifxTreeViewExpandAllChange",7);this.ifxTreeViewDisableAllChange=a(this,"ifxTreeViewDisableAllChange",7);this.disableAllItems=false;this.expandAllItems=false;this.handleSlotRef=e=>{if(e){if(this.disableAllItems){e.setAttribute("data-disable-all-items","true")}else{e.removeAttribute("data-disable-all-items")}if(this.expandAllItems){e.setAttribute("data-expand-all-items","true")}else{e.removeAttribute("data-expand-all-items")}}}}handleExpandAllItemsChange(e){this.ifxTreeViewExpandAllChange.emit(e)}handleDisableAllItemsChange(e){this.ifxTreeViewDisableAllChange.emit(e)}async componentDidLoad(){if(!r(this.el)){const e=i();l("ifx-tree-view",await e)}}render(){return t("div",{key:"d8339646d8f0aab7afd0a0c75423b03106c5eb1f",class:`tree-view ${this.disableAllItems?" tree-view--disabled":""}`,role:"tree","aria-label":this.ariaLabel},this.label&&this.label.trim()!==""&&t("div",{key:"010f9c98e9c17b4d6be10d886dce7738dc094a55",class:"tree-view__label"},this.label),t("slot",{key:"d09ddb739ede79d1b22ec390510444783cc2e8fc",ref:this.handleSlotRef}))}get el(){return s(this)}static get watchers(){return{expandAllItems:["handleExpandAllItemsChange"],disableAllItems:["handleDisableAllItemsChange"]}}};n.style=d;export{n as ifx_tree_view};
-//# sourceMappingURL=p-9517d1b0.entry.js.map
+import{r as e,c as a,h as t,a as s}from"./p-PqnYwNKt.js";import{d as i,t as l}from"./p-DcmcuUOA.js";import{i as r}from"./p-Bw2fh5LT.js";const d=':host{display:block}.tree-view{font-family:var(--ifx-font-family, sans-serif);font-size:14px;color:var(--ifx-color-text, #1a1a1a);display:flex;flex-wrap:wrap;flex-direction:column;overflow-x:auto;overflow-y:hidden}.tree-view__label{font:600 1.125rem/1.625rem "Source Sans 3";margin-bottom:8px}';const n=class{constructor(t){e(this,t);this.ifxTreeViewExpandAllChange=a(this,"ifxTreeViewExpandAllChange",7);this.ifxTreeViewDisableAllChange=a(this,"ifxTreeViewDisableAllChange",7);this.disableAllItems=false;this.expandAllItems=false;this.handleSlotRef=e=>{if(e){if(this.disableAllItems){e.setAttribute("data-disable-all-items","true")}else{e.removeAttribute("data-disable-all-items")}if(this.expandAllItems){e.setAttribute("data-expand-all-items","true")}else{e.removeAttribute("data-expand-all-items")}}}}handleExpandAllItemsChange(e){this.ifxTreeViewExpandAllChange.emit(e)}handleDisableAllItemsChange(e){this.ifxTreeViewDisableAllChange.emit(e)}async componentDidLoad(){if(!r(this.el)){const e=i();l("ifx-tree-view",await e)}}render(){return t("div",{key:"aba162fba2a38dd4db22ed431781a043df9164d3",class:`tree-view ${this.disableAllItems?" tree-view--disabled":""}`,role:"tree","aria-label":this.ariaLabel},this.label&&this.label.trim()!==""&&t("div",{key:"4c145a78864804bf55c39961e6171658b822f8df",class:"tree-view__label"},this.label),t("slot",{key:"9597e6f0faacbca5b3f2d63b643c7cd8e95eb75d",ref:this.handleSlotRef}))}get el(){return s(this)}static get watchers(){return{expandAllItems:["handleExpandAllItemsChange"],disableAllItems:["handleDisableAllItemsChange"]}}};n.style=d;export{n as ifx_tree_view};
+//# sourceMappingURL=p-7cf9f8a3.entry.js.map