@infineon/infineon-design-system-stencil 39.4.4--canary.1723.b2cb04cb46890b174f47cfd446a0e20dc3cee6fc.0 → 39.4.4-canary.0

package/dist/infineon-design-system-stencil/p-DcmcuUOA.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-DcmcuUOA.js","sources":["src/global/utils/tracking.ts","src/global/utils/dom-ready.ts","src/global/utils/framework-detection.ts"],"sourcesContent":["declare global {\n  interface Window {\n    btntConfig?: any;\n    btntQueue?: any[];\n    btnt?: (data: object) => void;\n    INFINEON_TRACKED_COMPONENTS?: Set<string>; \n  }\n}\n\nconst isTestEnvironment = typeof process !== 'undefined' &&\n  process.env &&\n  process.env.NODE_ENV === 'test';\n\nfunction initializeTracking() {\n  if (isTestEnvironment) {\n    if (!window.btnt) { \n      window.btnt = () => { };\n    }\n    return;\n  }\n\n  (function (t, r, _kk, n, pp) {\n    if (typeof window.btntConfig !== \"object\") {\n      window.btntConfig = {\n        domain: \"https://ssgtm.infineon.com\",\n        withCookies: true,\n        maxBatchSize: 10\n      };\n    }\n\n    if (window[\"btnt\"]) return;\n\n    window[\"btnt\"] = function (z) {\n      if (typeof z !== \"object\") {\n        z = {};\n      }\n      if (typeof window.btntQueue !== \"object\") {\n        window.btntQueue = [];\n      }\n      window.btntQueue.push(z);\n    };\n\n    n = t.createElement(r);\n\n    // Add safety check for test environments\n    pp = t.getElementsByTagName(r)[0];\n    if (pp && pp.parentNode) {\n      n.async = 1;\n      n.src = window.btntConfig.domain + \"/btnt.js\";\n      pp.parentNode.insertBefore(n, pp);\n    }\n  })(document, \"script\");\n}\n\nexport function trackComponent(componentName: string, environment: string) {\n  const skipEnvironments = ['jest', 'localhost', 'error'];\n  if (skipEnvironments.includes(environment)) {\n    return;\n  }\n\n  if (!window.INFINEON_TRACKED_COMPONENTS) {\n    window.INFINEON_TRACKED_COMPONENTS = new Set();\n  }\n\n  if (window.INFINEON_TRACKED_COMPONENTS.has(componentName)) {\n    return; \n  }\n\n  window.INFINEON_TRACKED_COMPONENTS.add(componentName);\n\n  if (!window.btnt) initializeTracking();\n\n  window.btnt({\n    event_name: \"component_initialized\",\n    component_name: componentName,\n    environment: environment\n  });\n}\n\nexport default trackComponent;","export const waitForDOMReady = (): Promise<void> => {\n  return new Promise((resolve) => {\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\n      resolve();\n    } else {\n      const onReady = () => {\n        resolve();\n        document.removeEventListener('DOMContentLoaded', onReady);\n      };\n      document.addEventListener('DOMContentLoaded', onReady);\n    }\n  });\n};","let frameworkCache: string | null = null;\nimport { waitForDOMReady } from './dom-ready';\n\nexport const detectFramework = async (): Promise<string> => {\n  if (frameworkCache) return frameworkCache;\n  \n  if (typeof window === 'undefined' || typeof document === 'undefined') {\n    frameworkCache = 'non-browser';\n    return frameworkCache;\n  }\n\n  const win = window as any;\n  const doc = document;\n\n  const isJest = typeof process !== 'undefined' && \n                 process.env && \n                 process.env.NODE_ENV === 'test';\n  if (isJest) {\n    frameworkCache = 'jest';\n    return frameworkCache;\n  }\n\n  const isStorybook = win.location.search.includes('viewMode') || \n                      win.location.href.includes('viewMode') ||\n                      win.__STORYBOOK_ENV__;\n  \n  if (isStorybook) {\n    frameworkCache = 'Storybook';\n    return frameworkCache;\n  }\n\n  const isLocalhost = ['localhost', '127.0.0.1'].includes(win.location.hostname);\n  if (isLocalhost) {\n    frameworkCache = 'localhost';\n    return frameworkCache;\n  }\n\n  try {\n\n    if (win.React || win.ReactDOM) {\n      frameworkCache = 'React';\n      return frameworkCache;\n    }\n    \n    if (win.ng || win.getAllAngularRootElements) {\n      frameworkCache = 'Angular';\n      return frameworkCache;\n    }\n    \n    if (win.Vue || win.__VUE__) {\n      frameworkCache = 'Vue';\n      return frameworkCache;\n    }\n\n    await waitForDOMReady();\n\n    const reactRoot = doc.querySelector('[data-reactroot], [data-reactid]');\n    if (reactRoot) {\n      frameworkCache = 'React';\n      return frameworkCache;\n    }\n    \n    const rootContainers = Array.from(doc.querySelectorAll('body > div'));\n    const hasReactRoot = rootContainers.some(container => {\n      const keys = Object.keys(container);\n      return keys.some(key => key.startsWith('__reactContainer'));\n    });\n    \n    if (hasReactRoot) {\n      frameworkCache = 'React';\n      return frameworkCache;\n    }\n    \n    if (doc.querySelector('[ng-version], [ng-app]')) {\n      frameworkCache = 'Angular';\n      return frameworkCache;\n    }\n    \n    if (doc.querySelector('[data-v-app]')) {\n      frameworkCache = 'Vue';\n      return frameworkCache;\n    }\n\n    frameworkCache = 'Vanilla';\n    return frameworkCache;\n  } catch (e) {\n    frameworkCache = 'error';\n    return frameworkCache;\n  }\n};"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-DcmcuUOA.js","sources":["src/global/utils/tracking.ts","src/global/utils/dom-ready.ts","src/global/utils/framework-detection.ts"],"sourcesContent":["declare global {\r\n  interface Window {\r\n    btntConfig?: any;\r\n    btntQueue?: any[];\r\n    btnt?: (data: object) => void;\r\n    INFINEON_TRACKED_COMPONENTS?: Set<string>; \r\n  }\r\n}\r\n\r\nconst isTestEnvironment = typeof process !== 'undefined' &&\r\n  process.env &&\r\n  process.env.NODE_ENV === 'test';\r\n\r\nfunction initializeTracking() {\r\n  if (isTestEnvironment) {\r\n    if (!window.btnt) { \r\n      window.btnt = () => { };\r\n    }\r\n    return;\r\n  }\r\n\r\n  (function (t, r, _kk, n, pp) {\r\n    if (typeof window.btntConfig !== \"object\") {\r\n      window.btntConfig = {\r\n        domain: \"https://ssgtm.infineon.com\",\r\n        withCookies: true,\r\n        maxBatchSize: 10\r\n      };\r\n    }\r\n\r\n    if (window[\"btnt\"]) return;\r\n\r\n    window[\"btnt\"] = function (z) {\r\n      if (typeof z !== \"object\") {\r\n        z = {};\r\n      }\r\n      if (typeof window.btntQueue !== \"object\") {\r\n        window.btntQueue = [];\r\n      }\r\n      window.btntQueue.push(z);\r\n    };\r\n\r\n    n = t.createElement(r);\r\n\r\n    // Add safety check for test environments\r\n    pp = t.getElementsByTagName(r)[0];\r\n    if (pp && pp.parentNode) {\r\n      n.async = 1;\r\n      n.src = window.btntConfig.domain + \"/btnt.js\";\r\n      pp.parentNode.insertBefore(n, pp);\r\n    }\r\n  })(document, \"script\");\r\n}\r\n\r\nexport function trackComponent(componentName: string, environment: string) {\r\n  const skipEnvironments = ['jest', 'localhost', 'error'];\r\n  if (skipEnvironments.includes(environment)) {\r\n    return;\r\n  }\r\n\r\n  if (!window.INFINEON_TRACKED_COMPONENTS) {\r\n    window.INFINEON_TRACKED_COMPONENTS = new Set();\r\n  }\r\n\r\n  if (window.INFINEON_TRACKED_COMPONENTS.has(componentName)) {\r\n    return; \r\n  }\r\n\r\n  window.INFINEON_TRACKED_COMPONENTS.add(componentName);\r\n\r\n  if (!window.btnt) initializeTracking();\r\n\r\n  window.btnt({\r\n    event_name: \"component_initialized\",\r\n    component_name: componentName,\r\n    environment: environment\r\n  });\r\n}\r\n\r\nexport default trackComponent;","export const waitForDOMReady = (): Promise<void> => {\r\n  return new Promise((resolve) => {\r\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n      resolve();\r\n    } else {\r\n      const onReady = () => {\r\n        resolve();\r\n        document.removeEventListener('DOMContentLoaded', onReady);\r\n      };\r\n      document.addEventListener('DOMContentLoaded', onReady);\r\n    }\r\n  });\r\n};","let frameworkCache: string | null = null;\r\nimport { waitForDOMReady } from './dom-ready';\r\n\r\nexport const detectFramework = async (): Promise<string> => {\r\n  if (frameworkCache) return frameworkCache;\r\n  \r\n  if (typeof window === 'undefined' || typeof document === 'undefined') {\r\n    frameworkCache = 'non-browser';\r\n    return frameworkCache;\r\n  }\r\n\r\n  const win = window as any;\r\n  const doc = document;\r\n\r\n  const isJest = typeof process !== 'undefined' && \r\n                 process.env && \r\n                 process.env.NODE_ENV === 'test';\r\n  if (isJest) {\r\n    frameworkCache = 'jest';\r\n    return frameworkCache;\r\n  }\r\n\r\n  const isStorybook = win.location.search.includes('viewMode') || \r\n                      win.location.href.includes('viewMode') ||\r\n                      win.__STORYBOOK_ENV__;\r\n  \r\n  if (isStorybook) {\r\n    frameworkCache = 'Storybook';\r\n    return frameworkCache;\r\n  }\r\n\r\n  const isLocalhost = ['localhost', '127.0.0.1'].includes(win.location.hostname);\r\n  if (isLocalhost) {\r\n    frameworkCache = 'localhost';\r\n    return frameworkCache;\r\n  }\r\n\r\n  try {\r\n\r\n    if (win.React || win.ReactDOM) {\r\n      frameworkCache = 'React';\r\n      return frameworkCache;\r\n    }\r\n    \r\n    if (win.ng || win.getAllAngularRootElements) {\r\n      frameworkCache = 'Angular';\r\n      return frameworkCache;\r\n    }\r\n    \r\n    if (win.Vue || win.__VUE__) {\r\n      frameworkCache = 'Vue';\r\n      return frameworkCache;\r\n    }\r\n\r\n    await waitForDOMReady();\r\n\r\n    const reactRoot = doc.querySelector('[data-reactroot], [data-reactid]');\r\n    if (reactRoot) {\r\n      frameworkCache = 'React';\r\n      return frameworkCache;\r\n    }\r\n    \r\n    const rootContainers = Array.from(doc.querySelectorAll('body > div'));\r\n    const hasReactRoot = rootContainers.some(container => {\r\n      const keys = Object.keys(container);\r\n      return keys.some(key => key.startsWith('__reactContainer'));\r\n    });\r\n    \r\n    if (hasReactRoot) {\r\n      frameworkCache = 'React';\r\n      return frameworkCache;\r\n    }\r\n    \r\n    if (doc.querySelector('[ng-version], [ng-app]')) {\r\n      frameworkCache = 'Angular';\r\n      return frameworkCache;\r\n    }\r\n    \r\n    if (doc.querySelector('[data-v-app]')) {\r\n      frameworkCache = 'Vue';\r\n      return frameworkCache;\r\n    }\r\n\r\n    frameworkCache = 'Vanilla';\r\n    return frameworkCache;\r\n  } catch (e) {\r\n    frameworkCache = 'error';\r\n    return frameworkCache;\r\n  }\r\n};"],"names":[],"mappings":"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"}

package/dist/infineon-design-system-stencil/{p-0be8f0c9.entry.js → p-a3feab7d.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,a as s}from"./p-PqnYwNKt.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{position:relative;display:block}:host([data-has-icon=false]){display:var(--ifx-sidebar-item-without-icon-display, block)}.sidebar__nav-item:focus-visible,.sidebar__nav-item.header__section:focus-visible{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.sidebar__nav-item:focus-visible .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:focus-visible .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:focus-visible .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item{display:flex;flex-direction:var(--ifx-sidebar-item-flex-direction, row);align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1D1D1D;cursor:pointer;font-family:var(--ifx-font-family)}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0A8276}.sidebar__nav-item.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;border-top:1px solid #EEEDED;padding:16px 0px;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.no-top-border{border-top:none}.sidebar__nav-item.header__section.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.header__section.open{padding:16px 0px 8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1D1D1D;font-family:Source Sans 3;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;flex:none;order:1;flex-grow:1;cursor:pointer;display:var(--ifx-sidebar-item-text-display, flex)}.sidebar__nav-item .sidebar__nav-item-indicator{display:var(--ifx-sidebar-item-text-display, flex);flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0;position:relative}:host([data-sidebar-collapsed]) .sidebar__nav-item .sidebar__nav-item-indicator{position:absolute;top:0;right:0;z-index:10;padding:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}';const n=class{constructor(t){e(this,t);this.ifxSidebarMenu=i(this,"ifxSidebarMenu",7);this.ifxSidebarNavigationItem=i(this,"ifxSidebarNavigationItem",7);this.ifxSidebarActionItem=i(this,"ifxSidebarActionItem",7);this.icon="";this.showIcon=true;this.showIconWrapper=false;this.href="";this.internalHref="";this.target="_self";this.isExpandable=false;this.isNested=true;this.isSubMenuItem=false;this.active=false;this.isActionItem=false;this.indicatorVariant="number";this.internalActiveState=false;this.titleText=""}handleActiveChange(e,i){if(this.isActionItem){this.internalActiveState=false;return}this.internalActiveState=e;if(e!==i){let i=this.getNavItem(this.el.shadowRoot);if(!this.isExpandable&&!e){this.handleClassList(i,"remove","active")}if(!this.isExpandable&&e){this.handleClassList(i,"add","active")}}}handleNumberIndicatorChange(){this.updateIndicatorVariant()}handleConsoleError(e){if(e.detail){this.showIcon=false}else{this.showIcon=true}}handleEventEmission(){this.ifxSidebarMenu.emit(this.el)}handleClassList(e,i,t){e.classList[i](t);if(i==="contains"){return e.classList.contains(t)}}getExpandableMenu(){const e=this.el.shadowRoot.querySelector(".expandable__submenu");return e}getNavItem(e){return e===null||e===void 0?void 0:e.querySelector(".sidebar__nav-item")}getSidebarMenuItems(e=this.el){const i=e.querySelectorAll("ifx-sidebar-item");if(i.length===0){return e.shadowRoot.querySelectorAll("ifx-sidebar-item")}return i}getSidebarMenuItem(){const e=this.el.shadowRoot.querySelector(".sidebar__nav-item");return e}toggleSubmenu(){if(this.isExpandable){const e=this.getSidebarMenuItem();const i=this.getExpandableMenu();this.handleClassList(i,"toggle","open");this.handleClassList(e,"toggle","open");this.handleEventEmission()}else{if(this.isActionItem){this.ifxSidebarActionItem.emit(this.el);return}else{this.handleActiveChange(true,this.internalActiveState);this.ifxSidebarNavigationItem.emit(this.el)}if(this.handleItemClick){this.handleItemClick(this.el)}}}handleExpandableMenu(e){const i=this.getExpandableMenu();e.forEach((e=>{const t=document.createElement("li");t.appendChild(e);i.appendChild(t)}))}parentElementIsSidebar(){const e=this.el.parentElement;if(e.tagName.toUpperCase()==="IFX-SIDEBAR"){return true}else return false}checkIfMenuItemIsNested(){const e=this.parentElementIsSidebar();if(e){this.isNested=false}}checkIfMenuItemIsSubMenu(){const e=this.el.parentElement;const i=this.getNavItem(e.shadowRoot);if(e.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&!this.handleClassList(i,"contains","header__section")){this.isSubMenuItem=true}else{this.isSubMenuItem=false}}isActive(e){const i=e.getAttribute("active");const t=i==="true";return t}getParentSection(e){let i=e.parentElement;while(i&&i.tagName.toUpperCase()!=="IFX-SIDEBAR"){if(i.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){return i}i=i.parentElement}return null}handleBorderIndicatorDisplacement(e){const i=(e,t)=>{const s=this.isActive(e);if(s){const e=this.handleClassList(t,"contains","open");const i=this.getActiveItemSection();if(!e){this.handleClassList(i,"add","active-section")}else{this.handleClassList(i,"remove","active-section")}}const a=this.getSidebarMenuItems(e);a.forEach((e=>i(e,t)))};const t=this.getSidebarMenuItems();t.forEach((t=>i(t,e)))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}getActiveItemSection(){const e=this.parentElementIsSidebar();if(e){const e=this.getNavItem(this.el.shadowRoot);return e}else{const e=this.getNavItem(this.el.shadowRoot);return e}}async setActiveClasses(){const e=this.getNavItem(this.el.shadowRoot);this.handleClassList(e,"add","active")}async expandMenu(e){const i=this.getSidebarMenuItem();const t=this.getExpandableMenu();this.handleClassList(t,"add","open");this.handleClassList(i,"add","open");if(e){this.handleClassList(t,"remove","active-section");this.handleClassList(i,"remove","active-section")}}async isItemExpandable(){return this.isExpandable}handleActiveState(){if(this.internalActiveState){this.setActiveClasses()}}handleKeyDown(e){if(e.key==="Enter"){this.toggleSubmenu()}}componentDidLoad(){this.handleActiveState();if(this.isExpandable){const e=this.getSidebarMenuItems();this.handleExpandableMenu(e)}this.updateIndicatorVariant();this.observeCollapsedState();this.extractTitleText()}extractTitleText(){const e=this.el.shadowRoot.querySelector("slot");if(e){const i=e.assignedNodes();this.titleText=i.filter((e=>e.nodeType===Node.TEXT_NODE||e.nodeType===Node.ELEMENT_NODE)).map((e=>{var i;return((i=e.textContent)===null||i===void 0?void 0:i.trim())||""})).join(" ").trim()}}updateIndicatorVariant(){const e=this.el.hasAttribute("data-sidebar-collapsed");if(this.numberIndicator>0){this.indicatorVariant=e?"dot":"number"}}observeCollapsedState(){const e=new MutationObserver((()=>{this.updateIndicatorVariant()}));e.observe(this.el,{attributes:true,attributeFilter:["data-sidebar-collapsed"]})}componentWillLoad(){this.internalActiveState=this.active;this.checkIfMenuItemIsNested();this.checkIfMenuItemIsSubMenu();this.setHref();this.el.setAttribute("data-has-icon",this.icon?"true":"false");const e=this.getSidebarMenuItems();if(e.length!==0){this.isExpandable=true}else{this.isExpandable=false}}componentWillUpdate(){if(this.active&&!this.internalActiveState){this.internalActiveState=this.active;this.ifxSidebarNavigationItem.emit(this.el)}}render(){const e=this.el.hasAttribute("data-sidebar-collapsed");const i=this.el.hasAttribute("data-hide-in-collapsed");return t("div",{key:"491cbffba289bab9d633a08724a2bf1575b92d9f",style:{display:i?"none":"block"}},t("a",{key:"50a8e5dd2298c86711260427549b7d86601d5b46",tabIndex:1,onKeyDown:e=>this.handleKeyDown(e),href:this.internalHref,onClick:()=>this.toggleSubmenu(),target:this.target,class:`sidebar__nav-item ${!this.isNested&&this.isExpandable?"header__section":""} ${this.isSubMenuItem?"submenu__item":""}`,title:this.titleText},this.icon&&t("div",{key:"b27c805c73bd5404b648f493c4ded4d689b9eb3c",class:`sidebar__nav-item-icon-wrapper ${!this.showIcon&&!e?"noIcon":""}`},t("ifx-icon",{key:"2049a5d0f58106ad977b68c848c8c0f21182a86d",icon:this.icon})),t("div",{key:"c140a72eb126c87989c71066f287cea862060562",class:"sidebar__nav-item-label"},t("slot",{key:"ee9708e5f3591b34e7251546cab50224967abffe"})),(this.isExpandable||!isNaN(this.numberIndicator))&&t("div",{key:"d5ac6af6cf668e3463626c7b0f8f5694d23d2d1f",class:"sidebar__nav-item-indicator",style:{display:!e||this.icon?"flex":"none"}},this.isExpandable&&t("span",{key:"7ff6bd7e736d73392e8786980b740b0d1f1b1ac2",class:"item__arrow-wrapper"},t("ifx-icon",{key:"dc62663bee631edbb5a1126b5b2cd4bfb6125c98",icon:"chevron-down-16"})),this.numberIndicator>0&&!this.isExpandable&&!this.isNested&&t("span",{key:"2a02e2d009f260b57c7fb75cdce87366e56e5a53",class:"item__number-indicator"},t("ifx-indicator",{key:"8dcaf820d27afd21722e4f02f81e4d52441d5458",variant:this.indicatorVariant,number:this.numberIndicator})))),this.isExpandable&&t("ul",{key:"c55eb1c02512807fe889dff1e2b9e3455bc5cc23",class:"expandable__submenu"}))}get el(){return s(this)}static get watchers(){return{active:["handleActiveChange"],numberIndicator:["handleNumberIndicatorChange"]}}};n.style=a;export{n as ifx_sidebar_item};
-//# sourceMappingURL=p-0be8f0c9.entry.js.map
+import{r as e,c as i,h as t,a as s}from"./p-PqnYwNKt.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{position:relative;display:block}:host([data-has-icon=false]){display:var(--ifx-sidebar-item-without-icon-display, block)}.sidebar__nav-item:focus-visible,.sidebar__nav-item.header__section:focus-visible{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.sidebar__nav-item:focus-visible .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:focus-visible .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:focus-visible .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item{display:flex;flex-direction:var(--ifx-sidebar-item-flex-direction, row);align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1D1D1D;cursor:pointer;font-family:var(--ifx-font-family)}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0A8276}.sidebar__nav-item.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;border-top:1px solid #EEEDED;padding:16px 0px;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.no-top-border{border-top:none}.sidebar__nav-item.header__section.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.header__section.open{padding:16px 0px 8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1D1D1D;font-family:Source Sans 3;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;flex:none;order:1;flex-grow:1;cursor:pointer;display:var(--ifx-sidebar-item-text-display, flex)}.sidebar__nav-item .sidebar__nav-item-indicator{display:var(--ifx-sidebar-item-text-display, flex);flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0;position:relative}:host([data-sidebar-collapsed]) .sidebar__nav-item .sidebar__nav-item-indicator{position:absolute;top:0;right:0;z-index:10;padding:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}';const n=class{constructor(t){e(this,t);this.ifxSidebarMenu=i(this,"ifxSidebarMenu",7);this.ifxSidebarNavigationItem=i(this,"ifxSidebarNavigationItem",7);this.ifxSidebarActionItem=i(this,"ifxSidebarActionItem",7);this.icon="";this.showIcon=true;this.showIconWrapper=false;this.href="";this.internalHref="";this.target="_self";this.isExpandable=false;this.isNested=true;this.isSubMenuItem=false;this.active=false;this.isActionItem=false;this.indicatorVariant="number";this.internalActiveState=false;this.titleText=""}handleActiveChange(e,i){if(this.isActionItem){this.internalActiveState=false;return}this.internalActiveState=e;if(e!==i){let i=this.getNavItem(this.el.shadowRoot);if(!this.isExpandable&&!e){this.handleClassList(i,"remove","active")}if(!this.isExpandable&&e){this.handleClassList(i,"add","active")}}}handleNumberIndicatorChange(){this.updateIndicatorVariant()}handleConsoleError(e){if(e.detail){this.showIcon=false}else{this.showIcon=true}}handleEventEmission(){this.ifxSidebarMenu.emit(this.el)}handleClassList(e,i,t){e.classList[i](t);if(i==="contains"){return e.classList.contains(t)}}getExpandableMenu(){const e=this.el.shadowRoot.querySelector(".expandable__submenu");return e}getNavItem(e){return e===null||e===void 0?void 0:e.querySelector(".sidebar__nav-item")}getSidebarMenuItems(e=this.el){const i=e.querySelectorAll("ifx-sidebar-item");if(i.length===0){return e.shadowRoot.querySelectorAll("ifx-sidebar-item")}return i}getSidebarMenuItem(){const e=this.el.shadowRoot.querySelector(".sidebar__nav-item");return e}toggleSubmenu(){if(this.isExpandable){const e=this.getSidebarMenuItem();const i=this.getExpandableMenu();this.handleClassList(i,"toggle","open");this.handleClassList(e,"toggle","open");this.handleEventEmission()}else{if(this.isActionItem){this.ifxSidebarActionItem.emit(this.el);return}else{this.handleActiveChange(true,this.internalActiveState);this.ifxSidebarNavigationItem.emit(this.el)}if(this.handleItemClick){this.handleItemClick(this.el)}}}handleExpandableMenu(e){const i=this.getExpandableMenu();e.forEach((e=>{const t=document.createElement("li");t.appendChild(e);i.appendChild(t)}))}parentElementIsSidebar(){const e=this.el.parentElement;if(e.tagName.toUpperCase()==="IFX-SIDEBAR"){return true}else return false}checkIfMenuItemIsNested(){const e=this.parentElementIsSidebar();if(e){this.isNested=false}}checkIfMenuItemIsSubMenu(){const e=this.el.parentElement;const i=this.getNavItem(e.shadowRoot);if(e.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&!this.handleClassList(i,"contains","header__section")){this.isSubMenuItem=true}else{this.isSubMenuItem=false}}isActive(e){const i=e.getAttribute("active");const t=i==="true";return t}getParentSection(e){let i=e.parentElement;while(i&&i.tagName.toUpperCase()!=="IFX-SIDEBAR"){if(i.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){return i}i=i.parentElement}return null}handleBorderIndicatorDisplacement(e){const i=(e,t)=>{const s=this.isActive(e);if(s){const e=this.handleClassList(t,"contains","open");const i=this.getActiveItemSection();if(!e){this.handleClassList(i,"add","active-section")}else{this.handleClassList(i,"remove","active-section")}}const a=this.getSidebarMenuItems(e);a.forEach((e=>i(e,t)))};const t=this.getSidebarMenuItems();t.forEach((t=>i(t,e)))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}getActiveItemSection(){const e=this.parentElementIsSidebar();if(e){const e=this.getNavItem(this.el.shadowRoot);return e}else{const e=this.getNavItem(this.el.shadowRoot);return e}}async setActiveClasses(){const e=this.getNavItem(this.el.shadowRoot);this.handleClassList(e,"add","active")}async expandMenu(e){const i=this.getSidebarMenuItem();const t=this.getExpandableMenu();this.handleClassList(t,"add","open");this.handleClassList(i,"add","open");if(e){this.handleClassList(t,"remove","active-section");this.handleClassList(i,"remove","active-section")}}async isItemExpandable(){return this.isExpandable}handleActiveState(){if(this.internalActiveState){this.setActiveClasses()}}handleKeyDown(e){if(e.key==="Enter"){this.toggleSubmenu()}}componentDidLoad(){this.handleActiveState();if(this.isExpandable){const e=this.getSidebarMenuItems();this.handleExpandableMenu(e)}this.updateIndicatorVariant();this.observeCollapsedState();this.extractTitleText()}extractTitleText(){const e=this.el.shadowRoot.querySelector("slot");if(e){const i=e.assignedNodes();this.titleText=i.filter((e=>e.nodeType===Node.TEXT_NODE||e.nodeType===Node.ELEMENT_NODE)).map((e=>{var i;return((i=e.textContent)===null||i===void 0?void 0:i.trim())||""})).join(" ").trim()}}updateIndicatorVariant(){const e=this.el.hasAttribute("data-sidebar-collapsed");if(this.numberIndicator>0){this.indicatorVariant=e?"dot":"number"}}observeCollapsedState(){const e=new MutationObserver((()=>{this.updateIndicatorVariant()}));e.observe(this.el,{attributes:true,attributeFilter:["data-sidebar-collapsed"]})}componentWillLoad(){this.internalActiveState=this.active;this.checkIfMenuItemIsNested();this.checkIfMenuItemIsSubMenu();this.setHref();this.el.setAttribute("data-has-icon",this.icon?"true":"false");const e=this.getSidebarMenuItems();if(e.length!==0){this.isExpandable=true}else{this.isExpandable=false}}componentWillUpdate(){if(this.active&&!this.internalActiveState){this.internalActiveState=this.active;this.ifxSidebarNavigationItem.emit(this.el)}}render(){const e=this.el.hasAttribute("data-sidebar-collapsed");const i=this.el.hasAttribute("data-hide-in-collapsed");return t("div",{key:"c0da686ed7bfbcfb1637050b27e5a60129feceac",style:{display:i?"none":"block"}},t("a",{key:"5c495c69f296c436dc7c2806d0f52b6b6e2a4f34",tabIndex:1,onKeyDown:e=>this.handleKeyDown(e),href:this.internalHref,onClick:()=>this.toggleSubmenu(),target:this.target,class:`sidebar__nav-item ${!this.isNested&&this.isExpandable?"header__section":""} ${this.isSubMenuItem?"submenu__item":""}`,title:this.titleText},this.icon&&t("div",{key:"9e1b5f6b65ec6ac4c06f7bf5e89c001d645ebe86",class:`sidebar__nav-item-icon-wrapper ${!this.showIcon&&!e?"noIcon":""}`},t("ifx-icon",{key:"b2fc6a9960dee7619058286748100a87660d5e38",icon:this.icon})),t("div",{key:"9521ce2438b9c0282d761017cf91203ac89bb731",class:"sidebar__nav-item-label"},t("slot",{key:"3c1e691de3f6371b653422c723b278230da389a7"})),(this.isExpandable||!isNaN(this.numberIndicator))&&t("div",{key:"470e3593aadb94681d26fa7f0e2b17c53f5b3836",class:"sidebar__nav-item-indicator",style:{display:!e||this.icon?"flex":"none"}},this.isExpandable&&t("span",{key:"8427bdc7f7209db63dc1025902354cebae73c606",class:"item__arrow-wrapper"},t("ifx-icon",{key:"5fe69e9d047a68ee76137528a5fa6217595ab44b",icon:"chevron-down-16"})),this.numberIndicator>0&&!this.isExpandable&&!this.isNested&&t("span",{key:"ef42139f67caa2658a8ebc695bbc6349a4fccc69",class:"item__number-indicator"},t("ifx-indicator",{key:"d3447bc5aefae79b39293afeecb93fc88f78c777",variant:this.indicatorVariant,number:this.numberIndicator})))),this.isExpandable&&t("ul",{key:"ee2551afec6ac236ca1e377a90e9c0b5bb305f3e",class:"expandable__submenu"}))}get el(){return s(this)}static get watchers(){return{active:["handleActiveChange"],numberIndicator:["handleNumberIndicatorChange"]}}};n.style=a;export{n as ifx_sidebar_item};
+//# sourceMappingURL=p-a3feab7d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sidebarItemCss","SidebarItem","constructor","hostRef","this","icon","showIcon","showIconWrapper","href","internalHref","target","isExpandable","isNested","isSubMenuItem","active","isActionItem","indicatorVariant","internalActiveState","titleText","handleActiveChange","newValue","oldValue","labelElement","getNavItem","el","shadowRoot","handleClassList","handleNumberIndicatorChange","updateIndicatorVariant","handleConsoleError","event","detail","handleEventEmission","ifxSidebarMenu","emit","type","className","classList","contains","getExpandableMenu","expandableSubmenu","querySelector","getSidebarMenuItems","sidebarItems","querySelectorAll","length","getSidebarMenuItem","sidebarItem","toggleSubmenu","menuItem","expandableMenu","ifxSidebarActionItem","ifxSidebarNavigationItem","handleItemClick","handleExpandableMenu","sidebarExpandableMenu","forEach","li","document","createElement","appendChild","parentElementIsSidebar","parentElement","tagName","toUpperCase","checkIfMenuItemIsNested","parentIsSidebar","checkIfMenuItemIsSubMenu","navItem","isActive","iteratedComponent","activeAttributeValue","getAttribute","getParentSection","handleBorderIndicatorDisplacement","handleItem","item","isOpen","activeMenuItemSection","getActiveItemSection","children","child","topLevelItems","setHref","toLowerCase","trim","undefined","setActiveClasses","activeMenuItem","expandMenu","ac","isItemExpandable","handleActiveState","handleKeyDown","key","componentDidLoad","observeCollapsedState","extractTitleText","slotElement","assignedNodes","filter","node","nodeType","Node","TEXT_NODE","ELEMENT_NODE","map","_a","textContent","join","isCollapsed","hasAttribute","numberIndicator","observer","MutationObserver","observe","attributes","attributeFilter","componentWillLoad","setAttribute","componentWillUpdate","render","shouldHide","h","style","display","tabIndex","onKeyDown","onClick","class","title","isNaN","variant","number"],"sources":["src/components/navigation/sidebar/sidebar-item.scss?tag=ifx-sidebar-item&encapsulation=shadow","src/components/navigation/sidebar/sidebar-item.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: block;\r\n}\r\n\r\n:host([data-has-icon=\"false\"]) {\r\n  display: var(--ifx-sidebar-item-without-icon-display, block);\r\n}\r\n\r\n.sidebar__nav-item,\r\n.sidebar__nav-item.header__section {\r\n  &:focus-visible {\r\n      outline: none;\r\n      box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n\r\n    & .sidebar__nav-item-icon-wrapper {\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    & .sidebar__nav-item-label {\r\n      outline: none;\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    & .sidebar__nav-item-indicator {\r\n      & .item__arrow-wrapper {\r\n        & ifx-icon {\r\n          color: tokens.$ifxColorOcean600;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n\r\n  &:hover {\r\n    outline: none;\r\n\r\n    & .sidebar__nav-item-icon-wrapper {\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    & .sidebar__nav-item-label {\r\n      outline: none;\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    & .sidebar__nav-item-indicator {\r\n      & .item__arrow-wrapper {\r\n        & ifx-icon {\r\n          color: tokens.$ifxColorOcean600;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.sidebar__nav-item {\r\n  display: flex;\r\n  flex-direction: var(--ifx-sidebar-item-flex-direction, row);\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 8px 0px;\r\n  gap: 4px;\r\n  flex: none;\r\n  order: 0;\r\n  flex-grow: 0;\r\n  text-decoration: none;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  cursor: pointer;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n\r\n  &.extra-padding__bottom {\r\n    padding: 8px 0px 16px 0px;\r\n  }\r\n\r\n  &.active {\r\n    color: tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &.active-section {\r\n    &::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -32px;\r\n      height: 40px;\r\n      width: 2px;\r\n      background: tokens.$ifxColorOcean500;\r\n    }\r\n  }\r\n\r\n\r\n  &.open {\r\n    padding: 8px 0px;\r\n\r\n    & .sidebar__nav-item-label {\r\n      font-size: 16px;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 24px;\r\n    }\r\n\r\n    & .sidebar__nav-item-indicator {\r\n      & .item__arrow-wrapper {\r\n        & ifx-icon {\r\n          transform: rotate(-180deg);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.header__section {\r\n    box-sizing: padding-box;\r\n    border-top: 1px solid tokens.$ifxColorEngineering200;\r\n    padding: 16px 0px;\r\n    display: -webkit-flex;\r\n    -webkit-line-clamp: 1;\r\n    -webkit-box-orient: horizontal;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n\r\n    &.no-top-border {\r\n      border-top: none;\r\n    }\r\n\r\n    &.active-section {\r\n      &::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        left: -32px;\r\n        height: 40px;\r\n        width: 2px;\r\n        background: tokens.$ifxColorOcean500;\r\n      }\r\n    }\r\n\r\n    &.open {\r\n\r\n      padding: 16px 0px 8px 0px;\r\n\r\n      & .sidebar__nav-item-indicator {\r\n        & .item__arrow-wrapper {\r\n          & ifx-icon {\r\n            transform: rotate(-180deg);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    & .sidebar__nav-item-label {\r\n      color: tokens.$ifxColorBaseBlack;\r\n      font-family: Source Sans 3;\r\n      font-size: 16px;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n      line-height: 24px;\r\n    }\r\n  }\r\n\r\n  &.submenu__item {\r\n    padding: 4px 0px;\r\n\r\n    &.extra-padding__bottom {\r\n      padding: 4px 0px 16px 0px;\r\n    }\r\n  }\r\n\r\n  & .sidebar__nav-item-icon-wrapper {\r\n    display: flex;\r\n    width: tokens.$ifxSize300;\r\n    height: tokens.$ifxSize300;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: tokens.$ifxSpace100;\r\n    flex-shrink: 0;\r\n\r\n    &.noIcon {\r\n      display: none;\r\n    }\r\n\r\n    & ifx-icon {\r\n      width: tokens.$ifxSize200;\r\n      height: tokens.$ifxSize200;\r\n    }\r\n  }\r\n\r\n  & .sidebar__nav-item-label {\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: tokens.$ifxFontSizeM;\r\n    line-height: tokens.$ifxLineHeightM;\r\n    display: flex;\r\n    align-items: center;\r\n    flex: none;\r\n    order: 1;\r\n    flex-grow: 1;\r\n    cursor: pointer;\r\n    display: var(--ifx-sidebar-item-text-display, flex);\r\n  }\r\n\r\n  & .sidebar__nav-item-indicator {\r\n    display: var(--ifx-sidebar-item-text-display, flex);\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0px 4px;\r\n    flex: none;\r\n    order: 2;\r\n    flex-grow: 0;\r\n    position: relative;\r\n\r\n    // Collapsed state styling - position indicator over icon\r\n    :host([data-sidebar-collapsed]) & {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      z-index: 10;\r\n      padding: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.expandable__submenu {\r\n  display: none;\r\n  list-style-type: none;\r\n  flex-direction: column;\r\n  padding: 0;\r\n  margin: 0;\r\n  padding-left: 40px;\r\n\r\n  &.open {\r\n    display: flex;\r\n  }\r\n}\r\n\r\n.header__section+.expandable__submenu {\r\n  padding-left: 0;\r\n}","import { Component, h, Prop, Element, State, Listen, Watch, Event, EventEmitter, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-sidebar-item',\r\n  styleUrl: 'sidebar-item.scss',\r\n  shadow: true\r\n})\r\nexport class SidebarItem {\r\n  @Element() el;\r\n  @Prop() icon: string = \"\"\r\n  @State() showIcon: boolean = true;\r\n  @State() showIconWrapper: boolean = false;\r\n  @Prop() href: string = \"\";\r\n  @State() internalHref: string = \"\";\r\n  @Prop() target: string = \"_self\";\r\n  @State() isExpandable: boolean = false;\r\n  @State() isNested: boolean = true;\r\n  @State() isSubMenuItem: boolean = false;\r\n  @Prop() numberIndicator: number;\r\n  @Prop() active: boolean = false; // set to true manually or by clicking on a navigation item\r\n  @Prop() isActionItem: boolean = false; // if an item is an action item, it can not become active\r\n  @State() indicatorVariant: 'number' | 'dot' = 'number';\r\n\r\n  @State() internalActiveState: boolean = false;\r\n \r\n  @Event({ bubbles: true, composed: true }) ifxSidebarMenu: EventEmitter;\r\n  @Event({ bubbles: true, composed: true }) ifxSidebarNavigationItem: EventEmitter;\r\n  @Event({ bubbles: true, composed: true }) ifxSidebarActionItem: EventEmitter;\r\n\r\n  @Prop() handleItemClick: (item: HTMLElement) => void;\r\n\r\n  private titleText: string = '';\r\n\r\n  @Watch('active')\r\n  handleActiveChange(newValue: boolean, oldValue: boolean) {\r\n    // If the item is an action item, ignore the active prop\r\n    if (this.isActionItem) {\r\n      this.internalActiveState = false;\r\n      return;\r\n    }\r\n    this.internalActiveState = newValue;\r\n    if (newValue !== oldValue) {\r\n      let labelElement = this.getNavItem(this.el.shadowRoot)\r\n      if (!this.isExpandable && !newValue) {\r\n        this.handleClassList(labelElement, 'remove', 'active');\r\n      }\r\n      if (!this.isExpandable && newValue) {\r\n        this.handleClassList(labelElement, 'add', 'active');\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch('numberIndicator')  \r\n  handleNumberIndicatorChange() {\r\n    this.updateIndicatorVariant();\r\n  }\r\n\r\n  @Listen('consoleError')\r\n  handleConsoleError(event: CustomEvent<boolean>) {\r\n    if (event.detail) {\r\n      this.showIcon = false;\r\n    } else {\r\n      this.showIcon = true;\r\n    }\r\n  }\r\n\r\n  handleEventEmission() {\r\n    // Get the active item section\r\n    this.ifxSidebarMenu.emit(this.el)\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  getExpandableMenu() {\r\n    const expandableSubmenu = this.el.shadowRoot.querySelector('.expandable__submenu')\r\n    return expandableSubmenu\r\n  }\r\n\r\n  getNavItem(el) {\r\n    return el?.querySelector('.sidebar__nav-item')\r\n  }\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  getSidebarMenuItem() {\r\n    const sidebarItem = this.el.shadowRoot.querySelector('.sidebar__nav-item')\r\n    return sidebarItem;\r\n  }\r\n\r\n\r\n  toggleSubmenu() {\r\n    if (this.isExpandable) {\r\n      const menuItem = this.getSidebarMenuItem();\r\n      const expandableMenu = this.getExpandableMenu();\r\n      this.handleClassList(expandableMenu, 'toggle', 'open');\r\n      this.handleClassList(menuItem, 'toggle', 'open');\r\n      // Emit an event with the current component\r\n      this.handleEventEmission();\r\n    } else {\r\n      // If the sidebar item is not expandable, it's a leaf item without a submenu.\r\n      // Emit an event to the parent `ifx-sidebar` component to notify it that a leaf item has been clicked.\r\n      if (this.isActionItem) { //its an action item that eg opens an overlay etc and should not influence the active state of the item\r\n        this.ifxSidebarActionItem.emit(this.el); // emit new event if isActionItem is true\r\n        return;\r\n      } else { //its a navigation item which becomes active after clicking it\r\n        this.handleActiveChange(true, this.internalActiveState)\r\n        this.ifxSidebarNavigationItem.emit(this.el);\r\n      }\r\n      // If the sidebar item is selectable (not expandable), then call the handler function with the current element.\r\n      if (this.handleItemClick) {\r\n        this.handleItemClick(this.el);\r\n      }\r\n    }\r\n    // // Emit an event with the current component\r\n    // this.handleEventEmission();\r\n  }\r\n\r\n\r\n\r\n  handleExpandableMenu(sidebarItems) {\r\n    const sidebarExpandableMenu = this.getExpandableMenu();\r\n    sidebarItems.forEach((el: HTMLElement) => {\r\n      const li = document.createElement('li')\r\n      li.appendChild(el)\r\n      sidebarExpandableMenu.appendChild(li)\r\n    })\r\n  }\r\n\r\n  parentElementIsSidebar() {\r\n    const parentElement = this.el.parentElement;\r\n    if (parentElement.tagName.toUpperCase() === 'IFX-SIDEBAR') {\r\n      return true;\r\n    } else return false;\r\n  }\r\n\r\n  checkIfMenuItemIsNested() {\r\n    const parentIsSidebar = this.parentElementIsSidebar()\r\n    if (parentIsSidebar) {\r\n      this.isNested = false;\r\n    }\r\n  }\r\n\r\n  checkIfMenuItemIsSubMenu() {\r\n    const parentElement = this.el.parentElement;\r\n    const navItem = this.getNavItem(parentElement.shadowRoot);\r\n    if(parentElement.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM' && !this.handleClassList(navItem, 'contains', 'header__section')) {\r\n      this.isSubMenuItem = true;\r\n    }else {\r\n      this.isSubMenuItem = false;\r\n    }\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  getParentSection(el: HTMLElement) {\r\n    let parentElement = el.parentElement;\r\n\r\n    while (parentElement && parentElement.tagName.toUpperCase() !== 'IFX-SIDEBAR') {\r\n      if (parentElement.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM') {\r\n        return parentElement;\r\n      }\r\n      parentElement = parentElement.parentElement;\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n\r\n\r\n  handleBorderIndicatorDisplacement(menuItem) {\r\n    // Recursive function to handle each item\r\n    const handleItem = (item, menuItem) => {\r\n      const isActive = this.isActive(item);\r\n      if (isActive) {\r\n        const isOpen = this.handleClassList(menuItem, 'contains', 'open');\r\n        const activeMenuItemSection = this.getActiveItemSection();\r\n        if (!isOpen) {\r\n          this.handleClassList(activeMenuItemSection, 'add', 'active-section');\r\n        } else {\r\n          this.handleClassList(activeMenuItemSection, 'remove', 'active-section');\r\n        }\r\n      }\r\n\r\n      // Process each child item\r\n      const children = this.getSidebarMenuItems(item);\r\n      children.forEach((child) => handleItem(child, menuItem));\r\n    }\r\n\r\n    // Start with the top-level items\r\n    const topLevelItems = this.getSidebarMenuItems();\r\n    topLevelItems.forEach((item) => handleItem(item, menuItem));\r\n  }\r\n\r\n\r\n  setHref() {\r\n    if (this.href.toLowerCase().trim() === \"\") {\r\n      this.internalHref = undefined;\r\n    } else this.internalHref = this.href;\r\n  }\r\n\r\n  getActiveItemSection() {\r\n    const parentIsSidebar = this.parentElementIsSidebar()\r\n    if (parentIsSidebar) {\r\n      const labelElement = this.getNavItem(this.el.shadowRoot)\r\n      return labelElement;\r\n    } else {\r\n      const labelElement = this.getNavItem(this.el.shadowRoot)\r\n      return labelElement;\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setActiveClasses() {\r\n    const activeMenuItem = this.getNavItem(this.el.shadowRoot)\r\n    this.handleClassList(activeMenuItem, 'add', 'active')\r\n  }\r\n\r\n  @Method()\r\n  async expandMenu(ac: boolean){\r\n      const menuItem = this.getSidebarMenuItem();\r\n      const expandableMenu = this.getExpandableMenu();\r\n      this.handleClassList(expandableMenu, 'add', 'open');\r\n      this.handleClassList(menuItem, 'add', 'open');\r\n      if(ac){\r\n        this.handleClassList(expandableMenu, 'remove', 'active-section')\r\n        this.handleClassList(menuItem, 'remove', 'active-section')\r\n      }\r\n  }\r\n\r\n  @Method()\r\n  async isItemExpandable(){\r\n    return this.isExpandable;\r\n  }\r\n\r\n  handleActiveState() {\r\n    if (this.internalActiveState) {\r\n      this.setActiveClasses()\r\n    }\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent) {\r\n    if (event.key === 'Enter') {\r\n      this.toggleSubmenu()\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.handleActiveState();\r\n    if (this.isExpandable) {\r\n      const sidebarItems = this.getSidebarMenuItems();\r\n      this.handleExpandableMenu(sidebarItems)\r\n    }\r\n    // Listen for collapsed state changes\r\n    this.updateIndicatorVariant();\r\n    // Set up MutationObserver to watch for CSS custom property changes\r\n    this.observeCollapsedState();\r\n    // Extract text content for title attribute\r\n    this.extractTitleText();\r\n  }\r\n\r\n  private extractTitleText() {\r\n    // Get the text content from the slot\r\n    const slotElement = this.el.shadowRoot.querySelector('slot');\r\n    if (slotElement) {\r\n      const assignedNodes = slotElement.assignedNodes();\r\n      this.titleText = assignedNodes\r\n        .filter(node => node.nodeType === Node.TEXT_NODE || node.nodeType === Node.ELEMENT_NODE)\r\n        .map(node => node.textContent?.trim() || '')\r\n        .join(' ')\r\n        .trim();\r\n    }\r\n  }\r\n\r\n  private updateIndicatorVariant() {\r\n    // Check the data attribute on this element\r\n    const isCollapsed = this.el.hasAttribute('data-sidebar-collapsed');\r\n    //this.indicatorVariant = isCollapsed ? 'dot' : 'number';\r\n    if (this.numberIndicator > 0) {\r\n        this.indicatorVariant = isCollapsed ? 'dot' : 'number';\r\n    }\r\n  }\r\n\r\n  private observeCollapsedState() {\r\n    // Create a MutationObserver to watch for data-sidebar-collapsed attribute changes\r\n    const observer = new MutationObserver(() => {\r\n      this.updateIndicatorVariant();\r\n    });\r\n\r\n    observer.observe(this.el, {\r\n      attributes: true,\r\n      attributeFilter: ['data-sidebar-collapsed']\r\n    });\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalActiveState = this.active;\r\n    this.checkIfMenuItemIsNested();\r\n    this.checkIfMenuItemIsSubMenu();\r\n    this.setHref()\r\n\r\n    // Set attribute to track if item has icon\r\n    this.el.setAttribute('data-has-icon', this.icon ? 'true' : 'false');\r\n\r\n    const sidebarItems = this.getSidebarMenuItems();\r\n    if (sidebarItems.length !== 0) {\r\n      this.isExpandable = true;\r\n    } else {\r\n      this.isExpandable = false;\r\n    }\r\n  }\r\n\r\n  componentWillUpdate() {\r\n    // If the active prop has been set to true and the internalActiveState has not been set to true yet\r\n    if (this.active && !this.internalActiveState) {\r\n      // Set the internal active state to true\r\n      this.internalActiveState = this.active;\r\n\r\n      // Emit the event to notify the parent Sidebar\r\n      this.ifxSidebarNavigationItem.emit(this.el);\r\n    }\r\n  }\r\n\r\n\r\nrender() {\r\n  const isCollapsed = this.el.hasAttribute('data-sidebar-collapsed');\r\n  const shouldHide = this.el.hasAttribute('data-hide-in-collapsed');\r\n\r\n  return (\r\n    <div style={{ display: shouldHide ? 'none' : 'block' }}>\r\n      <a\r\n        tabIndex={1}\r\n        onKeyDown={(event) => this.handleKeyDown(event)}\r\n        href={this.internalHref}\r\n        onClick={() => this.toggleSubmenu()}\r\n        target={this.target}\r\n        class={`sidebar__nav-item ${!this.isNested && this.isExpandable ? 'header__section' : \"\"} ${this.isSubMenuItem ? 'submenu__item' : \"\"}`}\r\n        title={this.titleText}\r\n      >\r\n        {this.icon &&\r\n          <div class={`sidebar__nav-item-icon-wrapper ${!this.showIcon && !isCollapsed ? 'noIcon' : \"\"}`}>\r\n            <ifx-icon icon={this.icon}></ifx-icon>\r\n          </div>}\r\n        <div class=\"sidebar__nav-item-label\">\r\n          <slot />\r\n        </div>\r\n        {\r\n        (this.isExpandable || !isNaN(this.numberIndicator)) &&\r\n          <div class=\"sidebar__nav-item-indicator\" style={{\r\n            display: (!isCollapsed || this.icon) ? 'flex' : 'none'\r\n          }}>\r\n            {this.isExpandable &&\r\n              <span class='item__arrow-wrapper'>\r\n                <ifx-icon icon=\"chevron-down-16\" />\r\n              </span>\r\n            }\r\n\r\n            {this.numberIndicator > 0 && !this.isExpandable && !this.isNested &&\r\n              <span class=\"item__number-indicator\">\r\n                <ifx-indicator\r\n                  variant={this.indicatorVariant}\r\n                  number={this.numberIndicator}>\r\n                </ifx-indicator>\r\n              </span>}\r\n\r\n          </div>\r\n        }\r\n      </a>\r\n      {this.isExpandable && <ul class='expandable__submenu'></ul>}\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-f1ba768a.entry.js → p-a423e08f.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as r,a as e}from"./p-PqnYwNKt.js";import{d as n,t as d}from"./p-DcmcuUOA.js";import{i}from"./p-Bw2fh5LT.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-engineering-100{border:1px solid #F7F7F7}.container.border-engineering-200{border:1px solid #EEEDED}.container.border-engineering-300{border:1px solid #BFBBBB}.container.border-engineering-400{border:1px solid #8D8786}.container.border-engineering-500{border:1px solid #575352}.container.border-engineering-600{border:1px solid #3C3A39}.container.border-ocean-100{border:1px solid #DFF4F3}.container.border-ocean-200{border:1px solid #B8DEDA}.container.border-ocean-300{border:1px solid #6CB4AD}.container.border-ocean-400{border:1px solid #3B9B91}.container.border-ocean-500{border:1px solid #0A8276}.container.border-ocean-600{border:1px solid #08665C}.container.border-ocean-700{border:1px solid #06534B}.container.border-red-500{border:1px solid #CD002F}.container.border-red-600{border:1px solid #A2001E}.container.border-red-700{border:1px solid #900021}.container.border-orange-500{border:1px solid #E16B25}.container.border-green-500{border:1px solid #4CA460}.container.border-lawn-400{border:1px solid #B9D257}.container.border-lawn-500{border:1px solid #9BBA43}.container.border-lawn-700{border:1px solid #3C6C0F}.container.border-berry-400{border:1px solid #BE3283}.container.border-berry-500{border:1px solid #9C216E}.container.border-sun-400{border:1px solid #FF9737}.container.border-sun-500{border:1px solid #F97414}.container.border-sand-400{border:1px solid #FBE273}.container.border-sand-500{border:1px solid #FCD442}.text{margin:0;padding-left:4px;font-style:normal;font-weight:600;font-size:1rem;line-height:1.25rem;display:inline;color:#1D1D1D}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.engineering-100{background-color:#F7F7F7}.dot.engineering-200{background-color:#EEEDED}.dot.engineering-300{background-color:#BFBBBB}.dot.engineering-400{background-color:#8D8786}.dot.engineering-500{background-color:#575352}.dot.engineering-600{background-color:#3C3A39}.dot.ocean-100{background-color:#DFF4F3}.dot.ocean-200{background-color:#B8DEDA}.dot.ocean-300{background-color:#6CB4AD}.dot.ocean-400{background-color:#3B9B91}.dot.ocean-500{background-color:#0A8276}.dot.ocean-600{background-color:#08665C}.dot.ocean-700{background-color:#06534B}.dot.red-500{background-color:#CD002F}.dot.red-600{background-color:#A2001E}.dot.red-700{background-color:#900021}.dot.orange-500{background-color:#E16B25}.dot.green-500{background-color:#4CA460}.dot.lawn-400{background-color:#B9D257}.dot.lawn-500{background-color:#9BBA43}.dot.lawn-700{background-color:#3C6C0F}.dot.berry-400{background-color:#BE3283}.dot.berry-500{background-color:#9C216E}.dot.sun-400{background-color:#FF9737}.dot.sun-500{background-color:#F97414}.dot.sand-400{background-color:#FBE273}.dot.sand-500{background-color:#FCD442}';const c=class{constructor(r){o(this,r);this.border=false;this.color="orange-500"}async componentDidLoad(){if(!i(this.el)){const o=n();d("ifx-status",await o)}}render(){var o;const e=((o=this.color)===null||o===void 0?void 0:o.trim())?this.color:"orange-500";const n=this.border?`container border-${e}`:"container no-border";return r("div",{key:"df3241b7191cf739ee30f03c16d86572c6383e47",role:"status",class:n},r("span",{key:"24cef43702366494d9fbaaa11f8f1b5d84d007d3",class:`dot ${e}`}),r("p",{key:"a2e8854926c0b976f5fbda21d0299fa74d90122e",class:"text"},this.label))}get el(){return e(this)}};c.style=a;export{c as ifx_status};
-//# sourceMappingURL=p-f1ba768a.entry.js.map
+import{r as o,h as r,a as e}from"./p-PqnYwNKt.js";import{d as n,t as d}from"./p-DcmcuUOA.js";import{i}from"./p-Bw2fh5LT.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-engineering-100{border:1px solid #F7F7F7}.container.border-engineering-200{border:1px solid #EEEDED}.container.border-engineering-300{border:1px solid #BFBBBB}.container.border-engineering-400{border:1px solid #8D8786}.container.border-engineering-500{border:1px solid #575352}.container.border-engineering-600{border:1px solid #3C3A39}.container.border-ocean-100{border:1px solid #DFF4F3}.container.border-ocean-200{border:1px solid #B8DEDA}.container.border-ocean-300{border:1px solid #6CB4AD}.container.border-ocean-400{border:1px solid #3B9B91}.container.border-ocean-500{border:1px solid #0A8276}.container.border-ocean-600{border:1px solid #08665C}.container.border-ocean-700{border:1px solid #06534B}.container.border-red-500{border:1px solid #CD002F}.container.border-red-600{border:1px solid #A2001E}.container.border-red-700{border:1px solid #900021}.container.border-orange-500{border:1px solid #E16B25}.container.border-green-500{border:1px solid #4CA460}.container.border-lawn-400{border:1px solid #B9D257}.container.border-lawn-500{border:1px solid #9BBA43}.container.border-lawn-700{border:1px solid #3C6C0F}.container.border-berry-400{border:1px solid #BE3283}.container.border-berry-500{border:1px solid #9C216E}.container.border-sun-400{border:1px solid #FF9737}.container.border-sun-500{border:1px solid #F97414}.container.border-sand-400{border:1px solid #FBE273}.container.border-sand-500{border:1px solid #FCD442}.text{margin:0;padding-left:4px;font-style:normal;font-weight:600;font-size:1rem;line-height:1.25rem;display:inline;color:#1D1D1D}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.engineering-100{background-color:#F7F7F7}.dot.engineering-200{background-color:#EEEDED}.dot.engineering-300{background-color:#BFBBBB}.dot.engineering-400{background-color:#8D8786}.dot.engineering-500{background-color:#575352}.dot.engineering-600{background-color:#3C3A39}.dot.ocean-100{background-color:#DFF4F3}.dot.ocean-200{background-color:#B8DEDA}.dot.ocean-300{background-color:#6CB4AD}.dot.ocean-400{background-color:#3B9B91}.dot.ocean-500{background-color:#0A8276}.dot.ocean-600{background-color:#08665C}.dot.ocean-700{background-color:#06534B}.dot.red-500{background-color:#CD002F}.dot.red-600{background-color:#A2001E}.dot.red-700{background-color:#900021}.dot.orange-500{background-color:#E16B25}.dot.green-500{background-color:#4CA460}.dot.lawn-400{background-color:#B9D257}.dot.lawn-500{background-color:#9BBA43}.dot.lawn-700{background-color:#3C6C0F}.dot.berry-400{background-color:#BE3283}.dot.berry-500{background-color:#9C216E}.dot.sun-400{background-color:#FF9737}.dot.sun-500{background-color:#F97414}.dot.sand-400{background-color:#FBE273}.dot.sand-500{background-color:#FCD442}';const c=class{constructor(r){o(this,r);this.border=false;this.color="orange-500"}async componentDidLoad(){if(!i(this.el)){const o=n();d("ifx-status",await o)}}render(){var o;const e=((o=this.color)===null||o===void 0?void 0:o.trim())?this.color:"orange-500";const n=this.border?`container border-${e}`:"container no-border";return r("div",{key:"91324962c9fe55931ec6b01b6eb9605865bfa202",role:"status",class:n},r("span",{key:"1b207b051a6de02f8f193a7c3e4e7f101d78b2f9",class:`dot ${e}`}),r("p",{key:"bd518bf45e24efa53c904096b144fda3f9b04ae5",class:"text"},this.label))}get el(){return e(this)}};c.style=a;export{c as ifx_status};
+//# sourceMappingURL=p-a423e08f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["statusCss","Status","constructor","hostRef","this","border","color","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","render","effectiveColor","_a","trim","containerClass","h","key","role","class","label"],"sources":["src/components/status/status.scss?tag=ifx-status&encapsulation=shadow","src/components/status/status.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n  display: inline-block;\r\n}\r\n\r\n.container {\r\n  display: flex;\r\n  min-height: 1.25em;\r\n  align-items: center;\r\n  padding: 0 tokens.$ifxSpace100;\r\n  border-radius: tokens.$ifxBorderRadiusRound;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n\r\n  &.no-border {\r\n    padding: 0; // Remove padding when border is not present\r\n  }\r\n\r\n  &.border-engineering-100{\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering100;\r\n  }\r\n\r\n  &.border-engineering-200{\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\r\n  }\r\n\r\n  &.border-engineering-300{\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering300;\r\n  }\r\n\r\n  &.border-engineering-400{\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering400;\r\n  }\r\n\r\n  &.border-engineering-500{\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering500;\r\n  }\r\n\r\n  &.border-engineering-600{\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering600;\r\n  }\r\n\r\n  &.border-ocean-100 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean100;\r\n  }\r\n\r\n  &.border-ocean-200 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean200;\r\n  }\r\n\r\n  &.border-ocean-300 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean300;\r\n  }\r\n\r\n  &.border-ocean-400 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean400;\r\n  }\r\n\r\n  &.border-ocean-500 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &.border-ocean-600 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean600;\r\n  }\r\n\r\n  &.border-ocean-700 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean700;\r\n  }\r\n\r\n  &.border-red-500 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed500;\r\n  }\r\n\r\n  &.border-red-600 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed600;\r\n  }\r\n\r\n  &.border-red-700 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed700;\r\n  }\r\n\r\n  &.border-orange-500 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOrange500;\r\n  }\r\n\r\n  &.border-green-500 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorGreen500;\r\n  }\r\n\r\n  &.border-lawn-400 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn400;\r\n  }\r\n\r\n  &.border-lawn-500 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn500;\r\n  }\r\n\r\n  &.border-lawn-700 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn700;\r\n  }\r\n\r\n  &.border-berry-400 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorBerry400;\r\n  }\r\n\r\n  &.border-berry-500 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorBerry500;\r\n  }\r\n\r\n  &.border-sun-400 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSun400;\r\n  }\r\n\r\n  &.border-sun-500 {\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSun500;\r\n  }\r\n\r\n  &.border-sand-400{\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSand400;\r\n  }\r\n\r\n  &.border-sand-500{\r\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSand500;\r\n  }\r\n\r\n\r\n}\r\n\r\n.text {\r\n  margin: 0;\r\n  padding-left: tokens.$ifxSpace50;\r\n  font-style: normal;\r\n  font-weight: tokens.$ifxFontWeightSemibold;\r\n  font-size: tokens.$ifxFontSizeM;\r\n  line-height: tokens.$ifxLineHeightS;\r\n  display: inline;\r\n  color: tokens.$ifxColorBaseBlack;\r\n}\r\n\r\n.dot {\r\n  display: inline-block;\r\n  width: tokens.$ifxSize100;\r\n  height: tokens.$ifxSize100;\r\n  border-radius: tokens.$ifxBorderRadiusRound;\r\n}\r\n\r\n\r\n.dot {\r\n  &.engineering-100 {\r\n    background-color: tokens.$ifxColorEngineering100;\r\n  }\r\n\r\n  &.engineering-200 {\r\n    background-color: tokens.$ifxColorEngineering200;\r\n  }\r\n\r\n  &.engineering-300 {\r\n    background-color: tokens.$ifxColorEngineering300;\r\n  }\r\n\r\n  &.engineering-400 {\r\n    background-color: tokens.$ifxColorEngineering400;\r\n  }\r\n\r\n  &.engineering-500 {\r\n    background-color: tokens.$ifxColorEngineering500;\r\n  }\r\n\r\n  &.engineering-600 {\r\n    background-color: tokens.$ifxColorEngineering600;\r\n  }\r\n\r\n  &.ocean-100 {\r\n    background-color: tokens.$ifxColorOcean100;\r\n  }\r\n\r\n  &.ocean-200 {\r\n    background-color: tokens.$ifxColorOcean200;\r\n  }\r\n\r\n  &.ocean-300 {\r\n    background-color: tokens.$ifxColorOcean300;\r\n  }\r\n\r\n  &.ocean-400 {\r\n    background-color: tokens.$ifxColorOcean400;\r\n  }\r\n\r\n  &.ocean-500 {\r\n    background-color: tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &.ocean-600 {\r\n    background-color: tokens.$ifxColorOcean600;\r\n  }\r\n\r\n  &.ocean-700 {\r\n    background-color: tokens.$ifxColorOcean700;\r\n  }\r\n\r\n  &.red-500 {\r\n    background-color: tokens.$ifxColorRed500;\r\n  }\r\n\r\n  &.red-600 {\r\n    background-color: tokens.$ifxColorRed600;\r\n  }\r\n\r\n  &.red-700 {\r\n    background-color: tokens.$ifxColorRed700;\r\n  }\r\n\r\n  &.orange-500 {\r\n    background-color: tokens.$ifxColorOrange500;\r\n  }\r\n\r\n  &.green-500 {\r\n    background-color: tokens.$ifxColorGreen500;\r\n  }\r\n\r\n  &.lawn-400{\r\n    background-color: tokens.$ifxColorLawn400;\r\n  }\r\n\r\n  &.lawn-500{\r\n    background-color: tokens.$ifxColorLawn500;\r\n  }\r\n\r\n  &.lawn-700 {\r\n    background-color: tokens.$ifxColorLawn700;\r\n  }\r\n\r\n  &.berry-400 {\r\n    background-color: tokens.$ifxColorBerry400;\r\n  }\r\n\r\n  &.berry-500 {\r\n    background-color: tokens.$ifxColorBerry500;\r\n  }\r\n\r\n  &.sun-400 {\r\n    background-color: tokens.$ifxColorSun400;\r\n  }\r\n\r\n  &.sun-500 {\r\n    background-color: tokens.$ifxColorSun500;\r\n  }\r\n\r\n  &.sand-400{\r\n    background-color: tokens.$ifxColorSand400;\r\n  }\r\n\r\n  &.sand-500{\r\n    background-color: tokens.$ifxColorSand500;\r\n  }\r\n}","import { Component, h, Prop, 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-status',\r\n  styleUrl: 'status.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class Status {\r\n  @Element() el;\r\n  @Prop() label: string;\r\n  @Prop() border: boolean = false;\r\n  @Prop() color: string = 'orange-500';\r\n \r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-status', await framework)\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const effectiveColor = this.color?.trim() ? this.color : 'orange-500';\r\n    const containerClass = this.border ? `container border-${effectiveColor}` : 'container no-border';\r\n\r\n    return (\r\n      <div role=\"status\" class={containerClass}>\r\n        <span class={`dot ${effectiveColor}`}></span>\r\n        <p class=\"text\">{this.label}</p>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"4HAAA,MAAMA,EAAY,87F,MCWLC,EAAM,MANnB,WAAAC,CAAAC,G,UASUC,KAAMC,OAAY,MAClBD,KAAKE,MAAW,YAoBzB,CAlBC,sBAAMC,GACJ,IAAIC,EAAuBJ,KAAKK,IAAK,CACnC,MAAMC,EAAYC,IAClBC,EAAe,mBAAoBF,E,EAIvC,MAAAG,G,MACE,MAAMC,IAAiBC,EAAAX,KAAKE,SAAK,MAAAS,SAAA,SAAAA,EAAEC,QAASZ,KAAKE,MAAQ,aACzD,MAAMW,EAAiBb,KAAKC,OAAS,oBAAoBS,IAAmB,sBAE5E,OACEI,EAAA,OAAAC,IAAA,2CAAKC,KAAK,SAASC,MAAOJ,GACxBC,EAAA,QAAAC,IAAA,2CAAME,MAAO,OAAOP,MACpBI,EAAG,KAAAC,IAAA,2CAAAE,MAAM,QAAQjB,KAAKkB,O","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-ff4cc197.entry.js → p-a8632f44.entry.js}

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["iconButtonCss","IconButton","constructor","hostRef","this","target","shape","handleClick","event","disabled","stopImmediatePropagation","updateIcon","newIcon","internalIcon","setFocus","focusableElement","focus","componentWillLoad","icon","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","render","h","Host","key","ariaLabel","href","ref","class","getClassNames","undefined","rel","type","getVariantClass","variant","getSizeClass","size","classNames"],"sources":["src/components/icon-button/icon-button.scss?tag=ifx-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  display: inline-flex;\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  min-height: tokens.$ifxSize500;\r\n  padding: 8px;\r\n  gap: tokens.$ifxSpace100;\r\n  color: tokens.$ifxColorBaseWhite;\r\n  flex-direction: row;\r\n  font-weight: tokens.$ifxFontWeightSemibold;\r\n  border-radius: tokens.$ifxBorderRadius12;\r\n  line-height: tokens.$ifxLineHeightM;\r\n  outline: none;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n  text-decoration: none;\r\n  user-select: none;\r\n  border: 1px solid rgba(0, 0, 0, 0);\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}\r\n\r\n.btn:not(.disabled) {\r\n  cursor: pointer;\r\n}\r\n\r\n.btn-primary {\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\r\n.btn-secondary {\r\n  color: tokens.$ifxColorOcean500;\r\n  background-color: tokens.$ifxColorBaseWhite;\r\n  border-color: 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 {\r\n  background-color: transparent;\r\n  color: tokens.$ifxColorBaseBlack;\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.btn {\r\n\r\n  &.icon-button {\r\n    min-width: initial;\r\n    min-height: initial;\r\n    width: tokens.$ifxSize500;\r\n    height: tokens.$ifxSize500;\r\n    padding: 0;\r\n    justify-content: center;\r\n\r\n    &.btn-round {\r\n      border-radius: 100px;\r\n    }\r\n\r\n    &.btn-square {\r\n      border-radius: tokens.$ifxBorderRadius12;\r\n    }\r\n\r\n    &.btn-s {\r\n      width: tokens.$ifxSize400;\r\n      height: tokens.$ifxSize400;\r\n      padding: 8px;\r\n    }\r\n\r\n\r\n    &.btn-l {\r\n      width: tokens.$ifxSize600;\r\n      height: tokens.$ifxSize600;\r\n      padding: 8px;\r\n    }\r\n  }\r\n\r\n  &.btn-primary: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      border-color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    &:active,\r\n    &.active {\r\n      background-color: tokens.$ifxColorOcean700;\r\n      border-color: tokens.$ifxColorOcean700;\r\n    }\r\n  }\r\n\r\n\r\n  &.btn-secondary: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      border-color: tokens.$ifxColorOcean600;\r\n      color: tokens.$ifxColorBaseWhite;\r\n    }\r\n\r\n    &:active,\r\n    &.active {\r\n      background-color: tokens.$ifxColorOcean700;\r\n      border-color: tokens.$ifxColorOcean700;\r\n    }\r\n  }\r\n\r\n  &.btn-tertiary:not(:disabled, .disabled) {\r\n    &:focus:not(:active, .active) {\r\n      outline: none;\r\n      color: tokens.$ifxColorBaseBlack;\r\n      box-shadow: 0 0 0 0px tokens.$ifxColorBaseWhite, 0 0 0 2px tokens.$ifxColorOcean500;\r\n    }\r\n\r\n    &:hover {\r\n      color: tokens.$ifxColorOcean500;\r\n    }\r\n\r\n    &:active,\r\n    &.active {\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n  }\r\n}","import { Component, Prop, h, Host, Method, Element, Listen, Watch, State } 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-icon-button',\r\n  styleUrl: 'icon-button.scss',\r\n  shadow: true,\r\n})\r\n\r\nexport class IconButton {\r\n  @Prop() variant: 'primary' | 'secondary' | 'tertiary';\r\n  @Prop() size: string;\r\n  @Prop() disabled: boolean;\r\n  @Prop() icon: string;\r\n  @Prop() href: string;\r\n  @Prop() target: string = '_self';\r\n  @Prop() shape: string = 'round';\r\n  @Prop() ariaLabel: string | null;\r\n  @State() internalIcon: string;\r\n  @Element() el;\r\n\r\n  private focusableElement: HTMLElement;\r\n  \r\n  @Listen('click', { capture: true })\r\n  handleClick(event: Event) {\r\n    if (this.disabled) {\r\n      event.stopImmediatePropagation();\r\n    }\r\n  }\r\n\r\n  @Watch('icon')\r\n  updateIcon(newIcon: string) { \r\n    this.internalIcon = newIcon;\r\n  }\r\n\r\n  @Method()\r\n  async setFocus() {\r\n    this.focusableElement.focus();\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (this.shape === '') {\r\n      this.shape = 'round';\r\n    }\r\n    this.internalIcon = this.icon;\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-icon-button', await framework)\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host \r\n        aria-disabled={this.disabled}\r\n        aria-label={this.ariaLabel}> \r\n        {this.href ? (\r\n          <a\r\n            ref={(el) => (this.focusableElement = el)}\r\n            class={this.getClassNames()}\r\n            href={!this.disabled ? this.href : undefined} \r\n            target={this.target}\r\n            rel={this.target === '_blank' ? 'noopener noreferrer' : undefined}\r\n          >\r\n            <ifx-icon icon={this.internalIcon}></ifx-icon>\r\n          </a>\r\n        ) : (\r\n          <button\r\n            class={this.getClassNames()}\r\n            type=\"button\"\r\n            disabled={this.disabled}\r\n          >\r\n            <ifx-icon icon={this.internalIcon}></ifx-icon>\r\n          </button>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  getVariantClass() {\r\n    return `${this.variant}` === \"secondary\"\r\n      ? `secondary`\r\n      : `${this.variant}` === 'tertiary'\r\n        ? `tertiary`\r\n        : `primary`;\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 icon-button',\r\n      `btn-${this.shape}`,\r\n      this.size && `btn-${this.getSizeClass()}`,\r\n      `btn-${this.getVariantClass()}`,\r\n      this.disabled ? 'disabled' : ''\r\n    );\r\n  }\r\n}"],"mappings":"oMAAA,MAAMA,EAAgB,y4E,MCYTC,EAAU,MANvB,WAAAC,CAAAC,G,UAYUC,KAAMC,OAAW,QACjBD,KAAKE,MAAW,OAgGzB,CAxFC,WAAAC,CAAYC,GACV,GAAIJ,KAAKK,SAAU,CACjBD,EAAME,0B,EAKV,UAAAC,CAAWC,GACTR,KAAKS,aAAeD,C,CAItB,cAAME,GACJV,KAAKW,iBAAiBC,O,CAGxB,iBAAAC,GACE,GAAIb,KAAKE,QAAU,GAAI,CACrBF,KAAKE,MAAQ,O,CAEfF,KAAKS,aAAeT,KAAKc,I,CAG3B,sBAAMC,GACJ,IAAIC,EAAuBhB,KAAKiB,IAAK,CACnC,MAAMC,EAAYC,IAClBC,EAAe,wBAAyBF,E,EAI5C,MAAAG,GACE,OACEC,EAACC,EACgB,CAAAC,IAAA,2DAAAxB,KAAKK,SAAQ,aAChBL,KAAKyB,WAChBzB,KAAK0B,KACJJ,EAAA,KACEK,IAAMV,GAAQjB,KAAKW,iBAAmBM,EACtCW,MAAO5B,KAAK6B,gBACZH,MAAO1B,KAAKK,SAAWL,KAAK0B,KAAOI,UACnC7B,OAAQD,KAAKC,OACb8B,IAAK/B,KAAKC,SAAW,SAAW,sBAAwB6B,WAExDR,EAAA,YAAUR,KAAMd,KAAKS,gBAGvBa,EACE,UAAAM,MAAO5B,KAAK6B,gBACZG,KAAK,SACL3B,SAAUL,KAAKK,UAEfiB,EAAU,YAAAR,KAAMd,KAAKS,gB,CAO/B,eAAAwB,GACE,MAAO,GAAGjC,KAAKkC,YAAc,YACzB,YACA,GAAGlC,KAAKkC,YAAc,WACpB,WACA,S,CAGR,YAAAC,GACE,GAAI,GAAGnC,KAAKoC,SAAW,KAAM,CAC3B,MAAO,I,MAEJ,GAAI,GAAGpC,KAAKoC,SAAW,IAAK,CAC/B,MAAO,G,MAEJ,GAAI,GAAGpC,KAAKoC,SAAW,IAAK,CAC/B,MAAO,G,MAEJ,MAAO,E,CAGd,aAAAP,GACE,OAAOQ,EACL,kBACA,OAAOrC,KAAKE,QACZF,KAAKoC,MAAQ,OAAOpC,KAAKmC,iBACzB,OAAOnC,KAAKiC,oBACZjC,KAAKK,SAAW,WAAa,G","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as o,a as i}from"./p-PqnYwNKt.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.col{display:flex;flex-direction:column;gap:12px;padding-right:8px;color:#1D1D1D;font-family:var(--ifx-font-family)}.col ::slotted([slot=title]){box-sizing:border-box;font-weight:600;font-size:1rem;line-height:1.5rem;margin:0;padding:0}.col span{display:flex;flex-direction:column;gap:12px;color:#1D1D1D}.col span ::slotted([slot=link]){box-sizing:border-box;font-weight:400;font-size:1rem;line-height:1.5rem}';const f=class{constructor(o){e(this,o)}render(){return o("div",{key:"14bb2d019a75f2470c23a514e37700ca8f688935",class:"col"},o("slot",{key:"558bf7ff85d2308a0ebdefbcf79ac201c7b99cfa",name:"title"}),o("span",{key:"26fbccfea042fe66a2f1e46b97cab21f31f308d5","aria-label":"navigation link"},o("slot",{key:"d639972fb36b4ffefdf7ddc9bcfe8acb5da9f6cd",name:"link"})))}get el(){return i(this)}};f.style=a;export{f as ifx_footer_column};
+//# sourceMappingURL=p-aa79ab02.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["footerColumnCss","FooterColumn","render","h","key","class","name"],"sources":["src/components/footer/footer-column.scss?tag=ifx-footer-column&encapsulation=shadow","src/components/footer/footer-column.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n\r\n.col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: tokens.$ifxSpace150;\r\n  padding-right: 8px;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n\r\n  & ::slotted([slot=title]) {\r\n    box-sizing: border-box;\r\n    font-weight: tokens.$ifxFontWeightSemibold;\r\n    font-size: tokens.$ifxFontSizeM;\r\n    line-height: tokens.$ifxLineHeightM;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  & span {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: tokens.$ifxSpace150;\r\n    color: tokens.$ifxColorBaseBlack;\r\n\r\n    & ::slotted([slot=link]) {\r\n      box-sizing: border-box;\r\n      font-weight: 400;\r\n      font-size: tokens.$ifxFontSizeM;\r\n      line-height: tokens.$ifxLineHeightM;\r\n    }\r\n  }\r\n}","import { Component, h, Element} from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-footer-column',\r\n  styleUrl: './footer-column.scss',\r\n  shadow: true,\r\n})\r\n\r\nexport class FooterColumn {\r\n  @Element() el;\r\n  \r\n  render() {\r\n    return (\r\n      <div class=\"col\">\r\n          <slot name=\"title\" />\r\n        <span aria-label='navigation link'>\r\n          <slot name=\"link\" />\r\n        </span>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAkB,yd,MCQXC,EAAY,M,yBAGvB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,OACPF,EAAM,QAAAC,IAAA,2CAAAE,KAAK,UACbH,EAAA,QAAAC,IAAA,wDAAiB,mBACfD,EAAA,QAAAC,IAAA,2CAAME,KAAK,U","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-e3c11b6c.entry.js → p-ac371faa.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,a as s}from"./p-PqnYwNKt.js";function a(e){return Array.from(e.querySelectorAll("ifx-list-entry")).filter((e=>e.getAttribute("value")==="true")).map((e=>({label:e.getAttribute("label"),value:e.getAttribute("value"),type:e.getAttribute("type")})))}const n=".header{display:flex;align-items:flex-start;align-self:stretch;cursor:pointer;border-left:3px solid transparent}.text-and-icon{display:flex;padding:12px 16px 12px 20px;align-items:center;gap:16px;flex:1 0 0}.header.expanded{border-left:3px solid #0A8276}.text{display:flex;align-items:center;gap:8px;flex:1 0 0;color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.hidden{display:none}.accordion{border-bottom:1px solid #EEEDED}.filter-accordion-container{display:flex;padding:8px 16px 16px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-left:3px solid #0A8276}::slotted(ifx-filter-entry:nth-child(n+7)){display:none}.link{display:flex;align-items:center;gap:8px}.show-more ::slotted(ifx-filter-entry:nth-child(n+7)){display:block}.show-more .show-more-link{display:none}";const d=class{constructor(t){e(this,t);this.ifxFilterAccordionChange=i(this,"ifxFilterAccordionChange",7);this.initialized=false;this.expanded=false;this.count=0;this.totalItems=0;this.filterGroupName="";this.handleCheckedChange=e=>{const i=e.detail.selectedItems;this.count=i.length;this.ifxFilterAccordionChange.emit({filterGroupName:this.filterGroupName,selectedItems:i})};this.toggleAccordion=e=>{e.stopPropagation();this.expanded=!this.expanded}}componentWillLoad(){this.el.addEventListener("ifxListUpdate",this.handleCheckedChange)}componentDidLoad(){if(!this.initialized){const e=a(this.el);this.count=e.length;this.initialized=true}}componentWillUnload(){this.el.removeEventListener("ifxListUpdate",this.handleCheckedChange)}render(){return t("div",{key:"70376ec184dcd378c6c595d5b30cdb82c8082de6",class:`accordion ${this.expanded?"expanded":""}`},t("div",{key:"c056174028a70bb2f4e28ced5dd81dca18f1a395",class:`header ${this.expanded?"expanded":""}`,onClick:this.toggleAccordion},t("div",{key:"dcdce6679b05c5acad3ba2216270564ea41cc451",class:`text-and-icon ${this.expanded?"expanded":""}`},t("div",{key:"49c6ebef37a4b6798210425c694b4ade083a8216",class:"text"},t("span",{key:"d027e2e2cc48441b93d490321ac1b5cb2e8d8103"},this.filterGroupName),t("ifx-indicator",{key:"b9c83f3318aadd8c25a232233a83448713c80495",variant:"number",number:this.count})),t("ifx-icon",{key:"e4759317302f8f4c876a4f9bb87f1295b816a8a4",class:this.expanded?"":"hidden",icon:"minus-16",onClick:this.toggleAccordion}),t("ifx-icon",{key:"4eb6119e32b9b8871d2b1f77d362499e6d9948ce",class:this.expanded?"hidden":"",icon:"plus-16",onClick:this.toggleAccordion}))),this.expanded&&t("div",{key:"833bcbac536f4d39419682e217f1c398c43b8e3b",class:"filter-accordion-container"},t("slot",{key:"9b6fd50774992f88098423ca1ff8e91587bae9b6",name:"list"})))}get el(){return s(this)}};d.style=n;export{d as ifx_filter_accordion};
-//# sourceMappingURL=p-e3c11b6c.entry.js.map
+import{r as e,c as i,h as t,a as s}from"./p-PqnYwNKt.js";function a(e){return Array.from(e.querySelectorAll("ifx-list-entry")).filter((e=>e.getAttribute("value")==="true")).map((e=>({label:e.getAttribute("label"),value:e.getAttribute("value"),type:e.getAttribute("type")})))}const d=".header{display:flex;align-items:flex-start;align-self:stretch;cursor:pointer;border-left:3px solid transparent}.text-and-icon{display:flex;padding:12px 16px 12px 20px;align-items:center;gap:16px;flex:1 0 0}.header.expanded{border-left:3px solid #0A8276}.text{display:flex;align-items:center;gap:8px;flex:1 0 0;color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.hidden{display:none}.accordion{border-bottom:1px solid #EEEDED}.filter-accordion-container{display:flex;padding:8px 16px 16px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-left:3px solid #0A8276}::slotted(ifx-filter-entry:nth-child(n+7)){display:none}.link{display:flex;align-items:center;gap:8px}.show-more ::slotted(ifx-filter-entry:nth-child(n+7)){display:block}.show-more .show-more-link{display:none}";const n=class{constructor(t){e(this,t);this.ifxFilterAccordionChange=i(this,"ifxFilterAccordionChange",7);this.initialized=false;this.expanded=false;this.count=0;this.totalItems=0;this.filterGroupName="";this.handleCheckedChange=e=>{const i=e.detail.selectedItems;this.count=i.length;this.ifxFilterAccordionChange.emit({filterGroupName:this.filterGroupName,selectedItems:i})};this.toggleAccordion=e=>{e.stopPropagation();this.expanded=!this.expanded}}componentWillLoad(){this.el.addEventListener("ifxListUpdate",this.handleCheckedChange)}componentDidLoad(){if(!this.initialized){const e=a(this.el);this.count=e.length;this.initialized=true}}componentWillUnload(){this.el.removeEventListener("ifxListUpdate",this.handleCheckedChange)}render(){return t("div",{key:"cb823204c42f517329ffc5531940e883f284df29",class:`accordion ${this.expanded?"expanded":""}`},t("div",{key:"02ccdacd3ec3bd512b20607def154b99421e9c30",class:`header ${this.expanded?"expanded":""}`,onClick:this.toggleAccordion},t("div",{key:"634afad1cc58347ca0c96cb6db2cd07a2e94d75f",class:`text-and-icon ${this.expanded?"expanded":""}`},t("div",{key:"f2bff912b12b2fc6b517c9cdf2e2dd9ec4dc1c48",class:"text"},t("span",{key:"4ff0889e587879cfa7fb46621d8e3418d13ed0d0"},this.filterGroupName),t("ifx-indicator",{key:"3fa49a2194d194a14aa7cf66e230c710586f7ac6",variant:"number",number:this.count})),t("ifx-icon",{key:"4a2680ef1af767917150476d787d2acd63f2ef7a",class:this.expanded?"":"hidden",icon:"minus-16",onClick:this.toggleAccordion}),t("ifx-icon",{key:"650b71df532af9b10da6f82d9fe190abd0b39e8f",class:this.expanded?"hidden":"",icon:"plus-16",onClick:this.toggleAccordion}))),this.expanded&&t("div",{key:"d6ae6444398886b069881d7b2642b768d4f3ba6c",class:"filter-accordion-container"},t("slot",{key:"f24cfd9da32daf4e0f2c884c83ee2e7b3e8cd7fa",name:"list"})))}get el(){return s(this)}};n.style=d;export{n as ifx_filter_accordion};
+//# sourceMappingURL=p-ac371faa.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getInitiallySelectedItems","el","Array","from","querySelectorAll","filter","entry","getAttribute","map","label","value","type","filterAccordionCss","FilterAccordion","constructor","hostRef","this","initialized","expanded","count","totalItems","filterGroupName","handleCheckedChange","event","selectedItems","detail","length","ifxFilterAccordionChange","emit","toggleAccordion","stopPropagation","componentWillLoad","addEventListener","componentDidLoad","componentWillUnload","removeEventListener","render","h","key","class","onClick","variant","number","icon","name"],"sources":["src/components/table-advanced-version/filter-type-group/utils.ts","src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.scss?tag=ifx-filter-accordion&encapsulation=shadow","src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.tsx"],"sourcesContent":["// utils.ts\r\nexport function getInitiallySelectedItems(el: HTMLElement) {\r\n   return Array.from(el.querySelectorAll('ifx-list-entry'))\r\n\r\n    .filter(entry => entry.getAttribute('value') === 'true')\r\n    .map(entry => {\r\n      return {\r\n        label: entry.getAttribute('label'),\r\n        value: entry.getAttribute('value'),\r\n        type: entry.getAttribute('type')\r\n      };\r\n    });\r\n}","@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n\r\n.header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  align-self: stretch;\r\n  cursor: pointer;\r\n  border-left: 3px solid transparent;\r\n}\r\n\r\n.text-and-icon {\r\n  display: flex;\r\n  padding: tokens.$ifxSpace150 tokens.$ifxSpace200 tokens.$ifxSpace150 tokens.$ifxSpace250;\r\n  align-items: center;\r\n  gap: tokens.$ifxSpace200;\r\n  flex: 1 0 0;\r\n}\r\n\r\n.header.expanded {\r\n  border-left: 3px solid tokens.$ifxColorOcean500;\r\n}\r\n\r\n.text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex: 1 0 0;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n}\r\n\r\n.hidden {\r\n  display: none;\r\n}\r\n\r\n.accordion {\r\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\r\n}\r\n\r\n\r\n.filter-accordion-container {\r\n  display: flex;\r\n  padding: 8px 16px 16px 20px;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  align-self: stretch;\r\n  border-left: 3px solid tokens.$ifxColorOcean500;\r\n}\r\n\r\n::slotted(ifx-filter-entry:nth-child(n+7)) {\r\n  display: none;\r\n}\r\n\r\n.link {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.show-more ::slotted(ifx-filter-entry:nth-child(n+7)) {\r\n  display: block;\r\n}\r\n\r\n.show-more .show-more-link {\r\n  display: none;\r\n}","import { Component, h, Prop, State, Event, EventEmitter, Element } from '@stencil/core';\r\nimport { getInitiallySelectedItems } from '../utils';\r\n\r\n@Component({\r\n  tag: 'ifx-filter-accordion',\r\n  styleUrl: 'filter-accordion.scss',\r\n  shadow: true,\r\n})\r\nexport class FilterAccordion {\r\n  private initialized = false;\r\n  @Element() private el: HTMLElement;\r\n  @State() expanded: boolean = false;\r\n  @Prop() maxVisibleItems: number;\r\n  @State() count: number = 0;\r\n  @State() totalItems = 0;\r\n\r\n  @Prop() filterGroupName = \"\";\r\n\r\n  @Event() ifxFilterAccordionChange: EventEmitter;\r\n\r\n  componentWillLoad() {\r\n    this.el.addEventListener('ifxListUpdate', this.handleCheckedChange);\r\n\r\n  }\r\n\r\ncomponentDidLoad() {\r\n  if (!this.initialized) {\r\n    const selectedItems = getInitiallySelectedItems(this.el);\r\n    this.count = selectedItems.length;\r\n    this.initialized = true; // Prevent further execution in future calls\r\n  }\r\n}\r\n\r\n\r\nhandleCheckedChange = (event: CustomEvent) => {\r\n    const selectedItems = event.detail.selectedItems;\r\n    this.count = selectedItems.length;\r\n    this.ifxFilterAccordionChange.emit({ filterGroupName: this.filterGroupName, selectedItems });\r\n  }\r\n\r\n  componentWillUnload() {\r\n    this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);\r\n  }\r\n\r\n  toggleAccordion = (event: MouseEvent) => {\r\n    event.stopPropagation();\r\n    this.expanded = !this.expanded;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`accordion ${this.expanded ? 'expanded' : ''}`}>\r\n        <div class={`header ${this.expanded ? 'expanded' : ''}`} onClick={this.toggleAccordion} >\r\n          <div class={`text-and-icon ${this.expanded ? 'expanded' : ''}`}>\r\n            <div class=\"text\">\r\n              <span>{this.filterGroupName}</span>\r\n              <ifx-indicator variant='number' number={this.count}></ifx-indicator>\r\n            </div>\r\n            <ifx-icon\r\n              class={this.expanded ? '' : 'hidden'}\r\n              icon=\"minus-16\"\r\n              onClick={this.toggleAccordion}\r\n            ></ifx-icon>\r\n            <ifx-icon\r\n              class={this.expanded ? 'hidden' : ''}\r\n              icon=\"plus-16\"\r\n              onClick={this.toggleAccordion}\r\n            ></ifx-icon>\r\n          </div>\r\n        </div>\r\n        {this.expanded &&\r\n          <div class=\"filter-accordion-container\">\r\n            <slot name=\"list\"></slot>\r\n          </div>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"yDACM,SAAUA,EAA0BC,GACvC,OAAOC,MAAMC,KAAKF,EAAGG,iBAAiB,mBAEpCC,QAAOC,GAASA,EAAMC,aAAa,WAAa,SAChDC,KAAIF,IACI,CACLG,MAAOH,EAAMC,aAAa,SAC1BG,MAAOJ,EAAMC,aAAa,SAC1BI,KAAML,EAAMC,aAAa,WAGjC,CCZA,MAAMK,EAAqB,u0B,MCQdC,EAAe,MAL5B,WAAAC,CAAAC,G,6EAMUC,KAAWC,YAAG,MAEbD,KAAQE,SAAY,MAEpBF,KAAKG,MAAW,EAChBH,KAAUI,WAAG,EAEdJ,KAAeK,gBAAG,GAkB5BL,KAAAM,oBAAuBC,IACnB,MAAMC,EAAgBD,EAAME,OAAOD,cACnCR,KAAKG,MAAQK,EAAcE,OAC3BV,KAAKW,yBAAyBC,KAAK,CAAEP,gBAAiBL,KAAKK,gBAAiBG,iBAAgB,EAO9FR,KAAAa,gBAAmBN,IACjBA,EAAMO,kBACNd,KAAKE,UAAYF,KAAKE,QAAQ,CAgCjC,CA1DC,iBAAAa,GACEf,KAAKf,GAAG+B,iBAAiB,gBAAiBhB,KAAKM,oB,CAInD,gBAAAW,GACE,IAAKjB,KAAKC,YAAa,CACrB,MAAMO,EAAgBxB,EAA0BgB,KAAKf,IACrDe,KAAKG,MAAQK,EAAcE,OAC3BV,KAAKC,YAAc,I,EAWrB,mBAAAiB,GACElB,KAAKf,GAAGkC,oBAAoB,gBAAiBnB,KAAKM,oB,CAQpD,MAAAc,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAO,aAAavB,KAAKE,SAAW,WAAa,MACpDmB,EAAK,OAAAC,IAAA,2CAAAC,MAAO,UAAUvB,KAAKE,SAAW,WAAa,KAAMsB,QAASxB,KAAKa,iBACrEQ,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iBAAiBvB,KAAKE,SAAW,WAAa,MACxDmB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,QACTF,EAAO,QAAAC,IAAA,4CAAAtB,KAAKK,iBACZgB,EAAe,iBAAAC,IAAA,2CAAAG,QAAQ,SAASC,OAAQ1B,KAAKG,SAE/CkB,EACE,YAAAC,IAAA,2CAAAC,MAAOvB,KAAKE,SAAW,GAAK,SAC5ByB,KAAK,WACLH,QAASxB,KAAKa,kBAEhBQ,EACE,YAAAC,IAAA,2CAAAC,MAAOvB,KAAKE,SAAW,SAAW,GAClCyB,KAAK,UACLH,QAASxB,KAAKa,oBAInBb,KAAKE,UACJmB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,8BACTF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,U","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-d267f6d2.entry.js → p-acd3359f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as r,h as o,a as i}from"./p-PqnYwNKt.js";import{d as e,t as a}from"./p-DcmcuUOA.js";import{i as n}from"./p-Bw2fh5LT.js";const d=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex;--_ifx-fallback-display:none !important}._ifx-radiobutton-fallback{display:var(--_ifx-fallback-display);position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family);outline:none}.radioButton__container.disabled{cursor:default}.radioButton__container.disabled .radioButton__wrapper{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper:hover{background-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked::after{background-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked:hover{border-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container.disabled .label{color:#BFBBBB}.radioButton__container:not(.disabled) .radioButton__wrapper.error{border-color:#CD002F}.radioButton__container:not(.disabled) .radioButton__wrapper.error:hover,.radioButton__container:not(.disabled) .radioButton__wrapper.error:focus-visible{border-color:#CD002F}.radioButton__container:not(.disabled) .radioButton__wrapper.error.checked::after{border-color:#CD002F;background-color:#CD002F}.radioButton__container:focus:not(.disabled) .radioButton__wrapper::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:50%}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#FFFFFF;border:1px solid #575352}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0A8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:transparent}.radioButton__container .radioButton__wrapper:hover{background-color:#EEEDED}.radioButton__container .radioButton__wrapper.checked{border-color:#0A8276}.radioButton__container .radioButton__wrapper.checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}';const s=class{constructor(o){t(this,o);this.ifxChange=r(this,"ifxChange",7);this.ifxError=r(this,"ifxError",7);this.disabled=false;this.error=false;this.size="s";this.internalChecked=false;this.hasSlot=false}async isChecked(){return this.internalChecked}componentWillLoad(){this.fallbackInput=document.createElement("input");this.fallbackInput.type="radio";this.fallbackInput.hidden=true;this.fallbackInput.className="_ifx-radiobutton-fallback";this.fallbackInput.style.cssText=`\n      display: none !important;\n      position: absolute !important;\n      opacity: 0 !important;\n      pointer-events: none !important;\n      width: 0 !important;\n      height: 0 !important;\n    `;this.fallbackInput.setAttribute("aria-hidden","true");this.fallbackInput.tabIndex=-1;this.el.appendChild(this.fallbackInput);this.internalChecked=this.checked||false;this.hasSlot=!!this.el.querySelector("[slot]")||this.el.innerHTML.trim()!==""}async componentDidLoad(){if(!n(this.el)){const t=e();a("ifx-radio-button",await t)}}handleCheckedChange(t){this.internalChecked=t}updateFormValue(){this.fallbackInput.checked=this.internalChecked;this.fallbackInput.name=this.name;this.fallbackInput.value=this.value;this.fallbackInput.disabled=this.disabled}errorChanged(t,r){if(t!==r){this.ifxError.emit(t)}}handleRadioButtonClick(t){if(this.disabled){t.stopPropagation();return}this.inputElement.click();this.internalChecked=this.inputElement.checked;this.checked=this.internalChecked;this.ifxChange.emit(this.internalChecked);const r=new CustomEvent("change",{bubbles:true,composed:true,detail:{checked:this.internalChecked}});this.el.dispatchEvent(r)}handleKeyDown(t){if([" ","Enter"].includes(t.key)){t.preventDefault();this.handleRadioButtonClick(new PointerEvent("click"))}}handleExternalChange(t){const r=t.target;if(r===this.el||r.tagName.toLowerCase()!=="ifx-radio-button")return;if(r.getAttribute("name")===this.name){this.internalChecked=false}}render(){return o("div",{key:"cfacddd9fcb1feebcf926fb2a7e441e56e511759",role:"radio","aria-checked":String(this.internalChecked),"aria-disabled":String(this.disabled),class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:t=>this.handleRadioButtonClick(t),tabindex:this.disabled?-1:0},o("div",{key:"badf42cd6e21d2a2b647da3d1cd29c403590ef26",class:`radioButton__wrapper \n            ${this.internalChecked?"checked":""}  \n            ${this.error?"error":""}`},this.internalChecked&&o("div",{key:"950b1c9cd2fdaebe227da8d22147f6680652672f",class:"radioButton__wrapper-mark"})),this.hasSlot&&o("div",{key:"86c20225f259e41f6d55299e91f9cbd3616df8d9",class:`label ${this.size==="m"?"label-m":""}`},o("slot",{key:"346d7d0732bf33d9363a717e99453b3b32332a11"})),o("input",{key:"3bddb087935626e217325a290de6ec0444d2b2b2",type:"radio",hidden:true,ref:t=>this.inputElement=t,name:this.name,value:this.value,checked:this.internalChecked,disabled:this.disabled,onClick:t=>t.stopPropagation()}))}get el(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"],internalChecked:["updateFormValue"],error:["errorChanged"]}}};s.style=d;export{s as ifx_radio_button};
-//# sourceMappingURL=p-d267f6d2.entry.js.map
+import{r as t,c as r,h as o,a as i}from"./p-PqnYwNKt.js";import{d as e,t as a}from"./p-DcmcuUOA.js";import{i as n}from"./p-Bw2fh5LT.js";const d=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex;--_ifx-fallback-display:none !important}._ifx-radiobutton-fallback{display:var(--_ifx-fallback-display);position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family);outline:none}.radioButton__container.disabled{cursor:default}.radioButton__container.disabled .radioButton__wrapper{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper:hover{background-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked::after{background-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked:hover{border-color:#BFBBBB}.radioButton__container.disabled .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container.disabled .label{color:#BFBBBB}.radioButton__container:not(.disabled) .radioButton__wrapper.error{border-color:#CD002F}.radioButton__container:not(.disabled) .radioButton__wrapper.error:hover,.radioButton__container:not(.disabled) .radioButton__wrapper.error:focus-visible{border-color:#CD002F}.radioButton__container:not(.disabled) .radioButton__wrapper.error.checked::after{border-color:#CD002F;background-color:#CD002F}.radioButton__container:focus:not(.disabled) .radioButton__wrapper::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:50%}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#FFFFFF;border:1px solid #575352}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0A8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:transparent}.radioButton__container .radioButton__wrapper:hover{background-color:#EEEDED}.radioButton__container .radioButton__wrapper.checked{border-color:#0A8276}.radioButton__container .radioButton__wrapper.checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}';const s=class{constructor(o){t(this,o);this.ifxChange=r(this,"ifxChange",7);this.ifxError=r(this,"ifxError",7);this.disabled=false;this.error=false;this.size="s";this.internalChecked=false;this.hasSlot=false}async isChecked(){return this.internalChecked}componentWillLoad(){this.fallbackInput=document.createElement("input");this.fallbackInput.type="radio";this.fallbackInput.hidden=true;this.fallbackInput.className="_ifx-radiobutton-fallback";this.fallbackInput.style.cssText=`\n      display: none !important;\n      position: absolute !important;\n      opacity: 0 !important;\n      pointer-events: none !important;\n      width: 0 !important;\n      height: 0 !important;\n    `;this.fallbackInput.setAttribute("aria-hidden","true");this.fallbackInput.tabIndex=-1;this.el.appendChild(this.fallbackInput);this.internalChecked=this.checked||false;this.hasSlot=!!this.el.querySelector("[slot]")||this.el.innerHTML.trim()!==""}async componentDidLoad(){if(!n(this.el)){const t=e();a("ifx-radio-button",await t)}}handleCheckedChange(t){this.internalChecked=t}updateFormValue(){this.fallbackInput.checked=this.internalChecked;this.fallbackInput.name=this.name;this.fallbackInput.value=this.value;this.fallbackInput.disabled=this.disabled}errorChanged(t,r){if(t!==r){this.ifxError.emit(t)}}handleRadioButtonClick(t){if(this.disabled){t.stopPropagation();return}this.inputElement.click();this.internalChecked=this.inputElement.checked;this.checked=this.internalChecked;this.ifxChange.emit(this.internalChecked);const r=new CustomEvent("change",{bubbles:true,composed:true,detail:{checked:this.internalChecked}});this.el.dispatchEvent(r)}handleKeyDown(t){if([" ","Enter"].includes(t.key)){t.preventDefault();this.handleRadioButtonClick(new PointerEvent("click"))}}handleExternalChange(t){const r=t.target;if(r===this.el||r.tagName.toLowerCase()!=="ifx-radio-button")return;if(r.getAttribute("name")===this.name){this.internalChecked=false}}render(){return o("div",{key:"c5e4fa7c1beea5dcfa20b595d43e21641a6fcae4",role:"radio","aria-checked":String(this.internalChecked),"aria-disabled":String(this.disabled),class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:t=>this.handleRadioButtonClick(t),tabindex:this.disabled?-1:0},o("div",{key:"bdbd998bb8535930ebbd40ba292bf836bdf42bbd",class:`radioButton__wrapper \n            ${this.internalChecked?"checked":""}  \n            ${this.error?"error":""}`},this.internalChecked&&o("div",{key:"b26cc238ace2996722f6485b51f82c49e5873e0a",class:"radioButton__wrapper-mark"})),this.hasSlot&&o("div",{key:"d43b4e722fd6f968ce267d6fab4343ad43c287f3",class:`label ${this.size==="m"?"label-m":""}`},o("slot",{key:"dc7296c8f126ae54814db1589084f9990aac1b18"})),o("input",{key:"70fd723f9829972c31e29ace9a97fc1d1d8cfbb3",type:"radio",hidden:true,ref:t=>this.inputElement=t,name:this.name,value:this.value,checked:this.internalChecked,disabled:this.disabled,onClick:t=>t.stopPropagation()}))}get el(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"],internalChecked:["updateFormValue"],error:["errorChanged"]}}};s.style=d;export{s as ifx_radio_button};
+//# sourceMappingURL=p-acd3359f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["radioButtonCss","RadioButton","constructor","hostRef","this","disabled","error","size","internalChecked","hasSlot","isChecked","componentWillLoad","fallbackInput","document","createElement","type","hidden","className","style","cssText","setAttribute","tabIndex","el","appendChild","checked","querySelector","innerHTML","trim","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","handleCheckedChange","newValue","updateFormValue","name","value","errorChanged","oldValue","ifxError","emit","handleRadioButtonClick","event","stopPropagation","inputElement","click","ifxChange","changeEvent","CustomEvent","bubbles","composed","detail","dispatchEvent","handleKeyDown","ev","includes","key","preventDefault","PointerEvent","handleExternalChange","target","tagName","toLowerCase","getAttribute","render","h","role","String","class","onClick","e","tabindex","ref"],"sources":["src/components/radio-button/radio-button.scss?tag=ifx-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["@use '~@infineon/design-system-tokens/dist/tokens';\r\n@use '../../global/font.scss';\r\n\r\n:host {\r\n  display: inline-flex;\r\n  --_ifx-fallback-display: none !important;\r\n}\r\n\r\n._ifx-radiobutton-fallback {\r\n  display: var(--_ifx-fallback-display);\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  height: 1px !important;\r\n  padding: 0 !important;\r\n  margin: -1px !important;\r\n  overflow: hidden !important;\r\n  clip: rect(0, 0, 0, 0) !important;\r\n  border: 0 !important;\r\n}\r\n\r\n.radioButton__container {\r\n  box-sizing: border-box;\r\n  display: inline-flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 0px;\r\n  gap: tokens.$ifxSpace100;\r\n  cursor: pointer;\r\n  font-family: var(--ifx-font-family);\r\n  outline: none;\r\n\r\n  &.disabled {\r\n    cursor: default;\r\n    \r\n    .radioButton__wrapper {\r\n      background-color: tokens.$ifxColorEngineering300;\r\n      border-color: tokens.$ifxColorEngineering300;\r\n      \r\n      &:hover {\r\n        background-color: tokens.$ifxColorEngineering300;\r\n      }\r\n      \r\n      &.checked {\r\n        background-color: tokens.$ifxColorBaseWhite;\r\n        border-color: tokens.$ifxColorEngineering300;\r\n        \r\n        &::after {\r\n          background-color: tokens.$ifxColorEngineering300;\r\n        }\r\n        \r\n        .radioButton__wrapper-mark {\r\n          background-color: tokens.$ifxColorEngineering300;\r\n        }\r\n        \r\n        &:hover {\r\n          border-color: tokens.$ifxColorEngineering300;\r\n          \r\n          .radioButton__wrapper-mark {\r\n            background-color: tokens.$ifxColorEngineering300;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    \r\n    .label {\r\n      color: tokens.$ifxColorEngineering300;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled) .radioButton__wrapper {\r\n    &.error {\r\n      border-color: tokens.$ifxColorRed500;\r\n      \r\n      &:hover,\r\n      &:focus-visible {\r\n        border-color: tokens.$ifxColorRed500;\r\n      }\r\n      \r\n      &.checked::after {\r\n        border-color: tokens.$ifxColorRed500;\r\n        background-color: tokens.$ifxColorRed500;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) .radioButton__wrapper {\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: calc(100% + 4px);\r\n      height: calc(100% + 4px);\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      border: 2px solid tokens.$ifxColorOcean500;\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n\r\n  &.m .radioButton__wrapper {\r\n    width: tokens.$ifxSize300;\r\n    height: tokens.$ifxSize300;\r\n  }\r\n\r\n  .radioButton__wrapper {\r\n    width: tokens.$ifxSize250;\r\n    height: tokens.$ifxSize250;\r\n    position: relative;\r\n    display: block;\r\n    border-radius: 50%;\r\n    background-color: tokens.$ifxColorBaseWhite;\r\n    border: 1px solid tokens.$ifxColorEngineering500;\r\n\r\n    .radioButton__wrapper-mark {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      background-color: tokens.$ifxColorOcean500;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      border-color: tokens.$ifxColorBaseTransparent;\r\n    }\r\n\r\n    &:hover {\r\n      background-color: tokens.$ifxColorEngineering200;\r\n    }\r\n\r\n    &.checked {\r\n      border-color: tokens.$ifxColorOcean500;\r\n      \r\n      &::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 10px;\r\n        height: 10px;\r\n        background-color: tokens.$ifxColorOcean500;\r\n        border-radius: 50%;\r\n      }\r\n\r\n      &:hover {\r\n        border-color: tokens.$ifxColorOcean600;\r\n        \r\n        .radioButton__wrapper-mark {\r\n          background-color: tokens.$ifxColorOcean600;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .label {\r\n    display: flex;\r\n    align-items: center;\r\n    height: tokens.$ifxSize250;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: tokens.$ifxFontSizeS;\r\n    line-height: tokens.$ifxLineHeightS;\r\n    color: tokens.$ifxColorBaseBlack;\r\n    flex: none;\r\n    order: 1;\r\n    flex-grow: 0;\r\n\r\n    &.label-m {\r\n      height: tokens.$ifxSize300;\r\n      font-size: tokens.$ifxFontSizeM;\r\n      line-height: tokens.$ifxLineHeightM;\r\n    }\r\n  }\r\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Listen, Watch, 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-radio-button',\r\n  styleUrl: 'radio-button.scss',\r\n  shadow: true,\r\n  // formAssociated: true\r\n})\r\nexport class RadioButton {\r\n  @Element() el: HTMLElement;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() value: string;\r\n  @Prop() error: boolean = false;\r\n  @Prop({ reflect: true }) size: \"s\" | \"m\" = \"s\";\r\n  @Prop({ reflect: true }) name: string;\r\n  @Prop({ mutable: true }) checked: boolean;\r\n  @State() internalChecked: boolean = false;\r\n  @State() hasSlot: boolean = false;\r\n\r\n  @Method()\r\n  async isChecked(): Promise<boolean> {\r\n    return this.internalChecked;\r\n  }\r\n  \r\n  private inputElement: HTMLInputElement;\r\n  //private internals: ElementInternals;\r\n  private fallbackInput: HTMLInputElement;\r\n\r\n  @Event({ eventName: 'ifxChange' }) ifxChange: EventEmitter;\r\n  @Event({ eventName: 'ifxError' }) ifxError: EventEmitter;\r\n\r\n  componentWillLoad() {\r\n    // Fallback for form association\r\n    this.fallbackInput = document.createElement('input');\r\n    this.fallbackInput.type = 'radio';\r\n    this.fallbackInput.hidden = true;\r\n    this.fallbackInput.className = '_ifx-radiobutton-fallback';\r\n    this.fallbackInput.style.cssText = `\r\n      display: none !important;\r\n      position: absolute !important;\r\n      opacity: 0 !important;\r\n      pointer-events: none !important;\r\n      width: 0 !important;\r\n      height: 0 !important;\r\n    `;\r\n    this.fallbackInput.setAttribute('aria-hidden', 'true');\r\n    this.fallbackInput.tabIndex = -1;\r\n    this.el.appendChild(this.fallbackInput);\r\n\r\n    // Initialize ElementInternals if supported\r\n    if ('attachInternals' in HTMLElement.prototype) {\r\n      try {\r\n        //this.internals = this.el.attachInternals();\r\n      } catch (e) {\r\n        console.warn('ElementInternals not supported');\r\n      }\r\n    }\r\n\r\n    // Initial state\r\n    this.internalChecked = this.checked || false;\r\n    this.hasSlot = !!this.el.querySelector('[slot]') || this.el.innerHTML.trim() !== '';\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-radio-button', await framework)\r\n    }\r\n  }\r\n\r\n  @Watch('checked')\r\n  handleCheckedChange(newValue: boolean) {\r\n    this.internalChecked = newValue;\r\n  }\r\n\r\n  @Watch('internalChecked')\r\n  updateFormValue() {\r\n    // Update both ElementInternals and fallback input\r\n    // if (this.internals?.setFormValue) {\r\n    //   this.internals.setFormValue(this.internalChecked ? this.value : null);\r\n    // }\r\n    this.fallbackInput.checked = this.internalChecked;\r\n    this.fallbackInput.name = this.name;\r\n    this.fallbackInput.value = this.value;\r\n    this.fallbackInput.disabled = this.disabled;\r\n  }\r\n\r\n  @Watch('error')\r\n    errorChanged(newValue: boolean, oldValue: boolean) {\r\n      if (newValue !== oldValue) {\r\n        this.ifxError.emit(newValue);\r\n      }\r\n    }\r\n\r\n  handleRadioButtonClick(event: Event) {\r\n    if (this.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    this.inputElement.click();\r\n    this.internalChecked = this.inputElement.checked;\r\n    this.checked = this.internalChecked;\r\n    this.ifxChange.emit(this.internalChecked);\r\n\r\n    const changeEvent = new CustomEvent('change', {\r\n      bubbles: true,\r\n      composed: true,\r\n      detail: { checked: this.internalChecked }\r\n    });\r\n    this.el.dispatchEvent(changeEvent);\r\n  }\r\n\r\n  @Listen('keydown')\r\n  handleKeyDown(ev: KeyboardEvent) {\r\n    if ([' ', 'Enter'].includes(ev.key)) {\r\n      ev.preventDefault();\r\n      this.handleRadioButtonClick(new PointerEvent('click'));\r\n    }\r\n  }\r\n\r\n  @Listen('change', { target: 'document' })\r\n  handleExternalChange(event: Event) {\r\n    const target = event.target as HTMLElement;\r\n    if (target === this.el || target.tagName.toLowerCase() !== 'ifx-radio-button') return;\r\n    \r\n    if (target.getAttribute('name') === this.name) {\r\n      this.internalChecked = false;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        role=\"radio\"\r\n        aria-checked={String(this.internalChecked)}\r\n        aria-disabled={String(this.disabled)}\r\n        class={`radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`}\r\n        onClick={(e) => this.handleRadioButtonClick(e)}\r\n        tabindex={this.disabled ? -1 : 0}\r\n      >\r\n        <div\r\n          class={`radioButton__wrapper \r\n            ${this.internalChecked ? 'checked' : ''}  \r\n            ${this.error ? 'error' : ''}`}\r\n        >\r\n          {this.internalChecked && <div class=\"radioButton__wrapper-mark\"></div>}\r\n        </div>\r\n\r\n        {this.hasSlot && (\r\n          <div class={`label ${this.size === \"m\" ? \"label-m\" : \"\"}`}>\r\n            <slot />\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          type=\"radio\"\r\n          hidden\r\n          ref={el => this.inputElement = el}\r\n          name={this.name}\r\n          value={this.value}\r\n          checked={this.internalChecked}\r\n          disabled={this.disabled}\r\n          onClick={(e) => e.stopPropagation()}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-5e3d0ff0.entry.js → p-af2c2c1f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,a as i}from"./p-PqnYwNKt.js";import{d as t,t as c}from"./p-DcmcuUOA.js";import{i as n}from"./p-Bw2fh5LT.js";const a=':host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:top;padding:0px;gap:8px;font-family:"Source Sans 3";vertical-align:bottom}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate){background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):hover{background-color:#0A8276;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:"";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}';const s=class{constructor(o){e(this,o);this.ifxChange=r(this,"ifxChange",7);this.ifxError=r(this,"ifxError",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.size="m";this.indeterminate=false}handleCheckbox(){if(!this.disabled){if(!this.inputElement.indeterminate){this.internalChecked=!this.internalChecked}this.ifxChange.emit(this.internalChecked)}}async isChecked(){return this.internalChecked}async toggleCheckedState(e){this.internalChecked=e}valueChanged(e,r){if(e!==r){this.internalChecked=e;this.inputElement.checked=this.internalChecked}}errorChanged(e,r){if(e!==r){this.ifxError.emit(e)}}indeterminateChanged(e,r){if(e!==r){this.internalIndeterminate=e;this.inputElement.indeterminate=this.internalIndeterminate}}handleKeydown(e){if(e.keyCode===32||e.keyCode===13){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.internalIndeterminate=this.indeterminate}async componentDidLoad(){if(!n(this.el)){const e=t();c("ifx-checkbox",await e)}}componentDidRender(){this.inputElement.indeterminate=this.internalIndeterminate}getCheckedClassName(){if(this.error){if(this.internalChecked){return"checked error"}else{return"error"}}else if(this.internalChecked){return"checked"}else return""}render(){const e=this.el.innerHTML;let r=false;if(e){r=true}return o("div",{key:"6605cecca0fc9ea377620c93c411747c6103d0fc",class:"checkbox__container"},o("input",{key:"e28753294d821fdc066f64e99295bb6ead4be86d",type:"checkbox",hidden:true,ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),id:"checkbox",value:`${this.value}`,disabled:this.disabled?true:undefined}),o("div",{key:"ff14245dcd1ff6285ec153591b52ffa3c3f06358",tabindex:"0",onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.indeterminate?"mixed":this.internalChecked.toString(),"aria-disabled":this.disabled,"aria-labelledby":"label",class:`checkbox__wrapper \n          ${this.getCheckedClassName()}\n        ${this.size==="m"?"checkbox-m":""}\n        ${this.indeterminate?"indeterminate":""}\n        ${this.disabled?"disabled":""}`},this.internalChecked&&!this.internalIndeterminate&&o("ifx-icon",{key:"13e9e197e4375548b34a597c007ddf6866ad5e05",icon:"check-16","aria-hidden":"true"})),r&&o("div",{key:"8161ca9223da4df88bc82eb9d26989df68cedc19",id:"label",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""} `,onClick:this.handleCheckbox.bind(this)},o("slot",{key:"29856bf622df0289f8803eb3c4a33f4738f50863"})))}get el(){return i(this)}static get watchers(){return{checked:["valueChanged"],error:["errorChanged"],indeterminate:["indeterminateChanged"]}}};s.style=a;export{s as ifx_checkbox};
-//# sourceMappingURL=p-5e3d0ff0.entry.js.map
+import{r as e,c as r,h as o,a as i}from"./p-PqnYwNKt.js";import{d as t,t as c}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";const n=':host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:top;padding:0px;gap:8px;font-family:"Source Sans 3";vertical-align:bottom}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate){background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):hover{background-color:#0A8276;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:"";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}';const s=class{constructor(o){e(this,o);this.ifxChange=r(this,"ifxChange",7);this.ifxError=r(this,"ifxError",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.size="m";this.indeterminate=false}handleCheckbox(){if(!this.disabled){if(!this.inputElement.indeterminate){this.internalChecked=!this.internalChecked}this.ifxChange.emit(this.internalChecked)}}async isChecked(){return this.internalChecked}async toggleCheckedState(e){this.internalChecked=e}valueChanged(e,r){if(e!==r){this.internalChecked=e;this.inputElement.checked=this.internalChecked}}errorChanged(e,r){if(e!==r){this.ifxError.emit(e)}}indeterminateChanged(e,r){if(e!==r){this.internalIndeterminate=e;this.inputElement.indeterminate=this.internalIndeterminate}}handleKeydown(e){if(e.keyCode===32||e.keyCode===13){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.internalIndeterminate=this.indeterminate}async componentDidLoad(){if(!a(this.el)){const e=t();c("ifx-checkbox",await e)}}componentDidRender(){this.inputElement.indeterminate=this.internalIndeterminate}getCheckedClassName(){if(this.error){if(this.internalChecked){return"checked error"}else{return"error"}}else if(this.internalChecked){return"checked"}else return""}render(){const e=this.el.innerHTML;let r=false;if(e){r=true}return o("div",{key:"3f4f974a98652e4be4057c36a7533e0d8d68de24",class:"checkbox__container"},o("input",{key:"b636b5d3fa14a620822a6bc518607a59a01652c8",type:"checkbox",hidden:true,ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),id:"checkbox",value:`${this.value}`,disabled:this.disabled?true:undefined}),o("div",{key:"13d0ecefb5b5af1c00b2e09c9c0fc9cc4c83d724",tabindex:"0",onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.indeterminate?"mixed":this.internalChecked.toString(),"aria-disabled":this.disabled,"aria-labelledby":"label",class:`checkbox__wrapper \n          ${this.getCheckedClassName()}\n        ${this.size==="m"?"checkbox-m":""}\n        ${this.indeterminate?"indeterminate":""}\n        ${this.disabled?"disabled":""}`},this.internalChecked&&!this.internalIndeterminate&&o("ifx-icon",{key:"460c969742fe90ba3e06907fc7884ab29824f061",icon:"check-16","aria-hidden":"true"})),r&&o("div",{key:"273def9e47faeaeb5e60713cd2339929d201dff4",id:"label",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""} `,onClick:this.handleCheckbox.bind(this)},o("slot",{key:"8fa93a5b1611fb49bea4a6535504aafe8f8008c8"})))}get el(){return i(this)}static get watchers(){return{checked:["valueChanged"],error:["errorChanged"],indeterminate:["indeterminateChanged"]}}};s.style=n;export{s as ifx_checkbox};
+//# sourceMappingURL=p-af2c2c1f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxCss","Checkbox","constructor","hostRef","this","disabled","checked","error","size","indeterminate","handleCheckbox","inputElement","internalChecked","ifxChange","emit","isChecked","toggleCheckedState","newVal","valueChanged","newValue","oldValue","errorChanged","ifxError","indeterminateChanged","internalIndeterminate","handleKeydown","event","keyCode","preventDefault","componentWillLoad","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","componentDidRender","getCheckedClassName","render","slot","innerHTML","hasSlot","h","key","class","type","hidden","ref","onChange","bind","id","value","undefined","tabindex","onClick","onKeyDown","role","toString","icon"],"sources":["src/components/checkbox/checkbox.scss?tag=ifx-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n    display: inline-flex;\r\n    vertical-align: top;\r\n}\r\n\r\n.checkbox__container {\r\n    box-sizing: border-box;\r\n    display: inline-flex;\r\n    flex-direction: row;\r\n    align-items: top;\r\n    padding: 0px;\r\n    gap: tokens.$ifxSpace100;\r\n    font-family: tokens.$ifxFontFamilyBody;\r\n    vertical-align: bottom;\r\n\r\n    & .checkbox__wrapper {\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        position: relative; //needs to be added for the indeterminate state of the checkbox\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: tokens.$ifxSize250;\r\n        height: tokens.$ifxSize250;\r\n        background-color: tokens.$ifxColorBaseWhite;\r\n        border: 1px solid tokens.$ifxColorEngineering500;\r\n        border-radius: tokens.$ifxBorderRadius12;\r\n        flex: none;\r\n        order: 0;\r\n        flex-grow: 0;\r\n        align-self: flex-start;\r\n\r\n        &.checkbox-m {\r\n            height: tokens.$ifxSize300;\r\n            width: tokens.$ifxSize300;\r\n        }\r\n\r\n        &.error {\r\n            border-color: tokens.$ifxColorRed500;\r\n        }\r\n\r\n        &:focus-visible {\r\n            border: 1px solid tokens.$ifxColorEngineering500;\r\n            outline: 2px solid tokens.$ifxColorOcean500;\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        &:hover {\r\n            background-color: tokens.$ifxColorEngineering200;\r\n            border: 1px solid tokens.$ifxColorEngineering500;\r\n            border-radius: tokens.$ifxBorderRadius12;\r\n            flex: none;\r\n            order: 0;\r\n            flex-grow: 0;\r\n        }\r\n\r\n        &.disabled {\r\n            background-color: tokens.$ifxColorEngineering300;;\r\n            border-color: tokens.$ifxColorEngineering300;;\r\n            border-radius: tokens.$ifxBorderRadius12;\r\n            flex: none;\r\n            order: 0;\r\n            flex-grow: 0;\r\n        }\r\n\r\n        &.checked:not(.indeterminate) {\r\n            background-color: tokens.$ifxColorOcean500;\r\n            border-radius: tokens.$ifxBorderRadius12;\r\n            border-color: tokens.$ifxColorBaseTransparent;\r\n            flex: none;\r\n            order: 0;\r\n            flex-grow: 0;\r\n            color: tokens.$ifxColorBaseWhite;\r\n\r\n            &.error {\r\n                background-color: tokens.$ifxColorRed500;\r\n            }\r\n\r\n            &:focus-visible {\r\n                border: 1px solid transparent;\r\n                outline: 2px solid #0A8276;\r\n                outline-offset: 2px;\r\n            }\r\n\r\n            &:hover {\r\n                background-color: tokens.$ifxColorOcean500;\r\n                border-radius: tokens.$ifxBorderRadius12;\r\n                flex: none;\r\n                order: 0;\r\n                flex-grow: 0;\r\n            }\r\n\r\n            &.disabled {\r\n                background: tokens.$ifxColorEngineering300;;\r\n                border-radius: tokens.$ifxBorderRadius12;\r\n                flex: none;\r\n                order: 0;\r\n                flex-grow: 0;\r\n            }\r\n        }\r\n\r\n        &.indeterminate {\r\n            &:before {\r\n                content: \"\";\r\n                display: block;\r\n                width: 70%; // Adjust as needed for the width of the minus sign\r\n                height: 2px; // Adjust for thickness of the minus sign\r\n                background-color: tokens.$ifxColorOcean600; // Color of the minus sign\r\n                position: absolute;\r\n                top: 50%;\r\n                left: 50%;\r\n                transform: translate(-50%, -50%);\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    & .label {\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        font-size: tokens.$ifxFontSizeS;\r\n        line-height: tokens.$ifxLineHeightS;\r\n        color: tokens.$ifxColorBaseBlack;\r\n        overflow-wrap: break-word;\r\n        word-wrap: break-word;\r\n        word-break: break-all;\r\n        max-width: 100%;\r\n\r\n        &.label-m {\r\n            font-size: tokens.$ifxFontSizeM;\r\n            line-height: tokens.$ifxLineHeightM;\r\n        }\r\n\r\n        &.disabled {\r\n            color: tokens.$ifxColorEngineering300;\r\n        }\r\n    }\r\n\r\n    & .checkbox__wrapper,\r\n    & .label {\r\n        &:hover {\r\n            cursor: pointer;\r\n        }\r\n    }\r\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } 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',\r\n  styleUrl: 'checkbox.scss',\r\n  shadow: true,\r\n  // formAssociated: true\r\n})\r\n\r\nexport class Checkbox {\r\n  private inputElement: HTMLInputElement;\r\n\r\n  @Element() el;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() checked: boolean = false;\r\n  @Prop() error: boolean = false;\r\n  @Prop() size: string = 'm';\r\n  @Prop() indeterminate: boolean = false;\r\n  @Prop() value: string;\r\n  @State() internalChecked: boolean;\r\n  @State() internalIndeterminate: boolean;\r\n\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  @Event({ bubbles: true, composed: true }) ifxChange: EventEmitter;\r\n  @Event({ bubbles: true, composed: true }) ifxError: EventEmitter;\r\n\r\n  handleCheckbox() {\r\n    if (!this.disabled) {\r\n      if (!this.inputElement.indeterminate) {\r\n        this.internalChecked = !this.internalChecked;\r\n      } \r\n      if (this.internalChecked && !this.internalIndeterminate) {\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      this.ifxChange.emit(this.internalChecked);\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async isChecked(): Promise<boolean> {\r\n    return this.internalChecked;\r\n  }\r\n\r\n  @Method()\r\n  async toggleCheckedState(newVal: boolean) {\r\n    this.internalChecked = newVal;\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      this.inputElement.checked = this.internalChecked; // update the checkbox's checked property\r\n    }\r\n  }\r\n\r\n  @Watch('error')\r\n  errorChanged(newValue: boolean, oldValue: boolean) {\r\n    if (newValue !== oldValue) {\r\n      this.ifxError.emit(newValue);\r\n    }\r\n  }\r\n\r\n  @Watch('indeterminate')\r\n  indeterminateChanged(newValue: boolean, oldValue: boolean) {\r\n    if (newValue !== oldValue) {\r\n      this.internalIndeterminate = newValue;\r\n      this.inputElement.indeterminate = this.internalIndeterminate; // update the checkbox's indeterminate property\r\n    }\r\n  }\r\n\r\n  handleKeydown(event) {\r\n    // Keycode 32 corresponds to the Space key, 13 corresponds to the Enter key\r\n    if (event.keyCode === 32 || event.keyCode === 13) {\r\n      this.handleCheckbox();\r\n      event.preventDefault();  // prevent the default action when space or enter is pressed\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalChecked = this.checked;\r\n    this.internalIndeterminate = this.indeterminate;\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-checkbox', await framework)\r\n    }\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.inputElement.indeterminate = this.internalIndeterminate;\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  getCheckedClassName() {\r\n    if (this.error) {\r\n      if (this.internalChecked) {\r\n        return \"checked error\"\r\n      } else {\r\n        return \"error\"\r\n      }\r\n    } else if (this.internalChecked) {\r\n      return \"checked\";\r\n    } else return \"\"\r\n  }\r\n\r\n  render() {\r\n    const slot = this.el.innerHTML;\r\n    let hasSlot = false;\r\n    if (slot) {\r\n      hasSlot = true;\r\n    }\r\n    return (\r\n      <div class=\"checkbox__container\">\r\n        <input\r\n          type=\"checkbox\"\r\n          hidden\r\n          ref={(el) => (this.inputElement = el)}\r\n          checked={this.internalChecked}\r\n          onChange={this.handleCheckbox.bind(this)} // Listen for changes here\r\n          id='checkbox'\r\n          value={`${this.value}`}\r\n          disabled={this.disabled ? true : undefined}\r\n        />\r\n        <div\r\n          tabindex=\"0\"\r\n          onClick={this.handleCheckbox.bind(this)}\r\n          onKeyDown={this.handleKeydown.bind(this)}\r\n          role=\"checkbox\"\r\n          aria-checked={this.indeterminate ? 'mixed' : this.internalChecked.toString()}\r\n          aria-disabled={this.disabled}\r\n          aria-labelledby=\"label\"\r\n          class={`checkbox__wrapper \r\n          ${this.getCheckedClassName()}\r\n        ${this.size === \"m\" ? \"checkbox-m\" : \"\"}\r\n        ${this.indeterminate ? 'indeterminate' : \"\"}\r\n        ${this.disabled ? 'disabled' : \"\"}`}\r\n        >\r\n          {this.internalChecked && !this.internalIndeterminate && <ifx-icon icon=\"check-16\" aria-hidden=\"true\"></ifx-icon>}\r\n        </div>\r\n        {hasSlot &&\r\n          <div id=\"label\" class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : \"\"} `} onClick={this.handleCheckbox.bind(this)}>\r\n            <slot />\r\n          </div>}\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"wIAAA,MAAMA,EAAc,g1E,MCYPC,EAAQ,MAPrB,WAAAC,CAAAC,G,kPAWUC,KAAQC,SAAY,MACpBD,KAAOE,QAAY,MACnBF,KAAKG,MAAY,MACjBH,KAAII,KAAW,IACfJ,KAAaK,cAAY,KAkJlC,CAxIC,cAAAC,GACE,IAAKN,KAAKC,SAAU,CAClB,IAAKD,KAAKO,aAAaF,cAAe,CACpCL,KAAKQ,iBAAmBR,KAAKQ,e,CAW/BR,KAAKS,UAAUC,KAAKV,KAAKQ,gB,EAK7B,eAAMG,GACJ,OAAOX,KAAKQ,e,CAId,wBAAMI,CAAmBC,GACvBb,KAAKQ,gBAAkBK,C,CAIzB,YAAAC,CAAaC,EAAmBC,GAC9B,GAAID,IAAaC,EAAU,CACzBhB,KAAKQ,gBAAkBO,EACvBf,KAAKO,aAAaL,QAAUF,KAAKQ,e,EAKrC,YAAAS,CAAaF,EAAmBC,GAC9B,GAAID,IAAaC,EAAU,CACzBhB,KAAKkB,SAASR,KAAKK,E,EAKvB,oBAAAI,CAAqBJ,EAAmBC,GACtC,GAAID,IAAaC,EAAU,CACzBhB,KAAKoB,sBAAwBL,EAC7Bf,KAAKO,aAAaF,cAAgBL,KAAKoB,qB,EAI3C,aAAAC,CAAcC,GAEZ,GAAIA,EAAMC,UAAY,IAAMD,EAAMC,UAAY,GAAI,CAChDvB,KAAKM,iBACLgB,EAAME,gB,EAIV,iBAAAC,GACEzB,KAAKQ,gBAAkBR,KAAKE,QAC5BF,KAAKoB,sBAAwBpB,KAAKK,a,CAGpC,sBAAMqB,GACJ,IAAIC,EAAuB3B,KAAK4B,IAAK,CACnC,MAAMC,EAAYC,IAClBC,EAAe,qBAAsBF,E,EAIzC,kBAAAG,GACEhC,KAAKO,aAAaF,cAAgBL,KAAKoB,qB,CAWzC,mBAAAa,GACE,GAAIjC,KAAKG,MAAO,CACd,GAAIH,KAAKQ,gBAAiB,CACxB,MAAO,e,KACF,CACL,MAAO,O,OAEJ,GAAIR,KAAKQ,gBAAiB,CAC/B,MAAO,S,MACF,MAAO,E,CAGhB,MAAA0B,GACE,MAAMC,EAAOnC,KAAK4B,GAAGQ,UACrB,IAAIC,EAAU,MACd,GAAIF,EAAM,CACRE,EAAU,I,CAEZ,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,SAAAC,IAAA,2CACEE,KAAK,WACLC,OAAM,KACNC,IAAMf,GAAQ5B,KAAKO,aAAeqB,EAClC1B,QAASF,KAAKQ,gBACdoC,SAAU5C,KAAKM,eAAeuC,KAAK7C,MACnC8C,GAAG,WACHC,MAAO,GAAG/C,KAAK+C,QACf9C,SAAUD,KAAKC,SAAW,KAAO+C,YAEnCV,EACE,OAAAC,IAAA,2CAAAU,SAAS,IACTC,QAASlD,KAAKM,eAAeuC,KAAK7C,MAClCmD,UAAWnD,KAAKqB,cAAcwB,KAAK7C,MACnCoD,KAAK,WAAU,eACDpD,KAAKK,cAAgB,QAAUL,KAAKQ,gBAAgB6C,WACnD,gBAAArD,KAAKC,SACJ,0BAChBuC,MAAO,iCACLxC,KAAKiC,kCACPjC,KAAKI,OAAS,IAAM,aAAe,eACnCJ,KAAKK,cAAgB,gBAAkB,eACvCL,KAAKC,SAAW,WAAa,MAE5BD,KAAKQ,kBAAoBR,KAAKoB,uBAAyBkB,EAAA,YAAAC,IAAA,2CAAUe,KAAK,WAAU,cAAa,UAE/FjB,GACCC,EAAA,OAAAC,IAAA,2CAAKO,GAAG,QAAQN,MAAO,SAASxC,KAAKI,OAAS,IAAM,UAAY,MAAMJ,KAAKC,SAAW,WAAa,MAAOiD,QAASlD,KAAKM,eAAeuC,KAAK7C,OAC1IsC,EAAQ,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-6e115707.entry.js → p-b2e514e5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as o,c as i}from"./p-PqnYwNKt.js";import{d as n,t as r}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";import{c as s}from"./p-DMLRPGid.js";import"./p-B85MJLTf.js";const p=":host{display:inline-block}.spinner{position:relative;width:40px;height:40px}.spinner.s{width:24px;height:24px}.border{box-sizing:border-box;position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#0A8276;border-left-color:#0A8276;border-right-color:#0A8276;border-top-left-radius:1px;border-top-right-radius:1px;border-radius:50%;animation:spin 2s linear infinite}.border.inverted{border-top-color:#FFFFFF;border-left-color:#FFFFFF;border-right-color:#FFFFFF}.semiconductor{width:100%;height:100%;animation:spin 2s linear infinite}.semiconductor svg{fill:#0A8276}.semiconductor.inverted svg{fill:#FFFFFF}.semiconductor.s svg{width:24px;height:24px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const l=class{constructor(e){t(this,e);this.inverted=false}async componentDidLoad(){if(!a(this.el)){const t=n();r("ifx-spinner",await t)}}render(){return e("div",{key:"dcb5fa927ad5ad53c34eb4c47a115cf3ae9958cd",role:"status","aria-label":this.ariaLabel||"Loading",class:this.getClassNames()},e("div",{key:"490dd918800c9ae2dad8289cc5b7adaefeff8ab7",class:`${this.variant!=="brand"?"border":""} ${this.inverted?"inverted":""}`}),this.variant==="brand"&&e("div",{key:"4da8f91e1154a482b8f196e7a8c972db546ca16a",class:`semiconductor ${this.inverted?"inverted":""} ${this.getSizeClass()}`},e("svg",{key:"d1e37b9d383892fc9528588184fb3af7c76934de",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"f750eebbab8e00e9f1b6913d8f229ad13f1b94a2",id:"spinner/conductor"},e("path",{key:"c96fa1feb182affde75eabf4a4cc834f2f3d3dcc",id:"Vector",d:"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z"})))))}getSizeClass(){return`${this.size}`==="s"?"s":""}getClassNames(){return s("spinner",this.size&&`spinner ${this.getSizeClass()}`)}get el(){return o(this)}};l.style=p;const d=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:flex}.textInput__container{display:flex;flex-direction:column;align-items:flex-start;padding:0px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0;font-family:var(--ifx-font-family)}.textInput__container .delete-icon{position:absolute;right:16px}.textInput__container:not(.readonly,.disabled) .delete-icon:hover{cursor:pointer}.textInput__container.disabled:not(.readonly) #text-field{color:#FFFFFF}.textInput__container.disabled:not(.readonly) .delete-icon{color:#FFFFFF}.textInput__container.disabled:not(.readonly) .textInput__top-wrapper label{color:#BFBBBB}.textInput__container.disabled:not(.readonly) .textInput__top-wrapper .required{color:#BFBBBB}.textInput__container.disabled:not(.readonly) .textInput__bottom-wrapper input{border:1px solid #BFBBBB;background-color:#BFBBBB}.textInput__container.disabled:not(.readonly) .textInput__bottom-wrapper input::placeholder{font-size:1rem;color:#FFFFFF}.textInput__container .textInput__top-wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:4px;flex:none;order:0;align-self:stretch;flex-grow:0}.textInput__container .textInput__top-wrapper label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:0}.textInput__container .textInput__top-wrapper label .optional-required{margin-left:4px}.textInput__container .textInput__top-wrapper label .optional{margin-left:4px}.textInput__container .textInput__top-wrapper label .required{color:#575352;margin-left:4px}.textInput__container .textInput__top-wrapper label .required.error{color:#CD002F}.textInput__container .input-container{position:relative;display:flex;align-items:center;width:100%}.textInput__container .textInput__bottom-wrapper{flex-grow:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:4px;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper input{width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px 16px;gap:8px;height:40px;background-color:#FFFFFF;color:#1D1D1D;font-family:var(--ifx-font-family);font-size:1rem;line-height:1.5rem;border:1px solid #8D8786;border-radius:1px;flex:none;order:0;align-self:stretch;flex-grow:0;text-overflow:ellipsis}.textInput__container .textInput__bottom-wrapper input.input-s{height:36px;font-size:0.875rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.input-s::placeholder{font-size:1rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.icon{padding-left:40px}.textInput__container .textInput__bottom-wrapper input.error{border:1px solid #CD002F}.textInput__container .textInput__bottom-wrapper input.error:focus{outline:none}.textInput__container .textInput__bottom-wrapper input.readonly{border:none;border-radius:var(--borderRadius-12, 1px);border-bottom:1px solid var(--color-engineering-300, #bfbbbb);background:var(--color-base-white, #fff);padding-left:0}.textInput__container .textInput__bottom-wrapper input.readonly::placeholder{color:#1D1D1D}.textInput__container .textInput__bottom-wrapper input.success{border:1px solid #4CA460}.textInput__container .textInput__bottom-wrapper input.success:focus{outline:none}.textInput__container .textInput__bottom-wrapper input:focus:not(.error,.success):not(.readonly){outline:none;border:1px solid #0A8276}.textInput__container .textInput__bottom-wrapper input.readonly:focus,.textInput__container .textInput__bottom-wrapper input[readonly]:focus{outline:none;box-shadow:none;border:none;border-bottom:1px solid var(--color-engineering-300, #bfbbbb)}.textInput__container .textInput__bottom-wrapper input:hover:not(:disabled,:focus,.error,.success):not(.readonly){border:1px solid #575352}.textInput__container .textInput__bottom-wrapper .input-icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;transition:0.3s;color:#8D8786}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;color:#1D1D1D;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.error{color:#CD002F}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.disabled{color:#BFBBBB}';const c=class{constructor(e){t(this,e);this.ifxInput=i(this,"ifxInput",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.placeholder="Placeholder";this.value="";this.error=false;this.label="";this.icon="";this.caption="";this.size="m";this.required=false;this.success=false;this.disabled=false;this.readOnly=false;this.showDeleteIcon=false;this.autocomplete="on";this.type="text";this.internalId="text-field"}valueWatcher(t){if(t!==this.inputElement.value){this.inputElement.value=t}}async reset(){this.value="";this.inputElement.value=""}handleDeleteContent(){if(!this.disabled&&!this.readOnly){this.reset();this.ifxInput.emit(this.value)}}handleInput(){const t=this.inputElement.value;this.value=t;this.ifxInput.emit(this.value)}handleTypeProp(){this.internalType=this.type==="text"||this.type==="password"?this.type:"text"}componentWillLoad(){this.handleTypeProp()}async componentDidLoad(){if(!a(this.el)){const t=n();r("ifx-text-field",await t)}}render(){return e("div",{key:"fde8ba65931e70265b84ddd75143a78627cbbba7","aria-label":"a text field for user input","aria-value":this.value,"aria-disabled":this.disabled,class:`textInput__container ${this.readOnly?"readonly":""} ${this.disabled&&!this.error?"disabled":""}`},e("div",{key:"662198ca46ff5a6d568589b5d0ebb4b6117a6205",class:"textInput__top-wrapper"},this.label&&e("label",{key:"be2ec4dec1d869c891f8defac11181ca18f06053",htmlFor:this.internalId},e("span",{key:"46d77c5682c4ed8ac8cfb41a4ef676bc061236a8"},this.label),this.required&&e("span",{key:"28ddfeee2b30168c4c755bdc822fec0ef98c529a",class:`required ${this.error&&!this.readOnly?"error":""}`},"*"))),e("div",{key:"20457f5caf1857c5e7259763a885ed7c7a9df636",class:"textInput__bottom-wrapper"},e("div",{key:"7e9a0bfc6a2f590d741ece4639d5f38e4c712085",class:"input-container"},this.icon&&e("ifx-icon",{key:"ebdc52fb4dcca7912fd6ac428f1f42442fbb2313",class:"input-icon",icon:this.icon}),e("input",{key:"4760819b300477cbac4da643c41b3dfb97d62285",ref:t=>this.inputElement=t,disabled:this.disabled&&!this.error,autocomplete:this.autocomplete,type:this.internalType,id:this.internalId,value:this.value,onInput:()=>this.handleInput(),placeholder:this.placeholder,readonly:this.readOnly,maxlength:this.maxlength,class:`${this.icon?"icon":""}\n                ${this.error?"error":""} \n                ${this.readOnly?"readonly":""} \n              ${this.size==="s"?"input-s":""}\n              ${this.success?"success":""}`}),this.showDeleteIcon&&this.value&&e("ifx-icon",{key:"34d4b05f44f3b5a0f4afddf40b2d3a0384482a57",class:"delete-icon",icon:"cRemove16",onClick:()=>this.handleDeleteContent()})),this.caption&&e("div",{key:"da655fe4c12336e535e9f1be649136ce9344c115",class:`textInput__bottom-wrapper-caption ${this.error&&!this.readOnly?"error":""} ${this.disabled&&!this.readOnly&&!this.error?"disabled":""}`},this.caption)))}get el(){return o(this)}static get watchers(){return{value:["valueWatcher"]}}};c.style=d;export{l as ifx_spinner,c as ifx_text_field};
-//# sourceMappingURL=p-6e115707.entry.js.map
+import{r as t,h as e,a as o,c as i}from"./p-PqnYwNKt.js";import{d as n,t as r}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";import{c as s}from"./p-DMLRPGid.js";import"./p-B85MJLTf.js";const p=":host{display:inline-block}.spinner{position:relative;width:40px;height:40px}.spinner.s{width:24px;height:24px}.border{box-sizing:border-box;position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#0A8276;border-left-color:#0A8276;border-right-color:#0A8276;border-top-left-radius:1px;border-top-right-radius:1px;border-radius:50%;animation:spin 2s linear infinite}.border.inverted{border-top-color:#FFFFFF;border-left-color:#FFFFFF;border-right-color:#FFFFFF}.semiconductor{width:100%;height:100%;animation:spin 2s linear infinite}.semiconductor svg{fill:#0A8276}.semiconductor.inverted svg{fill:#FFFFFF}.semiconductor.s svg{width:24px;height:24px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const l=class{constructor(e){t(this,e);this.inverted=false}async componentDidLoad(){if(!a(this.el)){const t=n();r("ifx-spinner",await t)}}render(){return e("div",{key:"3494b108576459cad2c7d1c9796c32486df2049f",role:"status","aria-label":this.ariaLabel||"Loading",class:this.getClassNames()},e("div",{key:"4c38429b38606bbfa4886e1c5a356b567961726d",class:`${this.variant!=="brand"?"border":""} ${this.inverted?"inverted":""}`}),this.variant==="brand"&&e("div",{key:"9c76d02a9a93eb20882b89875fc18b15ff7219d3",class:`semiconductor ${this.inverted?"inverted":""} ${this.getSizeClass()}`},e("svg",{key:"7b09ca8942f361fed1e5c4af040e2facc7ae9044",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"28fff6e48621daf10ba79f86975b6c11860a9d6f",id:"spinner/conductor"},e("path",{key:"31a4c0c243b82b3c3f0c870f6990b5d41e7c5ef2",id:"Vector",d:"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z"})))))}getSizeClass(){return`${this.size}`==="s"?"s":""}getClassNames(){return s("spinner",this.size&&`spinner ${this.getSizeClass()}`)}get el(){return o(this)}};l.style=p;const c=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:flex}.textInput__container{display:flex;flex-direction:column;align-items:flex-start;padding:0px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0;font-family:var(--ifx-font-family)}.textInput__container .delete-icon{position:absolute;right:16px}.textInput__container:not(.readonly,.disabled) .delete-icon:hover{cursor:pointer}.textInput__container.disabled:not(.readonly) #text-field{color:#FFFFFF}.textInput__container.disabled:not(.readonly) .delete-icon{color:#FFFFFF}.textInput__container.disabled:not(.readonly) .textInput__top-wrapper label{color:#BFBBBB}.textInput__container.disabled:not(.readonly) .textInput__top-wrapper .required{color:#BFBBBB}.textInput__container.disabled:not(.readonly) .textInput__bottom-wrapper input{border:1px solid #BFBBBB;background-color:#BFBBBB}.textInput__container.disabled:not(.readonly) .textInput__bottom-wrapper input::placeholder{font-size:1rem;color:#FFFFFF}.textInput__container .textInput__top-wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:4px;flex:none;order:0;align-self:stretch;flex-grow:0}.textInput__container .textInput__top-wrapper label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:0}.textInput__container .textInput__top-wrapper label .optional-required{margin-left:4px}.textInput__container .textInput__top-wrapper label .optional{margin-left:4px}.textInput__container .textInput__top-wrapper label .required{color:#575352;margin-left:4px}.textInput__container .textInput__top-wrapper label .required.error{color:#CD002F}.textInput__container .input-container{position:relative;display:flex;align-items:center;width:100%}.textInput__container .textInput__bottom-wrapper{flex-grow:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:4px;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper input{width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px 16px;gap:8px;height:40px;background-color:#FFFFFF;color:#1D1D1D;font-family:var(--ifx-font-family);font-size:1rem;line-height:1.5rem;border:1px solid #8D8786;border-radius:1px;flex:none;order:0;align-self:stretch;flex-grow:0;text-overflow:ellipsis}.textInput__container .textInput__bottom-wrapper input.input-s{height:36px;font-size:0.875rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.input-s::placeholder{font-size:1rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.icon{padding-left:40px}.textInput__container .textInput__bottom-wrapper input.error{border:1px solid #CD002F}.textInput__container .textInput__bottom-wrapper input.error:focus{outline:none}.textInput__container .textInput__bottom-wrapper input.readonly{border:none;border-radius:var(--borderRadius-12, 1px);border-bottom:1px solid var(--color-engineering-300, #bfbbbb);background:var(--color-base-white, #fff);padding-left:0}.textInput__container .textInput__bottom-wrapper input.readonly::placeholder{color:#1D1D1D}.textInput__container .textInput__bottom-wrapper input.success{border:1px solid #4CA460}.textInput__container .textInput__bottom-wrapper input.success:focus{outline:none}.textInput__container .textInput__bottom-wrapper input:focus:not(.error,.success):not(.readonly){outline:none;border:1px solid #0A8276}.textInput__container .textInput__bottom-wrapper input.readonly:focus,.textInput__container .textInput__bottom-wrapper input[readonly]:focus{outline:none;box-shadow:none;border:none;border-bottom:1px solid var(--color-engineering-300, #bfbbbb)}.textInput__container .textInput__bottom-wrapper input:hover:not(:disabled,:focus,.error,.success):not(.readonly){border:1px solid #575352}.textInput__container .textInput__bottom-wrapper .input-icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;transition:0.3s;color:#8D8786}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;color:#1D1D1D;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.error{color:#CD002F}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.disabled{color:#BFBBBB}';const d=class{constructor(e){t(this,e);this.ifxInput=i(this,"ifxInput",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.placeholder="Placeholder";this.value="";this.error=false;this.label="";this.icon="";this.caption="";this.size="m";this.required=false;this.success=false;this.disabled=false;this.readOnly=false;this.showDeleteIcon=false;this.autocomplete="on";this.type="text";this.internalId="text-field"}valueWatcher(t){if(t!==this.inputElement.value){this.inputElement.value=t}}async reset(){this.value="";this.inputElement.value=""}handleDeleteContent(){if(!this.disabled&&!this.readOnly){this.reset();this.ifxInput.emit(this.value)}}handleInput(){const t=this.inputElement.value;this.value=t;this.ifxInput.emit(this.value)}handleTypeProp(){this.internalType=this.type==="text"||this.type==="password"?this.type:"text"}componentWillLoad(){this.handleTypeProp()}async componentDidLoad(){if(!a(this.el)){const t=n();r("ifx-text-field",await t)}}render(){return e("div",{key:"d67359eb3f5b01ca82f3d7e100c932b394f5dd72","aria-label":"a text field for user input","aria-value":this.value,"aria-disabled":this.disabled,class:`textInput__container ${this.readOnly?"readonly":""} ${this.disabled&&!this.error?"disabled":""}`},e("div",{key:"984feba03b24e932834781c8f816e79817fbec7f",class:"textInput__top-wrapper"},this.label&&e("label",{key:"02c23276205f851ee2c8807d2b67bccc11fb4350",htmlFor:this.internalId},e("span",{key:"8473ccc62f76dad8aa84b5f98b36caacaa5c3fb2"},this.label),this.required&&e("span",{key:"60b25e7269a034b0d4fa7fd63e25151c1e0b8de0",class:`required ${this.error&&!this.readOnly?"error":""}`},"*"))),e("div",{key:"f9e0d1caa7c5f8774132fbed4857e84af4dbb5a2",class:"textInput__bottom-wrapper"},e("div",{key:"10ae27bf8edb9a9fc1a35b9e79db46dc07272a76",class:"input-container"},this.icon&&e("ifx-icon",{key:"e78ef7ef5c27a8366fcc87148112c3f2fd5c6432",class:"input-icon",icon:this.icon}),e("input",{key:"f384201d840524143d8e9e75dd25e7d09b64ab52",ref:t=>this.inputElement=t,disabled:this.disabled&&!this.error,autocomplete:this.autocomplete,type:this.internalType,id:this.internalId,value:this.value,onInput:()=>this.handleInput(),placeholder:this.placeholder,readonly:this.readOnly,maxlength:this.maxlength,class:`${this.icon?"icon":""}\n                ${this.error?"error":""} \n                ${this.readOnly?"readonly":""} \n              ${this.size==="s"?"input-s":""}\n              ${this.success?"success":""}`}),this.showDeleteIcon&&this.value&&e("ifx-icon",{key:"b2e4e802c696d38c22975c09c1e2737187bf51f6",class:"delete-icon",icon:"cRemove16",onClick:()=>this.handleDeleteContent()})),this.caption&&e("div",{key:"870558a1ab7766ffc694ae7e0fcb1b6ba95e5f6b",class:`textInput__bottom-wrapper-caption ${this.error&&!this.readOnly?"error":""} ${this.disabled&&!this.readOnly&&!this.error?"disabled":""}`},this.caption)))}get el(){return o(this)}static get watchers(){return{value:["valueWatcher"]}}};d.style=c;export{l as ifx_spinner,d as ifx_text_field};
+//# sourceMappingURL=p-b2e514e5.entry.js.map