npm - @siemens/ix - Versions diffs - 0.0.0-pr-2238-20251103105018 → 0.0.0-pr-2269-20251117133306 - Mend

@siemens/ix 0.0.0-pr-2238-20251103105018 → 0.0.0-pr-2269-20251117133306

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (971) hide show

package/dist/collection/components/tooltip/tooltip.js CHANGED Viewed

@@ -10,11 +10,13 @@ import { arrow, autoUpdate, computePosition, flip, hide, offset, shift, } from "
 import { h, Host, } from "@stencil/core";
 import { resolveSelector } from "../utils/find-element";
 import { makeRef } from "../utils/make-ref";
+import { getSlottedElements } from "../utils/shadow-dom";
 import { addDisposableEventListenerAsArray } from "../utils/disposable-event-listener";
+const ARROW_OFFSET = -6;
 const numberToPixel = (value) => value !== null ? `${value}px` : '';
 let tooltipInstance = 0;
 /**
- * @slot title-icon - Icon of tooltip title
+ * @slot title-icon - Icon displayed next to the tooltip title. The icon will be displayed as 16x16px.
  * @slot title-content - Content of tooltip title
  */
 export class Tooltip {
@@ -92,16 +94,16 @@ export class Tooltip {
             left: 'unset',
         };
         if (placement.startsWith('top')) {
-            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(y) });
+            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), bottom: numberToPixel(ARROW_OFFSET) });
         }
         if (placement.startsWith('right')) {
-            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(-6), top: numberToPixel(y) });
+            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
         }
         if (placement.startsWith('bottom')) {
-            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(-6) });
+            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(ARROW_OFFSET) });
         }
         if (placement.startsWith('left')) {
-            return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(-6), top: numberToPixel(y) });
+            return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
         }
     }
     async computeTooltipPosition(target, dialog) {
@@ -323,8 +325,17 @@ export class Tooltip {
         (_c = this.disposeTooltipListener) === null || _c === void 0 ? void 0 : _c.call(this);
         (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
     }
+    handleTitleIconSlotChange(e) {
+        const slot = e.target;
+        const elements = getSlottedElements(slot);
+        for (const element of elements) {
+            if (element.tagName.toLowerCase() === 'ix-icon') {
+                element.size = '16';
+            }
+        }
+    }
     render() {
-        return (h(Host, { key: 'eee651684c88795823f90194e2be5ed110077615', role: "tooltip", class: { visible: this.visible } }, h("dialog", { key: '29fa36972dc3c31122df8c1a76a88a748c59431a', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, h("div", { key: '07ddb653d0218d195ab0a11ecad1fdba05e94cee', class: "tooltip-container" }, h("div", { key: '704252e6d76ddf26336514874bb77c9f6e13cb8d', class: "content-wrapper" }, h("div", { key: 'c69710b5152269a0ec33ed9941dd23426bac91ed', class: 'tooltip-title' }, h("slot", { key: 'f349cccad759202ac4c8f57b2124a904193d791d', name: "title-icon" }), h("ix-typography", { key: '6a73678531a8310e1c95da638486187df2341306', format: "h5" }, this.titleContent, h("slot", { key: '79fb0b5e2e62c554d419a765195529575ab7f879', name: "title-content" }))), h("slot", { key: '84ecbfefc9215d734d3c8e29916fa08be0762e39' }), h("div", { key: '417d4aaf3d5b7a52ddd35e0a17cce0b72fdb897c', class: "arrow" }))))));
+        return (h(Host, { key: '1176f8e37f2918a9708c8ccdbfc57f99508299f3', role: "tooltip", class: { visible: this.visible } }, h("dialog", { key: 'd4942b8d171e7e48defc505179d54ce09288c905', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, h("div", { key: 'faef3b3e4b5a45ddb3872bd9d8ec1d6eb4a36221', class: "tooltip-container" }, h("div", { key: 'ce64bda5406c6a70ccddc41f0b4aa4010be1aca9', class: "content-wrapper" }, h("div", { key: '52a51ed895ea573d3e889e57a05f65193906492c', class: 'tooltip-title' }, h("slot", { key: 'b7965bd9963fcd789331e4c264e8d317bf7ed314', name: "title-icon", onSlotchange: (e) => this.handleTitleIconSlotChange(e) }), h("ix-typography", { key: 'b530dbbf13b752968decb45af3953f42e3a0c743', format: "h5" }, this.titleContent, h("slot", { key: 'c7152f89180904044dc26f996923cc5766ea1d0f', name: "title-content" }))), h("slot", { key: '3b00e9ed924a0c0d8527344c13a3c52a9afd0108' }), h("div", { key: '5401e6015c3a7ebf4749edc466ddca881e4f7d36', class: "arrow" }))))));
     }
     static get is() { return "ix-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,EACL,UAAU,EACV,eAAe,EAEf,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,KAAK,GACN,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,SAAS,EACT,OAAO,EACP,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,iCAAiC,EAAE,MAAM,oCAAoC,CAAC;AAQvF,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAE,EAAE,CAC9C,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;AAErC,IAAI,eAAe,GAAG,CAAC,CAAC;AAExB;;;GAGG;AAMH,MAAM,OAAO,OAAO;IALpB;QAgBE;;WAEG;QACK,gBAAW,GAAG,KAAK,CAAC;QAE5B;;;WAGG;QACK,cAAS,GAAwC,KAAK,CAAC;QAE/D,gBAAgB;QACR,cAAS,GAAG,CAAC,CAAC;QAEtB,gBAAgB;QACR,cAAS,GAAG,EAAE,CAAC;QAEvB,gBAAgB;QACR,mBAAc,GAAG,KAAK,CAAC;QAId,YAAO,GAAG,KAAK,CAAC;QAWhB,aAAQ,GAAG,eAAe,EAAE,CAAC;QAE7B,cAAS,GAAG,OAAO,EAAqB,CAAC;KAiZ3D;IA/YC,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;IAC/D,CAAC;IAED,gBAAgB;IAEhB,KAAK,CAAC,WAAW,CAAC,aAAsB;QACtC,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,UAAU,KAAK,aAAa,EAAE,CAAC;YACjE,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;QAErD,IAAI,CAAC,kBAAkB,GAAG,UAAU,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;YACrC,MAAM,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC;IAED,gBAAgB;IAEhB,KAAK,CAAC,WAAW,CAAC,YAAoB,IAAI,CAAC,SAAS;QAClD,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,WAAW,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;YACzC,SAAS,GAAG,GAAG,CAAC;QAClB,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;QAErD,IAAI,CAAC,kBAAkB,GAAG,UAAU,CAAC,GAAG,EAAE;;YACxC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,MAAM,CAAC,WAAW,EAAE,CAAC;YACrB,MAAA,IAAI,CAAC,iBAAiB,oDAAI,CAAC;YAC3B,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAClC,CAAC,EAAE,SAAS,CAAC,CAAC;IAChB,CAAC;IAEO,gBAAgB,CAAC,aAAuB;QAC9C,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC;YAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IAEO,oBAAoB,CAAC,EAC3B,SAAS,EACT,cAAc,GACQ;QACtB,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,KAAM,CAAC;QACrC,MAAM,aAAa,GAAG;YACpB,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,OAAO;SACd,CAAC;QAEF,IAAI,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,uCACK,aAAa,KAChB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EACtB,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,IACrB;QACJ,CAAC;QAED,IAAI,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAClC,uCACK,aAAa,KAChB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,EACvB,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,IACrB;QACJ,CAAC;QAED,IAAI,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,uCACK,aAAa,KAChB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EACtB,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IACtB;QACJ,CAAC;QAED,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;YACjC,uCACK,aAAa,KAChB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,EACxB,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,IACrB;QACJ,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,sBAAsB,CAClC,MAAe,EACf,MAAyB;QAEzB,OAAO,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE;YACrC,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE;gBACV,KAAK,EAAE;gBACP,MAAM,CAAC,EAAE,CAAC;gBACV,KAAK,CAAC;oBACJ,OAAO,EAAE,IAAI,CAAC,YAAY;iBAC3B,CAAC;gBACF,IAAI,CAAC;oBACH,gBAAgB,EAAE,kBAAkB;oBACpC,yBAAyB,EAAE,KAAK;oBAChC,OAAO,EAAE,EAAE;iBACZ,CAAC;gBACF,IAAI,EAAE;aACP;SACF,CAAC,CAAC;IACL,CAAC;IAEO,yBAAyB,CAAC,eAAsC;QACtE,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IACxD,CAAC;IAEO,KAAK,CAAC,oBAAoB,CAChC,MAAe,EACf,MAAyB;QAEzB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,OAAO,IAAI,OAAO,CAAwB,CAAC,OAAO,EAAE,EAAE;;YACpD,MAAA,IAAI,CAAC,iBAAiB,oDAAI,CAAC;YAE3B,IAAI,CAAC,iBAAiB,GAAG,UAAU,CACjC,MAAM,EACN,MAAM,EACN,KAAK,IAAI,EAAE;;gBACT,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,sBAAsB,CACvD,MAAM,EACN,MAAM,CACP,CAAC;gBAEF,MAAM,QAAQ,GAAG,MAAA,eAAe,CAAC,cAAc,CAAC,IAAI,0CAAE,eAAe,CAAC;gBAEtE,IAAI,QAAQ,EAAE,CAAC;oBACb,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBACpB,OAAO,CAAC,eAAe,CAAC,CAAC;gBAC3B,CAAC;gBAED,IAAI,eAAe,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;oBACzC,IAAI,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAAC;gBAClD,CAAC;gBAED,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,eAAe,CAAC;gBACjC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;oBAC1B,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;oBACtB,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC;iBACtB,CAAC,CAAC;gBAEH,OAAO,CAAC,eAAe,CAAC,CAAC;YAC3B,CAAC,EACD;gBACE,cAAc,EAAE,IAAI;gBACpB,cAAc,EAAE,IAAI;gBACpB,aAAa,EAAE,IAAI;gBACnB,cAAc,EAAE,IAAI,CAAC,cAAc;aACpC,CACF,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,KAAK,CAAC,mBAAmB;QAC/B,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC5B,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,eAAe,CAC3B,UAA8B;QAE9B,MAAM,QAAQ,GAAkB,EAAE,CAAC;QAEnC,MAAM,OAAO,CAAC,GAAG,CACf,UAAU,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YACjC,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;gBAClC,MAAM,gBAAgB,GAAG,MAAM,eAAe,CAC5C,SAAS,EACT,IAAI,CAAC,WAAW,CACjB,CAAC;gBAEF,IAAI,gBAAgB,EAAE,CAAC;oBACrB,QAAQ,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,CAAC;gBACrC,CAAC;YACH,CAAC;iBAAM,IAAI,SAAS,YAAY,WAAW,EAAE,CAAC;gBAC5C,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC3B,CAAC;iBAAM,IAAI,SAAS,YAAY,OAAO,EAAE,CAAC;gBACxC,QAAQ,CAAC,IAAI,CAAC,MAAM,SAAS,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC,CACH,CAAC;QAEF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAEO,KAAK,CAAC,uBAAuB;;QACnC,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAEhC,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE5D,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAIT,EAAE,CAAC;QAET,kBAAkB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACrC,SAAS,CAAC,IAAI,CACZ,GAAG;gBACD;oBACE,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE,YAAY;oBACvB,QAAQ,EAAE,GAAG,EAAE;wBACb,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBAC5B,CAAC;iBACF;gBACD;oBACE,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE,YAAY;oBACvB,QAAQ,EAAE,GAAG,EAAE;wBACb,IAAI,CAAC,WAAW,EAAE,CAAC;oBACrB,CAAC;iBACF;gBACD;oBACE,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE,OAAO;oBAClB,QAAQ,EAAE,GAAG,EAAE;wBACb,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBAC5B,CAAC;iBACF;gBACD;oBACE,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE,UAAU;oBACrB,QAAQ,EAAE,GAAG,EAAE;wBACb,IAAI,CAAC,WAAW,EAAE,CAAC;oBACrB,CAAC;iBACF;aACF,CACF,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,sBAAsB,GAAG,iCAAiC,CAAC,SAAS,CAAC,CAAC;IAC7E,CAAC;IAEO,uBAAuB,CAAC,MAAyB;;QACvD,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAEhC,IAAI,CAAC,sBAAsB,GAAG,iCAAiC,CAAC;YAC9D;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;wBACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBAC1B,CAAC;gBACH,CAAC;aACF;YACD;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;wBACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBAC1B,CAAC;gBACH,CAAC;aACF;YACD;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,CAAC;aACF;YACD;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,UAAU;gBACrB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,CAAC;aACF;YACD;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,KAAK,CAAC,eAAe,EAAE,CAAC;gBAC1B,CAAC;aACF;YACD;gBACE,OAAO,EAAE,QAAQ;gBACjB,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,IAAK,KAAuB,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;wBAC9C,IAAI,CAAC,WAAW,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC;aACF;SACF,CAAC,CAAC;IACL,CAAC;IAEO,yBAAyB;QAC/B,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;YAC9B,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,iBAAiB,CAAC;YACpC,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,IAAI,CAAC,wBAAwB,GAAG,GAAG,EAAE;YACnC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACtC,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;IACtC,CAAC;IAEO,gBAAgB;QACtB,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACtC,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;IACtC,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,oBAAoB;;QAClB,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,MAAA,IAAI,CAAC,iBAAiB,oDAAI,CAAC;QAC3B,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAChC,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAChC,MAAA,IAAI,CAAC,wBAAwB,oDAAI,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACnD,+DACE,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,EAAE,EAAE,UAAU,GAAG,IAAI,CAAC,QAAQ,EAC9B,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,IAAI,CAAC,OAAO;gBAEpB,4DAAK,KAAK,EAAC,mBAAmB;oBAC5B,4DAAK,KAAK,EAAC,iBAAiB;wBAC1B,4DAAK,KAAK,EAAE,eAAe;4BACzB,6DAAM,IAAI,EAAC,YAAY,GAAQ;4BAC/B,sEAAe,MAAM,EAAC,IAAI;gCACvB,IAAI,CAAC,YAAY;gCAClB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CACpB,CACZ;wBACN,8DAAa;wBACb,4DAAK,KAAK,EAAC,OAAO,GAAO,CACrB,CACF,CACC,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/\n SPDX-FileCopyrightText: 2025 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n arrow,\n autoUpdate,\n computePosition,\n ComputePositionReturn,\n flip,\n hide,\n offset,\n shift,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { resolveSelector } from '../utils/find-element';\nimport { ElementReference } from 'src/components';\nimport { makeRef } from '../utils/make-ref';\nimport { addDisposableEventListenerAsArray } from '../utils/disposable-event-listener';\n\ntype ArrowPosition = {\n top?: string;\n left?: string;\n right?: string;\n};\n\nconst numberToPixel = (value?: number \| null) =>\n value !== null ? `${value}px` : '';\n\nlet tooltipInstance = 0;\n\n/\n @slot title-icon - Icon of tooltip title\n * @slot title-content - Content of tooltip title\n /\n@Component({\n tag: 'ix-tooltip',\n styleUrl: 'tooltip.scss',\n shadow: true,\n})\nexport class Tooltip {\n /\n CSS selector for hover trigger element e.g. `for=\"[data-my-custom-select]\"`\n /\n @Prop() for?: ElementReference \| ElementReference[];\n\n /\n Title of the tooltip\n /\n @Prop() titleContent?: string;\n\n /\n Define if the user can access the tooltip via mouse.\n /\n @Prop() interactive = false;\n\n /\n Initial placement of the tooltip.\n * If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.\n /\n @Prop() placement: 'top' \| 'right' \| 'bottom' \| 'left' = 'top';\n\n /* @internal /\n @Prop() showDelay = 0;\n\n /* @internal /\n @Prop() hideDelay = 50;\n\n /* @internal /\n @Prop() animationFrame = false;\n\n @Element() hostElement!: HTMLIxTooltipElement;\n\n @State() private visible = false;\n\n private hideTooltipTimeout?: NodeJS.Timeout;\n private showTooltipTimeout?: NodeJS.Timeout;\n private visibleFor?: Element;\n\n private disposeAutoUpdate?: () => void;\n private disposeTriggerListener?: () => void;\n private disposeTooltipListener?: () => void;\n private disposeDomChangeListener?: () => void;\n\n private readonly instance = tooltipInstance++;\n\n private readonly dialogRef = makeRef<HTMLDialogElement>();\n\n private get arrowElement(): HTMLElement {\n return this.hostElement.shadowRoot!.querySelector('.arrow')!;\n }\n\n /* @internal /\n @Method()\n async showTooltip(anchorElement: Element) {\n this.clearTimeouts();\n\n if (this.showTooltipTimeout \|\| this.visibleFor === anchorElement) {\n return;\n }\n\n const dialog = await this.dialogRef.waitForCurrent();\n\n this.showTooltipTimeout = setTimeout(() => {\n this.setAnchorElement(anchorElement);\n dialog.showPopover();\n this.applyTooltipPosition(anchorElement, dialog);\n this.registerTooltipListener(dialog);\n }, this.showDelay);\n }\n\n /* @internal */\n @Method()\n async hideTooltip(hideDelay: number = this.hideDelay) {\n this.clearTimeouts();\n\n if (this.hideTooltipTimeout \|\| !this.visible) {\n return;\n }\n\n if (this.interactive && hideDelay === 50) {\n hideDelay = 150;\n }\n\n const dialog = await this.dialogRef.waitForCurrent();\n\n this.hideTooltipTimeout = setTimeout(() => {\n this.setAnchorElement();\n dialog.hidePopover();\n this.disposeAutoUpdate?.();\n this.disposeTooltipListener?.();\n }, hideDelay);\n }\n\n private setAnchorElement(anchorElement?: Element) {\n if (!anchorElement) {\n this.visibleFor = undefined;\n this.visible = false;\n } else {\n this.visibleFor = anchorElement;\n this.visible = true;\n }\n }\n\n private computeArrowPosition({\n placement,\n middlewareData,\n }: ComputePositionReturn): ArrowPosition \| undefined {\n let { x, y } = middlewareData.arrow!;\n const resetPosition = {\n top: 'unset',\n right: 'unset',\n bottom: 'unset',\n left: 'unset',\n };\n\n if (placement.startsWith('top')) {\n return {\n ...resetPosition,\n left: numberToPixel(x),\n top: numberToPixel(y),\n };\n }\n\n if (placement.startsWith('right')) {\n return {\n ...resetPosition,\n left: numberToPixel(-6),\n top: numberToPixel(y),\n };\n }\n\n if (placement.startsWith('bottom')) {\n return {\n ...resetPosition,\n left: numberToPixel(x),\n top: numberToPixel(-6),\n };\n }\n\n if (placement.startsWith('left')) {\n return {\n ...resetPosition,\n right: numberToPixel(-6),\n top: numberToPixel(y),\n };\n }\n }\n\n private async computeTooltipPosition(\n target: Element,\n dialog: HTMLDialogElement\n ): Promise<ComputePositionReturn> {\n return computePosition(target, dialog, {\n strategy: 'fixed',\n placement: this.placement,\n middleware: [\n shift(),\n offset(12),\n arrow({\n element: this.arrowElement,\n }),\n flip({\n fallbackStrategy: 'initialPlacement',\n fallbackAxisSideDirection: 'end',\n padding: 10,\n }),\n hide(),\n ],\n });\n }\n\n private applyTooltipArrowPosition(computeResponse: ComputePositionReturn) {\n const arrowPosition = this.computeArrowPosition(computeResponse);\n Object.assign(this.arrowElement.style, arrowPosition);\n }\n\n private async applyTooltipPosition(\n target: Element,\n dialog: HTMLDialogElement\n ): Promise<ComputePositionReturn \| undefined> {\n if (!target) {\n return;\n }\n\n return new Promise<ComputePositionReturn>((resolve) => {\n this.disposeAutoUpdate?.();\n\n this.disposeAutoUpdate = autoUpdate(\n target,\n dialog,\n async () => {\n const computeResponse = await this.computeTooltipPosition(\n target,\n dialog\n );\n\n const isHidden = computeResponse.middlewareData.hide?.referenceHidden;\n\n if (isHidden) {\n this.hideTooltip(0);\n resolve(computeResponse);\n }\n\n if (computeResponse.middlewareData.arrow) {\n this.applyTooltipArrowPosition(computeResponse);\n }\n\n const { x, y } = computeResponse;\n Object.assign(dialog.style, {\n left: numberToPixel(x),\n top: numberToPixel(y),\n });\n\n resolve(computeResponse);\n },\n {\n ancestorResize: true,\n ancestorScroll: true,\n elementResize: true,\n animationFrame: this.animationFrame,\n }\n );\n });\n }\n\n private async queryAnchorElements(): Promise<HTMLElement[] \| undefined> {\n if (this.for) {\n if (Array.isArray(this.for)) {\n return this.resolveElements(this.for);\n } else {\n return this.resolveElements([this.for]);\n }\n }\n }\n\n private async resolveElements(\n references: ElementReference[]\n ): Promise<HTMLElement[]> {\n const elements: HTMLElement[] = [];\n\n await Promise.all(\n references.map(async (reference) => {\n if (typeof reference === 'string') {\n const resolvedElements = await resolveSelector(\n reference,\n this.hostElement\n );\n\n if (resolvedElements) {\n elements.push(...resolvedElements);\n }\n } else if (reference instanceof HTMLElement) {\n elements.push(reference);\n } else if (reference instanceof Promise) {\n elements.push(await reference);\n }\n })\n );\n\n return elements;\n }\n\n private async registerTriggerListener() {\n this.disposeTriggerListener?.();\n\n const triggerElementList = await this.queryAnchorElements();\n\n if (!triggerElementList) {\n return;\n }\n\n const listeners: {\n element: Element \| Window \| Document;\n eventType: string;\n callback: EventListenerOrEventListenerObject;\n }[] = [];\n\n triggerElementList.forEach((element) => {\n listeners.push(\n ...[\n {\n element: element,\n eventType: 'mouseenter',\n callback: () => {\n this.showTooltip(element);\n },\n },\n {\n element: element,\n eventType: 'mouseleave',\n callback: () => {\n this.hideTooltip();\n },\n },\n {\n element: element,\n eventType: 'focus',\n callback: () => {\n this.showTooltip(element);\n },\n },\n {\n element: element,\n eventType: 'focusout',\n callback: () => {\n this.hideTooltip();\n },\n },\n ]\n );\n });\n\n this.disposeTriggerListener = addDisposableEventListenerAsArray(listeners);\n }\n\n private registerTooltipListener(dialog: HTMLDialogElement) {\n this.disposeTooltipListener?.();\n\n this.disposeTooltipListener = addDisposableEventListenerAsArray([\n {\n element: dialog,\n eventType: 'mouseenter',\n callback: () => {\n if (this.interactive) {\n this.clearHideTimeout();\n }\n },\n },\n {\n element: dialog,\n eventType: 'focus',\n callback: () => {\n if (this.interactive) {\n this.clearHideTimeout();\n }\n },\n },\n {\n element: dialog,\n eventType: 'mouseleave',\n callback: () => {\n this.hideTooltip();\n },\n },\n {\n element: dialog,\n eventType: 'focusout',\n callback: () => {\n this.hideTooltip();\n },\n },\n {\n element: dialog,\n eventType: 'click',\n callback: (event: Event) => {\n event.stopPropagation();\n },\n },\n {\n element: document,\n eventType: 'keydown',\n callback: (event: Event) => {\n if ((event as KeyboardEvent).key === 'Escape') {\n this.hideTooltip();\n }\n },\n },\n ]);\n }\n\n private registerDomChangeListener() {\n const observer = new MutationObserver(() => {\n this.registerTriggerListener();\n });\n\n observer.observe(document.body, {\n attributes: true,\n attributeFilter: ['data-ix-tooltip'],\n childList: true,\n subtree: true,\n });\n\n this.disposeDomChangeListener = () => {\n observer.disconnect();\n };\n }\n\n private clearHideTimeout() {\n clearTimeout(this.hideTooltipTimeout);\n this.hideTooltipTimeout = undefined;\n }\n\n private clearShowTimeout() {\n clearTimeout(this.showTooltipTimeout);\n this.showTooltipTimeout = undefined;\n }\n\n private clearTimeouts() {\n this.clearHideTimeout();\n this.clearShowTimeout();\n }\n\n componentWillLoad() {\n this.registerTriggerListener();\n }\n\n componentDidLoad() {\n this.registerDomChangeListener();\n }\n\n disconnectedCallback() {\n this.clearTimeouts();\n\n this.disposeAutoUpdate?.();\n this.disposeTriggerListener?.();\n this.disposeTooltipListener?.();\n this.disposeDomChangeListener?.();\n }\n\n render() {\n return (\n <Host role=\"tooltip\" class={{ visible: this.visible }}>\n <dialog\n ref={this.dialogRef}\n id={'tooltip-' + this.instance}\n class=\"dialog\"\n popover=\"manual\"\n inert={!this.visible}\n >\n <div class=\"tooltip-container\">\n <div class=\"content-wrapper\">\n <div class={'tooltip-title'}>\n <slot name=\"title-icon\"></slot>\n <ix-typography format=\"h5\">\n {this.titleContent}\n <slot name=\"title-content\"></slot>\n </ix-typography>\n </div>\n <slot></slot>\n <div class=\"arrow\"></div>\n </div>\n </div>\n </dialog>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,EACL,UAAU,EACV,eAAe,EAEf,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,KAAK,GACN,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,SAAS,EACT,OAAO,EACP,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,oCAAoC,CAAC;AASvF,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC;AAExB,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAE,EAAE,CAC9C,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;AAErC,IAAI,eAAe,GAAG,CAAC,CAAC;AAExB;;;GAGG;AAMH,MAAM,OAAO,OAAO;IALpB;QAgBE;;WAEG;QACK,gBAAW,GAAG,KAAK,CAAC;QAE5B;;;WAGG;QACK,cAAS,GAAwC,KAAK,CAAC;QAE/D,gBAAgB;QACR,cAAS,GAAG,CAAC,CAAC;QAEtB,gBAAgB;QACR,cAAS,GAAG,EAAE,CAAC;QAEvB,gBAAgB;QACR,mBAAc,GAAG,KAAK,CAAC;QAId,YAAO,GAAG,KAAK,CAAC;QAWhB,aAAQ,GAAG,eAAe,EAAE,CAAC;QAE7B,cAAS,GAAG,OAAO,EAAqB,CAAC;KA8Z3D;IA5ZC,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;IAC/D,CAAC;IAED,gBAAgB;IAEhB,KAAK,CAAC,WAAW,CAAC,aAAsB;QACtC,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,UAAU,KAAK,aAAa,EAAE,CAAC;YACjE,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;QAErD,IAAI,CAAC,kBAAkB,GAAG,UAAU,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;YACrC,MAAM,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC;IAED,gBAAgB;IAEhB,KAAK,CAAC,WAAW,CAAC,YAAoB,IAAI,CAAC,SAAS;QAClD,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,WAAW,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;YACzC,SAAS,GAAG,GAAG,CAAC;QAClB,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;QAErD,IAAI,CAAC,kBAAkB,GAAG,UAAU,CAAC,GAAG,EAAE;;YACxC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,MAAM,CAAC,WAAW,EAAE,CAAC;YACrB,MAAA,IAAI,CAAC,iBAAiB,oDAAI,CAAC;YAC3B,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAClC,CAAC,EAAE,SAAS,CAAC,CAAC;IAChB,CAAC;IAEO,gBAAgB,CAAC,aAAuB;QAC9C,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC;YAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IAEO,oBAAoB,CAAC,EAC3B,SAAS,EACT,cAAc,GACQ;QACtB,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,KAAM,CAAC;QACrC,MAAM,aAAa,GAAG;YACpB,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,OAAO;SACd,CAAC;QAEF,IAAI,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,uCACK,aAAa,KAChB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EACtB,MAAM,EAAE,aAAa,CAAC,YAAY,CAAC,IACnC;QACJ,CAAC;QAED,IAAI,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAClC,uCACK,aAAa,KAChB,IAAI,EAAE,aAAa,CAAC,YAAY,CAAC,EACjC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,IACrB;QACJ,CAAC;QAED,IAAI,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,uCACK,aAAa,KAChB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EACtB,GAAG,EAAE,aAAa,CAAC,YAAY,CAAC,IAChC;QACJ,CAAC;QAED,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;YACjC,uCACK,aAAa,KAChB,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,EAClC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,IACrB;QACJ,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,sBAAsB,CAClC,MAAe,EACf,MAAyB;QAEzB,OAAO,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE;YACrC,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE;gBACV,KAAK,EAAE;gBACP,MAAM,CAAC,EAAE,CAAC;gBACV,KAAK,CAAC;oBACJ,OAAO,EAAE,IAAI,CAAC,YAAY;iBAC3B,CAAC;gBACF,IAAI,CAAC;oBACH,gBAAgB,EAAE,kBAAkB;oBACpC,yBAAyB,EAAE,KAAK;oBAChC,OAAO,EAAE,EAAE;iBACZ,CAAC;gBACF,IAAI,EAAE;aACP;SACF,CAAC,CAAC;IACL,CAAC;IAEO,yBAAyB,CAAC,eAAsC;QACtE,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IACxD,CAAC;IAEO,KAAK,CAAC,oBAAoB,CAChC,MAAe,EACf,MAAyB;QAEzB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,OAAO,IAAI,OAAO,CAAwB,CAAC,OAAO,EAAE,EAAE;;YACpD,MAAA,IAAI,CAAC,iBAAiB,oDAAI,CAAC;YAE3B,IAAI,CAAC,iBAAiB,GAAG,UAAU,CACjC,MAAM,EACN,MAAM,EACN,KAAK,IAAI,EAAE;;gBACT,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,sBAAsB,CACvD,MAAM,EACN,MAAM,CACP,CAAC;gBAEF,MAAM,QAAQ,GAAG,MAAA,eAAe,CAAC,cAAc,CAAC,IAAI,0CAAE,eAAe,CAAC;gBAEtE,IAAI,QAAQ,EAAE,CAAC;oBACb,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBACpB,OAAO,CAAC,eAAe,CAAC,CAAC;gBAC3B,CAAC;gBAED,IAAI,eAAe,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;oBACzC,IAAI,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAAC;gBAClD,CAAC;gBAED,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,eAAe,CAAC;gBACjC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;oBAC1B,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;oBACtB,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC;iBACtB,CAAC,CAAC;gBAEH,OAAO,CAAC,eAAe,CAAC,CAAC;YAC3B,CAAC,EACD;gBACE,cAAc,EAAE,IAAI;gBACpB,cAAc,EAAE,IAAI;gBACpB,aAAa,EAAE,IAAI;gBACnB,cAAc,EAAE,IAAI,CAAC,cAAc;aACpC,CACF,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,KAAK,CAAC,mBAAmB;QAC/B,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC5B,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,eAAe,CAC3B,UAA8B;QAE9B,MAAM,QAAQ,GAAkB,EAAE,CAAC;QAEnC,MAAM,OAAO,CAAC,GAAG,CACf,UAAU,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YACjC,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;gBAClC,MAAM,gBAAgB,GAAG,MAAM,eAAe,CAC5C,SAAS,EACT,IAAI,CAAC,WAAW,CACjB,CAAC;gBAEF,IAAI,gBAAgB,EAAE,CAAC;oBACrB,QAAQ,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,CAAC;gBACrC,CAAC;YACH,CAAC;iBAAM,IAAI,SAAS,YAAY,WAAW,EAAE,CAAC;gBAC5C,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC3B,CAAC;iBAAM,IAAI,SAAS,YAAY,OAAO,EAAE,CAAC;gBACxC,QAAQ,CAAC,IAAI,CAAC,MAAM,SAAS,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC,CACH,CAAC;QAEF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAEO,KAAK,CAAC,uBAAuB;;QACnC,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAEhC,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE5D,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAIT,EAAE,CAAC;QAET,kBAAkB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACrC,SAAS,CAAC,IAAI,CACZ,GAAG;gBACD;oBACE,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE,YAAY;oBACvB,QAAQ,EAAE,GAAG,EAAE;wBACb,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBAC5B,CAAC;iBACF;gBACD;oBACE,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE,YAAY;oBACvB,QAAQ,EAAE,GAAG,EAAE;wBACb,IAAI,CAAC,WAAW,EAAE,CAAC;oBACrB,CAAC;iBACF;gBACD;oBACE,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE,OAAO;oBAClB,QAAQ,EAAE,GAAG,EAAE;wBACb,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBAC5B,CAAC;iBACF;gBACD;oBACE,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE,UAAU;oBACrB,QAAQ,EAAE,GAAG,EAAE;wBACb,IAAI,CAAC,WAAW,EAAE,CAAC;oBACrB,CAAC;iBACF;aACF,CACF,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,sBAAsB,GAAG,iCAAiC,CAAC,SAAS,CAAC,CAAC;IAC7E,CAAC;IAEO,uBAAuB,CAAC,MAAyB;;QACvD,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAEhC,IAAI,CAAC,sBAAsB,GAAG,iCAAiC,CAAC;YAC9D;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;wBACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBAC1B,CAAC;gBACH,CAAC;aACF;YACD;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;wBACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBAC1B,CAAC;gBACH,CAAC;aACF;YACD;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,CAAC;aACF;YACD;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,UAAU;gBACrB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,CAAC;aACF;YACD;gBACE,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,KAAK,CAAC,eAAe,EAAE,CAAC;gBAC1B,CAAC;aACF;YACD;gBACE,OAAO,EAAE,QAAQ;gBACjB,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,IAAK,KAAuB,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;wBAC9C,IAAI,CAAC,WAAW,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC;aACF;SACF,CAAC,CAAC;IACL,CAAC;IAEO,yBAAyB;QAC/B,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;YAC9B,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,iBAAiB,CAAC;YACpC,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,IAAI,CAAC,wBAAwB,GAAG,GAAG,EAAE;YACnC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACtC,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;IACtC,CAAC;IAEO,gBAAgB;QACtB,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACtC,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;IACtC,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,oBAAoB;;QAClB,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,MAAA,IAAI,CAAC,iBAAiB,oDAAI,CAAC;QAC3B,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAChC,MAAA,IAAI,CAAC,sBAAsB,oDAAI,CAAC;QAChC,MAAA,IAAI,CAAC,wBAAwB,oDAAI,CAAC;IACpC,CAAC;IACO,yBAAyB,CAAC,CAAQ;QACxC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,MAAM,QAAQ,GAAG,kBAAkB,CAAc,IAAI,CAAC,CAAC;QAEvD,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;YAC/B,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,SAAS,EAAE,CAAC;gBAC/C,OAA6B,CAAC,IAAI,GAAG,IAAI,CAAC;YAC7C,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACnD,+DACE,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,EAAE,EAAE,UAAU,GAAG,IAAI,CAAC,QAAQ,EAC9B,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,IAAI,CAAC,OAAO;gBAEpB,4DAAK,KAAK,EAAC,mBAAmB;oBAC5B,4DAAK,KAAK,EAAC,iBAAiB;wBAC1B,4DAAK,KAAK,EAAE,eAAe;4BACzB,6DACE,IAAI,EAAC,YAAY,EACjB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,GAChD;4BACR,sEAAe,MAAM,EAAC,IAAI;gCACvB,IAAI,CAAC,YAAY;gCAClB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CACpB,CACZ;wBACN,8DAAa;wBACb,4DAAK,KAAK,EAAC,OAAO,GAAO,CACrB,CACF,CACC,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/\n SPDX-FileCopyrightText: 2025 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n arrow,\n autoUpdate,\n computePosition,\n ComputePositionReturn,\n flip,\n hide,\n offset,\n shift,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { resolveSelector } from '../utils/find-element';\nimport { ElementReference } from 'src/components';\nimport { makeRef } from '../utils/make-ref';\nimport { getSlottedElements } from '../utils/shadow-dom';\nimport { addDisposableEventListenerAsArray } from '../utils/disposable-event-listener';\n\ntype ArrowPosition = {\n top?: string;\n left?: string;\n right?: string;\n bottom?: string;\n};\n\nconst ARROW_OFFSET = -6;\n\nconst numberToPixel = (value?: number \| null) =>\n value !== null ? `${value}px` : '';\n\nlet tooltipInstance = 0;\n\n/\n @slot title-icon - Icon displayed next to the tooltip title. The icon will be displayed as 16x16px.\n * @slot title-content - Content of tooltip title\n /\n@Component({\n tag: 'ix-tooltip',\n styleUrl: 'tooltip.scss',\n shadow: true,\n})\nexport class Tooltip {\n /\n CSS selector for hover trigger element e.g. `for=\"[data-my-custom-select]\"`\n /\n @Prop() for?: ElementReference \| ElementReference[];\n\n /\n Title of the tooltip\n /\n @Prop() titleContent?: string;\n\n /\n Define if the user can access the tooltip via mouse.\n /\n @Prop() interactive = false;\n\n /\n Initial placement of the tooltip.\n * If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.\n /\n @Prop() placement: 'top' \| 'right' \| 'bottom' \| 'left' = 'top';\n\n /* @internal /\n @Prop() showDelay = 0;\n\n /* @internal /\n @Prop() hideDelay = 50;\n\n /* @internal /\n @Prop() animationFrame = false;\n\n @Element() hostElement!: HTMLIxTooltipElement;\n\n @State() private visible = false;\n\n private hideTooltipTimeout?: NodeJS.Timeout;\n private showTooltipTimeout?: NodeJS.Timeout;\n private visibleFor?: Element;\n\n private disposeAutoUpdate?: () => void;\n private disposeTriggerListener?: () => void;\n private disposeTooltipListener?: () => void;\n private disposeDomChangeListener?: () => void;\n\n private readonly instance = tooltipInstance++;\n\n private readonly dialogRef = makeRef<HTMLDialogElement>();\n\n private get arrowElement(): HTMLElement {\n return this.hostElement.shadowRoot!.querySelector('.arrow')!;\n }\n\n /* @internal /\n @Method()\n async showTooltip(anchorElement: Element) {\n this.clearTimeouts();\n\n if (this.showTooltipTimeout \|\| this.visibleFor === anchorElement) {\n return;\n }\n\n const dialog = await this.dialogRef.waitForCurrent();\n\n this.showTooltipTimeout = setTimeout(() => {\n this.setAnchorElement(anchorElement);\n dialog.showPopover();\n this.applyTooltipPosition(anchorElement, dialog);\n this.registerTooltipListener(dialog);\n }, this.showDelay);\n }\n\n /* @internal */\n @Method()\n async hideTooltip(hideDelay: number = this.hideDelay) {\n this.clearTimeouts();\n\n if (this.hideTooltipTimeout \|\| !this.visible) {\n return;\n }\n\n if (this.interactive && hideDelay === 50) {\n hideDelay = 150;\n }\n\n const dialog = await this.dialogRef.waitForCurrent();\n\n this.hideTooltipTimeout = setTimeout(() => {\n this.setAnchorElement();\n dialog.hidePopover();\n this.disposeAutoUpdate?.();\n this.disposeTooltipListener?.();\n }, hideDelay);\n }\n\n private setAnchorElement(anchorElement?: Element) {\n if (!anchorElement) {\n this.visibleFor = undefined;\n this.visible = false;\n } else {\n this.visibleFor = anchorElement;\n this.visible = true;\n }\n }\n\n private computeArrowPosition({\n placement,\n middlewareData,\n }: ComputePositionReturn): ArrowPosition \| undefined {\n let { x, y } = middlewareData.arrow!;\n const resetPosition = {\n top: 'unset',\n right: 'unset',\n bottom: 'unset',\n left: 'unset',\n };\n\n if (placement.startsWith('top')) {\n return {\n ...resetPosition,\n left: numberToPixel(x),\n bottom: numberToPixel(ARROW_OFFSET),\n };\n }\n\n if (placement.startsWith('right')) {\n return {\n ...resetPosition,\n left: numberToPixel(ARROW_OFFSET),\n top: numberToPixel(y),\n };\n }\n\n if (placement.startsWith('bottom')) {\n return {\n ...resetPosition,\n left: numberToPixel(x),\n top: numberToPixel(ARROW_OFFSET),\n };\n }\n\n if (placement.startsWith('left')) {\n return {\n ...resetPosition,\n right: numberToPixel(ARROW_OFFSET),\n top: numberToPixel(y),\n };\n }\n }\n\n private async computeTooltipPosition(\n target: Element,\n dialog: HTMLDialogElement\n ): Promise<ComputePositionReturn> {\n return computePosition(target, dialog, {\n strategy: 'fixed',\n placement: this.placement,\n middleware: [\n shift(),\n offset(12),\n arrow({\n element: this.arrowElement,\n }),\n flip({\n fallbackStrategy: 'initialPlacement',\n fallbackAxisSideDirection: 'end',\n padding: 10,\n }),\n hide(),\n ],\n });\n }\n\n private applyTooltipArrowPosition(computeResponse: ComputePositionReturn) {\n const arrowPosition = this.computeArrowPosition(computeResponse);\n Object.assign(this.arrowElement.style, arrowPosition);\n }\n\n private async applyTooltipPosition(\n target: Element,\n dialog: HTMLDialogElement\n ): Promise<ComputePositionReturn \| undefined> {\n if (!target) {\n return;\n }\n\n return new Promise<ComputePositionReturn>((resolve) => {\n this.disposeAutoUpdate?.();\n\n this.disposeAutoUpdate = autoUpdate(\n target,\n dialog,\n async () => {\n const computeResponse = await this.computeTooltipPosition(\n target,\n dialog\n );\n\n const isHidden = computeResponse.middlewareData.hide?.referenceHidden;\n\n if (isHidden) {\n this.hideTooltip(0);\n resolve(computeResponse);\n }\n\n if (computeResponse.middlewareData.arrow) {\n this.applyTooltipArrowPosition(computeResponse);\n }\n\n const { x, y } = computeResponse;\n Object.assign(dialog.style, {\n left: numberToPixel(x),\n top: numberToPixel(y),\n });\n\n resolve(computeResponse);\n },\n {\n ancestorResize: true,\n ancestorScroll: true,\n elementResize: true,\n animationFrame: this.animationFrame,\n }\n );\n });\n }\n\n private async queryAnchorElements(): Promise<HTMLElement[] \| undefined> {\n if (this.for) {\n if (Array.isArray(this.for)) {\n return this.resolveElements(this.for);\n } else {\n return this.resolveElements([this.for]);\n }\n }\n }\n\n private async resolveElements(\n references: ElementReference[]\n ): Promise<HTMLElement[]> {\n const elements: HTMLElement[] = [];\n\n await Promise.all(\n references.map(async (reference) => {\n if (typeof reference === 'string') {\n const resolvedElements = await resolveSelector(\n reference,\n this.hostElement\n );\n\n if (resolvedElements) {\n elements.push(...resolvedElements);\n }\n } else if (reference instanceof HTMLElement) {\n elements.push(reference);\n } else if (reference instanceof Promise) {\n elements.push(await reference);\n }\n })\n );\n\n return elements;\n }\n\n private async registerTriggerListener() {\n this.disposeTriggerListener?.();\n\n const triggerElementList = await this.queryAnchorElements();\n\n if (!triggerElementList) {\n return;\n }\n\n const listeners: {\n element: Element \| Window \| Document;\n eventType: string;\n callback: EventListenerOrEventListenerObject;\n }[] = [];\n\n triggerElementList.forEach((element) => {\n listeners.push(\n ...[\n {\n element: element,\n eventType: 'mouseenter',\n callback: () => {\n this.showTooltip(element);\n },\n },\n {\n element: element,\n eventType: 'mouseleave',\n callback: () => {\n this.hideTooltip();\n },\n },\n {\n element: element,\n eventType: 'focus',\n callback: () => {\n this.showTooltip(element);\n },\n },\n {\n element: element,\n eventType: 'focusout',\n callback: () => {\n this.hideTooltip();\n },\n },\n ]\n );\n });\n\n this.disposeTriggerListener = addDisposableEventListenerAsArray(listeners);\n }\n\n private registerTooltipListener(dialog: HTMLDialogElement) {\n this.disposeTooltipListener?.();\n\n this.disposeTooltipListener = addDisposableEventListenerAsArray([\n {\n element: dialog,\n eventType: 'mouseenter',\n callback: () => {\n if (this.interactive) {\n this.clearHideTimeout();\n }\n },\n },\n {\n element: dialog,\n eventType: 'focus',\n callback: () => {\n if (this.interactive) {\n this.clearHideTimeout();\n }\n },\n },\n {\n element: dialog,\n eventType: 'mouseleave',\n callback: () => {\n this.hideTooltip();\n },\n },\n {\n element: dialog,\n eventType: 'focusout',\n callback: () => {\n this.hideTooltip();\n },\n },\n {\n element: dialog,\n eventType: 'click',\n callback: (event: Event) => {\n event.stopPropagation();\n },\n },\n {\n element: document,\n eventType: 'keydown',\n callback: (event: Event) => {\n if ((event as KeyboardEvent).key === 'Escape') {\n this.hideTooltip();\n }\n },\n },\n ]);\n }\n\n private registerDomChangeListener() {\n const observer = new MutationObserver(() => {\n this.registerTriggerListener();\n });\n\n observer.observe(document.body, {\n attributes: true,\n attributeFilter: ['data-ix-tooltip'],\n childList: true,\n subtree: true,\n });\n\n this.disposeDomChangeListener = () => {\n observer.disconnect();\n };\n }\n\n private clearHideTimeout() {\n clearTimeout(this.hideTooltipTimeout);\n this.hideTooltipTimeout = undefined;\n }\n\n private clearShowTimeout() {\n clearTimeout(this.showTooltipTimeout);\n this.showTooltipTimeout = undefined;\n }\n\n private clearTimeouts() {\n this.clearHideTimeout();\n this.clearShowTimeout();\n }\n\n componentWillLoad() {\n this.registerTriggerListener();\n }\n\n componentDidLoad() {\n this.registerDomChangeListener();\n }\n\n disconnectedCallback() {\n this.clearTimeouts();\n\n this.disposeAutoUpdate?.();\n this.disposeTriggerListener?.();\n this.disposeTooltipListener?.();\n this.disposeDomChangeListener?.();\n }\n private handleTitleIconSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n const elements = getSlottedElements<HTMLElement>(slot);\n\n for (const element of elements) {\n if (element.tagName.toLowerCase() === 'ix-icon') {\n (element as HTMLIxIconElement).size = '16';\n }\n }\n }\n\n render() {\n return (\n <Host role=\"tooltip\" class={{ visible: this.visible }}>\n <dialog\n ref={this.dialogRef}\n id={'tooltip-' + this.instance}\n class=\"dialog\"\n popover=\"manual\"\n inert={!this.visible}\n >\n <div class=\"tooltip-container\">\n <div class=\"content-wrapper\">\n <div class={'tooltip-title'}>\n <slot\n name=\"title-icon\"\n onSlotchange={(e) => this.handleTitleIconSlotChange(e)}\n ></slot>\n <ix-typography format=\"h5\">\n {this.titleContent}\n <slot name=\"title-content\"></slot>\n </ix-typography>\n </div>\n <slot></slot>\n <div class=\"arrow\"></div>\n </div>\n </div>\n </dialog>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/tree/tree.js CHANGED Viewed

@@ -248,7 +248,7 @@ export class Tree {
         this.nodeClicked.emit(id);
     }
     render() {
-        return (h(Host, { key: '41229d69024d78162075253c32250ebf28e4bb3b', onClick: (event) => this.onTreeItemClick(event) }, h("slot", { key: '594c9e61448461dd39a81272f2d2c24b0e560806' })));
+        return (h(Host, { key: 'ca0d582877d3b2877a1090cc0aeb40f38617cef9', onClick: (event) => this.onTreeItemClick(event) }, h("slot", { key: '2d8f21165234243b6d2e2f7c99696fc7343d79f2' })));
     }
     static get is() { return "ix-tree"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tree-item/tree-item.js CHANGED Viewed

@@ -17,17 +17,17 @@ export class TreeItem {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'f3168fba8586e37800d2ba921d890e3f8c38d263', class: {
+        return (h(Host, { key: '52817f9eed914ee6b01b67848af3f7073f21d65c', class: {
                 selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
-            } }, h("div", { key: '10905ce185a7dbae0921ab16c9656f4ef0569749', class: "icon-toggle-container" }, this.hasChildren ? (h("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
+            } }, h("div", { key: '95b40939dac08653e875985a160e5aa45ebc353c', class: "icon-toggle-container" }, this.hasChildren ? (h("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
                 ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
             }, color: "color-std-text", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle.emit();
-            }, "aria-label": this.ariaLabelChevronIcon })) : null), h("div", { key: 'bf8b74b9b1e67b848a6d9d9f93c3dc01221ad9b9', class: "tree-node-container", onClick: () => {
+            }, "aria-label": this.ariaLabelChevronIcon })) : null), h("div", { key: '656eda787f5fbf263ced33629d3ebde110c3f917', class: "tree-node-container", onClick: () => {
                 this.itemClick.emit();
-            } }, h("div", { key: '23449d4cc0c593f2fdb2f792eadbbf30481a225b', class: "tree-node-text" }, this.text), h("slot", { key: '91ba0ba1b85a0fc42a6ae0c4685c8df4717547f6' }))));
+            } }, h("div", { key: 'eba55e54bf655fc0c3d0aacbfc3cb7e49fcb13f6', class: "tree-node-text" }, this.text), h("slot", { key: '4747766e632c2bdf7865b25b8d2abf82405c57c8' }))));
     }
     static get is() { return "ix-tree-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/typography/typography.js CHANGED Viewed

@@ -38,7 +38,7 @@ export class IxTypography {
                 color: IxTypography.getTextColor(this.textColor),
             };
         }
-        return (h(Host, { key: 'a8642e246a60b32a22e052b7755db3e302836fd6', class: typographyClass, style: style }, h("slot", { key: '6b6ae0458fe7bbfbd3fb4ecd9175b50a42e9258e' })));
+        return (h(Host, { key: 'de007c46746d98dffe4647fca37b0d8dd1967415', class: typographyClass, style: style }, h("slot", { key: 'a4ada9ab3f8a64839f4a6c7938b3769f6ef0d6c7' })));
     }
     static get is() { return "ix-typography"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/upload/upload.js CHANGED Viewed

@@ -161,7 +161,7 @@ export class Upload {
     render() {
         const disabled = this.disabled || this.state === UploadFileState.LOADING;
         const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
-        return (h(Host, Object.assign({ key: 'd27377461517d95412c644cdc3c9f0b4c9edd1f9' }, a11y, { "aria-disabled": disabled }), h("div", { key: '983727de99c90d57e0c0e296d054ea80894cc2e3', class: {
+        return (h(Host, Object.assign({ key: '8b8c68a23b429ca57854751c8a1c9358f78cbc9f' }, a11y, { "aria-disabled": disabled }), h("div", { key: '1bb186087ab0d5c545a3f183ce3f6de033a837ad', class: {
                 'file-upload-area': true,
                 'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
                 checking: this.state === UploadFileState.LOADING,
@@ -171,9 +171,9 @@ export class Upload {
                 if (this.state !== UploadFileState.LOADING) {
                     this.fileDropped(e);
                 }
-            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), h("div", { key: 'bd84f1781930713ca4c607a998749108a444b97c' }, h("input", { key: '9585965e1f26be9d3c9f918efd6333b3d216ab76', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
+            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), h("div", { key: '52209f325ad967197e48f651cc6f15365be9562f' }, h("input", { key: '91c11214c2f169a9dfbeaaac88a7d928ab389455', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept, disabled: disabled }), h("ix-button", { key: 'ab298c4a30538b1408648f9a02ceb7c52fb6b882', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
+            }, accept: this.accept, disabled: disabled }), h("ix-button", { key: '807022699c0ba9ac3d81557e88cf1ae498a36cca', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
     }
     static get is() { return "ix-upload"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/utils/application-layout/context.js CHANGED Viewed

@@ -13,7 +13,6 @@ export const closestIxMenu = (element) => {
 };
 export const ApplicationLayoutContext = createContext('application-layout-context', {
     hideHeader: false,
-    host: null,
     sidebar: false,
 });
 //# sourceMappingURL=context.js.map

package/dist/collection/components/utils/application-layout/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/utils/application-layout/context.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,EAAE;IAChD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/C,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAoBF,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,~~CAKlD~~,4BAA4B,EAAE;IAC/B,UAAU,EAAE,KAAK;IACjB,~~IAAI,EAAE,IAAI;IACV,~~OAAO,EAAE,KAAK;CACf,CAAC,CAAC","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext } from '../context';\nimport { type LiteralStringUnion } from '../type-helper';\n\nexport const closestIxMenu = (element: Element) => {\n const menuElement = element.closest('ix-menu');\n return menuElement;\n};\n\nexport type AppSwitchConfigurationTarget = LiteralStringUnion<\n '_self' \| '_blank' \| '_parent' \| '_top'\n>;\n\nexport type AppSwitchConfiguration = {\n currentAppId: string;\n apps: {\n id: string;\n name: string;\n description: string;\n url: string;\n target: AppSwitchConfigurationTarget;\n iconSrc: string;\n }[];\n i18nAppSwitch?: string;\n i18nLoadingApps?: string;\n};\n\nexport const ApplicationLayoutContext = createContext<{\n hideHeader: boolean;\n ~~host: 'basic-navigation' \| 'map-navigation' \| null;\n~~ appSwitchConfig?: AppSwitchConfiguration;\n sidebar?: boolean;\n}>('application-layout-context', {\n hideHeader: false,\n ~~host: null,\n~~ sidebar: false,\n});\n"]}
1	+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/utils/application-layout/context.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,EAAE;IAChD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/C,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAoBF,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CAIlD,4BAA4B,EAAE;IAC/B,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,KAAK;CACf,CAAC,CAAC","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext } from '../context';\nimport { type LiteralStringUnion } from '../type-helper';\n\nexport const closestIxMenu = (element: Element) => {\n const menuElement = element.closest('ix-menu');\n return menuElement;\n};\n\nexport type AppSwitchConfigurationTarget = LiteralStringUnion<\n '_self' \| '_blank' \| '_parent' \| '_top'\n>;\n\nexport type AppSwitchConfiguration = {\n currentAppId: string;\n apps: {\n id: string;\n name: string;\n description: string;\n url: string;\n target: AppSwitchConfigurationTarget;\n iconSrc: string;\n }[];\n i18nAppSwitch?: string;\n i18nLoadingApps?: string;\n};\n\nexport const ApplicationLayoutContext = createContext<{\n hideHeader: boolean;\n appSwitchConfig?: AppSwitchConfiguration;\n sidebar?: boolean;\n}>('application-layout-context', {\n hideHeader: false,\n sidebar: false,\n});\n"]}

package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js CHANGED Viewed

@@ -13,14 +13,19 @@ function getItems(context) {
         : 'ix-menu-about-item'));
 }
 export function setTab(context, label) {
+    if (context.activeTabLabel === label) {
+        return;
+    }
     const { defaultPrevented } = context.tabChange.emit(label);
     if (defaultPrevented) {
         return;
     }
     context.activeTabLabel = label;
+}
+export function syncTabDisplay(context, label) {
     context.items.forEach((i) => {
         i.style.display = 'none';
-        if (i.label === context.activeTabLabel) {
+        if (i.label === label) {
             i.style.display = 'block';
         }
     });

package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-tabs-utils.js","sourceRoot":"","sources":["../../../../src/components/utils/menu-tabs/menu-tabs-utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,SAAS,QAAQ,CACf,OAAiC;IAEjC,OAAO,KAAK,CAAC,IAAI,CACf,OAAO,CAAC,EAAE,CAAC,gBAAgB,CACzB,OAAO,YAAY,YAAY;QAC7B,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,oBAAoB,CACzB,CACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,OAAiC,EAAE,KAAa;IACrE,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE3D,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO;IACT,CAAC;~~IAED~~,OAAO,CAAC,cAAc,GAAG,KAAK,CAAC;~~IAC/B~~,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QAC1B,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,CAAC,KAAK,KAAK,~~OAAO~~,~~CAAC,cAAc,~~EAAE,CAAC;~~YACvC~~,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,OAAiC;IAC1D,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAElC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACzB,MAAM,aAAa,GAAG,OAAO,CAAC,cAAc,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACvE,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC7B,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAc,EAAE,EAAE;YACtD,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;YAElC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC;gBACjD,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { MenuAbout } from '../../menu-about/menu-about';\nimport { MenuSettings } from '../../menu-settings/menu-settings';\n\nfunction getItems(\n context: MenuSettings \| MenuAbout\n): HTMLIxMenuSettingsItemElement[] \| HTMLIxMenuAboutItemElement[] {\n return Array.from(\n context.el.querySelectorAll(\n context instanceof MenuSettings\n ? 'ix-menu-settings-item'\n : 'ix-menu-about-item'\n )\n );\n}\n\nexport function setTab(context: MenuSettings \| MenuAbout, label: string) {\n const { defaultPrevented } = context.tabChange.emit(label);\n\n if (defaultPrevented) {\n return;\n }\n\n context.activeTabLabel = label;\n context.items.forEach((i) => {\n i.style.display = 'none';\n if (i.label === ~~context.activeTabLabel~~) {\n i.style.display = 'block';\n }\n });\n}\n\nexport function initialize(context: MenuSettings \| MenuAbout) {\n context.items = getItems(context);\n\n if (context.items.length) {\n const selectedLabel = context.activeTabLabel \|\| context.items[0].label;\n if (selectedLabel) {\n setTab(context, selectedLabel);\n }\n }\n\n context.items.forEach((item) => {\n item.addEventListener('labelChange', (e: CustomEvent) => {\n context.items = getItems(context);\n\n if (e.detail.oldLabel === context.activeTabLabel) {\n context.activeTabLabel = e.detail.newLabel;\n }\n });\n });\n}\n\nexport interface CustomLabelChangeEvent {\n name: string;\n oldLabel: string;\n newLabel: string;\n}\n\nexport interface CustomCloseEvent {\n nativeEvent: MouseEvent;\n name: string;\n}\n"]}
1	+ {"version":3,"file":"menu-tabs-utils.js","sourceRoot":"","sources":["../../../../src/components/utils/menu-tabs/menu-tabs-utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,SAAS,QAAQ,CACf,OAAiC;IAEjC,OAAO,KAAK,CAAC,IAAI,CACf,OAAO,CAAC,EAAE,CAAC,gBAAgB,CACzB,OAAO,YAAY,YAAY;QAC7B,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,oBAAoB,CACzB,CACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,OAAiC,EAAE,KAAa;IACrE,IAAI,OAAO,CAAC,cAAc,KAAK,KAAK,EAAE,CAAC;QACrC,OAAO;IACT,CAAC;IACD,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE3D,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO;IACT,CAAC;IACD,OAAO,CAAC,cAAc,GAAG,KAAK,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,OAAiC,EACjC,KAAa;IAEb,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QAC1B,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACtB,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,OAAiC;IAC1D,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAElC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACzB,MAAM,aAAa,GAAG,OAAO,CAAC,cAAc,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACvE,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC7B,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAc,EAAE,EAAE;YACtD,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;YAElC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC;gBACjD,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { MenuAbout } from '../../menu-about/menu-about';\nimport { MenuSettings } from '../../menu-settings/menu-settings';\n\nfunction getItems(\n context: MenuSettings \| MenuAbout\n): HTMLIxMenuSettingsItemElement[] \| HTMLIxMenuAboutItemElement[] {\n return Array.from(\n context.el.querySelectorAll(\n context instanceof MenuSettings\n ? 'ix-menu-settings-item'\n : 'ix-menu-about-item'\n )\n );\n}\n\nexport function setTab(context: MenuSettings \| MenuAbout, label: string) {\n if (context.activeTabLabel === label) {\n return;\n }\n const { defaultPrevented } = context.tabChange.emit(label);\n\n if (defaultPrevented) {\n return;\n }\n context.activeTabLabel = label;\n}\n\nexport function syncTabDisplay(\n context: MenuSettings \| MenuAbout,\n label: string\n) {\n context.items.forEach((i) => {\n i.style.display = 'none';\n if (i.label === label) {\n i.style.display = 'block';\n }\n });\n}\n\nexport function initialize(context: MenuSettings \| MenuAbout) {\n context.items = getItems(context);\n\n if (context.items.length) {\n const selectedLabel = context.activeTabLabel \|\| context.items[0].label;\n if (selectedLabel) {\n setTab(context, selectedLabel);\n }\n }\n\n context.items.forEach((item) => {\n item.addEventListener('labelChange', (e: CustomEvent) => {\n context.items = getItems(context);\n\n if (e.detail.oldLabel === context.activeTabLabel) {\n context.activeTabLabel = e.detail.newLabel;\n }\n });\n });\n}\n\nexport interface CustomLabelChangeEvent {\n name: string;\n oldLabel: string;\n newLabel: string;\n}\n\nexport interface CustomCloseEvent {\n nativeEvent: MouseEvent;\n name: string;\n}\n"]}

package/dist/collection/components/validation-tooltip/validation-tooltip.js CHANGED Viewed

@@ -144,13 +144,13 @@ export class ValidationTooltip {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: 'af01b12284c6abad7b98a4e8c29e30c24abe206d' }, h("slot", { key: 'a55080d265f74185eaa34a6998457343e41f248b' }), h("div", { key: '2487996e1b6bd31f8136129cf046cc7c55f09b24', role: "tooltip", style: {
+        return (h(Host, { key: '63087bd1548b2c8242a70367e9721dabe608b81b' }, h("slot", { key: '9b3e52767724c1b6583e2137333bd2055a947de5' }), h("div", { key: '37c0ff9d22dea19f3455ae33b2fdc7930f6577d0', role: "tooltip", style: {
                 display: 'none',
                 position: 'fixed',
                 top: '0',
                 left: '0',
                 transform: `translate(${Math.round((_b = (_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0)}px,${Math.round((_d = (_c = this.tooltipPosition) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0)}px)`,
-            }, class: "validation-tooltip text-default" }, this.message, h("slot", { key: '9639797207877d1e8107af82ccefec30db7e2f82', name: "tooltip-message" }), h("div", { key: '34248d812f34bfa9cd734eab28b3c91af879aecd', id: "arrow" }))));
+            }, class: "validation-tooltip text-default" }, this.message, h("slot", { key: 'be776406798e859b60593bdb35ebc8e443c6e94c', name: "tooltip-message" }), h("div", { key: '447ebc834dc096b3b60549092b0960d64b294a27', id: "arrow" }))));
     }
     static get is() { return "ix-validation-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/workflow-step/workflow-step.js CHANGED Viewed

@@ -109,18 +109,18 @@ export class WorkflowStep {
     }
     render() {
         const icons = !this.customIconSlot ? (h(Fragment, null, h("ix-icon", { color: "color-1", name: this.status === 'warning' ? iconTriangleFilled : iconCircleFilled, class: "absolute", size: "24" }), h("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() }))) : null;
-        return (h(Host, { key: '3a93acf2907c533c0a0ddb040278e118c355bc32', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, h("div", { key: 'e85b6a3859d59afb71fe1cb2718e44712fba509f', tabIndex: 0, class: {
+        return (h(Host, { key: '69060f0b0d9724d1a7e5d88d723454354a0ae179', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, h("div", { key: 'e271713f7b57462155e967d2fd74bb911640c6b1', tabIndex: 0, class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, h("div", { key: '2712cbb97cfa21042c0cb4bea1d02f9e61199e55', class: "wrapper" }, h("div", { key: '00e2e7a6daf986819d1e420d3b8379cab01abc47', class: {
+            } }, h("div", { key: '28fb3c2e870564f3cfa62a402ba75b62ef84d68f', class: "wrapper" }, h("div", { key: '7178b44d0f6e20202c62e83af8e983392cf00ecd', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), h("div", { key: '7a46fa4306b9924ca7df0272f32592a458355774', class: "iconWrapper" }, icons, h("slot", { key: '5b750aa1483f64625905a2b39fdce5f067ba853f', name: "custom-icon" }))), h("div", { key: '9c2fa968aa7903f90a98e24e845de414844361ee', class: "text" }, h("slot", { key: 'dc660f37779d7dde23a131158ae910b46732d896' })))));
+            } }), h("div", { key: '8f10884a92e4f0685f20a10cb12cd19b39a7a2f9', class: "iconWrapper" }, icons, h("slot", { key: '6e3d96ae17ce0b3b217edef59b1e3999a1d028d5', name: "custom-icon" }))), h("div", { key: '80b1b2adc4f110d505e5fcb4263781b11b58ff49', class: "text" }, h("slot", { key: '07f9b88ce66abffd1190940968ed20ae6cd5ec09' })))));
     }
     static get is() { return "ix-workflow-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/workflow-steps/workflow-steps.js CHANGED Viewed

@@ -81,7 +81,7 @@ export class WorkflowSteps {
         this.updateSteps();
     }
     render() {
-        return (h(Host, { key: 'fcfd2b61769e31adab006ed935a9776ecdfb8bfe' }, h("div", { key: 'd0a264a599b4db3cb289549f608f1e749c91f180', class: { steps: true, vertical: this.vertical } }, h("slot", { key: '8b275ef2551f7ad258eef17e9caffd8ca8c558b0' }))));
+        return (h(Host, { key: '05f04dea227019aa7f0e0a3b24cecb45ed80c452' }, h("div", { key: '6423cddc50bc1928ae2f1f78d6b22c12dda49c9d', class: { steps: true, vertical: this.vertical } }, h("slot", { key: '44ee3bca297914083a92a66ae3c496e05bd52b94' }))));
     }
     static get is() { return "ix-workflow-steps"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/{context-CKM5pVsv.js → context-BniHpAE1.js} RENAMED Viewed

@@ -95,11 +95,10 @@ const closestIxMenu = (element) => {
 };
 const ApplicationLayoutContext = createContext('application-layout-context', {
     hideHeader: false,
-    host: null,
     sidebar: false,
 });
 export { ApplicationLayoutContext as A, useContextConsumer as a, closestIxMenu as c, useContextProvider as u };
-//# sourceMappingURL=context-CKM5pVsv.js.map
+//# sourceMappingURL=context-BniHpAE1.js.map
-//# sourceMappingURL=context-CKM5pVsv.js.map
+//# sourceMappingURL=context-BniHpAE1.js.map

package/dist/{cjs/context-B8bRIFA2.js.map → esm/context-BniHpAE1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context-~~B8bRIFA2~~.js","sources":["src/components/utils/context.ts","src/components/utils/application-layout/context.ts"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2024 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { TypedEvent } from './typed-event';\n\n/\n A Context object defines an optional initial value for a Context, as well as a name identifier for debugging purposes.\n /\nexport type Context<T> = {\n name: string;\n initialValue?: T;\n};\n\n/\n An unknown context type\n /\nexport type UnknownContext = Context<unknown>;\n\n/\n A helper type which can extract a Context value type from a Context type\n /\nexport type ContextType<T extends UnknownContext> =\n T extends Context<infer Y> ? Y : never;\n\n/\n A function which creates a Context value object\n /\nexport function createContext<T>(\n name: string,\n initialValue?: T\n): Readonly<Context<T>> {\n return {\n name,\n initialValue,\n };\n}\n\n/\n A callback which is provided by a context requester and is called with the value satisfying the request.\n * This callback can be called multiple times by context providers as the requested value is changed.\n /\nexport type ContextCallback<ValueType> = (\n value: ValueType,\n unsubscribe?: () => void\n) => void;\n\n/\n An event fired by a context requester to signal it desires a named context.\n \n A provider should inspect the `context` property of the event to determine if it has a value that can\n * satisfy the request, calling the `callback` with the requested value if so.\n \n If the requested context event contains a truthy `subscribe` value, then a provider can call the callback\n * multiple times if the value is changed, if this is the case the provider should pass an `unsubscribe`\n * function to the callback which requesters can invoke to indicate they no longer wish to receive these updates.\n /\nexport class ContextEvent<T extends UnknownContext> extends Event {\n public constructor(\n public readonly context: T,\n public readonly callback: ContextCallback<ContextType<T>>,\n public readonly subscribe?: boolean\n ) {\n super('context-request', { bubbles: true, composed: true });\n }\n}\n\ndeclare global {\n interface HTMLElementEventMap {\n /\n A 'context-request' event can be emitted by any element which desires\n * a context value to be injected by an external provider.\n /\n 'context-request': ContextEvent<UnknownContext>;\n }\n}\n\nexport type ContextConsumerSubscription = {\n unsubscribe: () => void;\n};\n\nexport function useContextConsumer<\n T extends HTMLElement,\n C extends UnknownContext,\n>(\n hostElement: T,\n context: C,\n onContextReceived: (\n context: ContextType<C>,\n unsubscribe?: () => void\n ) => void,\n subscribe?: boolean\n): ContextConsumerSubscription {\n let _unsubscribe: (() => void) \| undefined;\n hostElement.dispatchEvent(\n new ContextEvent(\n context,\n (ctx, unSub) => {\n onContextReceived(ctx, unSub);\n _unsubscribe = unSub;\n },\n subscribe\n )\n );\n\n return {\n unsubscribe: () => {\n if (_unsubscribe) {\n _unsubscribe();\n }\n },\n };\n}\nexport type ContextProvider<C extends Context<{}> = Context<any>> = {\n emit: (context: ContextType<C>) => void;\n};\n\nexport function useContextProvider<\n X extends {},\n C extends Context<X>,\n T extends HTMLElement = HTMLElement,\n>(\n hostElement: T,\n context: C,\n contextPayload?: ContextType<C>\n): ContextProvider<C> {\n const requestContext = new TypedEvent<ContextEvent<C>>();\n const updateContext = new TypedEvent<ContextType<C>>();\n\n const requests = new Set<ContextEvent<UnknownContext>>();\n\n hostElement.addEventListener('context-request', (event: Event) => {\n const requestContextEvent = event as ContextEvent<C>;\n if (requestContextEvent?.context.name !== context.name) {\n return;\n }\n\n requestContextEvent.stopPropagation();\n\n if (requestContextEvent.subscribe) {\n requests.add(requestContextEvent);\n }\n requestContext.emit(requestContextEvent);\n\n if (contextPayload) {\n requestContextEvent.callback(contextPayload, () => {\n requests.delete(requestContextEvent);\n });\n }\n });\n\n updateContext.on((context: ContextType<C>) => {\n requests.forEach((r) =>\n r.callback(context, () => {\n requests.delete(r);\n })\n );\n });\n\n return {\n emit: (context: ContextType<C>) => {\n updateContext.emit(context);\n },\n };\n}\n","/\n * SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext } from '../context';\nimport { type LiteralStringUnion } from '../type-helper';\n\nexport const closestIxMenu = (element: Element) => {\n const menuElement = element.closest('ix-menu');\n return menuElement;\n};\n\nexport type AppSwitchConfigurationTarget = LiteralStringUnion<\n '_self' \| '_blank' \| '_parent' \| '_top'\n>;\n\nexport type AppSwitchConfiguration = {\n currentAppId: string;\n apps: {\n id: string;\n name: string;\n description: string;\n url: string;\n target: AppSwitchConfigurationTarget;\n iconSrc: string;\n }[];\n i18nAppSwitch?: string;\n i18nLoadingApps?: string;\n};\n\nexport const ApplicationLayoutContext = createContext<{\n hideHeader: boolean;\n ~~host: 'basic-navigation' \| 'map-navigation' \| null;\n~~ appSwitchConfig?: AppSwitchConfiguration;\n sidebar?: boolean;\n}>('application-layout-context', {\n hideHeader: false,\n ~~host: null,\n~~ sidebar: false,\n});\n"],"names":[~~"TypedEvent"~~],"mappings":"~~;;;;~~AAAA;;;;;;;AAOG;AAuBH;;AAEG;AACa,SAAA,aAAa,CAC3B,IAAY,EACZ,YAAgB,EAAA;IAEhB,OAAO;QACL,IAAI;QACJ,YAAY;KACb;AACH;AAWA;;;;;;;;;AASG;AACG,MAAO,YAAuC,SAAQ,KAAK,CAAA;AAC/D,IAAA,WAAA,CACkB,OAAU,EACV,QAAyC,EACzC,SAAmB,EAAA;AAEnC,QAAA,KAAK,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAJ3C,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO;AACP,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ;AACR,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS;;AAI5B;AAgBK,SAAU,kBAAkB,CAIhC,WAAc,EACd,OAAU,EACV,iBAGS,EACT,SAAmB,EAAA;AAEnB,IAAA,IAAI,YAAsC;AAC1C,IAAA,WAAW,CAAC,aAAa,CACvB,IAAI,YAAY,CACd,OAAO,EACP,CAAC,GAAG,EAAE,KAAK,KAAI;AACb,QAAA,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC;QAC7B,YAAY,GAAG,KAAK;AACtB,KAAC,EACD,SAAS,CACV,CACF;IAED,OAAO;QACL,WAAW,EAAE,MAAK;YAChB,IAAI,YAAY,EAAE;AAChB,gBAAA,YAAY,EAAE;;SAEjB;KACF;AACH;SAKgB,kBAAkB,CAKhC,WAAc,EACd,OAAU,EACV,cAA+B,EAAA;AAE/B,IAAA,MAAM,cAAc,GAAG,~~IAAIA~~,~~qBAAU~~,EAAmB;AACxD,IAAA,MAAM,aAAa,GAAG,~~IAAIA~~,~~qBAAU~~,EAAkB;AAEtD,IAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAgC;IAExD,WAAW,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,KAAY,KAAI;QAC/D,MAAM,mBAAmB,GAAG,KAAwB;AACpD,QAAA,IAAI,CAAA,mBAAmB,KAAnB,IAAA,IAAA,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,CAAC,IAAI,MAAK,OAAO,CAAC,IAAI,EAAE;YACtD;;QAGF,mBAAmB,CAAC,eAAe,EAAE;AAErC,QAAA,IAAI,mBAAmB,CAAC,SAAS,EAAE;AACjC,YAAA,QAAQ,CAAC,GAAG,CAAC,mBAAmB,CAAC;;AAEnC,QAAA,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC;QAExC,IAAI,cAAc,EAAE;AAClB,YAAA,mBAAmB,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAK;AAChD,gBAAA,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CAAC;AACtC,aAAC,CAAC;;AAEN,KAAC,CAAC;AAEF,IAAA,aAAa,CAAC,EAAE,CAAC,CAAC,OAAuB,KAAI;AAC3C,QAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,KACjB,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAK;AACvB,YAAA,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;SACnB,CAAC,CACH;AACH,KAAC,CAAC;IAEF,OAAO;AACL,QAAA,IAAI,EAAE,CAAC,OAAuB,KAAI;AAChC,YAAA,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;SAC5B;KACF;AACH;;ACzKA;;;;;;;AAOG;AAKU,MAAA,aAAa,GAAG,CAAC,OAAgB,KAAI;IAChD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC;AAC9C,IAAA,OAAO,WAAW;AACpB;AAoBa,MAAA,wBAAwB,GAAG,aAAa,~~CAKlD~~,4BAA4B,EAAE;AAC/B,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,~~IAAI,EAAE,IAAI;AACV,IAAA,~~OAAO,EAAE,KAAK;AACf,CAAA~~;;;;;;;~~"}
1	+ {"version":3,"file":"context-BniHpAE1.js","sources":["src/components/utils/context.ts","src/components/utils/application-layout/context.ts"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2024 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { TypedEvent } from './typed-event';\n\n/\n A Context object defines an optional initial value for a Context, as well as a name identifier for debugging purposes.\n /\nexport type Context<T> = {\n name: string;\n initialValue?: T;\n};\n\n/\n An unknown context type\n /\nexport type UnknownContext = Context<unknown>;\n\n/\n A helper type which can extract a Context value type from a Context type\n /\nexport type ContextType<T extends UnknownContext> =\n T extends Context<infer Y> ? Y : never;\n\n/\n A function which creates a Context value object\n /\nexport function createContext<T>(\n name: string,\n initialValue?: T\n): Readonly<Context<T>> {\n return {\n name,\n initialValue,\n };\n}\n\n/\n A callback which is provided by a context requester and is called with the value satisfying the request.\n * This callback can be called multiple times by context providers as the requested value is changed.\n /\nexport type ContextCallback<ValueType> = (\n value: ValueType,\n unsubscribe?: () => void\n) => void;\n\n/\n An event fired by a context requester to signal it desires a named context.\n \n A provider should inspect the `context` property of the event to determine if it has a value that can\n * satisfy the request, calling the `callback` with the requested value if so.\n \n If the requested context event contains a truthy `subscribe` value, then a provider can call the callback\n * multiple times if the value is changed, if this is the case the provider should pass an `unsubscribe`\n * function to the callback which requesters can invoke to indicate they no longer wish to receive these updates.\n /\nexport class ContextEvent<T extends UnknownContext> extends Event {\n public constructor(\n public readonly context: T,\n public readonly callback: ContextCallback<ContextType<T>>,\n public readonly subscribe?: boolean\n ) {\n super('context-request', { bubbles: true, composed: true });\n }\n}\n\ndeclare global {\n interface HTMLElementEventMap {\n /\n A 'context-request' event can be emitted by any element which desires\n * a context value to be injected by an external provider.\n /\n 'context-request': ContextEvent<UnknownContext>;\n }\n}\n\nexport type ContextConsumerSubscription = {\n unsubscribe: () => void;\n};\n\nexport function useContextConsumer<\n T extends HTMLElement,\n C extends UnknownContext,\n>(\n hostElement: T,\n context: C,\n onContextReceived: (\n context: ContextType<C>,\n unsubscribe?: () => void\n ) => void,\n subscribe?: boolean\n): ContextConsumerSubscription {\n let _unsubscribe: (() => void) \| undefined;\n hostElement.dispatchEvent(\n new ContextEvent(\n context,\n (ctx, unSub) => {\n onContextReceived(ctx, unSub);\n _unsubscribe = unSub;\n },\n subscribe\n )\n );\n\n return {\n unsubscribe: () => {\n if (_unsubscribe) {\n _unsubscribe();\n }\n },\n };\n}\nexport type ContextProvider<C extends Context<{}> = Context<any>> = {\n emit: (context: ContextType<C>) => void;\n};\n\nexport function useContextProvider<\n X extends {},\n C extends Context<X>,\n T extends HTMLElement = HTMLElement,\n>(\n hostElement: T,\n context: C,\n contextPayload?: ContextType<C>\n): ContextProvider<C> {\n const requestContext = new TypedEvent<ContextEvent<C>>();\n const updateContext = new TypedEvent<ContextType<C>>();\n\n const requests = new Set<ContextEvent<UnknownContext>>();\n\n hostElement.addEventListener('context-request', (event: Event) => {\n const requestContextEvent = event as ContextEvent<C>;\n if (requestContextEvent?.context.name !== context.name) {\n return;\n }\n\n requestContextEvent.stopPropagation();\n\n if (requestContextEvent.subscribe) {\n requests.add(requestContextEvent);\n }\n requestContext.emit(requestContextEvent);\n\n if (contextPayload) {\n requestContextEvent.callback(contextPayload, () => {\n requests.delete(requestContextEvent);\n });\n }\n });\n\n updateContext.on((context: ContextType<C>) => {\n requests.forEach((r) =>\n r.callback(context, () => {\n requests.delete(r);\n })\n );\n });\n\n return {\n emit: (context: ContextType<C>) => {\n updateContext.emit(context);\n },\n };\n}\n","/\n * SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext } from '../context';\nimport { type LiteralStringUnion } from '../type-helper';\n\nexport const closestIxMenu = (element: Element) => {\n const menuElement = element.closest('ix-menu');\n return menuElement;\n};\n\nexport type AppSwitchConfigurationTarget = LiteralStringUnion<\n '_self' \| '_blank' \| '_parent' \| '_top'\n>;\n\nexport type AppSwitchConfiguration = {\n currentAppId: string;\n apps: {\n id: string;\n name: string;\n description: string;\n url: string;\n target: AppSwitchConfigurationTarget;\n iconSrc: string;\n }[];\n i18nAppSwitch?: string;\n i18nLoadingApps?: string;\n};\n\nexport const ApplicationLayoutContext = createContext<{\n hideHeader: boolean;\n appSwitchConfig?: AppSwitchConfiguration;\n sidebar?: boolean;\n}>('application-layout-context', {\n hideHeader: false,\n sidebar: false,\n});\n"],"names":[],"mappings":";;AAAA;;;;;;;AAOG;AAuBH;;AAEG;AACa,SAAA,aAAa,CAC3B,IAAY,EACZ,YAAgB,EAAA;IAEhB,OAAO;QACL,IAAI;QACJ,YAAY;KACb;AACH;AAWA;;;;;;;;;AASG;AACG,MAAO,YAAuC,SAAQ,KAAK,CAAA;AAC/D,IAAA,WAAA,CACkB,OAAU,EACV,QAAyC,EACzC,SAAmB,EAAA;AAEnC,QAAA,KAAK,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAJ3C,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO;AACP,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ;AACR,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS;;AAI5B;AAgBK,SAAU,kBAAkB,CAIhC,WAAc,EACd,OAAU,EACV,iBAGS,EACT,SAAmB,EAAA;AAEnB,IAAA,IAAI,YAAsC;AAC1C,IAAA,WAAW,CAAC,aAAa,CACvB,IAAI,YAAY,CACd,OAAO,EACP,CAAC,GAAG,EAAE,KAAK,KAAI;AACb,QAAA,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC;QAC7B,YAAY,GAAG,KAAK;AACtB,KAAC,EACD,SAAS,CACV,CACF;IAED,OAAO;QACL,WAAW,EAAE,MAAK;YAChB,IAAI,YAAY,EAAE;AAChB,gBAAA,YAAY,EAAE;;SAEjB;KACF;AACH;SAKgB,kBAAkB,CAKhC,WAAc,EACd,OAAU,EACV,cAA+B,EAAA;AAE/B,IAAA,MAAM,cAAc,GAAG,IAAI,UAAU,EAAmB;AACxD,IAAA,MAAM,aAAa,GAAG,IAAI,UAAU,EAAkB;AAEtD,IAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAgC;IAExD,WAAW,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,KAAY,KAAI;QAC/D,MAAM,mBAAmB,GAAG,KAAwB;AACpD,QAAA,IAAI,CAAA,mBAAmB,KAAnB,IAAA,IAAA,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,CAAC,IAAI,MAAK,OAAO,CAAC,IAAI,EAAE;YACtD;;QAGF,mBAAmB,CAAC,eAAe,EAAE;AAErC,QAAA,IAAI,mBAAmB,CAAC,SAAS,EAAE;AACjC,YAAA,QAAQ,CAAC,GAAG,CAAC,mBAAmB,CAAC;;AAEnC,QAAA,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC;QAExC,IAAI,cAAc,EAAE;AAClB,YAAA,mBAAmB,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAK;AAChD,gBAAA,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CAAC;AACtC,aAAC,CAAC;;AAEN,KAAC,CAAC;AAEF,IAAA,aAAa,CAAC,EAAE,CAAC,CAAC,OAAuB,KAAI;AAC3C,QAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,KACjB,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAK;AACvB,YAAA,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;SACnB,CAAC,CACH;AACH,KAAC,CAAC;IAEF,OAAO;AACL,QAAA,IAAI,EAAE,CAAC,OAAuB,KAAI;AAChC,YAAA,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;SAC5B;KACF;AACH;;ACzKA;;;;;;;AAOG;AAKU,MAAA,aAAa,GAAG,CAAC,OAAgB,KAAI;IAChD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC;AAC9C,IAAA,OAAO,WAAW;AACpB;AAoBa,MAAA,wBAAwB,GAAG,aAAa,CAIlD,4BAA4B,EAAE;AAC/B,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,OAAO,EAAE,KAAK;AACf,CAAA;;;;"}

package/dist/esm/{helper-text-util-rnbkuaac.js → helper-text-util-gKdL-wH2.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { h } from './index-CtoreFVF.js';
-import { i as iconError, a as iconWarning, b as iconInfo, c as iconSuccess } from './index-Cz75KU1f.js';
+import { i as iconError, a as iconWarning, b as iconInfo, c as iconSuccess } from './index-8HpPmDK_.js';
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -9,8 +9,12 @@ import { i as iconError, a as iconWarning, b as iconInfo, c as iconSuccess } fro
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function hasAnyText({ invalidText, warningText, infoText, validText, helperText, }) {
-    return [invalidText, warningText, infoText, validText, helperText].some((text) => text === null || text === void 0 ? void 0 : text.trim());
+function hasAnyText({ invalidText, isInvalid, warningText, isWarning, infoText, isInfo, validText, isValid, helperText, }) {
+    return !!((isInvalid && (invalidText === null || invalidText === void 0 ? void 0 : invalidText.trim())) ||
+        (isWarning && (warningText === null || warningText === void 0 ? void 0 : warningText.trim())) ||
+        (isInfo && (infoText === null || infoText === void 0 ? void 0 : infoText.trim())) ||
+        (isValid && (validText === null || validText === void 0 ? void 0 : validText.trim())) ||
+        (helperText === null || helperText === void 0 ? void 0 : helperText.trim()));
 }
 function HelperText$1(props) {
     if (!hasAnyText(props))
@@ -32,6 +36,6 @@ function HelperText$1(props) {
 }
 export { HelperText$1 as H, hasAnyText as h };
-//# sourceMappingURL=helper-text-util-rnbkuaac.js.map
+//# sourceMappingURL=helper-text-util-gKdL-wH2.js.map
-//# sourceMappingURL=helper-text-util-rnbkuaac.js.map
+//# sourceMappingURL=helper-text-util-gKdL-wH2.js.map

package/dist/esm/helper-text-util-gKdL-wH2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"helper-text-util-gKdL-wH2.js","sources":["src/components/field-wrapper/helper-text-util.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h } from '@stencil/core';\nimport {\n iconError,\n iconInfo,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\n\nexport function hasAnyText({\n invalidText,\n isInvalid,\n warningText,\n isWarning,\n infoText,\n isInfo,\n validText,\n isValid,\n helperText,\n}: {\n invalidText?: string;\n isInvalid?: boolean;\n warningText?: string;\n isWarning?: boolean;\n infoText?: string;\n isInfo?: boolean;\n validText?: string;\n isValid?: boolean;\n helperText?: string;\n}) {\n return !!(\n (isInvalid && invalidText?.trim()) ||\n (isWarning && warningText?.trim()) ||\n (isInfo && infoText?.trim()) ||\n (isValid && validText?.trim()) ||\n helperText?.trim()\n );\n}\n\nexport function HelperText(\n props: Readonly<{\n isInvalid: boolean;\n invalidText?: string;\n isWarning: boolean;\n warningText?: string;\n isInfo: boolean;\n infoText?: string;\n isValid: boolean;\n validText?: string;\n helperText?: string;\n }>\n) {\n if (!hasAnyText(props)) return null;\n if (props.isInvalid && props.invalidText && props.invalidText.trim() !== '') {\n return (\n <ix-typography textColor=\"alarm\" class=\"bottom-text\">\n <ix-icon class=\"text-icon invalid\" name={iconError} size=\"16\"></ix-icon>\n {props.invalidText}\n </ix-typography>\n );\n }\n\n if (props.isWarning && props.warningText && props.warningText.trim() !== '') {\n return (\n <ix-typography textColor=\"std\" class=\"bottom-text\">\n <ix-icon\n class=\"text-icon warning\"\n name={iconWarning}\n size=\"16\"\n ></ix-icon>\n {props.warningText}\n </ix-typography>\n );\n }\n\n if (props.isInfo && props.infoText && props.infoText.trim() !== '') {\n return (\n <ix-typography textColor=\"std\" class=\"bottom-text\">\n <ix-icon class=\"text-icon info\" name={iconInfo} size=\"16\"></ix-icon>\n {props.infoText}\n </ix-typography>\n );\n }\n\n if (props.isValid && props.validText && props.validText.trim() !== '') {\n return (\n <ix-typography textColor=\"std\" class=\"bottom-text\">\n <ix-icon class=\"text-icon valid\" name={iconSuccess} size=\"16\"></ix-icon>\n {props.validText}\n </ix-typography>\n );\n }\n\n return (\n props.helperText &&\n props.helperText.trim() !== '' && (\n <ix-typography class=\"bottom-text\" textColor=\"soft\">\n {props.helperText}\n </ix-typography>\n )\n );\n}\n"],"names":["HelperText"],"mappings":"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"}

package/dist/esm/{index-Cz75KU1f.js → index-8HpPmDK_.js} RENAMED Viewed

@@ -49,7 +49,7 @@ const iconTriangleFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding
 const iconWarningRhomb = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill-rule='evenodd' d='M253.617407,12.4967773 L434.398258,193.277628 C451.060628,209.939998 451.060628,236.955037 434.398258,253.617407 L253.617407,434.398258 C236.955037,451.060628 209.939998,451.060628 193.277628,434.398258 L12.4967773,253.617407 C-4.16559245,236.955037 -4.16559245,209.939998 12.4967773,193.277628 L193.277628,12.4967773 C209.939998,-4.16559245 236.955037,-4.16559245 253.617407,12.4967773 Z M223.447518,42.6666667 L42.6666667,223.447518 L223.447518,404.228369 L404.228369,223.447518 L223.447518,42.6666667 Z M223.447518,282.114184 C238.685613,282.114184 250.114184,293.378184 250.114184,308.738184 C250.114184,324.098184 238.685613,335.362184 223.447518,335.362184 C207.863102,335.362184 196.780851,324.098184 196.780851,308.396851 C196.780851,293.378184 208.209422,282.114184 223.447518,282.114184 Z M244.780851,116.780851 L244.780851,244.780851 L202.114184,244.780851 L202.114184,116.780851 L244.780851,116.780851 Z' transform='translate(32.552 32.552)'/></svg>";
 const iconWarning = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(32.000000, 42.666667)'><path d='M246.312928,5.62892705 C252.927596,9.40873724 258.409564,14.8907053 262.189374,21.5053731 L444.667042,340.84129 C456.358134,361.300701 449.250007,387.363834 428.790595,399.054926 C422.34376,402.738832 415.04715,404.676552 407.622001,404.676552 L42.6666667,404.676552 C19.1025173,404.676552 7.10542736e-15,385.574034 7.10542736e-15,362.009885 C7.10542736e-15,354.584736 1.93772021,347.288125 5.62162594,340.84129 L188.099293,21.5053731 C199.790385,1.04596203 225.853517,-6.06216498 246.312928,5.62892705 Z M225.144334,42.6739678 L42.6666667,362.009885 L407.622001,362.009885 L225.144334,42.6739678 Z M224,272 C239.238095,272 250.666667,283.264 250.666667,298.624 C250.666667,313.984 239.238095,325.248 224,325.248 C208.415584,325.248 197.333333,313.984 197.333333,298.282667 C197.333333,283.264 208.761905,272 224,272 Z M245.333333,106.666667 L245.333333,234.666667 L202.666667,234.666667 L202.666667,106.666667 L245.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
-export { iconWarningRhomb as A, iconMinus as B, iconPlus as C, iconChevronLeftSmall as D, iconDoubleChevronUp as E, iconDoubleChevronDown as F, iconDoubleChevronRight as G, iconDoubleChevronLeft as H, iconClock as I, iconCircle as J, iconCircleFilled as K, iconCircleDot as L, iconTriangleFilled as M, iconSingleCheck as N, iconQuestion as O, iconNavigationLeft as P, iconNavigationRight as Q, iconCogwheel as R, iconLightDark as S, iconDocument as T, iconCirclePause as U, iconWarning as a, iconInfo as b, iconSuccess as c, iconApps as d, iconOpenExternal as e, iconChevronDownSmall as f, iconMoreMenu as g, iconChevronDown as h, iconError as i, iconClear as j, iconSearch as k, iconCloseSmall as l, iconArrowLeft as m, iconHistory as n, iconCalendar as o, iconClose as p, iconChevronUpSmall as q, iconChevronRight as r, iconEye as s, iconEyeCancelled as t, iconAlarm as u, iconChevronRightSmall as v, iconContextMenu as w, iconShout as x, iconLogOut as y, iconNotification as z };
-//# sourceMappingURL=index-Cz75KU1f.js.map
+export { iconMinus as A, iconPlus as B, iconChevronLeftSmall as C, iconDoubleChevronUp as D, iconDoubleChevronDown as E, iconDoubleChevronRight as F, iconDoubleChevronLeft as G, iconContextMenu as H, iconClock as I, iconCircle as J, iconCircleFilled as K, iconCircleDot as L, iconTriangleFilled as M, iconSingleCheck as N, iconQuestion as O, iconNavigationLeft as P, iconNavigationRight as Q, iconCogwheel as R, iconLightDark as S, iconDocument as T, iconCirclePause as U, iconWarning as a, iconInfo as b, iconSuccess as c, iconMoreMenu as d, iconApps as e, iconOpenExternal as f, iconChevronDownSmall as g, iconChevronDown as h, iconError as i, iconClear as j, iconSearch as k, iconCloseSmall as l, iconArrowLeft as m, iconHistory as n, iconCalendar as o, iconClose as p, iconChevronUpSmall as q, iconChevronRight as r, iconEye as s, iconEyeCancelled as t, iconAlarm as u, iconChevronRightSmall as v, iconShout as w, iconLogOut as x, iconNotification as y, iconWarningRhomb as z };
+//# sourceMappingURL=index-8HpPmDK_.js.map
-//# sourceMappingURL=index-Cz75KU1f.js.map
+//# sourceMappingURL=index-8HpPmDK_.js.map