@infineon/infineon-design-system-stencil 29.0.1--canary.1625.be49adf64d3d640d7fa8b21236f30ac1dd54a361.0 → 29.0.1--canary.1496.a97272ee84e2c36c18c02fb17ae04804fa5a1bc6.0

package/dist/esm/ifx-tag.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fc6a5751.js';
+import { r as registerInstance, h } from './index-d021b985.js';
 
 const tagCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.container{display:inline-flex;align-items:center;padding:4px 16px;border:1px solid #BFBBBB;border-radius:9999px;background-color:#FFFFFF;gap:8px;font-family:var(--ifx-font-family)}.container:hover{cursor:pointer;border-color:#8D8786}.container:active,.container.active{border-color:#1D1D1D}.container:focus:not(:active,.active){outline:none;border-color:#1D1D1D}.container .label-wrapper{text-decoration:none}.container .label-wrapper .label{margin:0;font-weight:400;font-size:1rem;line-height:20px;color:#1D1D1D}";
 const IfxTagStyle0 = tagCss;

package/dist/esm/ifx-templates-ui.entry.js

@@ -0,0 +1,57 @@
+import { r as registerInstance, d as getAssetPath, h, g as getElement } from './index-d021b985.js';
+
+const templatesUiCss = "*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";
+const IfxTemplatesUiStyle0 = templatesUiCss;
+
+const TemplatesUI = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tableTemplate = getAssetPath(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);
+        this.wizardTemplate = getAssetPath(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`);
+    }
+    toggleTemplate(currTemp) {
+        const templates = this.el.shadowRoot.querySelector('.templates__wrapper').querySelectorAll('ifx-template');
+        templates.forEach((template) => {
+            template.toggleTemplate(currTemp);
+        });
+    }
+    handleError(e) {
+        const alertWrapper = this.el.shadowRoot.querySelector('.alert__wrapper');
+        if (e.detail) {
+            alertWrapper.classList.add('show');
+        }
+        else {
+            alertWrapper.classList.remove('show');
+        }
+    }
+    filterTemplates(e) {
+        const title = this.el.shadowRoot.querySelector('.templates__title');
+        const backBtn = this.el.shadowRoot.querySelector('.back__btn-wrapper');
+        if (e.detail) {
+            title.classList.add('hide');
+            if (e.detail !== 'details') {
+                backBtn.classList.add('show');
+            }
+            this.toggleTemplate(e.detail);
+        }
+        else {
+            title.classList.remove('hide');
+            backBtn.classList.remove('show');
+            this.toggleTemplate(null);
+        }
+    }
+    closeAlert() {
+        const alertWrapper = this.el.shadowRoot.querySelector('.alert__wrapper');
+        alertWrapper.classList.remove('show');
+    }
+    render() {
+        return (h("div", { key: '58814042ef5390cf85871f9cc50adbf4b26694f6', class: 'templates__container' }, h("div", { key: '58883e967ab8ec877564e247dc65038d7009e58a', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'c82a7ac28ff1fd7d7a22c8253831950871681cca', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '644d8e8ff0ecbdefbe36ceed8ac69fb731a36612', class: "alert__wrapper" }, h("ifx-alert", { key: '92c26ac48c018059f55c8d574c541ae0db47119a', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: '0bd88a766c9fd0a4e6cb10e78fd36341809ce464', class: "templates__title" }, "Choose your template"), h("div", { key: '844542e8ffdc292786c0083ae7116cac2ab9fd70', class: "templates__wrapper" }, h("ifx-template", { key: 'dde5d1432271991cadcab5355c205222bb5a4ecf', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '545774f51d2fe2d5d2a1e23e83d5c00433b0fbb6', name: 'template-02', thumbnail: this.wizardTemplate }))));
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get el() { return getElement(this); }
+};
+TemplatesUI.style = IfxTemplatesUiStyle0;
+
+export { TemplatesUI as ifx_templates_ui };
+
+//# sourceMappingURL=ifx-templates-ui.entry.js.map

package/dist/esm/ifx-templates-ui.entry.js.map

@@ -0,0 +1 @@
+{"file":"ifx-templates-ui.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,yiBAAyiB,CAAC;AACjkB,6BAAe,cAAc;;MCQhB,WAAW;IAPxB;;QAUU,kBAAa,GAAG,YAAY,CAAC,6FAA6F,CAAC,CAAC;QAC5H,mBAAc,GAAG,YAAY,CAAC,8FAA8F,CAAC,CAAC;KA2DvI;IAxDC,cAAc,CAAC,QAAQ;QACrB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACzG,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ;YACzB,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;SAClC,CAAC,CAAA;KACL;IAGD,WAAW,CAAC,CAAC;QACX,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACzE,IAAG,CAAC,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SACpC;aAAM;YACL,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SACvC;KACF;IAGD,eAAe,CAAC,CAAC;QACf,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACpE,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACvE,IAAG,CAAC,CAAC,MAAM,EAAE;YACX,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC5B,IAAG,CAAC,CAAC,MAAM,KAAK,SAAS,EAAE;gBACzB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;aAC/B;YACD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;SAC9B;aAAM;YACL,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC/B,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;SAC1B;KACF;IAED,UAAU;QACR,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACzE,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;KACvC;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,wEAAiB,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,eAAe,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,GAAG,EAC9I,4DAAK,KAAK,EAAC,gBAAgB,IACzB,kEAAW,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,eAAY,WAAW,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,WAAW,+BAAqC,CACrI,CACF,EACN,2DAAI,KAAK,EAAC,kBAAkB,2BAA0B,EACtD,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,qEAAc,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,aAAa,GAAI,EAClE,qEAAc,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,cAAc,GAAI,CAC/D,CACF,EACP;KACF;;;;;;;;","names":[],"sources":["src/components/templates/templates-ui/templates-ui.scss?tag=ifx-templates-ui&encapsulation=shadow","src/components/templates/templates-ui/templates-ui.tsx"],"sourcesContent":["* { \n  padding: 0;\n  margin: 0;\n}\n\n.templates__container { \n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  & .back__btn-wrapper { \n    display: none;\n    &.show { \n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n    }\n\n    & .alert__wrapper { \n      display: none;\n\n      &.show { \n        display: block;\n      }\n    }\n  }\n\n  & .templates__wrapper { \n    display: flex;\n    padding: 20px 0px;\n    gap: 20px;\n    // justify-content: space-evenly;\n    flex-wrap: wrap;\n  }\n\n  & .templates__title { \n    &.hide { \n      display: none;\n    }\n  }\n}\n\n\n\n","import { Component, h, Listen, Element, getAssetPath } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-templates-ui',\n  styleUrl: 'templates-ui.scss',\n  shadow: true,\n  assetsDirs: ['assets']\n})\n\nexport class TemplatesUI {\n  @Element() el: HTMLElement;\n\n  private tableTemplate = getAssetPath(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);\n  private wizardTemplate = getAssetPath(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`);\n\n\n  toggleTemplate(currTemp) { \n    const templates = this.el.shadowRoot.querySelector('.templates__wrapper').querySelectorAll('ifx-template');\n      templates.forEach((template) => { \n        template.toggleTemplate(currTemp)\n      })\n  }\n\n  @Listen('fieldError')\n  handleError(e) { \n    const alertWrapper = this.el.shadowRoot.querySelector('.alert__wrapper');\n    if(e.detail) { \n      alertWrapper.classList.add('show');\n    } else { \n      alertWrapper.classList.remove('show');\n    }\n  }\n\n  @Listen('toggleTemplates')\n  filterTemplates(e) {\n    const title = this.el.shadowRoot.querySelector('.templates__title');\n    const backBtn = this.el.shadowRoot.querySelector('.back__btn-wrapper');\n    if(e.detail) { \n      title.classList.add('hide');\n      if(e.detail !== 'details') { \n        backBtn.classList.add('show');\n      }\n      this.toggleTemplate(e.detail)\n    } else { \n      title.classList.remove('hide');\n      backBtn.classList.remove('show');\n      this.toggleTemplate(null)\n    }\n  }\n\n  closeAlert() { \n    const alertWrapper = this.el.shadowRoot.querySelector('.alert__wrapper');\n    alertWrapper.classList.remove('show');\n  }\n\n  render() {\n    return (\n      <div class='templates__container'>\n        <div class=\"back__btn-wrapper\">\n          <ifx-icon-button onClick={() => this.filterTemplates(false)} shape=\"round\" variant=\"tertiary\" icon=\"arrow-left-16\" target=\"_blank\" size=\"m\" />\n          <div class=\"alert__wrapper\">\n            <ifx-alert onClick={() => this.closeAlert()} aria-live=\"assertive\" variant=\"danger\" icon=\"c-info-24\">All fields are mandatory</ifx-alert>\n          </div>\n        </div>\n        <h2 class=\"templates__title\">Choose your template</h2>\n        <div class=\"templates__wrapper\">\n          <ifx-template name='template-01' thumbnail={this.tableTemplate} />\n          <ifx-template name='template-02' thumbnail={this.wizardTemplate} />\n        </div>\n      </div>\n    )\n  }\n}\n"],"version":3}

package/dist/esm/ifx-textarea.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host } from './index-fc6a5751.js';
+import { r as registerInstance, c as createEvent, h, a as Host } from './index-d021b985.js';
 
 const textareaCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex;flex-direction:column}.wrapper__label{color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\"}:host(.wrapper--disabled) .wrapper__label{color:#575352}.wrapper__textarea textarea{border:1px solid #8D8786;border-radius:1px;padding:8px 16px;background-color:#FFFFFF;color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\";transition:all 100ms ease;transition-property:border-color}.wrapper__textarea textarea:hover{border:1px solid #575352}.wrapper__textarea textarea:focus-within{outline:none;border:1px solid #0A8276}:host(.wrapper--error) .wrapper__textarea textarea{border:1px solid #CD002F}:host(.wrapper--disabled) .wrapper__textarea textarea{border:1px solid #575352;background-color:#EEEDED}.wrapper__caption{color:#1D1D1D;font:400 0.75rem/1rem \"Source Sans 3\"}:host(.wrapper--error) .wrapper__caption{color:#CD002F}:host(.wrapper--disabled) .wrapper__caption{color:#575352}";
 const IfxTextareaStyle0 = textareaCss;
@@ -51,9 +51,9 @@ const TextArea = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'fa5c845d5352544c1b4c62a09407aebb95da24d3', class: `wrapper 
+        return (h(Host, { key: '03fe4b308027807fae6cdf5e7435514a662e94b2', class: `wrapper 
 						wrapper--${this.error ? 'error' : ''}
-						wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'e68472869f26f77d87cf8cefd29d8e56aac74c95', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: 'e4d5c36b7608d981bf33dc764453c9cc75883f59', class: 'wrapper__textarea' }, h("textarea", { key: '93988a66ea85198eb40fab3989a82f8a794d815f', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'f58f74a260af7090a6e8059081dfe27fc3fe49c9', class: 'wrapper__caption' }, this.caption.trim()))));
+						wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '40963544ae18994f33ab0ea794ed35f8752521e8', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '97d75285049482c2dc324df4d1f30a8c367bb2ba', class: 'wrapper__textarea' }, h("textarea", { key: '90311918547d3c1ce4f4c99a292f01236b2ae924', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: '24d8ef9d59b734259491076d6ec544416aa6ac79', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get formAssociated() { return true; }
 };

package/dist/esm/ifx-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-fc6a5751.js';
+import { r as registerInstance, h, g as getElement } from './index-d021b985.js';
 import { c as createPopper } from './popper-1604923e.js';
 
 const tooltipCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}";
@@ -153,10 +153,10 @@ const Tooltip = class {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (h("div", { key: '7da57630a19be3d8b55667e0764445203cd1f77c', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '3a55da34a85606a8fd32207550366fad3436f120' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '67dec6dcc56c7f3ca8a8a67ff070df931433f71e', class: tooltipDismissible }, h("button", { key: 'db34f7fe5237d960ff0a728f4b82c3df30c6266b', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: 'de96a6255887700e6b89a38b0ff549ea3916e1e7', icon: "cross16" })), h("div", { key: 'e324ffa46233ca6931ebe766c95e391d7c3d9ce2', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'd435679be58ec126b9fa9f785e960d2ef39b259d', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'd3ce120faae0d9b12d28069673d19e403e52763f', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '28bf2c543359173d1ab0be2c9f098ff813b17650', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a355efa505ea997469320a35262780942e495504', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            h("div", { key: '55d7bfd3d951839bf89f887419e57b85623a3a0e', class: tooltipCompact }, this.text, h("svg", { key: '36247aaeda7486865b15ca4e4097a36b69d571c1', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ac90b5fd1f7188993695a1fc3ac084d8ba8cc8ee', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            h("div", { key: 'de8269abcb6ddc0219024b77f26d95cb809c8818', class: tooltipExtended }, h("slot", { key: 'f88f2cdaa9bafa4d95d7a6953fc4a2b4c49cad35', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
-                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '226db4dd5c26b73ee30e20378b5a664bc365581b', class: "tooltip-extended-content" }, this.header && h("div", { key: '47a5ffc018245e0375255ea0eefe77e85e3b630c', class: "tooltip-extended-header" }, this.header), h("div", { key: '7892a686219be701d4a912a77edf77ba9cb5840a', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '143b7a548b751cabb80450637ca8f9da9d54efa7', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '973348331d6ff15eaa25d9d29ab8490b5961d510', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (h("div", { key: '5332988345f553f7ab09c0778c37ae2548c91c74', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'cd31ee5b95eca2bc86e57869f9c93a49e98c9ed6' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'f04df67d5df61b0a663e131484a252702626f536', class: tooltipDismissible }, h("button", { key: '945a668bf13a6f10258adfcfae1d6c7d028c76d1', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '284e88fe0fe36bbcc6303779e71852694c1a82af', icon: "cross16" })), h("div", { key: 'd500a38fbe734a5d1f06c2626c1fe22a48dca704', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'f5e7e3616ba332ecb2ed4c939e65a3897802867e', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '12afc268f0a3aec2dae5da658d84ffa4194d00fc', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: 'bd884e4533b37b2ff7de20ce79bc99a31309d524', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '96b2e9c45cb8f7d99d01d2ff357fa9670d92c40b', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            h("div", { key: 'a57d2c0540b6dbe8f905c4450f92ff9de1655e7a', class: tooltipCompact }, this.text, h("svg", { key: '57d2b605c11e66f4ac858c70d71c8954432e5030', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a256b5da142158e1d406bcca7a35f20e2aefb077', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            h("div", { key: '39a1d656a5e64838edc4aedd23b8ea45854a8bec', class: tooltipExtended }, h("slot", { key: '8f06d48b587382df992578f86a161548742d1980', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
+                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: 'f4de2d46168c4f03d2325719d4a43078c33ecfa0', class: "tooltip-extended-content" }, this.header && h("div", { key: 'cacec1ec30a410ec546f8c40aef1be5b718b9d5a', class: "tooltip-extended-header" }, this.header), h("div", { key: '1e047397d3eca59c5fc4f52667466e133369b8a8', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '4c6459ddbcbd5e741578a204c76a84b817081a55', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '82f85e72ad0b3eece3ebb2f7cb0e8301b5e084bd', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{index-fc6a5751.js → index-d021b985.js}

@@ -52,10 +52,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'ifx-alert':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ifx-alert.entry.js').then(processMod, consoleError);
                 case 'ifx-badge':
                     return import(
                       /* webpackMode: "lazy" */
@@ -248,10 +244,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ifx-slider.entry.js').then(processMod, consoleError);
-                case 'ifx-spinner':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ifx-spinner.entry.js').then(processMod, consoleError);
                 case 'ifx-status':
                     return import(
                       /* webpackMode: "lazy" */
@@ -284,6 +276,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ifx-tag.entry.js').then(processMod, consoleError);
+                case 'ifx-templates-ui':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ifx-templates-ui.entry.js').then(processMod, consoleError);
                 case 'ifx-textarea':
                     return import(
                       /* webpackMode: "lazy" */
@@ -296,14 +292,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ifx-accordion_2.entry.js').then(processMod, consoleError);
+                case 'ifx-alert_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ifx-alert_2.entry.js').then(processMod, consoleError);
                 case 'ifx-chip_3':
                     return import(
                       /* webpackMode: "lazy" */
                       './ifx-chip_3.entry.js').then(processMod, consoleError);
-                case 'ifx-multiselect_2':
+                case 'ifx-multiselect':
                     return import(
                       /* webpackMode: "lazy" */
-                      './ifx-multiselect_2.entry.js').then(processMod, consoleError);
+                      './ifx-multiselect.entry.js').then(processMod, consoleError);
                 case 'ifx-radio-button':
                     return import(
                       /* webpackMode: "lazy" */
@@ -316,26 +316,30 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ifx-search-field.entry.js').then(processMod, consoleError);
-                case 'ifx-button':
+                case 'ifx-spinner_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './ifx-button.entry.js').then(processMod, consoleError);
-                case 'ifx-icon-button':
+                      './ifx-spinner_2.entry.js').then(processMod, consoleError);
+                case 'ifx-select':
                     return import(
                       /* webpackMode: "lazy" */
-                      './ifx-icon-button.entry.js').then(processMod, consoleError);
-                case 'ifx-link':
+                      './ifx-select.entry.js').then(processMod, consoleError);
+                case 'ifx-icon-button':
                     return import(
                       /* webpackMode: "lazy" */
-                      './ifx-link.entry.js').then(processMod, consoleError);
-                case 'ifx-select':
+                      './ifx-icon-button.entry.js').then(processMod, consoleError);
+                case 'ifx-button':
                     return import(
                       /* webpackMode: "lazy" */
-                      './ifx-select.entry.js').then(processMod, consoleError);
+                      './ifx-button.entry.js').then(processMod, consoleError);
                 case 'ifx-checkbox':
                     return import(
                       /* webpackMode: "lazy" */
                       './ifx-checkbox.entry.js').then(processMod, consoleError);
+                case 'ifx-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ifx-link.entry.js').then(processMod, consoleError);
                 case 'ifx-number-indicator':
                     return import(
                       /* webpackMode: "lazy" */
@@ -446,6 +450,12 @@ var flush = () => {
 var nextTick = (cb) => promiseResolve().then(cb);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
 
+// src/runtime/asset-path.ts
+var getAssetPath = (path) => {
+  const assetUrl = new URL(path, plt.$resourcesUrl$);
+  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
+
 // src/utils/constants.ts
 var EMPTY_OBJ = {};
 var SVG_NS = "http://www.w3.org/2000/svg";
@@ -2035,6 +2045,6 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { H, Host as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { H, Host as a, bootstrapLazy as b, createEvent as c, getAssetPath as d, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
 
-//# sourceMappingURL=index-fc6a5751.js.map
+//# sourceMappingURL=index-d021b985.js.map