Delete self contained Thunder Tests

Back to .net8.0
api/v4/InfinityQS
ApiExplorerSettings
Wafer Counter
Color Sorting
This commit is contained in:
2024-03-13 13:15:56 -07:00
parent 7e16ee7f98
commit 127634f5ab
952 changed files with 205130 additions and 914 deletions

View File

@ -0,0 +1,27 @@
/* Source Sans 3 Regular */
@font-face {
font-family: "Source Sans 3";
font-style: normal;
font-weight: 400;
src: url("./source-sans-3/SourceSans3-Regular.ttf.woff2") format("woff2"),
url("./source-sans-3/SourceSans3-Regular.ttf.woff") format("woff");
}
/* Source Sans 3 Semibold */
@font-face {
font-family: "Source Sans 3";
font-style: normal;
font-weight: 600;
src: url("./source-sans-3/SourceSans3-Semibold.ttf.woff2") format("woff2"),
url("./source-sans-3/SourceSans3-Semibold.ttf.woff") format("woff");
}
/* Source Sans 3 Italic */
@font-face {
font-family: "Source Sans 3";
font-style: italic;
font-weight: 400;
src: url("./source-sans-3/SourceSans3-It.ttf.woff2") format("woff2"),
url("./source-sans-3/SourceSans3-It.ttf.woff") format("woff");
}

View File

@ -0,0 +1,20 @@
/* Source Sans 3 Regular */
@font-face {
font-family: "Source Sans 3";
font-style: normal;
font-weight: 400;
src: url("./source-sans-3/SourceSans3-Regular.ttf.woff2") format("woff2"), url("./source-sans-3/SourceSans3-Regular.ttf.woff") format("woff"); }
/* Source Sans 3 Semibold */
@font-face {
font-family: "Source Sans 3";
font-style: normal;
font-weight: 600;
src: url("./source-sans-3/SourceSans3-Semibold.ttf.woff2") format("woff2"), url("./source-sans-3/SourceSans3-Semibold.ttf.woff") format("woff"); }
/* Source Sans 3 Italic */
@font-face {
font-family: "Source Sans 3";
font-style: italic;
font-weight: 400;
src: url("./source-sans-3/SourceSans3-It.ttf.woff2") format("woff2"), url("./source-sans-3/SourceSans3-It.ttf.woff") format("woff"); }

View File

@ -0,0 +1,2 @@
//# sourceMappingURL=index.esm.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":[],"sources":[],"mappings":""}

View File

@ -0,0 +1 @@
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;src:url("./source-sans-3/SourceSans3-Regular.ttf.woff2") format("woff2"), url("./source-sans-3/SourceSans3-Regular.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;src:url("./source-sans-3/SourceSans3-Semibold.ttf.woff2") format("woff2"), url("./source-sans-3/SourceSans3-Semibold.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;src:url("./source-sans-3/SourceSans3-It.ttf.woff2") format("woff2"), url("./source-sans-3/SourceSans3-It.ttf.woff") format("woff")}ifx-icon:empty{display:none}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.5.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n if (importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"6FAKA,MAAMA,EAAe,KAKO,CAEpBC,EAAkBC,EAAEC,UAC5B,CAiBI,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EAE/B,MAAML,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAAUC,GACvC,GAAIC,KAAKC,WAAa,WAAY,CAC9B,OAAOJ,EAAkBK,KAAKF,KAAMD,EAChD,CACQ,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACN,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAE3C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACjCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MACtE,CACA,CACA,CACQ,OAAOK,CACf,CAAK,EClDLlB,IAAeyB,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,szXAAuCH"}

View File

@ -0,0 +1,2 @@
import{r,c as a,h as e}from"./p-5308bbce.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:var(--ifx-font-family)}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}';const s=class{constructor(e){r(this,e);this.ifxInput=a(this,"ifxInput",7);this.ifxSearchBarIsOpen=a(this,"ifxSearchBarIsOpen",7);this.handleCloseButton=()=>{this.internalState=!this.internalState;this.ifxSearchBarIsOpen.emit(this.internalState)};this.handleFocus=()=>{this.internalState=true};this.isOpen=true;this.disabled=false;this.internalState=undefined;this.value=undefined}handlePropChange(){this.internalState=this.isOpen}setInitialState(){this.internalState=this.isOpen}componentWillLoad(){this.setInitialState()}handleInput(r){this.value=r.detail}render(){return e("div",{"aria-label":"a search bar","aria-disabled":this.disabled,class:`search-bar ${this.internalState?"open":"closed"}`},this.internalState?e("div",{class:"search-bar-wrapper"},e("ifx-search-field",{disabled:this.disabled,value:this.value,onIfxInput:this.handleInput.bind(this)},e("ifx-icon",{icon:"search-16",slot:"search-icon"})),e("a",{tabindex:"-1",href:"javascript:void(0)",onClick:this.handleCloseButton},"Close")):e("div",{class:"search-bar__icon-wrapper",onClick:this.handleCloseButton},e("ifx-icon",{icon:"search-16"})))}static get watchers(){return{isOpen:["handlePropChange"]}}};s.style=i;export{s as ifx_search_bar};
//# sourceMappingURL=p-00fe439d.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["searchBarCss","SearchBar","this","handleCloseButton","internalState","ifxSearchBarIsOpen","emit","handleFocus","handlePropChange","isOpen","setInitialState","componentWillLoad","handleInput","event","value","detail","render","h","disabled","class","onIfxInput","bind","icon","slot","tabindex","href","onClick"],"sources":["src/components/search-bar/search-bar.scss?tag=ifx-search-bar&encapsulation=shadow","src/components/search-bar/search-bar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n width: 100%; //revert\n display: flex;\n}\n\n.search-bar {\n box-sizing: border-box;\n height: tokens.$ifxSize500;\n background-color: tokens.$ifxColorBaseWhite;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n font-family: var(--ifx-font-family);\n\n &.closed {\n display: flex;\n width: auto;\n justify-content: flex-start;\n }\n\n & .search-bar-wrapper {\n display: flex;\n align-items: center;\n gap: tokens.$ifxSpace200;\n width: 100%;\n\n & a {\n text-decoration: none;\n font-size: tokens.$ifxFontSizeM;\n font-style: normal;\n font-weight: tokens.$ifxFontWeightSemibold;\n line-height: tokens.$ifxLineHeightM;\n color: tokens.$ifxColorOcean500;\n cursor: pointer;\n }\n\n & ifx-search-field {\n width: 100%;\n }\n }\n\n .search-bar__icon-wrapper {\n display: none;\n flex-direction: row;\n align-items: center;\n\n & ifx-icon:hover {\n cursor: pointer;\n }\n }\n\n &.closed {\n .search-bar__icon-wrapper {\n display: flex;\n }\n\n .search-bar-wrapper {\n display: none;\n }\n }\n}","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'ifx-search-bar',\n styleUrl: 'search-bar.scss',\n shadow: true,\n})\nexport class SearchBar {\n @Prop() isOpen: boolean = true;\n @Prop() disabled: boolean = false;\n @State() internalState: boolean;\n @Prop({ mutable: true }) value: string;\n @Event() ifxInput: EventEmitter;\n @Event() ifxSearchBarIsOpen: EventEmitter;\n\n\n @Watch('isOpen')\n handlePropChange() {\n this.internalState = this.isOpen;\n }\n\n handleCloseButton = () => {\n this.internalState = !this.internalState;\n this.ifxSearchBarIsOpen.emit(this.internalState)\n }\n\n setInitialState() {\n this.internalState = this.isOpen;\n }\n\n componentWillLoad() {\n this.setInitialState();\n }\n\n handleInput(event: CustomEvent) {\n this.value = event.detail;\n }\n\n handleFocus = () => {\n this.internalState = true;\n }\n\n\n render() {\n return (\n <div aria-label='a search bar' aria-disabled={this.disabled} class={`search-bar ${this.internalState ? 'open' : 'closed'}`}>\n {this.internalState ? (\n <div class=\"search-bar-wrapper\">\n <ifx-search-field disabled={this.disabled} value={this.value} onIfxInput={this.handleInput.bind(this)}>\n <ifx-icon icon=\"search-16\" slot=\"search-icon\"></ifx-icon>\n </ifx-search-field>\n\n <a tabindex=\"-1\" href='javascript:void(0)' onClick={this.handleCloseButton}>Close</a>\n </div>\n ) : (\n <div class=\"search-bar__icon-wrapper\" onClick={this.handleCloseButton}>\n <ifx-icon icon=\"search-16\"></ifx-icon>\n </div>\n )}\n </div>\n );\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAe,y5B,MCORC,EAAS,M,mHAcpBC,KAAAC,kBAAoB,KAClBD,KAAKE,eAAiBF,KAAKE,cAC3BF,KAAKG,mBAAmBC,KAAKJ,KAAKE,cAAc,EAelDF,KAAAK,YAAc,KACZL,KAAKE,cAAgB,IAAI,E,YA/BD,K,cACE,M,kDAQ5B,gBAAAI,GACEN,KAAKE,cAAgBF,KAAKO,M,CAQ5B,eAAAC,GACER,KAAKE,cAAgBF,KAAKO,M,CAG5B,iBAAAE,GACET,KAAKQ,iB,CAGP,WAAAE,CAAYC,GACVX,KAAKY,MAAQD,EAAME,M,CAQrB,MAAAC,GACE,OACEC,EAAA,oBAAgB,eAAc,gBAAgBf,KAAKgB,SAAUC,MAAO,cAAcjB,KAAKE,cAAgB,OAAS,YAC7GF,KAAKE,cACJa,EAAA,OAAKE,MAAM,sBACTF,EAAA,oBAAkBC,SAAUhB,KAAKgB,SAAUJ,MAAOZ,KAAKY,MAAOM,WAAYlB,KAAKU,YAAYS,KAAKnB,OAC9Fe,EAAA,YAAUK,KAAK,YAAYC,KAAK,iBAGlCN,EAAA,KAAGO,SAAS,KAAKC,KAAK,qBAAqBC,QAASxB,KAAKC,mBAAiB,UAG5Ec,EAAA,OAAKE,MAAM,2BAA2BO,QAASxB,KAAKC,mBAClDc,EAAA,YAAUK,KAAK,e"}

View File

@ -0,0 +1,2 @@
import{r as e,c as n,h as i,g as r}from"./p-5308bbce.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.breadcrumb-item-label-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1D1D1D}.breadcrumb-item-label-container.margin{margin-left:16px}.breadcrumb-item-label-container ifx-icon:empty{display:none}.breadcrumb-item-label-container .label-icon-wrapper{display:inline-flex}.breadcrumb-item-label-container .menu-icon-wrapper{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.breadcrumb-item-label-container .menu-icon-wrapper.hide{display:none}.breadcrumb-item-label-container .menu-icon-wrapper ifx-icon{transition:0.3s}.breadcrumb-item-label-container .menu-icon-wrapper.show ifx-icon{transition:0.3s;transform:rotate(180deg)}';const t=class{constructor(i){e(this,i);this.breadcrumbMenuIconWrapper=n(this,"breadcrumbMenuIconWrapper",7);this.icon=undefined;this.url=undefined;this.target="_self"}componentDidLoad(){const e=this.el.shadowRoot.querySelector(".breadcrumb-item-label-container");const n=e.querySelector(".menu-icon-wrapper");this.breadcrumbMenuIconWrapper.emit(n)}render(){return i("a",{href:this.url,target:this.target,class:"breadcrumb-item-label-container"},i("ifx-icon",{icon:this.icon}),i("span",{class:"label-wrapper"},i("slot",null)),i("span",{class:"menu-icon-wrapper"},i("ifx-icon",{icon:"chevron-down-12"})))}get el(){return r(this)}};t.style=a;export{t as ifx_breadcrumb_item_label};
//# sourceMappingURL=p-07fb6c30.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["breadcrumbItemLabelCss","BreadcrumbItemLabel","componentDidLoad","container","this","el","shadowRoot","querySelector","menuWrapper","breadcrumbMenuIconWrapper","emit","render","h","href","url","target","class","icon"],"sources":["src/components/breadcrumb/breadcrumb-item-label.scss?tag=ifx-breadcrumb-item-label&encapsulation=shadow","src/components/breadcrumb/breadcrumb-item-label.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.breadcrumb-item-label-container {\n display: flex;\n align-items: center;\n gap: tokens.$ifxSpace100;\n text-decoration: none;\n color: tokens.$ifxColorBaseBlack;\n\n &.margin {\n margin-left: 16px;\n }\n\n & ifx-icon:empty {\n display: none;\n }\n\n & .label-icon-wrapper {\n display: inline-flex;\n }\n\n & .menu-icon-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n width: tokens.$ifxSize200;\n height: tokens.$ifxSize200;\n\n &.hide {\n display: none;\n }\n\n & ifx-icon {\n transition: .3s;\n }\n\n &.show {\n & ifx-icon {\n transition: .3s;\n transform: rotate(180deg);\n }\n }\n }\n}","import { Component, h, Prop, Element, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'ifx-breadcrumb-item-label',\n styleUrl: 'breadcrumb-item-label.scss',\n shadow: true,\n})\nexport class BreadcrumbItemLabel {\n @Prop() icon: string;\n @Prop() url: string;\n @Prop() target: string = \"_self\"\n @Element() el;\n @Event() breadcrumbMenuIconWrapper: EventEmitter<CustomEvent>;\n\n componentDidLoad() { \n const container = this.el.shadowRoot.querySelector('.breadcrumb-item-label-container')\n const menuWrapper = container.querySelector('.menu-icon-wrapper')\n this.breadcrumbMenuIconWrapper.emit(menuWrapper)\n }\n\n render() {\n return (\n <a href={this.url} target={this.target} class=\"breadcrumb-item-label-container\">\n <ifx-icon icon={this.icon}></ifx-icon>\n <span class=\"label-wrapper\">\n <slot />\n </span>\n <span class=\"menu-icon-wrapper\">\n <ifx-icon icon=\"chevron-down-12\"></ifx-icon>\n </span>\n </a>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,qwB,MCOlBC,EAAmB,M,iJAGL,O,CAIzB,gBAAAC,GACE,MAAMC,EAAYC,KAAKC,GAAGC,WAAWC,cAAc,oCACnD,MAAMC,EAAcL,EAAUI,cAAc,sBAC5CH,KAAKK,0BAA0BC,KAAKF,E,CAGtC,MAAAG,GACE,OACEC,EAAA,KAAGC,KAAMT,KAAKU,IAAKC,OAAQX,KAAKW,OAAQC,MAAM,mCAC5CJ,EAAA,YAAUK,KAAMb,KAAKa,OACrBL,EAAA,QAAMI,MAAM,iBACVJ,EAAA,cAEHA,EAAA,QAAMI,MAAM,qBACXJ,EAAA,YAAUK,KAAK,qB"}

View File

@ -0,0 +1,2 @@
import{r as t,h as o,g as s}from"./p-5308bbce.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.breadcrumb{list-style:none;padding:0px;margin:0px;display:flex;flex-direction:row;font-family:var(--ifx-font-family);font-size:0.875rem;align-items:flex-start}';const e=class{constructor(o){t(this,o)}componentDidLoad(){const t=this.el.shadowRoot.firstChild;this.addEventListenersToHandleCustomFocusState(t)}addEventListenersToHandleCustomFocusState(t){if(!t){console.error("element not found");return}t.tabIndex=-1;const o=t.querySelector("slot");if(o){const t=o.assignedNodes();for(let o=0;o<t.length;o++){const s=t[o];if(s.nodeName==="IFX-BREADCRUMB-ITEM"){const t=s;if(!t.hasAttribute("url")){t.tabIndex=-1;t.addEventListener("focus",(()=>{if(t.hasAttribute("url")){t.blur()}}))}}}}}render(){return o("nav",{"aria-label":"Page navigation breadcrumb"},o("ol",{class:"breadcrumb"},o("slot",null)))}get el(){return s(this)}};e.style=n;export{e as ifx_breadcrumb};
//# sourceMappingURL=p-09d642ff.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["breadcrumbCss","Breadcrumb","componentDidLoad","element","this","el","shadowRoot","firstChild","addEventListenersToHandleCustomFocusState","console","error","tabIndex","slot","querySelector","assignedNodes","i","length","node","nodeName","breadcrumbLabel","hasAttribute","addEventListener","blur","render","h","class"],"sources":["src/components/breadcrumb/breadcrumb.scss?tag=ifx-breadcrumb&encapsulation=shadow","src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: flex;\n}\n\n.breadcrumb {\n list-style: none;\n padding: 0px;\n margin: 0px;\n display: flex;\n flex-direction: row;\n font-family: var(--ifx-font-family);\n font-size: tokens.$ifxFontSizeS;\n align-items: flex-start;\n //gap: tokens.$ifxSpace200; //this is where the gap comes from\n\n}\n\n// .separator {\n// color: tokens.$ifxColorEngineering300;\n// margin: 0 16px;\n// }","import { Component, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'ifx-breadcrumb',\n styleUrl: 'breadcrumb.scss',\n shadow: true\n})\nexport class Breadcrumb {\n @Element() el;\n\n componentDidLoad() {\n const element = this.el.shadowRoot.firstChild;\n this.addEventListenersToHandleCustomFocusState(element);\n\n }\n\n private addEventListenersToHandleCustomFocusState(element: HTMLElement) {\n if (!element) {\n console.error('element not found');\n return;\n }\n element.tabIndex = -1;\n\n const slot = element.querySelector('slot');\n if(slot) { \n const assignedNodes = slot.assignedNodes();\n \n for (let i = 0; i < assignedNodes.length; i++) {\n const node = assignedNodes[i];\n if (node.nodeName === 'IFX-BREADCRUMB-ITEM') {\n const breadcrumbLabel = node as HTMLIfxBreadcrumbItemElement;\n if (!breadcrumbLabel.hasAttribute('url')) {\n breadcrumbLabel.tabIndex = -1;\n breadcrumbLabel.addEventListener('focus', () => {\n if (breadcrumbLabel.hasAttribute('url')) {\n breadcrumbLabel.blur();\n }\n });\n }\n }\n }\n }\n }\n\n render() {\n return (\n <nav aria-label=\"Page navigation breadcrumb\">\n <ol class=\"breadcrumb\">\n <slot />\n </ol>\n </nav>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,6Q,MCOTC,EAAU,M,yBAGrB,gBAAAC,GACE,MAAMC,EAAUC,KAAKC,GAAGC,WAAWC,WACnCH,KAAKI,0CAA0CL,E,CAIzC,yCAAAK,CAA0CL,GAChD,IAAKA,EAAS,CACZM,QAAQC,MAAM,qBACd,M,CAEFP,EAAQQ,UAAY,EAEpB,MAAMC,EAAOT,EAAQU,cAAc,QACnC,GAAGD,EAAM,CACP,MAAME,EAAgBF,EAAKE,gBAE3B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAcE,OAAQD,IAAK,CAC7C,MAAME,EAAOH,EAAcC,GAC3B,GAAIE,EAAKC,WAAa,sBAAuB,CAC3C,MAAMC,EAAkBF,EACxB,IAAKE,EAAgBC,aAAa,OAAQ,CACxCD,EAAgBR,UAAY,EAC5BQ,EAAgBE,iBAAiB,SAAS,KACxC,GAAIF,EAAgBC,aAAa,OAAQ,CACvCD,EAAgBG,M,SAS9B,MAAAC,GACE,OACEC,EAAA,oBAAgB,8BACdA,EAAA,MAAIC,MAAM,cACRD,EAAA,c"}

View File

@ -0,0 +1,2 @@
import{r as i,h as o,g as t,c as n}from"./p-5308bbce.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}';const e=class{constructor(o){i(this,o);this.autoCollapse=false}async onItemOpen(i){if(this.autoCollapse){const o=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const t of o){const o=t;if(o!==i.target&&await o.open){o.open=false}}}}render(){return o("div",{class:"accordion-wrapper"},o("slot",null))}get el(){return t(this)}};e.style=s;const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.accordion-item{border-radius:3px;overflow:hidden;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:inline-block;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}';const a=class{constructor(o){i(this,o);this.ifxItemOpen=n(this,"ifxItemOpen",7);this.ifxItemClose=n(this,"ifxItemClose",7);this.caption=undefined;this.open=false;this.initialCollapse=true;this.internalOpen=false}componentWillLoad(){this.internalOpen=this.open;if(!this.initialCollapse){this.internalOpen=true}}componentDidLoad(){this.openAccordionItem()}componentDidUpdate(){this.openAccordionItem()}openChanged(i){this.internalOpen=i}toggleOpen(){this.internalOpen=!this.internalOpen;this.open=this.internalOpen;if(this.internalOpen){this.ifxItemOpen.emit({isOpen:this.internalOpen})}else{this.ifxItemClose.emit({isClosed:!this.internalOpen})}}openAccordionItem(){if(this.internalOpen){this.contentEl.style.maxHeight=`${this.contentEl.scrollHeight}px`}else{this.contentEl.style.maxHeight="0"}}handleSlotChange(i){const o=i.target;const t=o.assignedNodes();if(t.length>0){t.forEach((i=>{const o=new MutationObserver(((i,o)=>{for(let o of i){if(o.type==="childList"){if(this.internalOpen){this.openAccordionItem()}}}}));o.observe(i,{attributes:true,childList:true,subtree:true})}))}if(this.internalOpen){this.openAccordionItem()}}render(){return o("div",{"aria-label":this.caption,class:`accordion-item ${this.internalOpen?"open":""}`},o("div",{class:"accordion-title",onClick:()=>this.toggleOpen()},o("span",{class:"accordion-icon"},o("ifx-icon",{icon:"chevron-down-12"})),o("span",{class:"accordion-caption"},this.caption)),o("div",{class:"accordion-content",ref:i=>this.contentEl=i},o("div",{class:"inner-content"},o("slot",{onSlotchange:i=>this.handleSlotChange(i)}))))}static get watchers(){return{open:["openChanged"]}}};a.style=r;export{e as ifx_accordion,a as ifx_accordion_item};
//# sourceMappingURL=p-0b243c58.entry.js.map

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r,h as o,g as a}from"./p-5308bbce.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.container{display:flex;align-items:center;gap:20px;flex-wrap:wrap;text-decoration:none;color:#1D1D1D;padding:0px 24px 24px 24px;word-wrap:break-word;overflow-wrap:anywhere;}.container:hover{cursor:initial}';const e=class{constructor(o){r(this,o)}render(){return o("div",{class:"container"},o("slot",null))}get el(){return a(this)}};e.style=n;export{e as ifx_card_links};
//# sourceMappingURL=p-0d6acb23.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["cardLinksCss","CardLinks","render","h","class"],"sources":["src/components/card/card-links/card-links.scss?tag=ifx-card-links&encapsulation=shadow","src/components/card/card-links/card-links.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.container {\n display: flex;\n align-items: center;\n gap: tokens.$ifxSpace250;\n flex-wrap: wrap;\n text-decoration: none;\n color: tokens.$ifxColorBaseBlack;\n padding: 0px 24px 24px 24px;\n\n /* wraps text at spaces and within words */\n word-wrap: break-word;\n /* breaks text within a word if necessary */\n overflow-wrap: anywhere;\n /* breaks text at arbitrary points when needed */\n\n &:hover {\n cursor: initial;\n }\n}","import { Component, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'ifx-card-links',\n styleUrl: 'card-links.scss',\n shadow: true,\n})\n\nexport class CardLinks {\n @Element() el;\n\n render() {\n return (\n <div class='container'>\n <slot />\n </div>\n )\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAe,wS,MCQRC,EAAS,M,yBAGpB,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,aACTD,EAAA,a"}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as e,h as o}from"./p-5308bbce.js";const n=".container{padding-top:10px}";const t=class{constructor(o){e(this,o)}render(){return o("div",{class:"container"},o("ifx-accordion",null,o("ifx-accordion-item",{caption:"What is the Infineon DDS?"},"The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the applications structure should be."),o("ifx-accordion-item",{caption:"How do I get access to the DDS?"},"You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."),o("ifx-accordion-item",{caption:"Can I integrate the Infineon DDS into my project?"},"Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"),o("ifx-accordion-item",{caption:"Are Infineon DDS components accessable?"},"We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."),o("ifx-accordion-item",{caption:"How to request a new component?"},"Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.")))}};t.style=n;export{t as ifx_faq};
//# sourceMappingURL=p-1c0c5582.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["faqCss","Faq","render","h","class","caption"],"sources":["src/stories/setup-and-installation/faq/faq.scss?tag=ifx-faq&encapsulation=shadow","src/stories/setup-and-installation/faq/faq.tsx"],"sourcesContent":[".container { \n padding-top: 10px;\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'ifx-faq',\n styleUrl: './faq.scss',\n shadow: true,\n})\nexport class Faq {\n\n render() {\n return (\n <div class='container'>\n <ifx-accordion>\n <ifx-accordion-item caption=\"What is the Infineon DDS?\">\n The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the applications structure should be.\n </ifx-accordion-item>\n <ifx-accordion-item caption=\"How do I get access to the DDS?\">\n You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github.\n </ifx-accordion-item>\n <ifx-accordion-item caption=\"Can I integrate the Infineon DDS into my project?\">\n Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)\n </ifx-accordion-item>\n <ifx-accordion-item caption=\"Are Infineon DDS components accessable?\">\n We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here.\n </ifx-accordion-item>\n <ifx-accordion-item caption=\"How to request a new component?\">\n Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.\n </ifx-accordion-item>\n </ifx-accordion>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAS,+B,MCOFC,EAAG,M,yBAEd,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,aACXD,EAAA,qBACEA,EAAA,sBAAoBE,QAAQ,6BAA2B,kdAGvDF,EAAA,sBAAoBE,QAAQ,mCAAiC,iNAG7DF,EAAA,sBAAoBE,QAAQ,qDAAmD,+UAG/EF,EAAA,sBAAoBE,QAAQ,2CAAyC,6TAGrEF,EAAA,sBAAoBE,QAAQ,mCAAiC,wP"}

View File

@ -0,0 +1,2 @@
import{r as n,h as r}from"./p-5308bbce.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{display:inline-flex;padding:0px 4px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276;font-family:var(--ifx-font-family)}.numberIndicator__container span{color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:15px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}';const t=class{constructor(r){n(this,r);this.inverted=false}render(){return r("div",{"aria-label":"a number indicator",class:`numberIndicator__container ${this.inverted?"inverted":""}`},r("span",null,r("slot",null)))}};t.style=i;export{t as ifx_number_indicator};
//# sourceMappingURL=p-24813bed.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["numberIndicatorCss","NumberIndicator","render","h","class","this","inverted"],"sources":["src/components/number-indicator/number-indicator.scss?tag=ifx-number-indicator&encapsulation=shadow","src/components/number-indicator/number-indicator.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.numberIndicator__container {\n display: inline-flex;\n padding: 0px 4px;\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n background-color: tokens.$ifxColorOcean500;\n font-family: var(--ifx-font-family);\n\n & span {\n color: tokens.$ifxColorBaseWhite;\n text-align: center;\n font-size: tokens.$ifxFontSizeS;\n font-style: normal;\n font-weight: tokens.$ifxFontWeightSemibold;\n line-height: 15px;\n }\n\n &.inverted {\n background-color: tokens.$ifxColorBaseWhite;\n\n & span {\n color: tokens.$ifxColorOcean500;\n }\n }\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ifx-number-indicator',\n styleUrl: 'number-indicator.scss',\n shadow: true\n})\nexport class NumberIndicator {\n @Prop() inverted: boolean = false;\n\n render() {\n return (\n <div aria-label='a number indicator' class={`numberIndicator__container ${this.inverted ? 'inverted' : \"\"}`}>\n <span>\n <slot />\n </span>\n </div>\n );\n }\n}"],"mappings":"2CAAA,MAAMA,EAAqB,2iB,MCOdC,EAAe,M,uCACE,K,CAE5B,MAAAC,GACE,OACEC,EAAA,oBAAgB,qBAAqBC,MAAO,8BAA8BC,KAAKC,SAAW,WAAa,MACrGH,EAAA,YACEA,EAAA,c"}

View File

@ -0,0 +1,8 @@
import{c as r}from"./p-64765a81.js";var n=r((function(r){
/*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
(function(){var n={}.hasOwnProperty;function t(){var r="";for(var n=0;n<arguments.length;n++){var t=arguments[n];if(t){r=f(r,e(t))}}return r}function e(r){if(typeof r==="string"||typeof r==="number"){return r}if(typeof r!=="object"){return""}if(Array.isArray(r)){return t.apply(null,r)}if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){return r.toString()}var e="";for(var i in r){if(n.call(r,i)&&r[i]){e=f(e,i)}}return e}function f(r,n){if(!n){return r}if(r){return r+" "+n}return r+n}if(r.exports){t.default=t;r.exports=t}else{window.classNames=t}})()}));export{n as c};
//# sourceMappingURL=p-2685e205.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window"],"sources":["../../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"mappings":";;;;;;CAOC,WAGA,IAAIA,EAAS,GAAGC,eAEhB,SAASC,IACR,IAAIC,EAAU,GAEd,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GACpB,GAAIG,EAAK,CACRJ,EAAUK,EAAYL,EAASM,EAAWF,GAC9C,CACA,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,UAAWA,IAAQ,iBAAmBA,IAAQ,SAAU,CACvD,OAAOA,CACV,CAEE,UAAWA,IAAQ,SAAU,CAC5B,MAAO,EACV,CAEE,GAAIG,MAAMC,QAAQJ,GAAM,CACvB,OAAOL,EAAWU,MAAM,KAAML,EACjC,CAEE,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBAAkB,CACrG,OAAOT,EAAIM,UACd,CAEE,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EAAK,CACpB,GAAIP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,GAAM,CACtCd,EAAUK,EAAYL,EAASc,EACnC,CACA,CAEE,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,IAAKA,EAAU,CACd,OAAOD,CACV,CAEE,GAAIA,EAAO,CACV,OAAOA,EAAQ,IAAMC,CACxB,CAEE,OAAOD,EAAQC,CACjB,CAEC,GAAqCC,EAAOC,QAAS,CACpDpB,EAAWqB,QAAUrB,EACrBmB,EAAAC,QAAiBpB,CACnB,KAKQ,CACNsB,OAAOtB,WAAaA,CACtB,CACA,EArEA,E"}

View File

@ -0,0 +1,2 @@
import{r as e,h as r,g as t}from"./p-5308bbce.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.breadcrumb-parent{display:flex;flex-direction:row;align-items:center;padding:0px;gap:12px}.breadcrumb-parent:hover{cursor:pointer}.breadcrumb-parent .breadcrumb-wrapper{display:flex;flex-direction:row;align-items:center;padding:0px;gap:8px;position:relative}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu{display:none;position:absolute;top:20px}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu.open{display:block}.breadcrumb-parent .breadcrumb-wrapper a{text-decoration:none;color:#1D1D1D;font-family:var(--ifx-font-family);font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;display:flex;align-items:center;color:#1D1D1D;flex-direction:column;justify-content:center;padding:0px;border-bottom:1px solid #1D1D1D}.breadcrumb-parent .breadcrumb-divider{width:10px;height:16px;color:#EEEDED;line-height:13px;font-size:1.25rem;margin-right:12px}';const n=class{constructor(r){e(this,r);this.isLastItem=false}handleOutsideClick(e){const r=e.composedPath();if(!r.includes(this.el)){this.closeDropdownMenu()}}getDropdownMenu(){const e=this.el.shadowRoot.querySelector(".dropdown-menu");return e}menuWrapperEventReEmitter(e){this.emittedElement=e.detail}getMenuIconWrapper(){return this.emittedElement}handleClassList(e,r,t){e.classList[r](t)}closeDropdownMenu(){const e=this.getDropdownMenu();const r=this.getMenuIconWrapper();this.handleClassList(e,"remove","open");this.handleClassList(r,"remove","show")}toggleDropdownMenu(){const e=this.getDropdownMenu();const r=this.getMenuIconWrapper();this.handleClassList(e,"toggle","open");this.handleClassList(r,"toggle","show")}handleLastItem(){const e=this.el.closest("ifx-breadcrumb").querySelectorAll("ifx-breadcrumb-item");if(this.el===e[e.length-1]){this.isLastItem=true}else this.isLastItem=false}componentWillLoad(){this.handleLastItem()}componentDidUpdate(){this.handleLastItem()}componentDidLoad(){const e=this.el.querySelector("ifx-dropdown-menu");if(!e){const e=this.getMenuIconWrapper();this.handleClassList(e,"toggle","hide")}else{e.isOpen=true}}render(){return r("li",{class:"breadcrumb-parent","aria-current":`${this.isLastItem?"page":""}`,onClick:()=>this.toggleDropdownMenu()},r("li",{class:"breadcrumb-wrapper"},r("slot",{name:"label"}),r("div",{class:"dropdown-menu"},r("slot",null))),!this.isLastItem&&r("span",{class:"breadcrumb-divider"},"/"))}get el(){return t(this)}};n.style=i;export{n as ifx_breadcrumb_item};
//# sourceMappingURL=p-2948735e.entry.js.map

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as o,h as e}from"./p-5308bbce.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card-overline{font-size:1rem;font-weight:400;color:#575352;padding-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}';const t=class{constructor(e){o(this,e)}render(){return e("div",{class:"card-overline"},e("slot",null))}};t.style=r;export{t as ifx_card_overline};
//# sourceMappingURL=p-2e193a2c.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["cardOverlineCss","CardOverline","render","h","class"],"sources":["src/components/card/card-overline/card-overline.scss?tag=ifx-card-overline&encapsulation=shadow","src/components/card/card-overline/card-overline.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n:host {\n pointer-events: none;\n}\n\n.card-overline {\n font-size: tokens.$ifxFontSizeM;\n font-weight: tokens.$ifxFontWeightRegular;\n color: tokens.$ifxColorEngineering500;\n padding-bottom: 4px;\n\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n\n word-break: break-all;\n\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'ifx-card-overline',\n styleUrl: 'card-overline.scss',\n shadow: true,\n})\n\nexport class CardOverline {\n\n render() {\n return (\n <div class=\"card-overline\">\n <slot />\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,oU,MCQXC,EAAY,M,yBAEvB,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,iBACTD,EAAA,a"}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as t,h as n,a as e,g as o}from"./p-5308bbce.js";import{c as i}from"./p-2685e205.js";import"./p-64765a81.js";const r=":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 s=class{constructor(n){t(this,n);this.variant=undefined;this.size=undefined;this.disabled=undefined;this.icon=undefined;this.href=undefined;this.target="_self";this.shape="round"}async setFocus(){this.focusableElement.focus()}componentWillLoad(){if(this.shape===""){this.shape="round"}}render(){return n(e,null,this.href?n("a",{"aria-disabled":this.disabled,"aria-label":"a clickable icon button",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.icon})):n("button",{class:this.getClassNames(),type:"button"},n("ifx-icon",{icon:this.icon})))}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 i("btn icon-button",`btn-${this.shape}`,this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return o(this)}};s.style=r;export{s as ifx_icon_button};
//# sourceMappingURL=p-38471fd1.entry.js.map

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r,c as e,h as i}from"./p-5308bbce.js";const o=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.alert__info-wrapper{display:flex;padding:16px 24px;font-family:var(--ifx-font-family)}.alert__info-wrapper .info__text-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper,.alert__info-wrapper .info__text-wrapper .info__description-wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper ::slotted(p),.alert__info-wrapper .info__text-wrapper .info__description-wrapper ::slotted(p){padding:0;margin:0}.alert__info-wrapper .info__text-wrapper .info__description-wrapper{font-weight:400}.alert__info-wrapper .close-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.alert__info-wrapper .close-icon-wrapper a{line-height:0;color:#1D1D1D}.alert{display:flex;border:1px solid #0A8276;border-radius:1px;color:#1D1D1D;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.alert .close-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:40px}.alert .close-icon-wrapper a{line-height:0;color:#1D1D1D}.alert .icon-wrapper{position:relative;min-width:48px;display:flex;justify-content:center;align-items:center;background-color:#0A8276}.alert .alert-text{font-size:16px;width:100%;padding:12px 0px 12px 12px;color:#1D1D1D;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.alert.primary{border:1px solid #0A8276}.alert.primary .icon-wrapper{background-color:#0A8276;color:#FFFFFF}.alert.secondary{border:1px solid #9C216E}.alert.secondary .icon-wrapper{background-color:#9C216E;color:#FFFFFF}.alert.danger{border:1px solid #CD002F}.alert.danger .icon-wrapper{background-color:#CD002F;color:#FFFFFF}.alert.warning{border:1px solid #E16B25}.alert.warning .icon-wrapper{background-color:#E16B25;color:#FFFFFF}.close-icon-wrapper ifx-icon:hover{cursor:pointer}';const a=class{constructor(i){r(this,i);this.ifxClose=e(this,"ifxClose",7);this.variant="primary";this.icon=undefined;this.closable=true}handleClose(){this.ifxClose.emit()}render(){return this.variant==="info"?i("div",{class:"alert__info-wrapper"},i("div",{class:"info__text-wrapper"},i("div",{class:"info__headline-wrapper"},i("slot",{name:"headline"})),i("div",{class:"info__description-wrapper"},i("slot",{name:"desc"}))),this.closable&&i("div",{class:"close-icon-wrapper"},i("a",{href:undefined,onClick:this.handleClose.bind(this)},i("ifx-icon",{icon:"cross-16"})))):i("div",{class:`alert ${this.variant}`},this.icon&&i("div",{class:"icon-wrapper"},i("ifx-icon",{icon:this.icon})),i("div",{class:"alert-text"},i("slot",null)),this.closable&&i("div",{class:"close-icon-wrapper"},i("a",{href:undefined,onClick:this.handleClose.bind(this)},i("ifx-icon",{icon:"cross-16"}))))}};a.style=o;export{a as ifx_alert};
//# sourceMappingURL=p-38699f7a.entry.js.map

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as i,h as e,g as t}from"./p-5308bbce.js";const o=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__headline-wrapper{padding-bottom:16px}.card__headline-wrapper.withDesc{padding-bottom:8px}.card-headline{margin-top:0;padding-top:0;font-family:var(--ifx-font-family);font-weight:600;font-size:1.5rem;line-height:2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-headline.isHovered{color:#0A8276}.card-headline.horizontal{font-size:1.25rem;line-height:28px}';const n=class{constructor(e){i(this,e);this.direction=undefined;this.hasDesc=undefined;this.isHovered=false}componentWillLoad(){var i;const e=this.el.closest("ifx-card");if(e){const t=(i=e.shadowRoot.querySelector(".card"))===null||i===void 0?void 0:i.className;if(t&&t.includes("horizontal")){this.direction="horizontal"}const o=e.querySelector("ifx-card-text");if(o){this.hasDesc=true}}}render(){return e("div",{class:`card__headline-wrapper ${this.hasDesc?"withDesc":""}`},e("div",{class:`card-headline ${this.direction} ${this.isHovered?"isHovered":""}`},e("slot",null)))}get el(){return t(this)}};n.style=o;export{n as ifx_card_headline};
//# sourceMappingURL=p-38dfaa49.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["cardHeadlineCss","CardHeadline","componentWillLoad","cardElement","this","el","closest","cardClass","_a","shadowRoot","querySelector","className","includes","direction","desc","hasDesc","render","h","class","isHovered"],"sources":["src/components/card/card-headline/card-headline.scss?tag=ifx-card-headline&encapsulation=shadow","src/components/card/card-headline/card-headline.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n:host {\n pointer-events: none;\n}\n\n.card__headline-wrapper {\n padding-bottom: 16px;\n\n &.withDesc {\n padding-bottom: 8px;\n }\n}\n\n.card-headline {\n margin-top: 0;\n padding-top: 0;\n font-family: var(--ifx-font-family);\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSize3xl;\n line-height: tokens.$ifxLineHeight3xl;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &.isHovered {\n color: #0A8276;\n }\n\n &.horizontal {\n font-size: tokens.$ifxFontSizeXl;\n line-height: 28px;\n }\n\n}","import { Component, h, Element, State, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ifx-card-headline',\n styleUrl: 'card-headline.scss',\n shadow: true,\n})\n\nexport class CardHeadline {\n @Element() el;\n @State() direction: string;\n @State() hasDesc: boolean;\n @Prop() isHovered: boolean = false;\n\n componentWillLoad() {\n const cardElement = this.el.closest('ifx-card');\n\n if (cardElement) {\n const cardClass = cardElement.shadowRoot.querySelector('.card')?.className;\n\n if (cardClass && cardClass.includes('horizontal')) {\n this.direction = 'horizontal'\n }\n\n const desc = cardElement.querySelector('ifx-card-text');\n if (desc) {\n this.hasDesc = true;\n }\n }\n }\n\n\n render() {\n return (\n <div class={`card__headline-wrapper ${this.hasDesc ? 'withDesc' : \"\"}`}>\n <div class={`card-headline ${this.direction} ${this.isHovered ? 'isHovered' : \"\"}`}>\n <slot />\n </div>\n </div>\n )\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,miB,MCQXC,EAAY,M,wFAIM,K,CAE7B,iBAAAC,G,MACE,MAAMC,EAAcC,KAAKC,GAAGC,QAAQ,YAEpC,GAAIH,EAAa,CACf,MAAMI,GAAYC,EAAAL,EAAYM,WAAWC,cAAc,YAAQ,MAAAF,SAAA,SAAAA,EAAEG,UAEjE,GAAIJ,GAAaA,EAAUK,SAAS,cAAe,CACjDR,KAAKS,UAAY,Y,CAGnB,MAAMC,EAAOX,EAAYO,cAAc,iBACvC,GAAII,EAAM,CACRV,KAAKW,QAAU,I,GAMrB,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAO,0BAA0Bd,KAAKW,QAAU,WAAa,MAChEE,EAAA,OAAKC,MAAO,iBAAiBd,KAAKS,aAAaT,KAAKe,UAAY,YAAc,MAC5EF,EAAA,c"}

View File

@ -0,0 +1,2 @@
import{r as s,h as t,g as e}from"./p-5308bbce.js";const r=":host{display:block}";const n=class{constructor(t){s(this,t);this.header=undefined;this.disabled=undefined}render(){return t("slot",null)}get el(){return e(this)}};n.style=r;export{n as ifx_tab};
//# sourceMappingURL=p-4791428f.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["tabCss","IfxTab","render","h"],"sources":["src/components/tabs/tab.scss?tag=ifx-tab","src/components/tabs/tab.tsx"],"sourcesContent":[":host {\n display: block;\n}","import { Component, h, Element, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ifx-tab',\n styleUrl: 'tab.scss',\n shadow: false\n})\nexport class IfxTab {\n @Element() el: HTMLElement;\n @Prop() header: string;\n @Prop() disabled: boolean;\n\n render() {\n return <slot />;\n }\n}"],"mappings":"kDAAA,MAAMA,EAAS,uB,MCOFC,EAAM,M,uEAKjB,MAAAC,GACE,OAAOC,EAAA,Y"}

View File

@ -0,0 +1,2 @@
import{r,h as s}from"./p-5308bbce.js";const o=":host{display:inline-block;cursor:pointer}";const t=class{constructor(s){r(this,s);this.isOpen=false}render(){return s("slot",null)}};t.style=o;export{t as ifx_dropdown_trigger};
//# sourceMappingURL=p-4a4ef34b.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["dropdownTriggerCss","DropdownItem","render","h"],"sources":["src/components/dropdown/dropdown-trigger/dropdown-trigger.scss?tag=ifx-dropdown-trigger&encapsulation=shadow","src/components/dropdown/dropdown-trigger/dropdown-trigger.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-block;\n cursor: pointer;\n}","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n tag: 'ifx-dropdown-trigger',\n styleUrl: 'dropdown-trigger.scss',\n shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n @Prop() isOpen: boolean = false;\n\n render() {\n return (\n <slot />\n )\n }\n}"],"mappings":"sCAAA,MAAMA,EAAqB,6C,MCUdC,EAAY,M,qCACG,K,CAE1B,MAAAC,GACE,OACEC,EAAA,Y"}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as i,c as t,h as s,g as h}from"./p-5308bbce.js";import{c as e}from"./p-e459974a.js";const n=":host{display:inline-block}";const l=class{constructor(s){i(this,s);this.ifxOpen=t(this,"ifxOpen",7);this.ifxClose=t(this,"ifxClose",7);this.ifxDropdown=t(this,"ifxDropdown",7);this.placement="bottom-start";this.defaultOpen=false;this.internalIsOpen=false;this.noAppendToBody=false;this.disabled=undefined;this.noCloseOnOutsideClick=false;this.noCloseOnMenuClick=false;this.trigger=undefined;this.menu=undefined}componentWillLoad(){this.updateSlotContent();this.watchHandlerIsOpen(this.defaultOpen,this.internalIsOpen)}watchHandlerIsOpen(i,t){if(i!==t&&i!==this.internalIsOpen){if(i){this.openDropdown()}else{this.closeDropdown()}}}watchHandlerDisabled(i){if(this.trigger){this.trigger.disabled=i}}watchHandlerSlot(){this.updateSlotContent()}updateSlotContent(){this.trigger=this.el.querySelector("ifx-dropdown-trigger-button, ifx-dropdown-trigger");if(this.trigger){this.trigger.disabled=this.disabled;this.trigger.removeEventListener("click",this.triggerClickHandler.bind(this));this.trigger.addEventListener("click",this.triggerClickHandler.bind(this))}if(!this.noAppendToBody){if(this.menu){this.menu.remove()}this.menu=this.el.querySelector("ifx-dropdown-menu");document.body.append(this.menu)}else{this.menu=this.el.querySelector("ifx-dropdown-menu")}this.menu.removeEventListener("click",this.menuClickHandler.bind(this));this.menu.addEventListener("click",this.menuClickHandler.bind(this))}menuClickHandler(){if(!this.noCloseOnMenuClick){this.closeDropdown()}}triggerClickHandler(){if(!this.internalIsOpen){this.openDropdown()}else{this.closeDropdown()}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.menu){this.menu.remove()}}async isOpen(){return this.internalIsOpen}async closeDropdown(){if(this.internalIsOpen){this.internalIsOpen=false;this.trigger.isOpen=false;this.menu.isOpen=false;this.ifxClose.emit()}if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}async openDropdown(){if(!this.internalIsOpen&&!this.disabled){this.internalIsOpen=true;this.trigger.isOpen=true;this.menu.isOpen=true;this.popperInstance=e(this.el,this.menu,{placement:this.placement});this.ifxOpen.emit()}}handleOutsideClick(i){const t=i.target;if(!this.noCloseOnOutsideClick&&!this.el.contains(t)&&!this.menu.contains(t)){this.closeDropdown()}}render(){return s("div",{"aria-label":"dropdown menu",class:"dropdown"},s("slot",null))}get el(){return h(this)}static get watchers(){return{defaultOpen:["watchHandlerIsOpen"],disabled:["watchHandlerDisabled"]}}};l.style=n;export{l as ifx_dropdown};
//# sourceMappingURL=p-4f84a524.entry.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as t,c as s,h as n,a as e}from"./p-5308bbce.js";import{g as o}from"./p-68f17bb5.js";const i="ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}";const r=class{constructor(n){t(this,n);this.consoleError=s(this,"consoleError",7);this.icon="";this.ifxIcon=undefined}convertStringToHtml(t){const s=document.createElement("div");s.innerHTML=t;return s.firstChild}convertHtmlToObject(t){let s=Array.from(t.attributes,(({name:t,value:s})=>({name:t,value:s}))).reduce(((t,s)=>{t[s.name]=s.value;return t}),{});return s}convertPathsToVnode(t){let s=[];const e=this.convertHtmlToObject(t);const o=n("path",e);s.push(o);if(t.firstChild){const e=t.querySelectorAll("path");const o=t.querySelectorAll("path").length;for(let t=0;t<o;t++){let o=this.convertHtmlToObject(e[t]);let i=n("path",o);s.push(i)}}return s}getSVG(t){return n("svg",{class:"inline-svg",width:this.ifxIcon.width,height:this.ifxIcon.height,xmlns:"http://www.w3.org/2000/svg",fill:this.ifxIcon.fill,viewBox:this.ifxIcon.viewBox},...t)}constructIcon(){if(this.ifxIcon){const t=this.convertStringToHtml(this.ifxIcon.svgContent);const s=this.convertPathsToVnode(t);const n=this.getSVG(s);this.consoleError.emit(false);return n}else{console.error("Icon not found!");this.consoleError.emit(true);return""}}componentWillLoad(){const t=t=>t.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,((t,s)=>s));this.ifxIcon=o(t(this.icon))}render(){return n(e,null,this.constructIcon())}};r.style=i;export{r as ifx_icon};
//# sourceMappingURL=p-5f0c8cc4.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["infineonIconStencilCss","InfineonIconStencil","convertStringToHtml","htmlString","div","document","createElement","innerHTML","firstChild","convertHtmlToObject","htmlElement","pathToObject","Array","from","attributes","name","value","reduce","acc","current","convertPathsToVnode","htmlPath","svgPaths","parentPath","this","parentPathToVnode","h","push","paths","querySelectorAll","pathLength","length","i","objToVnode","getSVG","svgPath","class","width","ifxIcon","height","xmlns","fill","viewBox","constructIcon","svgContent","SVG","consoleError","emit","console","error","componentWillLoad","removeHyphen","str","toLowerCase","replace","_m","chr","getIcon","icon","render","Host"],"sources":["src/components/icon/infineonIconStencil.scss?tag=ifx-icon","src/components/icon/infineonIconStencil.tsx"],"sourcesContent":["ifx-icon {\n display: inline-flex;\n justify-content: center;\n\n &:empty {\n display: none;\n }\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\nimport { getIcon } from '@infineon/infineon-icons'\n\n\n@Component({\n tag: 'ifx-icon',\n styleUrl: './infineonIconStencil.scss'\n})\n\nexport class InfineonIconStencil {\n @Prop({ mutable: true }) icon: string = \"\"\n @Prop({ mutable: true }) ifxIcon: any;\n @Event() consoleError: EventEmitter<boolean>;\n \n convertStringToHtml(htmlString) { \n const div = document.createElement('div')\n div.innerHTML = htmlString\n return div.firstChild\n }\n\n convertHtmlToObject(htmlElement) { \n let pathToObject = Array\n .from(htmlElement.attributes, ({ name, value }) => ({ name, value }))\n .reduce((acc, current) => {\n acc[current.name] = current.value\n return acc\n }, {})\n\n return pathToObject\n }\n\n convertPathsToVnode(htmlPath) { \n let svgPaths = []\n const parentPath = this.convertHtmlToObject(htmlPath);\n const parentPathToVnode = h(\"path\", parentPath);\n svgPaths.push(parentPathToVnode)\n if(htmlPath.firstChild) { \n const paths = htmlPath.querySelectorAll('path');\n const pathLength = htmlPath.querySelectorAll('path').length;\n for(let i = 0; i < pathLength; i++) { \n let pathToObject = this.convertHtmlToObject(paths[i])\n let objToVnode = h(\"path\", pathToObject)\n svgPaths.push(objToVnode)\n } \n }\n return svgPaths\n }\n\n getSVG(svgPath) {\n return <svg class=\"inline-svg\" width={this.ifxIcon.width} height={this.ifxIcon.height} xmlns=\"http://www.w3.org/2000/svg\" fill={this.ifxIcon.fill} viewBox={this.ifxIcon.viewBox}>{...svgPath}</svg>\n }\n\n constructIcon() {\n if(this.ifxIcon) {\n const htmlPath = this.convertStringToHtml(this.ifxIcon.svgContent)\n const svgPath = this.convertPathsToVnode(htmlPath)\n const SVG = this.getSVG(svgPath)\n this.consoleError.emit(false)\n return SVG;\n } else {\n console.error('Icon not found!')\n this.consoleError.emit(true)\n return \"\"\n }\n }\n\n componentWillLoad() {\n const removeHyphen = (str) => str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (_m, chr) => chr);\n this.ifxIcon = getIcon(removeHyphen(this.icon));\n }\n\n render() {\n return (\n <Host>\n {this.constructIcon()}\n </Host>\n );\n }\n}"],"mappings":"6FAAA,MAAMA,EAAyB,mF,MCSlBC,EAAmB,M,8EACU,G,uBAIxC,mBAAAC,CAAoBC,GAClB,MAAMC,EAAMC,SAASC,cAAc,OACnCF,EAAIG,UAAYJ,EAChB,OAAOC,EAAII,U,CAGb,mBAAAC,CAAoBC,GAClB,IAAIC,EAAeC,MAChBC,KAAKH,EAAYI,YAAY,EAAGC,OAAMC,YAAO,CAAQD,OAAMC,YAC3DC,QAAO,CAACC,EAAKC,KACZD,EAAIC,EAAQJ,MAAQI,EAAQH,MAC5B,OAAOE,CAAG,GACT,IAEL,OAAOP,C,CAGT,mBAAAS,CAAoBC,GAClB,IAAIC,EAAW,GACf,MAAMC,EAAaC,KAAKf,oBAAoBY,GAC5C,MAAMI,EAAoBC,EAAE,OAAQH,GACpCD,EAASK,KAAKF,GACd,GAAGJ,EAASb,WAAY,CACtB,MAAMoB,EAAQP,EAASQ,iBAAiB,QACxC,MAAMC,EAAaT,EAASQ,iBAAiB,QAAQE,OACrD,IAAI,IAAIC,EAAI,EAAGA,EAAIF,EAAYE,IAAK,CAClC,IAAIrB,EAAea,KAAKf,oBAAoBmB,EAAMI,IAClD,IAAIC,EAAaP,EAAE,OAAQf,GAC3BW,EAASK,KAAKM,E,EAGlB,OAAOX,C,CAGT,MAAAY,CAAOC,GACL,OAAOT,EAAA,OAAKU,MAAM,aAAaC,MAAOb,KAAKc,QAAQD,MAAOE,OAAQf,KAAKc,QAAQC,OAAQC,MAAM,6BAA6BC,KAAMjB,KAAKc,QAAQG,KAAMC,QAASlB,KAAKc,QAAQI,YAAaP,E,CAGxL,aAAAQ,GACE,GAAGnB,KAAKc,QAAS,CACf,MAAMjB,EAAWG,KAAKtB,oBAAoBsB,KAAKc,QAAQM,YACvD,MAAMT,EAAUX,KAAKJ,oBAAoBC,GACzC,MAAMwB,EAAMrB,KAAKU,OAAOC,GACxBX,KAAKsB,aAAaC,KAAK,OACvB,OAAOF,C,KACF,CACLG,QAAQC,MAAM,mBACdzB,KAAKsB,aAAaC,KAAK,MACvB,MAAO,E,EAIX,iBAAAG,GACE,MAAMC,EAAgBC,GAAQA,EAAIC,cAAcC,QAAQ,qBAAqB,CAACC,EAAIC,IAAQA,IAC1FhC,KAAKc,QAAUmB,EAAQN,EAAa3B,KAAKkC,M,CAG3C,MAAAC,GACE,OACEjC,EAACkC,EAAI,KACJpC,KAAKmB,gB"}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as t,h as i,g as e}from"./p-5308bbce.js";const s='@charset "UTF-8";.list-group-item{display:flex;align-items:center;justify-content:space-between;height:40px;width:350px;padding:8px 16px;background-color:#FFFFFF;border:1px solid #EEEDED;border-radius:1px 1px 0px 0px;font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;font-family:var(--ifx-font-family)}.list-group-item.flush{border:none;border-bottom:1px solid #EEEDED}.list-group-item.flush.bulletpoint{padding:8px}.list-group-item.bulletpoint .list-group-item-content::before{content:"•";display:inline-block;font-size:1.125rem;padding-right:10px}.list-group-item:hover:not(.show){background-color:#EEEDED}.list-group-item:active:not(.show){background-color:#0A8276;color:#FFFFFF}.list-group-item.show{display:block;height:88px;padding:16px}';const o=class{constructor(i){t(this,i);this.isFlush=false;this.hasBulletpoint=false;this.badge=false;this.badgeValue=0}componentWillLoad(){const t=this.el.closest("ifx-list-group");if(t.flush){this.isFlush=true}else this.isFlush=false;if(t.bulletpoint&&!this.badge){this.hasBulletpoint=true}else this.hasBulletpoint=false}render(){return i("div",{class:`list-group-item \n ${this.isFlush?"flush":""}\n ${this.hasBulletpoint?"bulletpoint":""}`},i("div",{class:"list-group-item-content"},i("slot",null)),this.badge&&i("ifx-number-indicator",null,this.badgeValue))}get el(){return e(this)}};o.style=s;export{o as ifx_list_item};
//# sourceMappingURL=p-62df057b.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["listGroupItemCss","ListGroupItem","componentWillLoad","ifxListGroup","this","el","closest","flush","isFlush","bulletpoint","badge","hasBulletpoint","render","h","class","badgeValue"],"sources":["src/components/list-group/list-group-item.scss?tag=ifx-list-item&encapsulation=shadow","src/components/list-group/list-group-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.list-group-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: tokens.$ifxSize500;\n width: 350px;\n padding: 8px 16px;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering200;\n border-radius: 1px 1px 0px 0px;\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n font-family: var(--ifx-font-family);\n\n &.flush {\n border: none;\n border-bottom: 1px solid tokens.$ifxColorEngineering200;\n\n &.bulletpoint {\n padding: 8px;\n }\n }\n\n &.bulletpoint {\n & .list-group-item-content::before {\n content: \"•\";\n display: inline-block;\n font-size: tokens.$ifxFontSizeL;\n padding-right: 10px;\n }\n }\n\n &:hover:not(.show) {\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &:active:not(.show) {\n background-color: tokens.$ifxColorOcean500;\n color: tokens.$ifxColorBaseWhite;\n }\n\n &.show {\n display: block;\n height: 88px;\n padding: 16px;\n }\n}","import { Component, h, Element, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'ifx-list-item',\n styleUrl: 'list-group-item.scss',\n shadow: true,\n})\n\nexport class ListGroupItem {\n @Element() el;\n @Prop({ mutable: true }) isFlush: boolean = false;\n @State() hasBulletpoint: boolean = false;\n @Prop() badge: boolean = false;\n @Prop() badgeValue: number = 0;\n\n componentWillLoad() {\n const ifxListGroup = this.el.closest('ifx-list-group')\n if (ifxListGroup.flush) {\n this.isFlush = true;\n } else this.isFlush = false;\n\n if (ifxListGroup.bulletpoint && !this.badge) {\n this.hasBulletpoint = true;\n } else this.hasBulletpoint = false;\n }\n\n render() {\n return (\n <div class={\n `list-group-item \n ${this.isFlush ? 'flush' : \"\"}\n ${this.hasBulletpoint ? 'bulletpoint' : \"\"}`}>\n <div class=\"list-group-item-content\">\n <slot />\n </div>\n {this.badge && <ifx-number-indicator>{this.badgeValue}</ifx-number-indicator>}\n </div>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,4vB,MCQZC,EAAa,M,sCAEoB,M,oBACT,M,WACV,M,gBACI,C,CAE7B,iBAAAC,GACE,MAAMC,EAAeC,KAAKC,GAAGC,QAAQ,kBACrC,GAAIH,EAAaI,MAAO,CACtBH,KAAKI,QAAU,I,MACVJ,KAAKI,QAAU,MAEtB,GAAIL,EAAaM,cAAgBL,KAAKM,MAAO,CAC3CN,KAAKO,eAAiB,I,MACjBP,KAAKO,eAAiB,K,CAG/B,MAAAC,GACE,OACEC,EAAA,OAAKC,MACH,6BACEV,KAAKI,QAAU,QAAU,eACzBJ,KAAKO,eAAiB,cAAgB,MACxCE,EAAA,OAAKC,MAAM,2BACTD,EAAA,cAEDT,KAAKM,OAASG,EAAA,4BAAuBT,KAAKW,Y"}

View File

@ -0,0 +1,2 @@
function r(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r["default"]:r}function n(r,n,e){return e={path:n,exports:{},require:function(r,n){return t()}},r(e,e.exports),e.exports}function t(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}export{n as c,r as g};
//# sourceMappingURL=p-64765a81.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":[],"sources":[],"mappings":""}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as t,h as e,g as r}from"./p-5308bbce.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:12px 0}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px}';const s=class{constructor(e){t(this,e)}render(){return e("div",{class:"sidebar__title"},e("div",{class:"sidebar__title-label"},e("slot",null)))}get el(){return r(this)}};s.style=i;export{s as ifx_sidebar_title};
//# sourceMappingURL=p-6a4c4226.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["sidebarTitleCss","SidebarTitle","render","h","class"],"sources":["src/components/sidebar/sidebar-title.scss?tag=ifx-sidebar-title&encapsulation=shadow","src/components/sidebar/sidebar-title.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n position: relative;\n}\n\n.sidebar__title {\n width: 100%;\n height: fit-content;\n border-top: 1px solid tokens.$ifxColorEngineering200;\n padding: 12px 0;\n \n &.no-top-border {\n border-top: none;\n }\n}\n\n.sidebar__title-label {\n height: 20px;\n font: tokens.$ifxEyebrowEyebrow02;\n text-transform: uppercase;\n color: tokens.$ifxColorEngineering500;\n letter-spacing: 3px;\n}","import { Component, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'ifx-sidebar-title',\n styleUrl: 'sidebar-title.scss',\n shadow: true\n})\n\nexport class SidebarTitle {\n @Element() el;\n\n render() {\n return(\n <div class = 'sidebar__title'>\n <div class = 'sidebar__title-label'>\n <slot />\n </div>\n </div>\n );\n }\n}"],"mappings":"kDAAA,MAAMA,EAAkB,gY,MCQXC,EAAY,M,yBAGrB,MAAAC,GACI,OACIC,EAAA,OAAKC,MAAQ,kBACTD,EAAA,OAAKC,MAAQ,wBACTD,EAAA,c"}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

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

View File

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as o,h as i,g as t}from"./p-5308bbce.js";const l=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, 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 n=class{constructor(i){o(this,i)}render(){return i("div",{class:"col"},i("slot",{name:"title"}),i("span",{"aria-label":"navigation link"},i("slot",{name:"link"})))}get el(){return t(this)}};n.style=l;export{n as ifx_footer_column};
//# sourceMappingURL=p-7764940c.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["footerColumnCss","Card","render","h","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\";\n@use \"../../global/font.scss\";\n\n\n.col {\n display: flex;\n flex-direction: column;\n gap: tokens.$ifxSpace150;\n padding-right: 8px;\n color: tokens.$ifxColorBaseBlack;\n font-family: var(--ifx-font-family);\n\n & ::slotted([slot=title]) {\n box-sizing: border-box;\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n margin: 0;\n padding: 0;\n }\n\n & span {\n display: flex;\n flex-direction: column;\n gap: tokens.$ifxSpace150;\n color: tokens.$ifxColorBaseBlack;\n\n & ::slotted([slot=link]) {\n box-sizing: border-box;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n }\n }\n}","import { Component, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'ifx-footer-column',\n styleUrl: './footer-column.scss',\n shadow: true,\n})\n\nexport class Card {\n @Element() el;\n\n\n render() {\n return (\n <div class=\"col\">\n <slot name=\"title\" />\n <span aria-label='navigation link'>\n <slot name=\"link\" />\n </span>\n </div>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,mf,MCQXC,EAAI,M,yBAIf,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,OACTD,EAAA,QAAME,KAAK,UACXF,EAAA,qBAAiB,mBACfA,EAAA,QAAME,KAAK,U"}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as n,h as t}from"./p-5308bbce.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.navbar__menu-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__menu-item.hide{display:none}.navbar__menu-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.navbar__menu-item:hover{cursor:pointer;background-color:#EEEDED}.navbar__menu-item:active{background-color:#BFBBBB}.icon{margin-right:4px}';const a=class{constructor(t){n(this,t);this.href="";this.target="_self";this.hide=false}render(){let n=this.href?{href:this.href,target:this.target}:{};return t("a",Object.assign({},n,{class:`navbar__menu-item ${this.hide?"hide":""}`}),t("span",null,t("slot",null)))}};a.style=e;export{a as ifx_navbar_menu_item};
//# sourceMappingURL=p-8f666298.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["navbarMenuItemCss","NavbarMenuItem","render","hrefAttr","this","href","target","h","Object","assign","class","hide"],"sources":["src/components/navbar/navbar-menu-item.scss?tag=ifx-navbar-menu-item&encapsulation=shadow","src/components/navbar/navbar-menu-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.navbar__menu-item {\n text-decoration: none;\n color: tokens.$ifxColorBaseBlack;\n display: flex;\n align-items: center;\n padding: 8px 16px;\n gap: 8px;\n font-family: var(--ifx-font-family);\n\n\n &.hide {\n display: none;\n }\n\n & span {\n color: tokens.$ifxColorBaseBlack;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n /* 150% */\n }\n\n &:hover {\n cursor: pointer;\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &:active {\n background-color: tokens.$ifxColorEngineering300;\n }\n}\n\n.icon {\n margin-right: 4px;\n}","// dropdown-item.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'ifx-navbar-menu-item',\n styleUrl: 'navbar-menu-item.scss',\n shadow: true\n})\n\nexport class NavbarMenuItem {\n\n @Prop() href: string = \"\"\n @Prop() target: string = \"_self\"\n @Prop() hide: boolean = false;\n\n \n render() {\n let hrefAttr = this.href ? { href: this.href, target: this.target } : {};\n return (\n <a {...hrefAttr} class={`navbar__menu-item ${this.hide ? 'hide' : \"\"}`}>\n <span>\n <slot />\n </span>\n </a>\n );\n }\n}"],"mappings":"2CAAA,MAAMA,EAAoB,qgB,MCSbC,EAAc,M,mCAEF,G,YACE,Q,UACD,K,CAGxB,MAAAC,GACE,IAAIC,EAAWC,KAAKC,KAAO,CAAEA,KAAMD,KAAKC,KAAMC,OAAQF,KAAKE,QAAW,GACtE,OACEC,EAAA,IAAAC,OAAAC,OAAA,GAAON,EAAQ,CAAEO,MAAO,sBAAsBN,KAAKO,KAAO,OAAS,OACjEJ,EAAA,YACEA,EAAA,c"}

View File

@ -0,0 +1,2 @@
import{r as n,h as t,g as e}from"./p-5308bbce.js";const i=".navbar__container-left-content-navigation-item{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family)}.navbar__container-left-content-navigation-item.hideElement{display:none}.navbar__container-left-content-navigation-item:hover{color:#0A8276}.navbar__container-left-content-navigation-item:hover a{color:#0A8276}.navbar__container-left-content-navigation-item.remove{display:none}.navbar__container-left-content-navigation-item a{display:flex;align-items:center;font-weight:400;font-size:16px;color:#1D1D1D;text-decoration:none;flex:none;order:0;flex-grow:0}.navbar__container-left-content-navigation-item.removeLabel a{display:none}.navbar__container-left-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container-left-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__container-left-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.navbar__container-left-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile{position:relative;width:24px;height:24px;background:#0A8276;border-radius:100px;flex:none;order:0;flex-grow:0;display:none}.navbar__container-left-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile.show{display:flex}.navbar__container-left-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile a{position:absolute;width:22px;height:20px;left:calc(50% - 11px);top:calc(50% - 10px);font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}";const a=class{constructor(t){n(this,t);this.isProfile=false;this.hideLabel=false;this.icon="";this.href="";this.target="_self";this.hideComponent=false}componentWillLoad(){const n=this.el;const t=n.getAttribute("slot");if(t){if(t.toLowerCase()==="right-menu-profile-item"){this.isProfile=true}else this.isProfile=false}}render(){return t("div",{class:`navbar__container-left-content-navigation-item ${this.hideLabel?"removeLabel":""} ${this.hideComponent?"hideElement":""}`},t("div",{class:`navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon&&!this.isProfile?"removeWrapper":""} ${this.isProfile?"hide":""}`},this.icon&&t("ifx-icon",{icon:this.icon})),t("div",{class:`navbar__container-right-content-navigation-item-navigation-profile ${this.isProfile?"show":""}`},t("a",{href:"javascript:void(0)"},"AA")),t("a",{href:this.href,target:this.target},t("slot",null)))}get el(){return e(this)}};a.style=i;export{a as ifx_navbar_item};
//# sourceMappingURL=p-94b1554c.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["navbarItemCss","NavbarItem","componentWillLoad","menuItem","this","el","slotValue","getAttribute","toLowerCase","isProfile","render","h","class","hideLabel","hideComponent","icon","href","target"],"sources":["src/components/navbar/navbar-item.scss?tag=ifx-navbar-item&encapsulation=shadow","src/components/navbar/navbar-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.navbar__container-left-content-navigation-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0px 8px;\n gap: 8px;\n flex: none;\n order: 0;\n flex-grow: 0;\n font-family: var(--ifx-font-family);\n\n &.hideElement {\n display: none;\n }\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n\n & a {\n color: tokens.$ifxColorOcean500;\n }\n }\n\n &.remove {\n display: none;\n }\n\n & a {\n display: flex;\n align-items: center;\n font-weight: 400;\n font-size: 16px;\n //line-height: 24px;\n color: tokens.$ifxColorBaseBlack;\n text-decoration: none;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.removeLabel {\n & a {\n display: none;\n }\n }\n\n & .navbar__container-right-content-navigation-item-icon-wrapper {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0px;\n gap: 8px;\n flex: none;\n order: 0;\n flex-grow: 0;\n\n &.removeWrapper {\n display: none;\n }\n\n &.hide {\n display: none;\n }\n }\n\n & .navbar__container-right-content-navigation-item-navigation-profile {\n position: relative;\n width: 24px;\n height: 24px;\n background: tokens.$ifxColorOcean500;\n border-radius: 100px;\n flex: none;\n order: 0;\n flex-grow: 0;\n display: none;\n\n &.show {\n display: flex;\n }\n\n & a {\n position: absolute;\n width: 22px;\n height: 20px;\n left: calc(50% - 22px/2);\n top: calc(50% - 20px/2);\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n color: tokens.$ifxColorBaseWhite;\n }\n }\n}\n\n\n// @media screen and (min-width: 720px) { \n// .navbar__container-left-content-navigation-item { \n// & a { \n// display: none;\n// }\n// }\n// }\n\n// @media screen and (min-width: 1024px) { \n// .navbar__container-left-content-navigation-item { \n// & a { \n// display: flex;\n// }\n// }\n// }","import { Component, h, Element, Prop } from \"@stencil/core\";\n\n@Component({\n tag: 'ifx-navbar-item',\n styleUrl: 'navbar-item.scss',\n shadow: true\n})\n\nexport class NavbarItem {\n\n @Element() el;\n @Prop({ mutable: true }) isProfile: boolean = false;\n @Prop() hideLabel: boolean = false;\n @Prop() icon: string = \"\"\n @Prop() href: string = \"\"\n @Prop() target: string = \"_self\";\n @Prop() hideComponent: boolean = false;\n\n componentWillLoad() {\n const menuItem = this.el;\n const slotValue = menuItem.getAttribute('slot')\n if (slotValue) {\n if (slotValue.toLowerCase() === 'right-menu-profile-item') {\n this.isProfile = true;\n } else this.isProfile = false;\n }\n }\n\n\n render() {\n return (\n <div class={`navbar__container-left-content-navigation-item ${this.hideLabel ? 'removeLabel' : \"\"} ${this.hideComponent ? 'hideElement' : \"\"}`}>\n <div class={`navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon && !this.isProfile ? \"removeWrapper\" : \"\"} ${this.isProfile ? \"hide\" : \"\"}`}>\n {this.icon && <ifx-icon icon={this.icon}></ifx-icon>}\n </div>\n <div class={`navbar__container-right-content-navigation-item-navigation-profile ${this.isProfile ? 'show' : \"\"}`}>\n <a href=\"javascript:void(0)\">AA</a>\n </div>\n <a href={this.href} target={this.target}>\n <slot />\n </a>\n </div>\n )\n }\n}"],"mappings":"kDAAA,MAAMA,EAAgB,m7D,MCQTC,EAAU,M,wCAGyB,M,eACjB,M,UACN,G,UACA,G,YACE,Q,mBACQ,K,CAEjC,iBAAAC,GACE,MAAMC,EAAWC,KAAKC,GACtB,MAAMC,EAAYH,EAASI,aAAa,QACxC,GAAID,EAAW,CACb,GAAIA,EAAUE,gBAAkB,0BAA2B,CACzDJ,KAAKK,UAAY,I,MACZL,KAAKK,UAAY,K,EAK5B,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAO,kDAAkDR,KAAKS,UAAY,cAAgB,MAAMT,KAAKU,cAAgB,cAAgB,MACxIH,EAAA,OAAKC,MAAO,iEAAiER,KAAKW,OAASX,KAAKK,UAAY,gBAAkB,MAAML,KAAKK,UAAY,OAAS,MAC3JL,KAAKW,MAAQJ,EAAA,YAAUI,KAAMX,KAAKW,QAErCJ,EAAA,OAAKC,MAAO,sEAAsER,KAAKK,UAAY,OAAS,MAC1GE,EAAA,KAAGK,KAAK,sBAAoB,OAE9BL,EAAA,KAAGK,KAAMZ,KAAKY,KAAMC,OAAQb,KAAKa,QAC/BN,EAAA,c"}

View File

@ -0,0 +1,2 @@
import{r as e,c as r,h as o,g as i}from"./p-5308bbce.js";const t=':host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;font-family:var(--ifx-font-family)}.checkbox__container .checkbox__wrapper{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}.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{background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked.error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:hover{background-color:#08665C;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked.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{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}.checkbox__container .label.label-m{height:24px;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 c=class{constructor(o){e(this,o);this.ifxChange=r(this,"ifxChange",7);this.disabled=false;this.value=false;this.error=false;this.name="";this.size="m";this.internalValue=undefined;this.indeterminate=false;this.internalIndeterminate=undefined}handleCheckbox(){if(!this.disabled){if(this.inputElement.indeterminate){this.internalValue=true;this.internalIndeterminate=false}else{this.internalValue=!this.internalValue}this.ifxChange.emit(this.internalValue)}}valueChanged(e,r){if(e!==r){this.internalValue=e;this.inputElement.checked=this.internalValue}}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.internalValue=this.value;this.internalIndeterminate=this.indeterminate}componentDidRender(){this.inputElement.indeterminate=this.internalIndeterminate}getCheckedClassName(){if(this.error){if(this.internalValue){return"checked error"}else{return"error"}}else if(this.internalValue){return"checked"}else return""}render(){const e=this.el.innerHTML;let r=false;if(e){r=true}return o("div",{class:"checkbox__container"},o("input",{type:"checkbox",hidden:true,ref:e=>this.inputElement=e,name:this.name,checked:this.internalValue,onChange:this.handleCheckbox.bind(this),id:"checkbox",value:`${this.internalValue}`}),o("div",{tabindex:"0",onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-value":this.internalValue,"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.internalValue&&o("ifx-icon",{icon:"check-12"})),r&&o("div",{id:"label",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""} `,onClick:this.handleCheckbox.bind(this)},o("slot",null)))}get el(){return i(this)}static get watchers(){return{value:["valueChanged"],indeterminate:["indeterminateChanged"]}}};c.style=t;export{c as ifx_checkbox};
//# sourceMappingURL=p-98cc12fa.entry.js.map

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as o,h as n}from"./p-5308bbce.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}';const t=class{constructor(n){o(this,n)}render(){return n("div",{class:"dropdown-header"},n("span",null,n("slot",null)))}};t.style=r;export{t as ifx_dropdown_header};
//# sourceMappingURL=p-9c71d552.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["dropdownHeaderCss","DropdownHeader","render","h","class"],"sources":["src/components/dropdown/dropdown-header/dropdown-header.scss?tag=ifx-dropdown-header&encapsulation=shadow","src/components/dropdown/dropdown-header/dropdown-header.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.dropdown-header {\n display: flex;\n padding: 8px 16px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n border-bottom: 1px solid tokens.$ifxColorEngineering200;\n font-family: var(--ifx-font-family);\n\n\n & span {\n color: tokens.$ifxColorEngineering500;\n font-family: var(--ifx-font-family);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n /* 142.857% */\n }\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n tag: 'ifx-dropdown-header',\n styleUrl: 'dropdown-header.scss',\n shadow: true\n})\n\nexport class DropdownHeader {\n render() {\n return (\n <div class='dropdown-header'>\n <span>\n <slot />\n </span>\n </div>\n )\n }\n}"],"mappings":"2CAAA,MAAMA,EAAoB,oY,MCSbC,EAAc,M,yBACzB,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,mBACTD,EAAA,YACEA,EAAA,c"}

View File

@ -0,0 +1,2 @@
import{r,h as o}from"./p-5308bbce.js";const s=".dropdown-separator{height:1px;background-color:#EEEDED;margin:8px 16px}";const a=class{constructor(o){r(this,o)}render(){return o("div",{class:"dropdown-separator"})}};a.style=s;export{a as ifx_dropdown_separator};
//# sourceMappingURL=p-9d7082e8.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["dropdownSeparatorCss","DropdownSeparator","render","h","class"],"sources":["src/components/dropdown/dropdown-seperator/dropdown-separator.scss?tag=ifx-dropdown-separator&encapsulation=shadow","src/components/dropdown/dropdown-seperator/dropdown-separator.tsx"],"sourcesContent":["// dropdown-separator.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.dropdown-separator {\n height: 1px;\n background-color: tokens.$ifxColorEngineering200;\n margin: 8px 16px;\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n tag: 'ifx-dropdown-separator',\n styleUrl: 'dropdown-separator.scss',\n shadow: true\n})\n\nexport class DropdownSeparator {\n render() {\n return (\n <div class='dropdown-separator'></div>\n )\n }\n}"],"mappings":"sCAAA,MAAMA,EAAuB,2E,MCShBC,EAAiB,M,yBAC5B,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,sB"}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r,h as o}from"./p-5308bbce.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, 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-orange{border:1px solid #E16B25}.container.border-ocean{border:1px solid #0A8276}.container.border-grey{border:1px solid #575352}.container.border-light-grey{border:1px solid #BFBBBB}.container.border-red{border:1px solid #CD002F}.container.border-green{border:1px solid #4CA460}.container.border-berry{border:1px solid #9C216E}.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.orange{background-color:#E16B25}.dot.ocean{background-color:#0A8276}.dot.grey{background-color:#575352}.dot.light-grey{background-color:#BFBBBB}.dot.red{background-color:#CD002F}.dot.green{background-color:#4CA460}.dot.berry{background-color:#9C216E}';const n=class{constructor(o){r(this,o);this.label=undefined;this.border=false;this.color="orange"}render(){const r=this.border?`container border-${this.color}`:"container no-border";return o("div",{"aria-label":"a status indicator","aria-value":this.label,class:r},o("span",{class:`dot ${this.color}`}),o("p",{class:"text"},this.label))}};n.style=e;export{n as ifx_status};
//# sourceMappingURL=p-9e559e5e.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["statusCss","Status","render","containerClass","this","border","color","h","label","class"],"sources":["src/components/status/status.scss?tag=ifx-status&encapsulation=shadow","src/components/status/status.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-block;\n}\n\n.container {\n display: flex;\n min-height: 1.25em;\n align-items: center;\n padding: 0 tokens.$ifxSpace100;\n border-radius: tokens.$ifxBorderRadiusRound;\n font-family: var(--ifx-font-family);\n\n &.no-border {\n padding: 0; // Remove padding when border is not present\n }\n\n &.border-orange {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOrange500;\n }\n\n &.border-ocean {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean500;\n }\n\n &.border-grey {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering500;\n }\n\n &.border-light-grey {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering300;\n }\n\n &.border-red {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed500;\n }\n\n &.border-green {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorGreen500;\n }\n\n &.border-berry {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorBerry500;\n }\n\n\n}\n\n.text {\n margin: 0;\n padding-left: tokens.$ifxSpace50;\n font-style: normal;\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightS;\n display: inline;\n color: tokens.$ifxColorBaseBlack;\n}\n\n.dot {\n display: inline-block;\n width: tokens.$ifxSize100;\n height: tokens.$ifxSize100;\n border-radius: tokens.$ifxBorderRadiusRound;\n}\n\n\n.dot {\n &.orange {\n background-color: tokens.$ifxColorOrange500;\n }\n\n &.ocean {\n background-color: tokens.$ifxColorOcean500;\n }\n\n &.grey {\n background-color: tokens.$ifxColorEngineering500;\n }\n\n &.light-grey {\n background-color: tokens.$ifxColorEngineering300;\n }\n\n &.red {\n background-color: tokens.$ifxColorRed500;\n }\n\n &.green {\n background-color: tokens.$ifxColorGreen500;\n }\n\n &.berry {\n background-color: tokens.$ifxColorBerry500;\n }\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ifx-status',\n styleUrl: 'status.scss',\n shadow: true\n})\n\nexport class Status {\n @Prop() label: string;\n @Prop() border: boolean = false;\n @Prop() color: 'orange' | 'ocean' | 'grey' | 'light-grey' | 'red' | 'green' | 'berry' = 'orange';\n\n render() {\n const containerClass = this.border ? `container border-${this.color}` : 'container no-border';\n\n return (\n <div aria-label=\"a status indicator\" aria-value={this.label} class={containerClass}>\n <span class={`dot ${this.color}`}></span>\n <p class=\"text\">{this.label}</p>\n </div>\n );\n }\n}"],"mappings":"sCAAA,MAAMA,EAAY,sjC,MCQLC,EAAM,M,0DAES,M,WAC8D,Q,CAExF,MAAAC,GACE,MAAMC,EAAiBC,KAAKC,OAAS,oBAAoBD,KAAKE,QAAU,sBAExE,OACEC,EAAA,oBAAgB,qBAAoB,aAAaH,KAAKI,MAAOC,MAAON,GAClEI,EAAA,QAAME,MAAO,OAAOL,KAAKE,UACzBC,EAAA,KAAGE,MAAM,QAAQL,KAAKI,O"}

View File

@ -0,0 +1,2 @@
import{r,c as o,h as t,g as i}from"./p-5308bbce.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.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)}.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:focus{outline:none}.radioButton__container .radioButton__wrapper:focus::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 .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.disabled{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.disabled.error:hover,.radioButton__container .radioButton__wrapper.disabled.error:focus-visible{border-color:#CD002F}.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.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .radioButton__wrapper.checked.disabled{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.error:not(.disabled){border-color:#CD002F}.radioButton__container .radioButton__wrapper.error:not(.disabled):hover,.radioButton__container .radioButton__wrapper.error:not(.disabled):focus-visible{border-color:#CD002F}.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}.radioButton__container .label.disabled{color:#BFBBBB}.radioButton__container .label:hover{cursor:pointer}';const e=class{constructor(t){r(this,t);this.ifxChange=o(this,"ifxChange",7);this.disabled=false;this.value=false;this.error=false;this.size="s";this.internalValue=undefined;this.hasSlot=true}valueChanged(r,o){if(r!==o){this.internalValue=r}}componentWillLoad(){this.internalValue=this.value;const r=this.el.innerHTML;if(r){this.hasSlot=true}else this.hasSlot=false}handleRadioButtonClick(){if(!this.disabled&&!this.error&&!this.internalValue){this.internalValue=!this.internalValue;this.el.shadowRoot.querySelector(".radioButton__wrapper").focus();this.ifxChange.emit(this.internalValue)}}render(){return t("div",{"aria-label":"a radio button","aria-value":this.value,"aria-disabled":this.disabled,class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:this.handleRadioButtonClick.bind(this)},t("div",{class:`radioButton__wrapper \n ${this.internalValue?"checked":""} \n ${this.disabled?"disabled":""} \n ${this.error?"error":""}`,tabIndex:this.disabled?-1:0},this.internalValue&&t("div",{class:"radioButton__wrapper-mark"})),this.hasSlot&&t("div",{class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""}`},t("slot",null)))}get el(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};e.style=a;export{e as ifx_radio_button};
//# sourceMappingURL=p-a196e6e6.entry.js.map

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as i,c as t,h as o,g as n}from"./p-5308bbce.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.dropdown-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item.hide{display:none}.dropdown-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#EEEDED}.dropdown-item:active{background-color:#BFBBBB}.icon{margin-right:4px}';const e=class{constructor(o){i(this,o);this.ifxDropdownItem=t(this,"ifxDropdownItem",7);this.icon=undefined;this.href="";this.target="_self";this.hide=false;this.size="l"}handleMenuSize(i){this.size=i.detail}handleEventEmission(){this.ifxDropdownItem.emit(this.el.textContent)}render(){let i=this.href?{href:this.href,target:this.target}:{};return o("a",Object.assign({},i,{onClick:()=>this.handleEventEmission(),class:`dropdown-item ${this.size==="s"?"small":""} ${this.hide?"hide":""}`}),this.icon&&o("ifx-icon",{class:"icon",icon:this.icon}),o("span",null,o("slot",null)))}get el(){return n(this)}};e.style=s;export{e as ifx_dropdown_item};
//# sourceMappingURL=p-a54437a6.entry.js.map

View File

@ -0,0 +1 @@
{"version":3,"names":["dropdownItemCss","DropdownItem","handleMenuSize","event","this","size","detail","handleEventEmission","ifxDropdownItem","emit","el","textContent","render","hrefAttr","href","target","h","Object","assign","onClick","class","hide","icon"],"sources":["src/components/dropdown/dropdown-item/dropdown-item.scss?tag=ifx-dropdown-item&encapsulation=shadow","src/components/dropdown/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.dropdown-item {\n text-decoration: none;\n color: tokens.$ifxColorBaseBlack;\n display: flex;\n align-items: center;\n padding: 8px 16px;\n gap: tokens.$ifxSize100;\n font-family: var(--ifx-font-family);\n\n &.hide {\n display: none;\n }\n\n & span {\n color: tokens.$ifxColorBaseBlack;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n /* 150% */\n }\n\n &.small {\n & span {\n font-size: 14px;\n }\n }\n\n &:hover {\n cursor: pointer;\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &:active {\n background-color: tokens.$ifxColorEngineering300;\n }\n}\n\n.icon {\n margin-right: 4px;\n}","// dropdown-item.tsx\nimport { Component, Prop, h, Listen, State, Event, EventEmitter, Element } from \"@stencil/core\";\n\n@Component({\n tag: 'ifx-dropdown-item',\n styleUrl: 'dropdown-item.scss',\n shadow: true\n})\n\nexport class DropdownItem {\n @Prop() icon: string;\n @Prop() href: string = \"\"\n @Prop() target: string = \"_self\"\n @Prop() hide: boolean = false;\n @State() size: string = 'l'\n @Event() ifxDropdownItem: EventEmitter;\n @Element() el;\n\n @Listen('menuSize', { target: 'body' })\n handleMenuSize(event: CustomEvent) {\n this.size = event.detail;\n }\n\n handleEventEmission() {\n this.ifxDropdownItem.emit(this.el.textContent)\n }\n\n render() {\n let hrefAttr = this.href ? { href: this.href, target: this.target } : {};\n return (\n <a {...hrefAttr} onClick={() => this.handleEventEmission()} class={`dropdown-item ${this.size === 's' ? 'small' : \"\"} ${this.hide ? 'hide' : \"\"}`}>\n {this.icon && <ifx-icon class=\"icon\" icon={this.icon}></ifx-icon>}\n <span>\n <slot />\n </span>\n </a>\n );\n }\n}"],"mappings":"yDAAA,MAAMA,EAAkB,0hB,MCSXC,EAAY,M,wGAEA,G,YACE,Q,UACD,M,UACA,G,CAKxB,cAAAC,CAAeC,GACbC,KAAKC,KAAOF,EAAMG,M,CAGpB,mBAAAC,GACEH,KAAKI,gBAAgBC,KAAKL,KAAKM,GAAGC,Y,CAGpC,MAAAC,GACE,IAAIC,EAAWT,KAAKU,KAAO,CAAEA,KAAMV,KAAKU,KAAMC,OAAQX,KAAKW,QAAW,GACtE,OACEC,EAAA,IAAAC,OAAAC,OAAA,GAAOL,EAAQ,CAAEM,QAAS,IAAMf,KAAKG,sBAAuBa,MAAO,iBAAiBhB,KAAKC,OAAS,IAAM,QAAU,MAAMD,KAAKiB,KAAO,OAAS,OAC1IjB,KAAKkB,MAAQN,EAAA,YAAUI,MAAM,OAAOE,KAAMlB,KAAKkB,OAChDN,EAAA,YACEA,EAAA,c"}

View File

@ -0,0 +1,2 @@
import{r as i,h as e,g as t}from"./p-5308bbce.js";import{i as o}from"./p-68f17bb5.js";const n='.container{display:flex;flex-direction:column;gap:10px}.html-wrapper{background:rgb(38, 38, 38);padding:20px;color:white;font-family:monospace;position:relative}.html-wrapper button{position:absolute;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.85);color:#C9CDCF;border:0 none;padding:4px 10px;font-size:0.75rem;font-family:"Nunito Sans";font-weight:700;border-top:1px solid rgba(255, 255, 255, 0.1);border-left:1px solid rgba(255, 255, 255, 0.1);margin-left:-1px;border-radius:4px 0 0 0;cursor:pointer}.html-wrapper .component-name{color:#A8FF60}.html-wrapper .attribute-name{color:rgb(150, 203, 254)}.html-wrapper .attribute-value{color:rgb(180, 116, 221)}.preview__container{box-sizing:border-box;display:flex;align-items:center;padding:2px;flex-wrap:wrap;gap:4px}.preview__container .preview__container-item{display:flex;justify-content:center;align-items:center;border:1px solid #f1f1f1;padding:2px;width:50px;height:50px;position:relative}.preview__container .preview__container-item:active{border-color:#378375}.preview__container .preview__container-item:hover{cursor:pointer}.preview__container .preview__container-item.copied::after{z-index:1000;content:"copied!";position:absolute;top:0;left:50px;background-color:#000;color:white;padding:3px;border-radius:4px}';const r=class{constructor(e){i(this,e);this.iconsArray=[];this.isCopied=false;this.copiedIndex=undefined;this.htmlTag='<ifx-icon icon="calendar-16"></ifx-icon>';this.iconName=`"c-info-24"`}handleCopiedText(){this.isCopied=true;setTimeout((()=>{this.isCopied=false}),2e3)}copyIconText(i){this.htmlTag=`<ifx-icon icon="${i}"></ifx-icon>`;this.iconName=`"${i}"`}copyHtmlString(){const i=`<ifx-icon icon=${this.iconName}></ifx-icon>`;navigator.clipboard.writeText(i);this.handleCopiedText()}componentWillLoad(){for(let i in o){this.iconsArray.push(i)}}render(){return e("div",{class:"container"},e("div",{class:"html-wrapper"},e("span",{class:"html-tag"},"<"),e("span",{class:"component-name"},"ifx-icon"),e("span",{class:"attribute-name"}," icon"),"=",e("span",{class:"attribute-value"},this.iconName),e("span",{class:"html-tag"},">"),e("span",{class:"html-tag"},"</"),e("span",{class:"component-name"},"ifx-icon"),e("span",{class:"html-tag"},">"),e("button",{onClick:()=>this.copyHtmlString()},this.isCopied?"Copied":"Copy")),e("div",{class:"preview__container"},this.iconsArray.map(((i,t)=>e("div",{class:`preview__container-item ${this.isCopied&&this.copiedIndex===t?"copied":""}`,onClick:()=>this.copyIconText(i)},e("ifx-icon",{icon:i}))))))}get el(){return t(this)}};r.style=n;export{r as ifx_icons_preview};
//# sourceMappingURL=p-a9f1c526.entry.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
import{r as i,h as n}from"./p-5308bbce.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.badge__container{display:inline-flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;border:1px solid #EEEDED;background-color:#EEEDED;border-radius:100px;font-family:var(--ifx-font-family);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:#1D1D1D}';const o=class{constructor(n){i(this,n)}render(){return n("div",{class:"badge__container"},n("slot",null))}};o.style=e;export{o as ifx_badge};
//# sourceMappingURL=p-b37bc53f.entry.js.map

Some files were not shown because too many files have changed in this diff Show More