@infineon/infineon-design-system-stencil 40.0.0--canary.2100.19856982753.0 → 40.0.0--canary.2100.19891420459.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ifx-accordion.ifx-accordion-item.entry.cjs.js.map +1 -1
- package/dist/cjs/ifx-accordion_2.cjs.entry.js +9 -13
- package/dist/cjs/ifx-faq.entry.cjs.js.map +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/accordion/accordionItem.css +27 -4
- package/dist/collection/components/accordion/accordionItem.js +8 -12
- package/dist/collection/components/accordion/accordionItem.js.map +1 -1
- package/dist/collection/storybook/stories/setup-and-installation/faq/faq.js.map +1 -0
- package/dist/components/ifx-accordion-item.js +1 -1
- package/dist/components/ifx-faq.js +1 -1
- package/dist/components/ifx-faq.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/{p-D0qbTJic.js → p-CVb-Yn3-.js} +11 -15
- package/dist/components/p-CVb-Yn3-.js.map +1 -0
- package/dist/esm/ifx-accordion.ifx-accordion-item.entry.js.map +1 -1
- package/dist/esm/ifx-accordion_2.entry.js +9 -13
- package/dist/esm/ifx-faq.entry.js.map +1 -1
- package/dist/hydrate/index.js +9 -13
- package/dist/hydrate/index.mjs +9 -13
- package/dist/infineon-design-system-stencil/ifx-accordion.ifx-accordion-item.entry.esm.js.map +1 -1
- package/dist/infineon-design-system-stencil/ifx-faq.entry.esm.js.map +1 -1
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
- package/dist/infineon-design-system-stencil/p-188353de.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-188353de.entry.js.map +1 -0
- package/package.json +4 -3
- package/readme.md +181 -63
- package/dist/collection/stories/setup-and-installation/faq/faq.js.map +0 -1
- package/dist/components/p-D0qbTJic.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-95cd4e29.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-95cd4e29.entry.js.map +0 -1
- /package/dist/collection/{stories → storybook/stories}/setup-and-installation/faq/faq.css +0 -0
- /package/dist/collection/{stories → storybook/stories}/setup-and-installation/faq/faq.js +0 -0
- /package/dist/types/{stories → storybook/stories}/setup-and-installation/faq/faq.d.ts +0 -0
package/dist/hydrate/index.js
CHANGED
|
@@ -3590,7 +3590,7 @@ class Accordion {
|
|
|
3590
3590
|
}; }
|
|
3591
3591
|
}
|
|
3592
3592
|
|
|
3593
|
-
const accordionItemCss = ".accordion-item{border-radius:3px;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:\"\";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:
|
|
3593
|
+
const accordionItemCss = ".accordion-item{border-radius:3px;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:\"\";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;overflow:hidden;height:0;transition:height 0.3s ease;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:16px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;margin:0 4px 4px;border:1px solid transparent;border-top:1px solid transparent}.accordion-icon{font-weight:bold;display:flex;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-content{max-height:1000px}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}.accordion-item.open .inner-content{border-color:#EEEDED;border-top-color:transparent;transition:border-color 0s}.accordion-item:not(.open) .inner-content{transition:border-color 0s 0.3s}.inner-content.no-content{border:none;padding:0;margin:0}";
|
|
3594
3594
|
|
|
3595
3595
|
class AccordionItem {
|
|
3596
3596
|
constructor(hostRef) {
|
|
@@ -3637,17 +3637,13 @@ class AccordionItem {
|
|
|
3637
3637
|
}
|
|
3638
3638
|
}
|
|
3639
3639
|
openAccordionItem() {
|
|
3640
|
-
if (this.
|
|
3641
|
-
|
|
3642
|
-
|
|
3643
|
-
|
|
3644
|
-
|
|
3645
|
-
|
|
3646
|
-
|
|
3647
|
-
else {
|
|
3648
|
-
this.contentEl.style.height = "0";
|
|
3649
|
-
this.contentEl.style.overflow = "hidden";
|
|
3650
|
-
}
|
|
3640
|
+
if (this.internalOpen) {
|
|
3641
|
+
this.contentEl.style.height = `${this.contentEl.scrollHeight}px`;
|
|
3642
|
+
this.contentEl.style.overflow = "hidden";
|
|
3643
|
+
}
|
|
3644
|
+
else {
|
|
3645
|
+
this.contentEl.style.height = "0";
|
|
3646
|
+
this.contentEl.style.overflow = "hidden";
|
|
3651
3647
|
}
|
|
3652
3648
|
}
|
|
3653
3649
|
getInnerContentWrapper() {
|
|
@@ -3690,7 +3686,7 @@ class AccordionItem {
|
|
|
3690
3686
|
}
|
|
3691
3687
|
}
|
|
3692
3688
|
render() {
|
|
3693
|
-
return (hAsync("div", { key: '
|
|
3689
|
+
return (hAsync("div", { key: 'd0659e9848ec1c283922245ede1c43f4d437f2e9', class: `accordion-item ${this.internalOpen ? "open" : ""}` }, hAsync("div", { key: '5602bba8be10049019a41a78a140a8f3cb5ff84e', role: "button", "aria-expanded": this.internalOpen, "aria-controls": "accordion-content", class: "accordion-title", onClick: () => this.toggleOpen(), tabindex: "0", ref: (el) => (this.titleEl = el) }, hAsync("span", { key: 'ba38b4ad9659b0dda1d4e9c4f951b164782f461c', "aria-hidden": "true", role: "heading", "aria-level": String(this.AriaLevel), class: "accordion-icon" }, hAsync("ifx-icon", { key: '30b3cd4afde52cde304bfd9b1d0650a1167dcffd', icon: "chevron-down-16" })), hAsync("span", { key: 'c488542b9e8622de256d2c02a26f58da51836164', id: "accordion-caption", class: "accordion-caption" }, this.caption)), hAsync("div", { key: '86481e71ceda4b3f452d77f5930fadac5a7fe58a', id: "accordion-content", class: "accordion-content", ref: (el) => (this.contentEl = el), role: "region", "aria-labelledby": "accordion-caption" }, hAsync("div", { key: '0beb27fdd4d691b165267ce0d0b29a817cdfd71a', class: "inner-content" }, hAsync("slot", { key: 'f988897e355f52624d51aa301b4407ef05f7a928' })))));
|
|
3694
3690
|
}
|
|
3695
3691
|
static get watchers() { return {
|
|
3696
3692
|
"open": ["openChanged"]
|
package/dist/hydrate/index.mjs
CHANGED
|
@@ -3588,7 +3588,7 @@ class Accordion {
|
|
|
3588
3588
|
}; }
|
|
3589
3589
|
}
|
|
3590
3590
|
|
|
3591
|
-
const accordionItemCss = ".accordion-item{border-radius:3px;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:\"\";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:
|
|
3591
|
+
const accordionItemCss = ".accordion-item{border-radius:3px;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:\"\";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;overflow:hidden;height:0;transition:height 0.3s ease;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:16px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;margin:0 4px 4px;border:1px solid transparent;border-top:1px solid transparent}.accordion-icon{font-weight:bold;display:flex;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-content{max-height:1000px}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}.accordion-item.open .inner-content{border-color:#EEEDED;border-top-color:transparent;transition:border-color 0s}.accordion-item:not(.open) .inner-content{transition:border-color 0s 0.3s}.inner-content.no-content{border:none;padding:0;margin:0}";
|
|
3592
3592
|
|
|
3593
3593
|
class AccordionItem {
|
|
3594
3594
|
constructor(hostRef) {
|
|
@@ -3635,17 +3635,13 @@ class AccordionItem {
|
|
|
3635
3635
|
}
|
|
3636
3636
|
}
|
|
3637
3637
|
openAccordionItem() {
|
|
3638
|
-
if (this.
|
|
3639
|
-
|
|
3640
|
-
|
|
3641
|
-
|
|
3642
|
-
|
|
3643
|
-
|
|
3644
|
-
|
|
3645
|
-
else {
|
|
3646
|
-
this.contentEl.style.height = "0";
|
|
3647
|
-
this.contentEl.style.overflow = "hidden";
|
|
3648
|
-
}
|
|
3638
|
+
if (this.internalOpen) {
|
|
3639
|
+
this.contentEl.style.height = `${this.contentEl.scrollHeight}px`;
|
|
3640
|
+
this.contentEl.style.overflow = "hidden";
|
|
3641
|
+
}
|
|
3642
|
+
else {
|
|
3643
|
+
this.contentEl.style.height = "0";
|
|
3644
|
+
this.contentEl.style.overflow = "hidden";
|
|
3649
3645
|
}
|
|
3650
3646
|
}
|
|
3651
3647
|
getInnerContentWrapper() {
|
|
@@ -3688,7 +3684,7 @@ class AccordionItem {
|
|
|
3688
3684
|
}
|
|
3689
3685
|
}
|
|
3690
3686
|
render() {
|
|
3691
|
-
return (hAsync("div", { key: '
|
|
3687
|
+
return (hAsync("div", { key: 'd0659e9848ec1c283922245ede1c43f4d437f2e9', class: `accordion-item ${this.internalOpen ? "open" : ""}` }, hAsync("div", { key: '5602bba8be10049019a41a78a140a8f3cb5ff84e', role: "button", "aria-expanded": this.internalOpen, "aria-controls": "accordion-content", class: "accordion-title", onClick: () => this.toggleOpen(), tabindex: "0", ref: (el) => (this.titleEl = el) }, hAsync("span", { key: 'ba38b4ad9659b0dda1d4e9c4f951b164782f461c', "aria-hidden": "true", role: "heading", "aria-level": String(this.AriaLevel), class: "accordion-icon" }, hAsync("ifx-icon", { key: '30b3cd4afde52cde304bfd9b1d0650a1167dcffd', icon: "chevron-down-16" })), hAsync("span", { key: 'c488542b9e8622de256d2c02a26f58da51836164', id: "accordion-caption", class: "accordion-caption" }, this.caption)), hAsync("div", { key: '86481e71ceda4b3f452d77f5930fadac5a7fe58a', id: "accordion-content", class: "accordion-content", ref: (el) => (this.contentEl = el), role: "region", "aria-labelledby": "accordion-caption" }, hAsync("div", { key: '0beb27fdd4d691b165267ce0d0b29a817cdfd71a', class: "inner-content" }, hAsync("slot", { key: 'f988897e355f52624d51aa301b4407ef05f7a928' })))));
|
|
3692
3688
|
}
|
|
3693
3689
|
static get watchers() { return {
|
|
3694
3690
|
"open": ["openChanged"]
|
package/dist/infineon-design-system-stencil/ifx-accordion.ifx-accordion-item.entry.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ifx-accordion.ifx-accordion-item.entry.esm.js","sources":["src/components/accordion/accordion.scss?tag=ifx-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion/accordionItem.scss?tag=ifx-accordion-item&encapsulation=shadow","src/components/accordion/accordionItem.tsx"],"sourcesContent":["// ifxAccordion.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: block;\n}\n\n.accordion-wrapper {\n display: flex;\n flex-direction: column;\n gap: tokens.$ifxSpace100;\n font-family: var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n}","import { Component, Element, h, Listen, Prop } from \"@stencil/core\";\nimport { isNestedInIfxComponent } from \"../../shared/utils/dom-utils\";\nimport { detectFramework } from \"../../shared/utils/framework-detection\";\nimport { trackComponent } from \"../../shared/utils/tracking\";\n\n@Component({\n\ttag: \"ifx-accordion\",\n\tstyleUrl: \"accordion.scss\",\n\tshadow: { delegatesFocus: true },\n})\nexport class Accordion {\n\t@Element() el: HTMLElement;\n\t@Prop() autoCollapse: boolean = false;\n\n\tasync componentDidLoad() {\n\t\tif (!isNestedInIfxComponent(this.el)) {\n\t\t\tconst framework = detectFramework();\n\t\t\ttrackComponent(\"ifx-accordion\", await framework);\n\t\t}\n\t}\n\n\t@Listen(\"ifxOpen\")\n\tasync onItemOpen(event: CustomEvent) {\n\t\tif (this.autoCollapse) {\n\t\t\tconst items = Array.from(this.el.querySelectorAll(\"ifx-accordion-item\"));\n\t\t\tfor (const item of items) {\n\t\t\t\tconst itemElement = item as HTMLIfxAccordionItemElement;\n\t\t\t\tif (itemElement !== event.target && (await itemElement.open)) {\n\t\t\t\t\titemElement.open = false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class=\"accordion-wrapper\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n\n.accordion-item {\n border-radius: 3px;\n transition: all 0.3s;\n font-family: var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n\n}\n\n.accordion-title:focus {\n outline: none;\n}\n\n// workaround to add corner radius to outline\n.accordion-title:focus::after {\n content: '';\n display: block;\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border-radius: 5px;\n border: 2px solid tokens.$ifxColorOcean500;\n box-sizing: border-box;\n}\n\n.accordion-title:hover {\n border: 1px solid tokens.$ifxColorEngineering200;\n color: tokens.$ifxColorOcean600;\n}\n\n.accordion-title {\n display: flex;\n align-items: center;\n position: relative;\n padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace150;\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering200;\n cursor: pointer;\n margin: 4px;\n}\n\n.accordion-caption {\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSizeL;\n}\n\n.accordion-content {\n gap: tokens.$ifxSpace100;\n //transition: max-height 0.3s ease-in-out;\n line-height: 24px;\n font-size: tokens.$ifxFontSizeM;\n font-weight: 400;\n}\n\n.inner-content {\n background-color: tokens.$ifxColorBaseWhite;\n padding: tokens.$ifxSpace300;\n // white-space: pre-wrap;\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 align-self: stretch;\n\n /* breaks text at arbitrary points when needed */\n}\n\n.accordion-icon {\n font-weight: bold;\n display: flex;\n transition: transform 0.3s;\n\n &:hover {\n color: tokens.$ifxColorOcean600;\n\n }\n}\n\n\n\n.accordion-item.open .accordion-icon {\n transform: rotate(-180deg);\n}","//ifxAccordionItem\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\ttype EventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\";\n\n@Component({\n\ttag: \"ifx-accordion-item\",\n\tstyleUrl: \"accordionItem.scss\",\n\tshadow: true,\n})\nexport class AccordionItem {\n\t@Element() el;\n\t@Prop() caption: string;\n\t@Prop({\n\t\tmutable: true,\n\t})\n\topen: boolean = false;\n\t@Prop() AriaLevel = 3;\n\t@State() internalOpen: boolean = false;\n\t@Event() ifxOpen: EventEmitter;\n\t@Event() ifxClose: EventEmitter;\n\tprivate contentEl!: HTMLElement;\n\tprivate titleEl!: HTMLElement;\n\tprivate resizeObserver!: ResizeObserver;\n\n\tcomponentWillLoad() {\n\t\tthis.internalOpen = this.open;\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.checkSlotContent();\n\t\tthis.openAccordionItem();\n\t\tthis.contentEl = this.el.shadowRoot.querySelector(\"#accordion-content\");\n\t\tif (this.contentEl) {\n\t\t\tthis.attachResizeObserver();\n\t\t}\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.checkSlotContent();\n\t\tthis.openAccordionItem();\n\t}\n\n\t@Watch(\"open\")\n\topenChanged(newValue: boolean) {\n\t\tthis.internalOpen = newValue;\n\t}\n\n\ttoggleOpen() {\n\t\tthis.internalOpen = !this.internalOpen;\n\t\tthis.open = this.internalOpen;\n\n\t\tif (this.internalOpen) {\n\t\t\tthis.ifxOpen.emit({ isOpen: this.internalOpen });\n\t\t} else {\n\t\t\tthis.ifxClose.emit({ isClosed: !this.internalOpen });\n\t\t}\n\t}\n\n\topenAccordionItem() {\n\t\tif (this.contentEl) {\n\t\t\tif (this.internalOpen) {\n\t\t\t\tthis.contentEl.style.height = \"auto\";\n\t\t\t\tconst updatedHeight = this.contentEl.scrollHeight;\n\t\t\t\tthis.contentEl.style.height = `${updatedHeight}px`;\n\t\t\t\tthis.contentEl.style.overflow = \"visible\";\n\t\t\t} else {\n\t\t\t\tthis.contentEl.style.height = \"0\";\n\t\t\t\tthis.contentEl.style.overflow = \"hidden\";\n\t\t\t}\n\t\t}\n\t}\n\n\tgetInnerContentWrapper() {\n\t\tconst innerContentEl = this.el.shadowRoot.querySelector(\".inner-content\");\n\t\treturn innerContentEl;\n\t}\n\n\tattachResizeObserver() {\n\t\tconst innerContentEl = this.getInnerContentWrapper();\n\n\t\tif (innerContentEl) {\n\t\t\tthis.resizeObserver = new ResizeObserver(() => {\n\t\t\t\tif (this.internalOpen) {\n\t\t\t\t\tthis.openAccordionItem();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.resizeObserver.observe(innerContentEl);\n\t\t}\n\t}\n\n\t@Listen(\"keydown\")\n\thandleKeydown(ev: KeyboardEvent) {\n\t\tconst path = ev.composedPath();\n\n\t\tif (!path.includes(this.titleEl)) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch (ev.key) {\n\t\t\tcase \"Enter\": // fallthrough\n\t\t\tcase \" \": // space\n\t\t\t\tev.preventDefault();\n\t\t\t\tthis.toggleOpen();\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tcheckSlotContent() {\n\t\tconst slot = this.el.shadowRoot.querySelector(\"slot\") as HTMLSlotElement;\n\t\tconst hasContent = slot.assignedNodes().length > 0;\n\t\tconst innerContent = this.getInnerContentWrapper();\n\t\tif (!hasContent) {\n\t\t\tinnerContent.classList.add(\"no-content\");\n\t\t} else if (innerContent.classList.contains(\"no-content\")) {\n\t\t\tinnerContent.classList.remove(\"no-content\");\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={`accordion-item ${this.internalOpen ? \"open\" : \"\"}`}>\n\t\t\t\t<div\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\taria-expanded={this.internalOpen}\n\t\t\t\t\taria-controls=\"accordion-content\"\n\t\t\t\t\tclass=\"accordion-title\"\n\t\t\t\t\tonClick={() => this.toggleOpen()}\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\tref={(el) => (this.titleEl = el as HTMLElement)}\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\trole=\"heading\"\n\t\t\t\t\t\taria-level={String(this.AriaLevel) as string}\n\t\t\t\t\t\tclass=\"accordion-icon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ifx-icon icon=\"chevron-down-16\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span id=\"accordion-caption\" class=\"accordion-caption\">\n\t\t\t\t\t\t{this.caption}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tid=\"accordion-content\"\n\t\t\t\t\tclass=\"accordion-content\"\n\t\t\t\t\tref={(el) => (this.contentEl = el as HTMLElement)}\n\t\t\t\t\trole=\"region\"\n\t\t\t\t\taria-labelledby=\"accordion-caption\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"inner-content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ifx-accordion.ifx-accordion-item.entry.esm.js","sources":["src/components/accordion/accordion.scss?tag=ifx-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion/accordionItem.scss?tag=ifx-accordion-item&encapsulation=shadow","src/components/accordion/accordionItem.tsx"],"sourcesContent":["// ifxAccordion.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: block;\n}\n\n.accordion-wrapper {\n display: flex;\n flex-direction: column;\n gap: tokens.$ifxSpace100;\n font-family: var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n}","import { Component, Element, h, Listen, Prop } from \"@stencil/core\";\nimport { isNestedInIfxComponent } from \"../../shared/utils/dom-utils\";\nimport { detectFramework } from \"../../shared/utils/framework-detection\";\nimport { trackComponent } from \"../../shared/utils/tracking\";\n\n@Component({\n\ttag: \"ifx-accordion\",\n\tstyleUrl: \"accordion.scss\",\n\tshadow: { delegatesFocus: true },\n})\nexport class Accordion {\n\t@Element() el: HTMLElement;\n\t@Prop() autoCollapse: boolean = false;\n\n\tasync componentDidLoad() {\n\t\tif (!isNestedInIfxComponent(this.el)) {\n\t\t\tconst framework = detectFramework();\n\t\t\ttrackComponent(\"ifx-accordion\", await framework);\n\t\t}\n\t}\n\n\t@Listen(\"ifxOpen\")\n\tasync onItemOpen(event: CustomEvent) {\n\t\tif (this.autoCollapse) {\n\t\t\tconst items = Array.from(this.el.querySelectorAll(\"ifx-accordion-item\"));\n\t\t\tfor (const item of items) {\n\t\t\t\tconst itemElement = item as HTMLIfxAccordionItemElement;\n\t\t\t\tif (itemElement !== event.target && (await itemElement.open)) {\n\t\t\t\t\titemElement.open = false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class=\"accordion-wrapper\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n\n.accordion-item {\n border-radius: 3px;\n transition: all 0.3s;\n font-family: var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n\n}\n\n.accordion-title:focus {\n outline: none;\n}\n\n// workaround to add corner radius to outline\n.accordion-title:focus::after {\n content: '';\n display: block;\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border-radius: 5px;\n border: 2px solid tokens.$ifxColorOcean500;\n box-sizing: border-box;\n}\n\n.accordion-title:hover {\n border: 1px solid tokens.$ifxColorEngineering200;\n color: tokens.$ifxColorOcean600;\n}\n\n.accordion-title {\n display: flex;\n align-items: center;\n position: relative;\n padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace150;\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering200;\n cursor: pointer;\n margin: 4px;\n}\n\n.accordion-caption {\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSizeL;\n}\n\n.accordion-content {\n gap: tokens.$ifxSpace100;\n overflow: hidden;\n height: 0;\n transition: height 0.3s ease;\n line-height: 24px;\n font-size: tokens.$ifxFontSizeM;\n font-weight: 400;\n}\n\n.inner-content {\n background-color: tokens.$ifxColorBaseWhite;\n padding: tokens.$ifxSpace200;\n word-wrap: break-word;\n overflow-wrap: anywhere;\n align-self: stretch;\n margin: 0 4px 4px;\n border: 1px solid transparent;\n border-top: 1px solid transparent;\n}\n\n.accordion-icon {\n font-weight: bold;\n display: flex;\n transition: transform 0.3s;\n\n &:hover {\n color: tokens.$ifxColorOcean600;\n\n }\n}\n\n\n.accordion-item.open .accordion-content {\n max-height: 1000px; // Arbitrary large value to allow content to expand\n}\n\n.accordion-item.open .accordion-icon {\n transform: rotate(-180deg);\n}\n\n.accordion-item.open .inner-content {\n border-color: tokens.$ifxColorEngineering200;\n border-top-color: transparent;\n transition: border-color 0s; \n}\n\n.accordion-item:not(.open) .inner-content {\n transition: border-color 0s 0.3s; \n}\n\n.inner-content {\n &.no-content { \n border: none;\n padding: 0;\n margin: 0;\n }\n}","//ifxAccordionItem\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\ttype EventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\";\n\n@Component({\n\ttag: \"ifx-accordion-item\",\n\tstyleUrl: \"accordionItem.scss\",\n\tshadow: true,\n})\nexport class AccordionItem {\n\t@Element() el;\n\t@Prop() caption: string;\n\t@Prop({\n\t\tmutable: true,\n\t})\n\topen: boolean = false;\n\t@Prop() AriaLevel = 3;\n\t@State() internalOpen: boolean = false;\n\t@Event() ifxOpen: EventEmitter;\n\t@Event() ifxClose: EventEmitter;\n\tprivate contentEl!: HTMLElement;\n\tprivate titleEl!: HTMLElement;\n\tprivate resizeObserver!: ResizeObserver;\n\n\tcomponentWillLoad() {\n\t\tthis.internalOpen = this.open;\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.checkSlotContent();\n\t\tthis.openAccordionItem();\n\t\tthis.contentEl = this.el.shadowRoot.querySelector(\"#accordion-content\");\n\t\tif (this.contentEl) {\n\t\t\tthis.attachResizeObserver();\n\t\t}\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.checkSlotContent();\n\t\tthis.openAccordionItem();\n\t}\n\n\t@Watch(\"open\")\n\topenChanged(newValue: boolean) {\n\t\tthis.internalOpen = newValue;\n\t}\n\n\ttoggleOpen() {\n\t\tthis.internalOpen = !this.internalOpen;\n\t\tthis.open = this.internalOpen;\n\n\t\tif (this.internalOpen) {\n\t\t\tthis.ifxOpen.emit({ isOpen: this.internalOpen });\n\t\t} else {\n\t\t\tthis.ifxClose.emit({ isClosed: !this.internalOpen });\n\t\t}\n\t}\n\n\topenAccordionItem() {\n\t\tif (this.internalOpen) {\n\t\t\tthis.contentEl.style.height = `${this.contentEl.scrollHeight}px`;\n\t\t\tthis.contentEl.style.overflow = \"hidden\";\n\t\t} else {\n\t\t\tthis.contentEl.style.height = \"0\";\n\t\t\tthis.contentEl.style.overflow = \"hidden\";\n\t\t}\n\t}\n\n\tgetInnerContentWrapper() {\n\t\tconst innerContentEl = this.el.shadowRoot.querySelector(\".inner-content\");\n\t\treturn innerContentEl;\n\t}\n\n\tattachResizeObserver() {\n\t\tconst innerContentEl = this.getInnerContentWrapper();\n\n\t\tif (innerContentEl) {\n\t\t\tthis.resizeObserver = new ResizeObserver(() => {\n\t\t\t\tif (this.internalOpen) {\n\t\t\t\t\tthis.openAccordionItem();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.resizeObserver.observe(innerContentEl);\n\t\t}\n\t}\n\n\t@Listen(\"keydown\")\n\thandleKeydown(ev: KeyboardEvent) {\n\t\tconst path = ev.composedPath();\n\n\t\tif (!path.includes(this.titleEl)) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch (ev.key) {\n\t\t\tcase \"Enter\": // fallthrough\n\t\t\tcase \" \": // space\n\t\t\t\tev.preventDefault();\n\t\t\t\tthis.toggleOpen();\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tcheckSlotContent() {\n\t\tconst slot = this.el.shadowRoot.querySelector(\"slot\") as HTMLSlotElement;\n\t\tconst hasContent = slot.assignedNodes().length > 0;\n\t\tconst innerContent = this.getInnerContentWrapper();\n\t\tif (!hasContent) {\n\t\t\tinnerContent.classList.add(\"no-content\");\n\t\t} else if (innerContent.classList.contains(\"no-content\")) {\n\t\t\tinnerContent.classList.remove(\"no-content\");\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={`accordion-item ${this.internalOpen ? \"open\" : \"\"}`}>\n\t\t\t\t<div\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\taria-expanded={this.internalOpen}\n\t\t\t\t\taria-controls=\"accordion-content\"\n\t\t\t\t\tclass=\"accordion-title\"\n\t\t\t\t\tonClick={() => this.toggleOpen()}\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\tref={(el) => (this.titleEl = el as HTMLElement)}\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\trole=\"heading\"\n\t\t\t\t\t\taria-level={String(this.AriaLevel) as string}\n\t\t\t\t\t\tclass=\"accordion-icon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ifx-icon icon=\"chevron-down-16\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span id=\"accordion-caption\" class=\"accordion-caption\">\n\t\t\t\t\t\t{this.caption}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tid=\"accordion-content\"\n\t\t\t\t\tclass=\"accordion-content\"\n\t\t\t\t\tref={(el) => (this.contentEl = el as HTMLElement)}\n\t\t\t\t\trole=\"region\"\n\t\t\t\t\taria-labelledby=\"accordion-caption\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"inner-content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ifx-faq.entry.esm.js","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\ttag: \"ifx-faq\",\n\tstyleUrl: \"./faq.scss\",\n\tshadow: true,\n})\nexport class Faq {\n\trender() {\n\t\treturn (\n\t\t\t<div class=\"container\">\n\t\t\t\t<ifx-accordion>\n\t\t\t\t\t<ifx-accordion-item caption=\"What is the Infineon DDS?\">\n\t\t\t\t\t\tThe Infineon Digital Design System consists of code components,\n\t\t\t\t\t\tdesign principles, tools and guidelines as well as a dedicated\n\t\t\t\t\t\tinterdisciplinary team. Its purpose is to support internal and\n\t\t\t\t\t\texternal colleagues create digital user interfaces with a high level\n\t\t\t\t\t\tof usability as well as a consistent expression of the Infineon\n\t\t\t\t\t\tbrand. The DDS does not focus on the content of a web application\n\t\t\t\t\t\tbut it describes how the design of the application’s structure\n\t\t\t\t\t\tshould be.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"How do I get access to the DDS?\">\n\t\t\t\t\t\tYou can use the provided Figma file as a foundation for mockups and\n\t\t\t\t\t\tprototypes, use Storybook to view what UI components and variants\n\t\t\t\t\t\tare available and use code components provided via Storybook or\n\t\t\t\t\t\tGithub.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"Can I integrate the Infineon DDS into my project?\">\n\t\t\t\t\t\tYes, you can. We are happy to discuss with you which point in time\n\t\t\t\t\t\tand which scope of integration is bestsuited for updating your\n\t\t\t\t\t\tinterface to the Infineon DDS. (To avoid that users get confused by\n\t\t\t\t\t\ta mixture of UI components, we recommend choosing larger updates or\n\t\t\t\t\t\ttechnology changes as opportunity to integrate the Infineon DDS.)\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"Are Infineon DDS components accessable?\">\n\t\t\t\t\t\tWe have taken WCAG 2.0 Level AA as baseline level for all design\n\t\t\t\t\t\tdecisions inside the Infineon Digital Design System. To make an\n\t\t\t\t\t\tonline experience truly accessible you have to implement the\n\t\t\t\t\t\tspecific code, content, and visual design according to the\n\t\t\t\t\t\taccessibility standard. Find an introduction to this topic here.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"How to request a new component?\">\n\t\t\t\t\t\tPlease contact us like described in the contribution section! We are\n\t\t\t\t\t\tplanning to expand the number of components continually. If your\n\t\t\t\t\t\tcomponent is also usable for multiple other projects, there is a\n\t\t\t\t\t\tgood chance we might work together with you.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t</ifx-accordion>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,MAAM,GAAG,8BAA8B;;MCOhC,GAAG,GAAA,MAAA;;;;IACf,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACrB,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAoB,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,2BAA2B,EASlC,EAAA,qdAAA,CAAA,EACrB,CAAoB,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,iCAAiC,EAKxC,EAAA,+MAAA,CAAA,EACrB,CAAoB,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,mDAAmD,EAM1D,EAAA,6UAAA,CAAA,EACrB,CAAoB,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,yCAAyC,EAMhD,EAAA,2TAAA,CAAA,EACrB,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,OAAO,EAAC,iCAAiC,0PAKxC,CACN,CACX;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"ifx-faq.entry.esm.js","sources":["src/storybook/stories/setup-and-installation/faq/faq.scss?tag=ifx-faq&encapsulation=shadow","src/storybook/stories/setup-and-installation/faq/faq.tsx"],"sourcesContent":[".container { \n padding-top: 10px;\n}","import { Component, h } from \"@stencil/core\";\n\n@Component({\n\ttag: \"ifx-faq\",\n\tstyleUrl: \"./faq.scss\",\n\tshadow: true,\n})\nexport class Faq {\n\trender() {\n\t\treturn (\n\t\t\t<div class=\"container\">\n\t\t\t\t<ifx-accordion>\n\t\t\t\t\t<ifx-accordion-item caption=\"What is the Infineon DDS?\">\n\t\t\t\t\t\tThe Infineon Digital Design System consists of code components,\n\t\t\t\t\t\tdesign principles, tools and guidelines as well as a dedicated\n\t\t\t\t\t\tinterdisciplinary team. Its purpose is to support internal and\n\t\t\t\t\t\texternal colleagues create digital user interfaces with a high level\n\t\t\t\t\t\tof usability as well as a consistent expression of the Infineon\n\t\t\t\t\t\tbrand. The DDS does not focus on the content of a web application\n\t\t\t\t\t\tbut it describes how the design of the application’s structure\n\t\t\t\t\t\tshould be.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"How do I get access to the DDS?\">\n\t\t\t\t\t\tYou can use the provided Figma file as a foundation for mockups and\n\t\t\t\t\t\tprototypes, use Storybook to view what UI components and variants\n\t\t\t\t\t\tare available and use code components provided via Storybook or\n\t\t\t\t\t\tGithub.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"Can I integrate the Infineon DDS into my project?\">\n\t\t\t\t\t\tYes, you can. We are happy to discuss with you which point in time\n\t\t\t\t\t\tand which scope of integration is bestsuited for updating your\n\t\t\t\t\t\tinterface to the Infineon DDS. (To avoid that users get confused by\n\t\t\t\t\t\ta mixture of UI components, we recommend choosing larger updates or\n\t\t\t\t\t\ttechnology changes as opportunity to integrate the Infineon DDS.)\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"Are Infineon DDS components accessable?\">\n\t\t\t\t\t\tWe have taken WCAG 2.0 Level AA as baseline level for all design\n\t\t\t\t\t\tdecisions inside the Infineon Digital Design System. To make an\n\t\t\t\t\t\tonline experience truly accessible you have to implement the\n\t\t\t\t\t\tspecific code, content, and visual design according to the\n\t\t\t\t\t\taccessibility standard. Find an introduction to this topic here.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t\t<ifx-accordion-item caption=\"How to request a new component?\">\n\t\t\t\t\t\tPlease contact us like described in the contribution section! We are\n\t\t\t\t\t\tplanning to expand the number of components continually. If your\n\t\t\t\t\t\tcomponent is also usable for multiple other projects, there is a\n\t\t\t\t\t\tgood chance we might work together with you.\n\t\t\t\t\t</ifx-accordion-item>\n\t\t\t\t</ifx-accordion>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,MAAM,GAAG,8BAA8B;;MCOhC,GAAG,GAAA,MAAA;;;;IACf,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACrB,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAoB,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,2BAA2B,EASlC,EAAA,qdAAA,CAAA,EACrB,CAAoB,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,iCAAiC,EAKxC,EAAA,+MAAA,CAAA,EACrB,CAAoB,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,mDAAmD,EAM1D,EAAA,6UAAA,CAAA,EACrB,CAAoB,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,yCAAyC,EAMhD,EAAA,2TAAA,CAAA,EACrB,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,OAAO,EAAC,iCAAiC,0PAKxC,CACN,CACX;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as a,g as l,b as i}from"./p-gnEgSsOI.js";export{s as setNonce}from"./p-gnEgSsOI.js";var t=()=>{{n(a.prototype)}const l=import.meta.url;const i={};if(l!==""){i.resourcesUrl=new URL(".",l).href}return e(i)};var n=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const l=a.call(this,false);const i=this.childNodes;if(e){for(let e=0;e<i.length;e++){if(i[e].nodeType!==2){l.appendChild(i[e].cloneNode(true))}}}return l}};t().then((async e=>{await l();return i(JSON.parse('[["p-5810a069",[[769,"ifx-table",{"cols":[8],"rows":[8],"buttonRendererOptions":[16],"iconButtonRendererOptions":[16],"checkboxRendererOptions":[16],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationItemsPerPage":[1,"pagination-items-per-page"],"filterOrientation":[1,"filter-orientation"],"headline":[1],"variant":[1],"serverSidePagination":[4,"server-side-pagination"],"serverPageChangeHandler":[16],"enableSelection":[4,"enable-selection"],"showLoading":[4,"show-loading"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"paginationPageSize":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"selectedRows":[32],"selectAll":[32],"onBtShowLoading":[64]},[[0,"ifxItemsPerPageChange","handleResultsPerPageChange"],[0,"ifxChange","handleChipChange"]],{"rows":["rowsChanged"],"cols":["colsChanged"],"buttonRendererOptions":["onButtonRendererOptionsChanged"],"checkboxRendererOptions":["onCheckboxRendererOptionsChanged"],"iconButtonRendererOptions":["onIconButtonRendererOptionsChanged"]}]]],["p-5999d142",[[257,"ifx-templates-ui",null,[[0,"fieldError","handleError"],[0,"toggleTemplates","filterTemplates"]]]]],["p-1fc41366",[[769,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["p-7db6819d",[[769,"ifx-file-upload",{"dragAndDrop":[4,"drag-and-drop"],"required":[4],"disabled":[4],"maxFileSizeMB":[2,"max-file-size-m-b"],"allowedFileTypes":[1,"allowed-file-types"],"additionalAllowedFileTypes":[1,"additional-allowed-file-types"],"allowAnyFileType":[4,"allow-any-file-type"],"allowedFileExtensions":[1,"allowed-file-extensions"],"uploadHandler":[16],"maxFiles":[6146,"max-files"],"label":[1],"labelRequiredError":[1,"label-required-error"],"labelBrowseFiles":[1,"label-browse-files"],"labelDragAndDrop":[1,"label-drag-and-drop"],"labelUploadedFilesHeading":[1,"label-uploaded-files-heading"],"labelFileTooLarge":[1,"label-file-too-large"],"labelUnsupportedFileType":[1,"label-unsupported-file-type"],"labelUploaded":[1,"label-uploaded"],"labelUploadFailed":[1,"label-upload-failed"],"labelSupportedFormatsTemplate":[1,"label-supported-formats-template"],"labelFileSingular":[1,"label-file-singular"],"labelFilePlural":[1,"label-file-plural"],"labelMaxFilesInfo":[1,"label-max-files-info"],"labelMaxFilesExceeded":[1,"label-max-files-exceeded"],"ariaLabelBrowseFiles":[1,"aria-label-browse-files"],"ariaLabelDropzone":[1,"aria-label-dropzone"],"ariaLabelFileInput":[1,"aria-label-file-input"],"ariaLabelRemoveFile":[1,"aria-label-remove-file"],"ariaLabelCancelUpload":[1,"aria-label-cancel-upload"],"ariaLabelRetryUpload":[1,"aria-label-retry-upload"],"ariaLabelUploadingStatus":[1,"aria-label-uploading-status"],"ariaLabelUploadedStatus":[1,"aria-label-uploaded-status"],"ariaLabelUploadFailedStatus":[1,"aria-label-upload-failed-status"],"isDragOver":[32],"files":[32],"uploadTasks":[32],"rejectedSizeFiles":[32],"rejectedTypeFiles":[32],"requiredError":[32],"statusMessage":[32],"injectDemoState":[64],"triggerDemoValidation":[64]}]]],["p-9ddc42a5",[[769,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"copiedIcon":[32],"htmlTag":[32],"iconName":[32],"searchTerm":[32]}]]],["p-a81406c7",[[257,"ifx-faq"]]],["p-eadc719e",[[769,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":["valueChanged"]}]]],["p-2a751715",[[257,"ifx-overview-table"]]],["p-e821a879",[[769,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["p-91f625c5",[[769,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["p-45f95907",[[769,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"showMoreFiltersButton":[4,"show-more-filters-button"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32]}]]],["p-4476403b",[[769,"ifx-filter-search",{"filterName":[1,"filter-name"],"disabled":[4],"filterValue":[1025,"filter-value"],"filterKey":[1,"filter-key"],"filterOrientation":[1,"filter-orientation"],"placeholder":[1],"showDeleteIcon":[32]},[[0,"ifxInput","handleFilterSearchChange"]],{"value":["valueChanged"]}]]],["p-28ca4d32",[[769,"ifx-list",{"name":[1],"maxVisibleItems":[2,"max-visible-items"],"type":[1],"resetTrigger":[1028,"reset-trigger"],"expanded":[32],"showMore":[32],"selectedCount":[32],"totalItems":[32],"internalResetTrigger":[32]},null,{"type":["handleTypeChange"],"resetTrigger":["resetTriggerChanged"]}]]],["p-54a20e4d",[[769,"ifx-modal",{"opened":[1540],"caption":[1],"captionAriaLabel":[1,"caption-aria-label"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonLabel":[1,"cancel-button-label"],"closeButtonAriaLabel":[1,"close-button-aria-label"],"showCloseButton":[4,"show-close-button"],"showModal":[32],"slotButtonsPresent":[32]},null,{"opened":["openedChanged"]}]]],["p-8cd5bf22",[[769,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"numberIndicator":[2,"number-indicator"],"dotIndicator":[4,"dot-indicator"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"isSidebarMenuItem":[32],"itemPosition":[32],"hideComponent":[64],"showComponent":[64],"toggleChildren":[64],"moveChildComponentsIntoSubLayerMenu":[64],"toggleFirstLayerItem":[64],"addMenuItemClass":[64],"moveChildComponentsBackIntoNavbar":[64],"returnToFirstLayer":[64],"setMenuItemPosition":[64],"setItemSideSpecifications":[64]},[[0,"focusout","handleFocusOut"],[5,"mousedown","handleOutsideClick"]]]]],["p-13aedf89",[[769,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"autocomplete":[1],"internalState":[32],"onNavbarMobile":[64]},null,{"isOpen":["handlePropChange"]}]]],["p-839c125c",[[769,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[2,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"handleItemClick":[16],"showIcon":[32],"showIconWrapper":[32],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"indicatorVariant":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":["handleActiveChange"],"numberIndicator":["handleNumberIndicatorChange"]}]]],["p-321893d9",[[769,"ifx-tabs",{"orientation":[1],"activeTabIndex":[1026,"active-tab-index"],"fullWidth":[4,"full-width"],"internalOrientation":[32],"internalActiveTabIndex":[32],"tabObjects":[32],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":["activeTabIndexChanged"]}]]],["p-cc31edb5",[[769,"ifx-tree-view-item",{"expanded":[1540],"initiallyExpanded":[4,"initially-expanded"],"disableItem":[4,"disable-item"],"ariaLabel":[1,"aria-label"],"initiallySelected":[4,"initially-selected"],"value":[1],"hasChildren":[32],"isChecked":[32],"partialChecked":[32],"level":[32],"disableAllItems":[32],"expandAllItems":[32],"suppressExpandEvents":[32]},null,{"expanded":["handleExpandedChange"],"disableItem":["handleDisableItemChange"]}]]],["p-b2d287e6",[[769,"ifx-breadcrumb-item-label",{"icon":[1],"href":[1],"target":[1]}]]],["p-c6f547a8",[[769,"ifx-checkbox-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"required":[4],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleCheckboxError"]]]]],["p-bacf1442",[[769,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"value":[1],"type":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1],"autocomplete":[1]}]]],["p-5773a106",[[769,"ifx-download",{"tokens":[1]}]]],["p-4e7ee3ff",[[769,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["p-d9a17f94",[[769,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogoAndAppname":[4,"show-logo-and-appname"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32],"internalLogoHref":[32],"internalLogoHrefTarget":[32]},[[0,"ifxNavItem","clearFirstLayerMenu"],[0,"ifxOpen","handleSearchBarToggle"]]]]],["p-8e4b6bdd",[[769,"ifx-radio-button-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"required":[4],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleRadioButtonError"]]]]],["p-9f07d10d",[[769,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["p-36067f52",[[769,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1],"required":[4],"error":[4]},[[0,"segmentSelect","onSegmentSelect"]]]]],["p-5f7ea2f2",[[769,"ifx-sidebar",{"applicationName":[1,"application-name"],"initialCollapse":[4,"initial-collapse"],"showFooter":[4,"show-footer"],"showHeader":[4,"show-header"],"termsOfUse":[1,"terms-of-use"],"imprint":[1],"privacyPolicy":[1,"privacy-policy"],"target":[1],"copyrightText":[1,"copyright-text"],"collapsible":[4],"collapsed":[4],"hideMenuLabel":[1,"hide-menu-label"],"currentYear":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32],"isCollapsed":[32],"toggleCollapse":[64],"collapse":[64],"expand":[64]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]],{"collapsible":["handleCollapsibleChange"],"collapsed":["handleCollapsedPropChange"]}]]],["p-4905dd68",[[769,"ifx-slider",{"min":[2],"max":[2],"step":[2],"value":[2],"minValueHandle":[2,"min-value-handle"],"maxValueHandle":[2,"max-value-handle"],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"type":[1],"ariaLabel":[1,"aria-label"],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":["valueChanged"],"minValueHandle":["minValueChanged"],"maxValueHandle":["maxValueChanged"]}]]],["p-fb161424",[[769,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":["updateCurrentStep"],"active":["updateErrorState"]}]]],["p-a25cd198",[[769,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"ariaLabel":[1,"aria-label"],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":["positionChanged"]}]]],["p-7b7d4ba1",[[769,"ifx-action-list",{"listAriaLabel":[1,"list-aria-label"]}]]],["p-717d0bc9",[[769,"ifx-action-list-item",{"itemTitle":[1,"item-title"],"description":[1],"value":[1],"href":[1],"target":[1],"disabled":[4],"itemAriaLabel":[1,"item-aria-label"]},null,{"disabled":["onDisabledChange"]}]]],["p-cb068d01",[[768,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"variant":[1],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["p-8d0a47b0",[[257,"ifx-breadcrumb"]]],["p-2663832c",[[769,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["p-092133a5",[[769,"ifx-card",{"direction":[1],"href":[1],"target":[1],"ariaLabel":[1,"aria-label"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["p-114fd0b6",[[769,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["p-7c0dedaa",[[769,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["p-15da07f9",[[257,"ifx-card-links"]]],["p-1bf2a9c3",[[257,"ifx-card-overline"]]],["p-26954fe5",[[769,"ifx-card-text",{"hasBtn":[32]}]]],["p-193e0874",[[769,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["p-0196a2f1",[[769,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["p-945669b1",[[769,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[5,"mousedown","handleOutsideClick"],[4,"focusin","handleFocusOutside"],[0,"slotchange","watchHandlerSlot"]],{"defaultOpen":["watchHandlerIsOpen"],"disabled":["watchHandlerDisabled"]}]]],["p-16bc23f2",[[257,"ifx-dropdown-header"]]],["p-c70bf556",[[769,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["p-77dee511",[[257,"ifx-dropdown-separator"]]],["p-6fb876c6",[[769,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["p-197711b2",[[769,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["p-20d45bc4",[[769,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["p-f4329a94",[[257,"ifx-footer-column"]]],["p-25e0067a",[[769,"ifx-navbar-profile",{"showLabel":[4,"show-label"],"href":[1],"imageUrl":[1,"image-url"],"target":[1],"alt":[1],"userName":[1,"user-name"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"internalImageUrl":[32],"hideComponent":[64],"showComponent":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-1bcfd14e",[[769,"ifx-sidebar-title",{"showInCollapsed":[4,"show-in-collapsed"]}]]],["p-948d8194",[[769,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["p-873c6a0c",[[769,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"ariaLabel":[1,"aria-label"],"ariaCurrent":[1,"aria-current"],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":["handleActiveStep"]}]]],["p-a3bae2e5",[[769,"ifx-switch",{"checked":[4],"name":[1],"disabled":[4],"value":[1],"internalChecked":[32],"isChecked":[64]},null,{"checked":["valueChanged"]}]]],["p-02eba393",[[772,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"]}]]],["p-1ec95491",[[769,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"fullWidth":[513,"full-width"],"reset":[64]}]]],["p-9129614e",[[769,"ifx-tree-view",{"label":[1],"disableAllItems":[4,"disable-all-items"],"expandAllItems":[4,"expand-all-items"],"ariaLabel":[1,"aria-label"]},null,{"expandAllItems":["handleExpandAllItemsChange"],"disableAllItems":["handleDisableAllItemsChange"]}]]],["p-43958c09",[[769,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-cc1d368a",[[769,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":["valueChanged"]}]]],["p-534064df",[[769,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[513],"name":[513],"checked":[1028],"internalChecked":[32],"hasSlot":[32],"isChecked":[64]},[[0,"keydown","handleKeyDown"],[4,"change","handleExternalChange"]],{"checked":["handleCheckedChange"],"internalChecked":["updateFormValue"],"error":["errorChanged"]}]]],["p-cffd468e",[[769,"ifx-template",{"name":[1],"thumbnail":[1],"repoDetails":[32],"repoUrl":[32],"showDetails":[32],"isTemplatePage":[32],"isLoading":[32],"repoError":[32],"toggleTemplate":[64]}],[769,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLive":[1,"aria-live"],"uniqueId":[32]}]]],["p-649caf0c",[[769,"ifx-multiselect",{"name":[1],"disabled":[4],"required":[4],"error":[4],"caption":[1],"label":[1],"placeholder":[1],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"showClearButton":[4,"show-clear-button"],"showExpandCollapse":[4,"show-expand-collapse"],"noResultsMessage":[1,"no-results-message"],"showNoResultsMessage":[4,"show-no-results-message"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"expandLabel":[1,"expand-label"],"collapseLabel":[1,"collapse-label"],"ariaMultiSelectLabel":[1,"aria-multi-select-label"],"ariaMultiSelectLabelledBy":[1,"aria-multi-select-labelled-by"],"ariaMultiSelectDescribedBy":[1,"aria-multi-select-described-by"],"ariaSearchLabel":[1,"aria-search-label"],"ariaClearLabel":[1,"aria-clear-label"],"ariaToggleLabel":[1,"aria-toggle-label"],"ariaSelectAllLabel":[1,"aria-select-all-label"],"ariaExpandAllLabel":[1,"aria-expand-all-label"],"ariaCollapseAllLabel":[1,"aria-collapse-all-label"],"internalError":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"searchTerm":[32],"clearSelection":[64]},null,{"error":["updateInternalError"],"persistentSelectedOptions":["onSelectionChange"]}],[769,"ifx-multiselect-option",{"value":[1],"selected":[1540],"disabled":[1540],"indeterminate":[1540],"isExpanded":[32],"hasChildren":[32],"depth":[32],"searchTerm":[32],"isSearchActive":[32],"isSearchDisabled":[32]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-95cd4e29",[[769,"ifx-accordion-item",{"caption":[1],"open":[1028],"AriaLevel":[2,"aria-level"],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":["openChanged"]}],[785,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxOpen","onItemOpen"]]]]],["p-29586af5",[[768,"ifx-select",{"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"showSearch":[4,"show-search"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"error":[4],"label":[1],"caption":[1],"disabled":[4],"required":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"showClearButton":[4,"show-clear-button"],"selectedOption":[32],"optionIsSelected":[32],"clearSelection":[64],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"ajax":[64],"handleDeleteIcon":[64]},[[5,"mousedown","handleOutsideClick"]],{"disabled":["watchDisabled"]}]]],["p-dfb2160d",[[769,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4],"ariaLabel":[1,"aria-label"]}],[769,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"success":[4],"disabled":[4],"readOnly":[4,"read-only"],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"autocomplete":[1],"type":[1],"internalId":[1,"internal-id"],"internalType":[32],"reset":[64]},null,{"value":["valueWatcher"]}]]],["p-40ce64c9",[[769,"ifx-search-field",{"value":[1025],"suggestions":[16],"showSuggestions":[4,"show-suggestions"],"maxSuggestions":[2,"max-suggestions"],"maxHistoryItems":[2,"max-history-items"],"enableHistory":[4,"enable-history"],"historyKey":[1,"history-key"],"historyHeaderText":[1,"history-header-text"],"ariaLabel":[1,"aria-label"],"ariaLabelledBy":[1,"aria-labelled-by"],"ariaDescribedBy":[1,"aria-described-by"],"deleteIconAriaLabel":[1,"delete-icon-aria-label"],"historyDeleteAriaLabel":[1,"history-delete-aria-label"],"dropdownAriaLabel":[1,"dropdown-aria-label"],"suggestionAriaLabel":[1,"suggestion-aria-label"],"historyItemAriaLabel":[1,"history-item-aria-label"],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"autocomplete":[1],"maxlength":[2],"showDropdown":[32],"filteredSuggestions":[32],"selectedSuggestionIndex":[32],"searchHistory":[32],"showDeleteIconInternalState":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"]],{"value":["valueWatcher"],"suggestions":["suggestionsWatcher"]}]]],["p-d1302a25",[[769,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"ariaLabel":[1,"aria-label"],"internalIcon":[32],"setFocus":[64]},[[2,"click","handleClick"]],{"icon":["updateIcon"]}]]],["p-a3dd02de",[[769,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"type":[1],"fullWidth":[4,"full-width"],"ariaLabel":[1,"aria-label"],"internalHref":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[2,"click","handleHostClick"]],{"href":["setInternalHref"]}]]],["p-b73b1341",[[769,"ifx-indicator",{"inverted":[4],"ariaLabel":[1,"aria-label"],"variant":[1],"number":[2],"filteredNumber":[32]}]]],["p-44a9f5d7",[[769,"ifx-checkbox",{"disabled":[4],"checked":[4],"error":[4],"size":[1],"indeterminate":[4],"value":[1],"internalChecked":[32],"internalIndeterminate":[32],"isChecked":[64],"toggleCheckedState":[64]},null,{"checked":["valueChanged"],"error":["errorChanged"],"indeterminate":["indeterminateChanged"]}]]],["p-f56b734e",[[769,"ifx-pagination",{"currentPage":[2,"current-page"],"showItemsPerPage":[4,"show-items-per-page"],"total":[2],"itemsPerPage":[1,"items-per-page"],"internalPage":[32],"internalItemsPerPage":[32],"numberOfPages":[32],"filteredItemsPerPage":[32],"visiblePages":[32]},[[0,"ifxSelect","setItemsPerPage"]],{"total":["watchTotalHandler"],"currentPage":["currentPageWatcher"]}],[769,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"theme":[1],"readOnly":[4,"read-only"],"ariaLabel":[1,"aria-label"],"disabled":[4],"icon":[1],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"keydown","handleKeyDown"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":["handleValueChange"],"readOnly":["handleReadOnlyChange"]}],[769,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":["validateSelected"]}]]],["p-65af6624",[[769,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"download":[1],"ariaLabel":[1,"aria-label"],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]],["p-5b0a2323",[[768,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"],"internalIcon":[32]},null,{"icon":["updateIcon"]}]]]]'),e)}));
|
|
1
|
+
import{p as e,H as a,g as l,b as i}from"./p-gnEgSsOI.js";export{s as setNonce}from"./p-gnEgSsOI.js";var t=()=>{{n(a.prototype)}const l=import.meta.url;const i={};if(l!==""){i.resourcesUrl=new URL(".",l).href}return e(i)};var n=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const l=a.call(this,false);const i=this.childNodes;if(e){for(let e=0;e<i.length;e++){if(i[e].nodeType!==2){l.appendChild(i[e].cloneNode(true))}}}return l}};t().then((async e=>{await l();return i(JSON.parse('[["p-5810a069",[[769,"ifx-table",{"cols":[8],"rows":[8],"buttonRendererOptions":[16],"iconButtonRendererOptions":[16],"checkboxRendererOptions":[16],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationItemsPerPage":[1,"pagination-items-per-page"],"filterOrientation":[1,"filter-orientation"],"headline":[1],"variant":[1],"serverSidePagination":[4,"server-side-pagination"],"serverPageChangeHandler":[16],"enableSelection":[4,"enable-selection"],"showLoading":[4,"show-loading"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"paginationPageSize":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"selectedRows":[32],"selectAll":[32],"onBtShowLoading":[64]},[[0,"ifxItemsPerPageChange","handleResultsPerPageChange"],[0,"ifxChange","handleChipChange"]],{"rows":["rowsChanged"],"cols":["colsChanged"],"buttonRendererOptions":["onButtonRendererOptionsChanged"],"checkboxRendererOptions":["onCheckboxRendererOptionsChanged"],"iconButtonRendererOptions":["onIconButtonRendererOptionsChanged"]}]]],["p-5999d142",[[257,"ifx-templates-ui",null,[[0,"fieldError","handleError"],[0,"toggleTemplates","filterTemplates"]]]]],["p-1fc41366",[[769,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["p-7db6819d",[[769,"ifx-file-upload",{"dragAndDrop":[4,"drag-and-drop"],"required":[4],"disabled":[4],"maxFileSizeMB":[2,"max-file-size-m-b"],"allowedFileTypes":[1,"allowed-file-types"],"additionalAllowedFileTypes":[1,"additional-allowed-file-types"],"allowAnyFileType":[4,"allow-any-file-type"],"allowedFileExtensions":[1,"allowed-file-extensions"],"uploadHandler":[16],"maxFiles":[6146,"max-files"],"label":[1],"labelRequiredError":[1,"label-required-error"],"labelBrowseFiles":[1,"label-browse-files"],"labelDragAndDrop":[1,"label-drag-and-drop"],"labelUploadedFilesHeading":[1,"label-uploaded-files-heading"],"labelFileTooLarge":[1,"label-file-too-large"],"labelUnsupportedFileType":[1,"label-unsupported-file-type"],"labelUploaded":[1,"label-uploaded"],"labelUploadFailed":[1,"label-upload-failed"],"labelSupportedFormatsTemplate":[1,"label-supported-formats-template"],"labelFileSingular":[1,"label-file-singular"],"labelFilePlural":[1,"label-file-plural"],"labelMaxFilesInfo":[1,"label-max-files-info"],"labelMaxFilesExceeded":[1,"label-max-files-exceeded"],"ariaLabelBrowseFiles":[1,"aria-label-browse-files"],"ariaLabelDropzone":[1,"aria-label-dropzone"],"ariaLabelFileInput":[1,"aria-label-file-input"],"ariaLabelRemoveFile":[1,"aria-label-remove-file"],"ariaLabelCancelUpload":[1,"aria-label-cancel-upload"],"ariaLabelRetryUpload":[1,"aria-label-retry-upload"],"ariaLabelUploadingStatus":[1,"aria-label-uploading-status"],"ariaLabelUploadedStatus":[1,"aria-label-uploaded-status"],"ariaLabelUploadFailedStatus":[1,"aria-label-upload-failed-status"],"isDragOver":[32],"files":[32],"uploadTasks":[32],"rejectedSizeFiles":[32],"rejectedTypeFiles":[32],"requiredError":[32],"statusMessage":[32],"injectDemoState":[64],"triggerDemoValidation":[64]}]]],["p-9ddc42a5",[[769,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"copiedIcon":[32],"htmlTag":[32],"iconName":[32],"searchTerm":[32]}]]],["p-a81406c7",[[257,"ifx-faq"]]],["p-eadc719e",[[769,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":["valueChanged"]}]]],["p-2a751715",[[257,"ifx-overview-table"]]],["p-e821a879",[[769,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["p-91f625c5",[[769,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["p-45f95907",[[769,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"showMoreFiltersButton":[4,"show-more-filters-button"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32]}]]],["p-4476403b",[[769,"ifx-filter-search",{"filterName":[1,"filter-name"],"disabled":[4],"filterValue":[1025,"filter-value"],"filterKey":[1,"filter-key"],"filterOrientation":[1,"filter-orientation"],"placeholder":[1],"showDeleteIcon":[32]},[[0,"ifxInput","handleFilterSearchChange"]],{"value":["valueChanged"]}]]],["p-28ca4d32",[[769,"ifx-list",{"name":[1],"maxVisibleItems":[2,"max-visible-items"],"type":[1],"resetTrigger":[1028,"reset-trigger"],"expanded":[32],"showMore":[32],"selectedCount":[32],"totalItems":[32],"internalResetTrigger":[32]},null,{"type":["handleTypeChange"],"resetTrigger":["resetTriggerChanged"]}]]],["p-54a20e4d",[[769,"ifx-modal",{"opened":[1540],"caption":[1],"captionAriaLabel":[1,"caption-aria-label"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonLabel":[1,"cancel-button-label"],"closeButtonAriaLabel":[1,"close-button-aria-label"],"showCloseButton":[4,"show-close-button"],"showModal":[32],"slotButtonsPresent":[32]},null,{"opened":["openedChanged"]}]]],["p-8cd5bf22",[[769,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"numberIndicator":[2,"number-indicator"],"dotIndicator":[4,"dot-indicator"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"isSidebarMenuItem":[32],"itemPosition":[32],"hideComponent":[64],"showComponent":[64],"toggleChildren":[64],"moveChildComponentsIntoSubLayerMenu":[64],"toggleFirstLayerItem":[64],"addMenuItemClass":[64],"moveChildComponentsBackIntoNavbar":[64],"returnToFirstLayer":[64],"setMenuItemPosition":[64],"setItemSideSpecifications":[64]},[[0,"focusout","handleFocusOut"],[5,"mousedown","handleOutsideClick"]]]]],["p-13aedf89",[[769,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"autocomplete":[1],"internalState":[32],"onNavbarMobile":[64]},null,{"isOpen":["handlePropChange"]}]]],["p-839c125c",[[769,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[2,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"handleItemClick":[16],"showIcon":[32],"showIconWrapper":[32],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"indicatorVariant":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":["handleActiveChange"],"numberIndicator":["handleNumberIndicatorChange"]}]]],["p-321893d9",[[769,"ifx-tabs",{"orientation":[1],"activeTabIndex":[1026,"active-tab-index"],"fullWidth":[4,"full-width"],"internalOrientation":[32],"internalActiveTabIndex":[32],"tabObjects":[32],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":["activeTabIndexChanged"]}]]],["p-cc31edb5",[[769,"ifx-tree-view-item",{"expanded":[1540],"initiallyExpanded":[4,"initially-expanded"],"disableItem":[4,"disable-item"],"ariaLabel":[1,"aria-label"],"initiallySelected":[4,"initially-selected"],"value":[1],"hasChildren":[32],"isChecked":[32],"partialChecked":[32],"level":[32],"disableAllItems":[32],"expandAllItems":[32],"suppressExpandEvents":[32]},null,{"expanded":["handleExpandedChange"],"disableItem":["handleDisableItemChange"]}]]],["p-b2d287e6",[[769,"ifx-breadcrumb-item-label",{"icon":[1],"href":[1],"target":[1]}]]],["p-c6f547a8",[[769,"ifx-checkbox-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"required":[4],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleCheckboxError"]]]]],["p-bacf1442",[[769,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"value":[1],"type":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1],"autocomplete":[1]}]]],["p-5773a106",[[769,"ifx-download",{"tokens":[1]}]]],["p-4e7ee3ff",[[769,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["p-d9a17f94",[[769,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogoAndAppname":[4,"show-logo-and-appname"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32],"internalLogoHref":[32],"internalLogoHrefTarget":[32]},[[0,"ifxNavItem","clearFirstLayerMenu"],[0,"ifxOpen","handleSearchBarToggle"]]]]],["p-8e4b6bdd",[[769,"ifx-radio-button-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"required":[4],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleRadioButtonError"]]]]],["p-9f07d10d",[[769,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["p-36067f52",[[769,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1],"required":[4],"error":[4]},[[0,"segmentSelect","onSegmentSelect"]]]]],["p-5f7ea2f2",[[769,"ifx-sidebar",{"applicationName":[1,"application-name"],"initialCollapse":[4,"initial-collapse"],"showFooter":[4,"show-footer"],"showHeader":[4,"show-header"],"termsOfUse":[1,"terms-of-use"],"imprint":[1],"privacyPolicy":[1,"privacy-policy"],"target":[1],"copyrightText":[1,"copyright-text"],"collapsible":[4],"collapsed":[4],"hideMenuLabel":[1,"hide-menu-label"],"currentYear":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32],"isCollapsed":[32],"toggleCollapse":[64],"collapse":[64],"expand":[64]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]],{"collapsible":["handleCollapsibleChange"],"collapsed":["handleCollapsedPropChange"]}]]],["p-4905dd68",[[769,"ifx-slider",{"min":[2],"max":[2],"step":[2],"value":[2],"minValueHandle":[2,"min-value-handle"],"maxValueHandle":[2,"max-value-handle"],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"type":[1],"ariaLabel":[1,"aria-label"],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":["valueChanged"],"minValueHandle":["minValueChanged"],"maxValueHandle":["maxValueChanged"]}]]],["p-fb161424",[[769,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":["updateCurrentStep"],"active":["updateErrorState"]}]]],["p-a25cd198",[[769,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"ariaLabel":[1,"aria-label"],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":["positionChanged"]}]]],["p-7b7d4ba1",[[769,"ifx-action-list",{"listAriaLabel":[1,"list-aria-label"]}]]],["p-717d0bc9",[[769,"ifx-action-list-item",{"itemTitle":[1,"item-title"],"description":[1],"value":[1],"href":[1],"target":[1],"disabled":[4],"itemAriaLabel":[1,"item-aria-label"]},null,{"disabled":["onDisabledChange"]}]]],["p-cb068d01",[[768,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"variant":[1],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["p-8d0a47b0",[[257,"ifx-breadcrumb"]]],["p-2663832c",[[769,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["p-092133a5",[[769,"ifx-card",{"direction":[1],"href":[1],"target":[1],"ariaLabel":[1,"aria-label"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["p-114fd0b6",[[769,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["p-7c0dedaa",[[769,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["p-15da07f9",[[257,"ifx-card-links"]]],["p-1bf2a9c3",[[257,"ifx-card-overline"]]],["p-26954fe5",[[769,"ifx-card-text",{"hasBtn":[32]}]]],["p-193e0874",[[769,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["p-0196a2f1",[[769,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["p-945669b1",[[769,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[5,"mousedown","handleOutsideClick"],[4,"focusin","handleFocusOutside"],[0,"slotchange","watchHandlerSlot"]],{"defaultOpen":["watchHandlerIsOpen"],"disabled":["watchHandlerDisabled"]}]]],["p-16bc23f2",[[257,"ifx-dropdown-header"]]],["p-c70bf556",[[769,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["p-77dee511",[[257,"ifx-dropdown-separator"]]],["p-6fb876c6",[[769,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["p-197711b2",[[769,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["p-20d45bc4",[[769,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["p-f4329a94",[[257,"ifx-footer-column"]]],["p-25e0067a",[[769,"ifx-navbar-profile",{"showLabel":[4,"show-label"],"href":[1],"imageUrl":[1,"image-url"],"target":[1],"alt":[1],"userName":[1,"user-name"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"internalImageUrl":[32],"hideComponent":[64],"showComponent":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-1bcfd14e",[[769,"ifx-sidebar-title",{"showInCollapsed":[4,"show-in-collapsed"]}]]],["p-948d8194",[[769,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["p-873c6a0c",[[769,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"ariaLabel":[1,"aria-label"],"ariaCurrent":[1,"aria-current"],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":["handleActiveStep"]}]]],["p-a3bae2e5",[[769,"ifx-switch",{"checked":[4],"name":[1],"disabled":[4],"value":[1],"internalChecked":[32],"isChecked":[64]},null,{"checked":["valueChanged"]}]]],["p-02eba393",[[772,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"]}]]],["p-1ec95491",[[769,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"fullWidth":[513,"full-width"],"reset":[64]}]]],["p-9129614e",[[769,"ifx-tree-view",{"label":[1],"disableAllItems":[4,"disable-all-items"],"expandAllItems":[4,"expand-all-items"],"ariaLabel":[1,"aria-label"]},null,{"expandAllItems":["handleExpandAllItemsChange"],"disableAllItems":["handleDisableAllItemsChange"]}]]],["p-43958c09",[[769,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-cc1d368a",[[769,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":["valueChanged"]}]]],["p-534064df",[[769,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[513],"name":[513],"checked":[1028],"internalChecked":[32],"hasSlot":[32],"isChecked":[64]},[[0,"keydown","handleKeyDown"],[4,"change","handleExternalChange"]],{"checked":["handleCheckedChange"],"internalChecked":["updateFormValue"],"error":["errorChanged"]}]]],["p-cffd468e",[[769,"ifx-template",{"name":[1],"thumbnail":[1],"repoDetails":[32],"repoUrl":[32],"showDetails":[32],"isTemplatePage":[32],"isLoading":[32],"repoError":[32],"toggleTemplate":[64]}],[769,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLive":[1,"aria-live"],"uniqueId":[32]}]]],["p-649caf0c",[[769,"ifx-multiselect",{"name":[1],"disabled":[4],"required":[4],"error":[4],"caption":[1],"label":[1],"placeholder":[1],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"showClearButton":[4,"show-clear-button"],"showExpandCollapse":[4,"show-expand-collapse"],"noResultsMessage":[1,"no-results-message"],"showNoResultsMessage":[4,"show-no-results-message"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"expandLabel":[1,"expand-label"],"collapseLabel":[1,"collapse-label"],"ariaMultiSelectLabel":[1,"aria-multi-select-label"],"ariaMultiSelectLabelledBy":[1,"aria-multi-select-labelled-by"],"ariaMultiSelectDescribedBy":[1,"aria-multi-select-described-by"],"ariaSearchLabel":[1,"aria-search-label"],"ariaClearLabel":[1,"aria-clear-label"],"ariaToggleLabel":[1,"aria-toggle-label"],"ariaSelectAllLabel":[1,"aria-select-all-label"],"ariaExpandAllLabel":[1,"aria-expand-all-label"],"ariaCollapseAllLabel":[1,"aria-collapse-all-label"],"internalError":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"searchTerm":[32],"clearSelection":[64]},null,{"error":["updateInternalError"],"persistentSelectedOptions":["onSelectionChange"]}],[769,"ifx-multiselect-option",{"value":[1],"selected":[1540],"disabled":[1540],"indeterminate":[1540],"isExpanded":[32],"hasChildren":[32],"depth":[32],"searchTerm":[32],"isSearchActive":[32],"isSearchDisabled":[32]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-188353de",[[769,"ifx-accordion-item",{"caption":[1],"open":[1028],"AriaLevel":[2,"aria-level"],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":["openChanged"]}],[785,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxOpen","onItemOpen"]]]]],["p-29586af5",[[768,"ifx-select",{"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"showSearch":[4,"show-search"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"error":[4],"label":[1],"caption":[1],"disabled":[4],"required":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"showClearButton":[4,"show-clear-button"],"selectedOption":[32],"optionIsSelected":[32],"clearSelection":[64],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"ajax":[64],"handleDeleteIcon":[64]},[[5,"mousedown","handleOutsideClick"]],{"disabled":["watchDisabled"]}]]],["p-dfb2160d",[[769,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4],"ariaLabel":[1,"aria-label"]}],[769,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"success":[4],"disabled":[4],"readOnly":[4,"read-only"],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"autocomplete":[1],"type":[1],"internalId":[1,"internal-id"],"internalType":[32],"reset":[64]},null,{"value":["valueWatcher"]}]]],["p-40ce64c9",[[769,"ifx-search-field",{"value":[1025],"suggestions":[16],"showSuggestions":[4,"show-suggestions"],"maxSuggestions":[2,"max-suggestions"],"maxHistoryItems":[2,"max-history-items"],"enableHistory":[4,"enable-history"],"historyKey":[1,"history-key"],"historyHeaderText":[1,"history-header-text"],"ariaLabel":[1,"aria-label"],"ariaLabelledBy":[1,"aria-labelled-by"],"ariaDescribedBy":[1,"aria-described-by"],"deleteIconAriaLabel":[1,"delete-icon-aria-label"],"historyDeleteAriaLabel":[1,"history-delete-aria-label"],"dropdownAriaLabel":[1,"dropdown-aria-label"],"suggestionAriaLabel":[1,"suggestion-aria-label"],"historyItemAriaLabel":[1,"history-item-aria-label"],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"autocomplete":[1],"maxlength":[2],"showDropdown":[32],"filteredSuggestions":[32],"selectedSuggestionIndex":[32],"searchHistory":[32],"showDeleteIconInternalState":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"]],{"value":["valueWatcher"],"suggestions":["suggestionsWatcher"]}]]],["p-d1302a25",[[769,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"ariaLabel":[1,"aria-label"],"internalIcon":[32],"setFocus":[64]},[[2,"click","handleClick"]],{"icon":["updateIcon"]}]]],["p-a3dd02de",[[769,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"type":[1],"fullWidth":[4,"full-width"],"ariaLabel":[1,"aria-label"],"internalHref":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[2,"click","handleHostClick"]],{"href":["setInternalHref"]}]]],["p-b73b1341",[[769,"ifx-indicator",{"inverted":[4],"ariaLabel":[1,"aria-label"],"variant":[1],"number":[2],"filteredNumber":[32]}]]],["p-44a9f5d7",[[769,"ifx-checkbox",{"disabled":[4],"checked":[4],"error":[4],"size":[1],"indeterminate":[4],"value":[1],"internalChecked":[32],"internalIndeterminate":[32],"isChecked":[64],"toggleCheckedState":[64]},null,{"checked":["valueChanged"],"error":["errorChanged"],"indeterminate":["indeterminateChanged"]}]]],["p-f56b734e",[[769,"ifx-pagination",{"currentPage":[2,"current-page"],"showItemsPerPage":[4,"show-items-per-page"],"total":[2],"itemsPerPage":[1,"items-per-page"],"internalPage":[32],"internalItemsPerPage":[32],"numberOfPages":[32],"filteredItemsPerPage":[32],"visiblePages":[32]},[[0,"ifxSelect","setItemsPerPage"]],{"total":["watchTotalHandler"],"currentPage":["currentPageWatcher"]}],[769,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"theme":[1],"readOnly":[4,"read-only"],"ariaLabel":[1,"aria-label"],"disabled":[4],"icon":[1],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"keydown","handleKeyDown"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":["handleValueChange"],"readOnly":["handleReadOnlyChange"]}],[769,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":["validateSelected"]}]]],["p-65af6624",[[769,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"download":[1],"ariaLabel":[1,"aria-label"],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]],["p-5b0a2323",[[768,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"],"internalIcon":[32]},null,{"icon":["updateIcon"]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=infineon-design-system-stencil.esm.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,a as t,h as e,c as i}from"./p-gnEgSsOI.js";import{i as n}from"./p-CtINY9El.js";import{d as r,t as a}from"./p-DNHOWgWh.js";const c=":host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}";const s=class{constructor(t){o(this,t)}get el(){return t(this)}autoCollapse=false;async componentDidLoad(){if(!n(this.el)){const o=r();a("ifx-accordion",await o)}}async onItemOpen(o){if(this.autoCollapse){const t=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const e of t){const t=e;if(t!==o.target&&await t.open){t.open=false}}}}render(){return e("div",{key:"d58ecb8cc8115a73494ff566396817215358ce1b",class:"accordion-wrapper"},e("slot",{key:"b6d78a277100955d35240fae3e9f87fd9c539fa5"}))}static get delegatesFocus(){return true}};s.style=c;const d='.accordion-item{border-radius:3px;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:"";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;overflow:hidden;height:0;transition:height 0.3s ease;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:16px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;margin:0 4px 4px;border:1px solid transparent;border-top:1px solid transparent}.accordion-icon{font-weight:bold;display:flex;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-content{max-height:1000px}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}.accordion-item.open .inner-content{border-color:#EEEDED;border-top-color:transparent;transition:border-color 0s}.accordion-item:not(.open) .inner-content{transition:border-color 0s 0.3s}.inner-content.no-content{border:none;padding:0;margin:0}';const l=class{constructor(t){o(this,t);this.ifxOpen=i(this,"ifxOpen",7);this.ifxClose=i(this,"ifxClose",7)}get el(){return t(this)}caption;open=false;AriaLevel=3;internalOpen=false;ifxOpen;ifxClose;contentEl;titleEl;resizeObserver;componentWillLoad(){this.internalOpen=this.open}componentDidLoad(){this.checkSlotContent();this.openAccordionItem();this.contentEl=this.el.shadowRoot.querySelector("#accordion-content");if(this.contentEl){this.attachResizeObserver()}}componentDidUpdate(){this.checkSlotContent();this.openAccordionItem()}openChanged(o){this.internalOpen=o}toggleOpen(){this.internalOpen=!this.internalOpen;this.open=this.internalOpen;if(this.internalOpen){this.ifxOpen.emit({isOpen:this.internalOpen})}else{this.ifxClose.emit({isClosed:!this.internalOpen})}}openAccordionItem(){if(this.internalOpen){this.contentEl.style.height=`${this.contentEl.scrollHeight}px`;this.contentEl.style.overflow="hidden"}else{this.contentEl.style.height="0";this.contentEl.style.overflow="hidden"}}getInnerContentWrapper(){const o=this.el.shadowRoot.querySelector(".inner-content");return o}attachResizeObserver(){const o=this.getInnerContentWrapper();if(o){this.resizeObserver=new ResizeObserver((()=>{if(this.internalOpen){this.openAccordionItem()}}));this.resizeObserver.observe(o)}}handleKeydown(o){const t=o.composedPath();if(!t.includes(this.titleEl)){return}switch(o.key){case"Enter":case" ":o.preventDefault();this.toggleOpen();break}}checkSlotContent(){const o=this.el.shadowRoot.querySelector("slot");const t=o.assignedNodes().length>0;const e=this.getInnerContentWrapper();if(!t){e.classList.add("no-content")}else if(e.classList.contains("no-content")){e.classList.remove("no-content")}}render(){return e("div",{key:"d0659e9848ec1c283922245ede1c43f4d437f2e9",class:`accordion-item ${this.internalOpen?"open":""}`},e("div",{key:"5602bba8be10049019a41a78a140a8f3cb5ff84e",role:"button","aria-expanded":this.internalOpen,"aria-controls":"accordion-content",class:"accordion-title",onClick:()=>this.toggleOpen(),tabindex:"0",ref:o=>this.titleEl=o},e("span",{key:"ba38b4ad9659b0dda1d4e9c4f951b164782f461c","aria-hidden":"true",role:"heading","aria-level":String(this.AriaLevel),class:"accordion-icon"},e("ifx-icon",{key:"30b3cd4afde52cde304bfd9b1d0650a1167dcffd",icon:"chevron-down-16"})),e("span",{key:"c488542b9e8622de256d2c02a26f58da51836164",id:"accordion-caption",class:"accordion-caption"},this.caption)),e("div",{key:"86481e71ceda4b3f452d77f5930fadac5a7fe58a",id:"accordion-content",class:"accordion-content",ref:o=>this.contentEl=o,role:"region","aria-labelledby":"accordion-caption"},e("div",{key:"0beb27fdd4d691b165267ce0d0b29a817cdfd71a",class:"inner-content"},e("slot",{key:"f988897e355f52624d51aa301b4407ef05f7a928"}))))}static get watchers(){return{open:["openChanged"]}}};l.style=d;export{s as ifx_accordion,l as ifx_accordion_item};
|
|
2
|
+
//# sourceMappingURL=p-188353de.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","getElement","h","createEvent","isNestedInIfxComponent","detectFramework","trackComponent","accordionCss","Accordion","constructor","hostRef","this","el","autoCollapse","componentDidLoad","framework","onItemOpen","event","items","Array","from","querySelectorAll","item","itemElement","target","open","render","key","class","delegatesFocus","style","accordionItemCss","AccordionItem","ifxOpen","ifxClose","caption","AriaLevel","internalOpen","contentEl","titleEl","resizeObserver","componentWillLoad","checkSlotContent","openAccordionItem","shadowRoot","querySelector","attachResizeObserver","componentDidUpdate","openChanged","newValue","toggleOpen","emit","isOpen","isClosed","height","scrollHeight","overflow","getInnerContentWrapper","innerContentEl","ResizeObserver","observe","handleKeydown","ev","path","composedPath","includes","preventDefault","slot","hasContent","assignedNodes","length","innerContent","classList","add","contains","remove","role","onClick","tabindex","ref","String","icon","id","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@infineon/infineon-design-system-stencil",
|
|
3
|
-
"version": "40.0.0--canary.2100.
|
|
3
|
+
"version": "40.0.0--canary.2100.19891420459.0",
|
|
4
4
|
"description": "Infineon Design System - Web Components built with Stencil",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"infineon",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"scripts": {
|
|
58
58
|
"build": "stencil build",
|
|
59
59
|
"test": "jest",
|
|
60
|
-
"test
|
|
60
|
+
"test:watch": "jest --watch",
|
|
61
61
|
"test:update": "jest -u",
|
|
62
62
|
"generate": "stencil generate",
|
|
63
63
|
"storybook": "storybook dev -p 6262",
|
|
@@ -79,6 +79,7 @@
|
|
|
79
79
|
"jest-stencil-runner": "^0.0.9",
|
|
80
80
|
"lit": "^3.3.1",
|
|
81
81
|
"puppeteer": "^24.31.0",
|
|
82
|
+
"remark-gfm": "^4.0.1",
|
|
82
83
|
"storybook": "^10.0.6",
|
|
83
84
|
"typescript": "^5.9.3",
|
|
84
85
|
"vite": "^7.2.4",
|
|
@@ -93,5 +94,5 @@
|
|
|
93
94
|
"choices.js": "^11.1.0",
|
|
94
95
|
"classnames": "^2.5.1"
|
|
95
96
|
},
|
|
96
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "98d4765b916adcd67b1a20bba860b616191d4933"
|
|
97
98
|
}
|