npm - @siemens/ix - Versions diffs - 0.0.0-pr-2198-20251023082407 → 0.0.0-pr-2238-20251103105018 - Mend

@siemens/ix 0.0.0-pr-2198-20251023082407 → 0.0.0-pr-2238-20251103105018

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 (1023) hide show

package/dist/collection/components/toast/toast-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toast-container.js","sourceRoot":"","sources":["../../../src/components/toast/toast-container.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AASlD,MAAM,OAAO,cAAc;IAL3B;QAME;WACG;QACK,gBAAW,GAAG,iBAAiB,CAAC;QAExC;WACG;QACK,mBAAc,GAAG,iBAAiB,CAAC;QAE3C;WACG;QACK,aAAQ,GAAiC,cAAc,CAAC;QAE/C,0BAAqB,GAAG,mBAAmB,CAAC;KA+G9D;IA7GC,IAAI,aAAa;QACf,OAAO,IAAI,OAAO,CAAc,CAAC,OAAO,EAAE,EAAE;YAC1C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;gBAChC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACnE,IAAI,gBAAgB,EAAE,CAAC;oBACrB,aAAa,CAAC,QAAQ,CAAC,CAAC;oBACxB,OAAO,CAAC,gBAAgB,CAAC,CAAC;gBAC5B,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;YAC/C,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrD,cAAc,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;YACrC,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAClD,cAAc,CAAC,SAAS,CAAC,GAAG,CAC1B,GAAG,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,QAAQ,EAAE,CAChD,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAGD,gBAAgB,CAAC,WAAmB,EAAE,WAAmB;QACvD,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACjE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;YAC1E,OAAO;QACT,CAAC;QACD,cAAc,CAAC,SAAS,CAAC,MAAM,CAC7B,GAAG,IAAI,CAAC,qBAAqB,GAAG,WAAW,EAAE,CAC9C,CAAC;QACF,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,qBAAqB,GAAG,WAAW,EAAE,CAAC,CAAC;IAC9E,CAAC;IAED;;;OAGG;IAEH,KAAK,CAAC,SAAS,CAAC,MAAmB;;QACjC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,IAAI,UAAU,EAAmB,CAAC;QAElD,SAAS,WAAW,CAAC,MAAY;YAC/B,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC;QAED,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;QAChC,KAAK,CAAC,IAAI,GAAG,MAAA,MAAM,CAAC,IAAI,mCAAI,MAAM,CAAC;QACnC,KAAK,CAAC,~~SAAS~~,GAAG,~~MAAA,~~MAAM,CAAC,SAAS,~~mCAAI~~,~~IAAI~~,CAAC;~~QAC3C~~,KAAK,CAAC,cAAc,GAAG,MAAA,MAAM,CAAC,cAAc,mCAAI,IAAI,CAAC;QACrD,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACzB,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACnC,KAAK,CAAC,gBAAgB,CACpB,YAAY,EACZ,CAAC,KAAmC,EAAE,EAAE;YACtC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;YACzB,WAAW,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC,CACF,CAAC;QAEF,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBACvC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC;QACH,CAAC;QAED,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,YAAY,WAAW,EAAE,CAAC;YAC1D,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC9B,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC;QAED,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO;YACL,OAAO;YACP,KAAK,EAAE,CAAC,MAAY,EAAE,EAAE;gBACtB,WAAW,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;YACD,KAAK,EAAE,GAAG,EAAE;gBACV,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,CAAC;YACD,MAAM,EAAE,GAAG,EAAE;gBACX,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE;gBACb,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC1B,CAAC;SACF,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,+BAA+B,EAAE,IAAI,CAAC,QAAQ,KAAK,cAAc;gBACjE,4BAA4B,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW;aAC5D;YAED,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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 { Component, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\nimport type { ShowToastResult } from './toast-container.types';\n\n@Component({\n tag: 'ix-toast-container',\n styleUrl: './styles/toast-container.scss',\n shadow: true,\n})\nexport class ToastContainer {\n /\n /\n @Prop() containerId = 'toast-container';\n\n /*\n /\n @Prop() containerClass = 'toast-container';\n\n /*\n /\n @Prop() position: 'bottom-right' \| 'top-right' = 'bottom-right';\n\n private readonly PREFIX_POSITION_CLASS = 'toast-container--';\n\n get hostContainer() {\n return new Promise<HTMLElement>((resolve) => {\n const interval = setInterval(() => {\n const containerElement = document.getElementById(this.containerId);\n if (containerElement) {\n clearInterval(interval);\n resolve(containerElement);\n }\n });\n });\n }\n\n componentDidLoad() {\n if (!document.getElementById(this.containerId)) {\n const toastContainer = document.createElement('div');\n toastContainer.id = this.containerId;\n toastContainer.classList.add(this.containerClass);\n toastContainer.classList.add(\n `${this.PREFIX_POSITION_CLASS}${this.position}`\n );\n document.body.appendChild(toastContainer);\n }\n }\n\n @Watch('position')\n onPositionChange(newPosition: string, oldPosition: string) {\n const toastContainer = document.getElementById(this.containerId);\n if (!toastContainer) {\n console.warn('No toast container found, cannot configure toast position');\n return;\n }\n toastContainer.classList.remove(\n `${this.PREFIX_POSITION_CLASS}${oldPosition}`\n );\n toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);\n }\n\n /*\n Display a toast message\n * @param config\n */\n @Method()\n async showToast(config: ToastConfig): Promise<ShowToastResult> {\n const toast = document.createElement('ix-toast');\n const onClose = new TypedEvent<any \| undefined>();\n\n function removeToast(result?: any) {\n toast.remove();\n onClose.emit(result);\n }\n\n toast.toastTitle = config.title;\n toast.type = config.type ?? 'info';\n toast.~~autoClose~~ = config.autoClose ?? ~~true~~;\n toast.autoCloseDelay = config.autoCloseDelay ?? 5000;\n toast.icon = config.icon;\n toast.iconColor = config.iconColor;\n toast.addEventListener(\n 'closeToast',\n (event: CustomEvent<any \| undefined>) => {\n const { detail } = event;\n removeToast(detail);\n }\n );\n\n if (config.message) {\n if (typeof config.message === 'string') {\n toast.innerText = config.message;\n } else {\n toast.appendChild(config.message);\n }\n }\n\n if (config.action && config.action instanceof HTMLElement) {\n config.action.slot = 'action';\n toast.appendChild(config.action);\n }\n\n (await this.hostContainer).appendChild(toast);\n\n return {\n onClose,\n close: (result?: any) => {\n removeToast(result);\n },\n pause: () => {\n toast.pause();\n },\n resume: () => {\n toast.resume();\n },\n isPaused: () => {\n return toast.isPaused();\n },\n };\n }\n\n render() {\n return (\n <Host\n class={{\n 'toast-container--bottom-right': this.position === 'bottom-right',\n 'toast-container--top-right': this.position === 'top-right',\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"toast-container.js","sourceRoot":"","sources":["../../../src/components/toast/toast-container.tsx"],"names":[],"mappings":"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","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 { Component, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\nimport type { ShowToastResult } from './toast-container.types';\n\n@Component({\n tag: 'ix-toast-container',\n styleUrl: './styles/toast-container.scss',\n shadow: true,\n})\nexport class ToastContainer {\n /\n /\n @Prop() containerId = 'toast-container';\n\n /*\n /\n @Prop() containerClass = 'toast-container';\n\n /*\n /\n @Prop() position: 'bottom-right' \| 'top-right' = 'bottom-right';\n\n private readonly PREFIX_POSITION_CLASS = 'toast-container--';\n\n get hostContainer() {\n return new Promise<HTMLElement>((resolve) => {\n const interval = setInterval(() => {\n const containerElement = document.getElementById(this.containerId);\n if (containerElement) {\n clearInterval(interval);\n resolve(containerElement);\n }\n });\n });\n }\n\n componentDidLoad() {\n if (!document.getElementById(this.containerId)) {\n const toastContainer = document.createElement('div');\n toastContainer.id = this.containerId;\n toastContainer.classList.add(this.containerClass);\n toastContainer.classList.add(\n `${this.PREFIX_POSITION_CLASS}${this.position}`\n );\n document.body.appendChild(toastContainer);\n }\n }\n\n @Watch('position')\n onPositionChange(newPosition: string, oldPosition: string) {\n const toastContainer = document.getElementById(this.containerId);\n if (!toastContainer) {\n console.warn('No toast container found, cannot configure toast position');\n return;\n }\n toastContainer.classList.remove(\n `${this.PREFIX_POSITION_CLASS}${oldPosition}`\n );\n toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);\n }\n\n /*\n Display a toast message\n * @param config\n */\n @Method()\n async showToast(config: ToastConfig): Promise<ShowToastResult> {\n const toast = document.createElement('ix-toast');\n const onClose = new TypedEvent<any \| undefined>();\n\n function removeToast(result?: any) {\n toast.remove();\n onClose.emit(result);\n }\n\n toast.toastTitle = config.title;\n toast.type = config.type ?? 'info';\n toast.preventAutoClose = config.autoClose === false;\n toast.autoCloseDelay = config.autoCloseDelay ?? 5000;\n toast.icon = config.icon;\n toast.iconColor = config.iconColor;\n toast.addEventListener(\n 'closeToast',\n (event: CustomEvent<any \| undefined>) => {\n const { detail } = event;\n removeToast(detail);\n }\n );\n\n if (config.message) {\n if (typeof config.message === 'string') {\n toast.innerText = config.message;\n } else {\n toast.appendChild(config.message);\n }\n }\n\n if (config.action && config.action instanceof HTMLElement) {\n config.action.slot = 'action';\n toast.appendChild(config.action);\n }\n\n (await this.hostContainer).appendChild(toast);\n\n return {\n onClose,\n close: (result?: any) => {\n removeToast(result);\n },\n pause: () => {\n toast.pause();\n },\n resume: () => {\n toast.resume();\n },\n isPaused: () => {\n return toast.isPaused();\n },\n };\n }\n\n render() {\n return (\n <Host\n class={{\n 'toast-container--bottom-right': this.position === 'bottom-right',\n 'toast-container--top-right': this.position === 'top-right',\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

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

@@ -21,7 +21,7 @@ export class Toast {
         /**
          * Autoclose behavior
          */
-        this.autoClose = true;
+        this.preventAutoClose = false;
         this.progress = 0;
         this.touched = false;
         this.paused = false;
@@ -78,17 +78,17 @@ export class Toast {
             animationPlayState: this.touched || this.paused ? 'paused' : 'running',
         };
         progressBarClass.push('toast-progress-bar--animated');
-        return (h(Host, { key: '4be41b7d6326a30e985506471f5ef6a9fcfc4cf7', class: "animate__animated animate__fadeIn" }, h("div", { key: '02ae41f684be0f0c1b304c6565c22ec4cd9ee9d4', class: "toast-body", onPointerLeave: () => {
+        return (h(Host, { key: '899292380d8565664e1c7675d76327a11490d830', class: "animate__animated animate__fadeIn" }, h("div", { key: '5cd4377bdf58c1a2c0071ab31b28ad9655e44d0f', class: "toast-body", onPointerLeave: () => {
                 this.touched = false;
             }, onPointerEnter: () => {
                 this.touched = true;
-            } }, this.type || this.icon ? (h("div", { class: "toast-icon" }, this.getIcon())) : null, h("div", { key: 'e9b2d338091b227f41b4470803b305394f3b2228', class: "toast-content" }, this.toastTitle ? (h("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, h("div", { key: '527acd28a634e03f57eb6d92b3f67c40e0d2346a', class: "toast-message" }, h("slot", { key: '1574e31e91cb4f84af715e37da9adf396846951f' })), h("div", { key: '147f2e4f356cc028307cc504601bc0591e2cbd99', class: "toast-action" }, h("slot", { key: '3dfeccf1e8eb06fda37cef838a67abee67268190', name: "action" }))), h("div", { key: '036f9123375077554e7250dd8aaea513685571c8', class: "toast-close" }, h("ix-icon-button", { key: 'f2ef551fa606e0d03a9cb1f02d074bbe75d1e158', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), this.autoClose ? (h("div", { class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
+            } }, this.type || this.icon ? (h("div", { class: "toast-icon" }, this.getIcon())) : null, h("div", { key: 'ef1403cbfb00f11515feae45dabfc5d4e0c13311', class: "toast-content" }, this.toastTitle ? (h("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, h("div", { key: 'eb5d5bb4bab866b73a4b5607cd3e7b0b7c3e3da2', class: "toast-message" }, h("slot", { key: 'e03b7355c7dae971d87eba8fbc49495fa5876891' })), h("div", { key: '962de017d86b2a86919b41226dc2f5f37342488e', class: "toast-action" }, h("slot", { key: '172e62ff0d27ea9e3ab191e153e51eb35f442073', name: "action" }))), h("div", { key: 'cf14cce27542dab60676fb9d41ab60c061898c76', class: "toast-close" }, h("ix-icon-button", { key: 'b4212ca84b1564510360e6f160d57d03d41b2bfe', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (h("div", { key: '2b33706bda283c118e918b58fb7cb50720d0f1fb', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
                 this.close();
             }, onTransitionEnd: () => {
                 if (this.progress === 0) {
                     this.close();
                 }
-            } })) : null));
+            } }))));
     }
     static get is() { return "ix-toast"; }
     static get encapsulation() { return "shadow"; }
@@ -169,9 +169,9 @@ export class Toast {
                 "reflect": false,
                 "defaultValue": "5000"
             },
-            "autoClose": {
+            "preventAutoClose": {
                 "type": "boolean",
-                "attribute": "auto-close",
+                "attribute": "prevent-auto-close",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -187,7 +187,7 @@ export class Toast {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
             "icon": {
                 "type": "string",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,GACZ,MAAM,yBAAyB,CAAC;AAOjC,MAAM,OAAO,KAAK;IALlB;QAME;;WAEG;QACK,SAAI,GAAc,MAAM,CAAC;QAOjC;;WAEG;QACK,mBAAc,GAAG,IAAI,CAAC;QAE9B;;WAEG;QACK,~~cAAS~~,GAAG,~~IAAI~~,CAAC;~~QAyBhB~~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~~IAAI,~~CAAC,~~SAAS~~,CAAC,~~CAAC~~,~~CAAC~~,~~CAChB~~,~~WACE~~,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EACjC,KAAK,EAAE,gBAAgB,EACvB,cAAc,EAAE,GAAG,EAAE;oBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,CAAC,EACD,eAAe,EAAE,GAAG,EAAE;oBACpB,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE,CAAC;wBACxB,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,CAAC;gBACH,CAAC,GACI,CACR,~~CAAC~~,~~CAAC,CAAC,IAAI,CACH,~~CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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 {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\nimport {\n iconClose,\n iconError,\n iconInfo,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n tag: 'ix-toast',\n styleUrl: 'toast.scss',\n shadow: true,\n})\nexport class Toast {\n /\n Toast type\n /\n @Prop() type: ToastType = 'info';\n\n /\n Toast title\n /\n @Prop() toastTitle?: string;\n\n /\n Autoclose title after delay\n /\n @Prop() autoCloseDelay = 5000;\n\n /\n Autoclose behavior\n /\n @Prop() ~~autoClose~~ = ~~true~~;\n\n /\n Icon of toast\n /\n @Prop() icon?: string;\n\n /\n Icon color of toast\n /\n @Prop() iconColor?: string;\n\n /\n ARIA label for the close icon button\n * Will be set as aria-label on the nested HTML button element\n \n @since 3.2.0\n /\n @Prop() ariaLabelCloseIconButton?: string;\n\n /\n Toast closed\n /\n @Event() closeToast!: EventEmitter;\n\n @State() progress = 0;\n @State() touched = false;\n @State() paused = false;\n\n @Element() hostElement!: HTMLIxToastElement;\n\n private getIcon() {\n if (this.icon) {\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={this.icon}\n color={this.iconColor}\n size=\"24\"\n />\n );\n }\n\n switch (this.type) {\n case 'info':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconInfo}\n size=\"24\"\n color=\"color-std-text\"\n />\n );\n\n case 'error':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconError}\n size=\"24\"\n color=\"color-alarm\"\n />\n );\n\n case 'success':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconSuccess}\n size=\"24\"\n color=\"color-success\"\n />\n );\n\n case 'warning':\n //TODO(IX-3400): Replace icon colors with proper CSS variables when available\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconWarning}\n size=\"24\"\n color=\"color-warning-text\"\n />\n );\n\n default:\n return '';\n }\n }\n\n private close() {\n if (this.hostElement) {\n this.hostElement.classList.add('animate__fadeOut');\n }\n setTimeout(() => {\n this.closeToast.emit();\n }, 250);\n }\n\n /\n Pause the toast's auto-close progress bar and timer.\n /\n @Method()\n async pause() {\n this.paused = true;\n }\n\n /\n Resume the toast's auto-close progress bar and timer if previously paused.\n /\n @Method()\n async resume() {\n this.paused = false;\n }\n\n /\n Returns whether the toast is currently paused (auto-close is paused).\n */\n @Method()\n async isPaused(): Promise<boolean> {\n return this.paused \|\| this.touched;\n }\n\n render() {\n let progressBarStyle: Record<string, string> = {};\n\n const progressBarClass = ['toast-progress-bar'];\n\n progressBarStyle = {\n animationDuration: `${this.autoCloseDelay}ms`,\n animationPlayState: this.touched \|\| this.paused ? 'paused' : 'running',\n };\n\n progressBarClass.push('toast-progress-bar--animated');\n\n return (\n <Host class=\"animate__animated animate__fadeIn\">\n <div\n class=\"toast-body\"\n onPointerLeave={() => {\n this.touched = false;\n }}\n onPointerEnter={() => {\n this.touched = true;\n }}\n >\n {this.type \|\| this.icon ? (\n <div class=\"toast-icon\">{this.getIcon()}</div>\n ) : null}\n <div class=\"toast-content\">\n {this.toastTitle ? (\n <ix-typography class=\"toast-title\" format=\"h5\">\n {this.toastTitle}\n </ix-typography>\n ) : null}\n <div class=\"toast-message\">\n <slot></slot>\n </div>\n <div class=\"toast-action\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n <div class=\"toast-close\">\n <ix-icon-button\n icon={iconClose}\n iconColor=\"color-soft-text\"\n size=\"24\"\n variant=\"tertiary\"\n onClick={() => this.closeToast.emit()}\n aria-label={this.ariaLabelCloseIconButton}\n />\n </div>\n </div>\n {this.~~autoClose~~ ? (\n <div\n class={progressBarClass.join(' ')}\n style={progressBarStyle}\n onAnimationEnd={() => {\n this.close();\n }}\n onTransitionEnd={() => {\n if (this.progress === 0) {\n this.close();\n }\n }}\n ></div>\n ) ~~: null~~}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"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","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 {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\nimport {\n iconClose,\n iconError,\n iconInfo,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n tag: 'ix-toast',\n styleUrl: 'toast.scss',\n shadow: true,\n})\nexport class Toast {\n /\n Toast type\n /\n @Prop() type: ToastType = 'info';\n\n /\n Toast title\n /\n @Prop() toastTitle?: string;\n\n /\n Autoclose title after delay\n /\n @Prop() autoCloseDelay = 5000;\n\n /\n Autoclose behavior\n /\n @Prop() preventAutoClose = false;\n\n /\n Icon of toast\n /\n @Prop() icon?: string;\n\n /\n Icon color of toast\n /\n @Prop() iconColor?: string;\n\n /\n ARIA label for the close icon button\n * Will be set as aria-label on the nested HTML button element\n \n @since 3.2.0\n /\n @Prop() ariaLabelCloseIconButton?: string;\n\n /\n Toast closed\n /\n @Event() closeToast!: EventEmitter;\n\n @State() progress = 0;\n @State() touched = false;\n @State() paused = false;\n\n @Element() hostElement!: HTMLIxToastElement;\n\n private getIcon() {\n if (this.icon) {\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={this.icon}\n color={this.iconColor}\n size=\"24\"\n />\n );\n }\n\n switch (this.type) {\n case 'info':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconInfo}\n size=\"24\"\n color=\"color-std-text\"\n />\n );\n\n case 'error':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconError}\n size=\"24\"\n color=\"color-alarm\"\n />\n );\n\n case 'success':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconSuccess}\n size=\"24\"\n color=\"color-success\"\n />\n );\n\n case 'warning':\n //TODO(IX-3400): Replace icon colors with proper CSS variables when available\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconWarning}\n size=\"24\"\n color=\"color-warning-text\"\n />\n );\n\n default:\n return '';\n }\n }\n\n private close() {\n if (this.hostElement) {\n this.hostElement.classList.add('animate__fadeOut');\n }\n setTimeout(() => {\n this.closeToast.emit();\n }, 250);\n }\n\n /\n Pause the toast's auto-close progress bar and timer.\n /\n @Method()\n async pause() {\n this.paused = true;\n }\n\n /\n Resume the toast's auto-close progress bar and timer if previously paused.\n /\n @Method()\n async resume() {\n this.paused = false;\n }\n\n /\n Returns whether the toast is currently paused (auto-close is paused).\n */\n @Method()\n async isPaused(): Promise<boolean> {\n return this.paused \|\| this.touched;\n }\n\n render() {\n let progressBarStyle: Record<string, string> = {};\n\n const progressBarClass = ['toast-progress-bar'];\n\n progressBarStyle = {\n animationDuration: `${this.autoCloseDelay}ms`,\n animationPlayState: this.touched \|\| this.paused ? 'paused' : 'running',\n };\n\n progressBarClass.push('toast-progress-bar--animated');\n\n return (\n <Host class=\"animate__animated animate__fadeIn\">\n <div\n class=\"toast-body\"\n onPointerLeave={() => {\n this.touched = false;\n }}\n onPointerEnter={() => {\n this.touched = true;\n }}\n >\n {this.type \|\| this.icon ? (\n <div class=\"toast-icon\">{this.getIcon()}</div>\n ) : null}\n <div class=\"toast-content\">\n {this.toastTitle ? (\n <ix-typography class=\"toast-title\" format=\"h5\">\n {this.toastTitle}\n </ix-typography>\n ) : null}\n <div class=\"toast-message\">\n <slot></slot>\n </div>\n <div class=\"toast-action\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n <div class=\"toast-close\">\n <ix-icon-button\n icon={iconClose}\n iconColor=\"color-soft-text\"\n size=\"24\"\n variant=\"tertiary\"\n onClick={() => this.closeToast.emit()}\n aria-label={this.ariaLabelCloseIconButton}\n />\n </div>\n </div>\n {!this.preventAutoClose && (\n <div\n class={progressBarClass.join(' ')}\n style={progressBarStyle}\n onAnimationEnd={() => {\n this.close();\n }}\n onTransitionEnd={() => {\n if (this.progress === 0) {\n this.close();\n }\n }}\n ></div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/toggle/toggle.css CHANGED Viewed

@@ -103,7 +103,6 @@
   margin-block-start: 0.125rem;
   margin-inline-start: 0.5rem;
   min-height: 1rem;
-  margin-left: 0.625rem;
 }
 :host .switch {
   all: unset;

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

@@ -118,13 +118,13 @@ export class Toggle {
         if (this.indeterminate) {
             toggleText = this.textIndeterminate;
         }
-        return (h(Host, { key: '959c6b0e5f6c2ea7f2ce6cf79ba2280b3c8b65dd', class: {
+        return (h(Host, { key: 'cbc551d0aaaf8b93abf00eae8447b7ba910ee15c', class: {
                 disabled: this.disabled,
-            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, h("label", { key: 'dc419b9a0a469ef8369b6c8cbc204a75367a7274', class: "wrapper" }, h("button", { key: '3773fdea993e02d7aa7ee106aa08e1eee0768f65', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
+            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, h("label", { key: '9f07f9606f6f81abdd87d2198d32eec1dbc87fb1', class: "wrapper" }, h("button", { key: 'b2826894662f716e132cc86e5daaf15816c319e4', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
                 switch: true,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onClick: () => this.onCheckedChange(!this.checked) }, h("div", { key: '5c74f7c65e49e3c0cb55206ecc5fc4e045b8bd0c', class: "slider" })), h("input", { key: '46e28932ab63dfa9af6bfa497b5db38e2d66e416', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (h("ix-typography", { key: '103c3c8dca7b36db893c108ce8c11acf014b57ee', class: "label" }, toggleText)))));
+            }, onClick: () => this.onCheckedChange(!this.checked) }, h("div", { key: '8cc16350102428ae1f2b8937eda731d5a8e48c4c', class: "slider" })), h("input", { key: '7c20a5235eca12a03a84082735249bf1e649adae', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (h("ix-typography", { key: '701732f68894cef4ff6a340be21a841862e321b4', class: "label" }, toggleText)))));
     }
     static get is() { return "ix-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -324,7 +324,7 @@ export class Tooltip {
         (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
     }
     render() {
-        return (h(Host, { key: '259eb829430ac738cf85ebbdb5fc21ed112468d8', role: "tooltip", class: { visible: this.visible } }, h("dialog", { key: 'cf3d57f55b780b98bfcf637aff5dc7b35c829f0d', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, h("div", { key: '1520c20ab3eb9f7e58134b3e9f722f4176e48318', class: "tooltip-container" }, h("div", { key: '82500b59751ffeced15965f8955519fac1405b6c', class: "content-wrapper" }, h("div", { key: 'b7dab9108c3e145f8dd70fb5eff1323a2384a9d1', class: 'tooltip-title' }, h("slot", { key: 'a327597fd2b7790d4a15031e5038ac560b744fac', name: "title-icon" }), h("ix-typography", { key: '68550d2f60baf4b4887fc3916d52aa34c0686d47', format: "h5" }, this.titleContent, h("slot", { key: '808955669e8ef204c2a00a18c1a22a47e6b75529', name: "title-content" }))), h("slot", { key: '8872e40443a635579dfabb070e16abd1b510cd96' }), h("div", { key: '1c0f216282b430d911259808f2520cacd74bac87', class: "arrow" }))))));
+        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" }))))));
     }
     static get is() { return "ix-tooltip"; }
     static get encapsulation() { return "shadow"; }

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: 'ed47b138fb50d9b9803d52b40526922aa9e406ad', onClick: (event) => this.onTreeItemClick(event) }, h("slot", { key: '8b8f8a37f440ae2658764b8da65a2cb8d1db7afb' })));
+        return (h(Host, { key: '41229d69024d78162075253c32250ebf28e4bb3b', onClick: (event) => this.onTreeItemClick(event) }, h("slot", { key: '594c9e61448461dd39a81272f2d2c24b0e560806' })));
     }
     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: '05f896e21e252fab0d3f39b4d52885342522d0f9', class: {
+        return (h(Host, { key: 'f3168fba8586e37800d2ba921d890e3f8c38d263', class: {
                 selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
-            } }, h("div", { key: 'e716c8ee13d77bedf01cb603d8a65798a5cc647d', class: "icon-toggle-container" }, this.hasChildren ? (h("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
+            } }, h("div", { key: '10905ce185a7dbae0921ab16c9656f4ef0569749', 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: '433f67a985cea3d1ea88f85e51355977197ae2fd', class: "tree-node-container", onClick: () => {
+            }, "aria-label": this.ariaLabelChevronIcon })) : null), h("div", { key: 'bf8b74b9b1e67b848a6d9d9f93c3dc01221ad9b9', class: "tree-node-container", onClick: () => {
                 this.itemClick.emit();
-            } }, h("div", { key: 'abd3864dc9a2425da258b1844617d37b5f38b831', class: "tree-node-text" }, this.text), h("slot", { key: '16aa907095f9b1e28d825ca4cc6daacd04ca9bec' }))));
+            } }, h("div", { key: '23449d4cc0c593f2fdb2f792eadbbf30481a225b', class: "tree-node-text" }, this.text), h("slot", { key: '91ba0ba1b85a0fc42a6ae0c4685c8df4717547f6' }))));
     }
     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: '423b6513833bef97a6ca053311ac4173861ebb83', class: typographyClass, style: style }, h("slot", { key: 'f28c3f4a36fb4abd962cd9c00915ea930872e71c' })));
+        return (h(Host, { key: 'a8642e246a60b32a22e052b7755db3e302836fd6', class: typographyClass, style: style }, h("slot", { key: '6b6ae0458fe7bbfbd3fb4ecd9175b50a42e9258e' })));
     }
     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: 'bf422891997d473a0d74b5654da1fc26df37b442' }, a11y, { "aria-disabled": disabled }), h("div", { key: 'b37683a6d5e926dd4404374d58e9926f78bf41ec', class: {
+        return (h(Host, Object.assign({ key: 'd27377461517d95412c644cdc3c9f0b4c9edd1f9' }, a11y, { "aria-disabled": disabled }), h("div", { key: '983727de99c90d57e0c0e296d054ea80894cc2e3', 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: '042a23a8c008f2e851afebf1e7c6ed8d0135c954' }, h("input", { key: '8f0b147483d1a87481f854fc17e1bb05cb646ee3', "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: '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) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept, disabled: disabled }), h("ix-button", { key: 'c6aa9a9ae0cb9c9fdc577c318e78d9f1fef4744c', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
+            }, accept: this.accept, disabled: disabled }), h("ix-button", { key: 'ab298c4a30538b1408648f9a02ceb7c52fb6b882', 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/service.js CHANGED Viewed

@@ -61,12 +61,12 @@ class ApplicationLayoutService {
             const match = matchBreakpoint(breakpoint);
             matchBreakpoints.push([breakpoint, match]);
         });
-        if (matchBreakpoints.every(([_, match]) => match === false)) {
+        if (matchBreakpoints.every(([, match]) => match === false)) {
             let breakPointIndex = 0;
             if (!__classPrivateFieldGet(this, _ApplicationLayoutService_supportedBreakpoints, "f").includes('lg')) {
                 breakPointIndex = matchBreakpoints.length - 1;
             }
-            const [breakpoint, _] = matchBreakpoints[breakPointIndex];
+            const [breakpoint] = matchBreakpoints[breakPointIndex];
             requestAnimationFrame(() => __classPrivateFieldGet(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint));
             __classPrivateFieldSet(this, _ApplicationLayoutService_breakpoint, breakpoint, "f");
             return;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../src/components/utils/application-layout/service.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,wBAAwB;IAS5B;QARA,4BAA4B;QAC5B,yDAAsC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAC;QACzD,6DAA4B,IAAI,UAAU,EAAc,EAAC;QACzD,+CAA0B,IAAI,EAAC;QAE/B,uDAAsB,IAAI,EAAC;QAC3B,sBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAGzD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YACrE,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,uBAAA,IAAI,4CAAY,CAAC;IAC1B,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,uBAAA,IAAI,0DAA0B,CAAC;IACxC,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,uBAAA,IAAI,oDAAoB,CAAC;IAClC,CAAC;IAEO,QAAQ;QACd,IAAI,CAAC,uBAAA,IAAI,oDAAoB,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QACD,IAAI,CAAC,uBAAA,IAAI,sDAAsB,EAAE,CAAC;YAChC,OAAO;QACT,CAAC;QACD,MAAM,gBAAgB,GAA4B,EAAE,CAAC;QAErD,MAAM,WAAW,GAAG,uBAAA,IAAI,sDAAsB,CAAC;QAE/C,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;YACjC,MAAM,KAAK,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;YAC1C,gBAAgB,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,~~CAAC,~~EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,CAAC;~~YAC5D~~,IAAI,eAAe,GAAG,CAAC,CAAC;YACxB,IAAI,CAAC,uBAAA,IAAI,sDAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC/C,eAAe,GAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC;YAChD,CAAC;YAED,MAAM,CAAC,UAAU,~~EAAE,~~CAAC,~~CAAC,~~GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;~~YAC1D~~,qBAAqB,CAAC,GAAG,EAAE,CACzB,uBAAA,IAAI,0DAA0B,CAAC,IAAI,CAAC,UAAU,CAAC,CAChD,CAAC;YACF,uBAAA,IAAI,wCAAe,UAAU,MAAA,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,KAAK,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,gBAAgB,CAAC,OAAO,EAAE,EAAE,CAAC;YAC7D,IAAI,KAAK,EAAE,CAAC;gBACV,qBAAqB,CAAC,GAAG,EAAE,CACzB,uBAAA,IAAI,0DAA0B,CAAC,IAAI,CAAC,UAAU,CAAC,CAChD,CAAC;gBACF,uBAAA,IAAI,wCAAe,UAAU,MAAA,CAAC;gBAC9B,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;IAEM,0BAA0B;QAC/B,uBAAA,IAAI,gDAAuB,KAAK,MAAA,CAAC;IACnC,CAAC;IAEM,yBAAyB;QAC9B,uBAAA,IAAI,gDAAuB,IAAI,MAAA,CAAC;IAClC,CAAC;IAEM,aAAa,CAAC,UAAsB;QACzC,uBAAA,IAAI,wCAAe,UAAU,MAAA,CAAC;QAC9B,uBAAA,IAAI,0DAA0B,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClD,CAAC;IAEM,cAAc,CAAC,WAAyB;QAC7C,uBAAA,IAAI,kDAAyB,WAAW,MAAA,CAAC;QACzC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;CACF;;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,wBAAwB,EAAE,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 */\nimport { Breakpoint, matchBreakpoint } from '../breakpoints';\nimport { debounce } from '../debounce';\nimport { TypedEvent } from '../typed-event';\n\nclass ApplicationLayoutService {\n // Keep order of breakpoints\n #supportedBreakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n #breakpointChangeListener = new TypedEvent<Breakpoint>();\n #breakpoint: Breakpoint = 'lg';\n\n #isDetectionEnabled = true;\n debouncedOnResize = debounce(this.onResize.bind(this), 50);\n\n constructor() {\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', this.debouncedOnResize.bind(this));\n this.debouncedOnResize();\n }\n }\n\n get breakpoint() {\n return this.#breakpoint;\n }\n\n get onChange() {\n return this.#breakpointChangeListener;\n }\n\n get isDetectionEnabled() {\n return this.#isDetectionEnabled;\n }\n\n private onResize() {\n if (!this.#isDetectionEnabled) {\n return;\n }\n if (!this.#supportedBreakpoints) {\n return;\n }\n const matchBreakpoints: [Breakpoint, boolean][] = [];\n\n const breakpoints = this.#supportedBreakpoints;\n\n breakpoints.forEach((breakpoint) => {\n const match = matchBreakpoint(breakpoint);\n matchBreakpoints.push([breakpoint, match]);\n });\n\n if (matchBreakpoints.every(([_, match]) => match === false)) {\n let breakPointIndex = 0;\n if (!this.#supportedBreakpoints.includes('lg')) {\n breakPointIndex = matchBreakpoints.length - 1;\n }\n\n const [breakpoint~~, _~~] = matchBreakpoints[breakPointIndex];\n requestAnimationFrame(() =>\n this.#breakpointChangeListener.emit(breakpoint)\n );\n this.#breakpoint = breakpoint;\n return;\n }\n\n for (const [breakpoint, match] of matchBreakpoints.reverse()) {\n if (match) {\n requestAnimationFrame(() =>\n this.#breakpointChangeListener.emit(breakpoint)\n );\n this.#breakpoint = breakpoint;\n break;\n }\n }\n }\n\n public disableBreakpointDetection() {\n this.#isDetectionEnabled = false;\n }\n\n public enableBreakpointDetection() {\n this.#isDetectionEnabled = true;\n }\n\n public setBreakpoint(breakpoint: Breakpoint) {\n this.#breakpoint = breakpoint;\n this.#breakpointChangeListener.emit(breakpoint);\n }\n\n public setBreakpoints(breakpoints: Breakpoint[]) {\n this.#supportedBreakpoints = breakpoints;\n this.onResize();\n }\n}\n\nexport const applicationLayoutService = new ApplicationLayoutService();\n"]}
1	+ {"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../src/components/utils/application-layout/service.ts"],"names":[],"mappings":"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","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 */\nimport { Breakpoint, matchBreakpoint } from '../breakpoints';\nimport { debounce } from '../debounce';\nimport { TypedEvent } from '../typed-event';\n\nclass ApplicationLayoutService {\n // Keep order of breakpoints\n #supportedBreakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n #breakpointChangeListener = new TypedEvent<Breakpoint>();\n #breakpoint: Breakpoint = 'lg';\n\n #isDetectionEnabled = true;\n debouncedOnResize = debounce(this.onResize.bind(this), 50);\n\n constructor() {\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', this.debouncedOnResize.bind(this));\n this.debouncedOnResize();\n }\n }\n\n get breakpoint() {\n return this.#breakpoint;\n }\n\n get onChange() {\n return this.#breakpointChangeListener;\n }\n\n get isDetectionEnabled() {\n return this.#isDetectionEnabled;\n }\n\n private onResize() {\n if (!this.#isDetectionEnabled) {\n return;\n }\n if (!this.#supportedBreakpoints) {\n return;\n }\n const matchBreakpoints: [Breakpoint, boolean][] = [];\n\n const breakpoints = this.#supportedBreakpoints;\n\n breakpoints.forEach((breakpoint) => {\n const match = matchBreakpoint(breakpoint);\n matchBreakpoints.push([breakpoint, match]);\n });\n\n if (matchBreakpoints.every(([, match]) => match === false)) {\n let breakPointIndex = 0;\n if (!this.#supportedBreakpoints.includes('lg')) {\n breakPointIndex = matchBreakpoints.length - 1;\n }\n\n const [breakpoint] = matchBreakpoints[breakPointIndex];\n requestAnimationFrame(() =>\n this.#breakpointChangeListener.emit(breakpoint)\n );\n this.#breakpoint = breakpoint;\n return;\n }\n\n for (const [breakpoint, match] of matchBreakpoints.reverse()) {\n if (match) {\n requestAnimationFrame(() =>\n this.#breakpointChangeListener.emit(breakpoint)\n );\n this.#breakpoint = breakpoint;\n break;\n }\n }\n }\n\n public disableBreakpointDetection() {\n this.#isDetectionEnabled = false;\n }\n\n public enableBreakpointDetection() {\n this.#isDetectionEnabled = true;\n }\n\n public setBreakpoint(breakpoint: Breakpoint) {\n this.#breakpoint = breakpoint;\n this.#breakpointChangeListener.emit(breakpoint);\n }\n\n public setBreakpoints(breakpoints: Breakpoint[]) {\n this.#supportedBreakpoints = breakpoints;\n this.onResize();\n }\n}\n\nexport const applicationLayoutService = new ApplicationLayoutService();\n"]}

package/dist/collection/components/utils/modal/loading.js CHANGED Viewed

@@ -10,7 +10,7 @@ import Animation from "../animation";
 import { getCoreDelegate } from "../delegate";
 export function showModalLoading(message) {
     const modal = document.createElement('ix-modal');
-    modal.closeOnEscape = false;
+    modal.disableEscapeClose = true;
     const loading = document.createElement('ix-modal-loading');
     loading.innerText = message;
     modal.appendChild(loading);

package/dist/collection/components/utils/modal/loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../../src/components/utils/modal/loading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,UAAU,gBAAgB,CAAC,OAAe;IAC9C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACjD,KAAK,CAAC,~~aAAa~~,GAAG,~~KAAK~~,CAAC;~~IAE5B~~,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3D,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAE3B,eAAe,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpC,KAAK,CAAC,SAAS,EAAE,CAAC;IAElB,OAAO;QACL,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;QACpD,MAAM,EAAE,CAAC,IAAa,EAAE,UAAkB,GAAG,EAAE,EAAE;YAC/C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACvB,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,CAAC,CAAC;YACd,CAAC;YACD,UAAU,CAAC,GAAG,EAAE;gBACd,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACvB,UAAU,CACR,KAAK,IAAI,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACrD,SAAS,CAAC,UAAU,CACrB,CAAC;YACJ,CAAC,EAAE,OAAO,CAAC,CAAC;QACd,CAAC;KACF,CAAC;AACJ,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 Animation from '../animation';\nimport { getCoreDelegate } from '../delegate';\n\nexport function showModalLoading(message: string) {\n const modal = document.createElement('ix-modal');\n modal.~~closeOnEscape~~ = ~~false~~;\n\n const loading = document.createElement('ix-modal-loading');\n loading.innerText = message;\n modal.appendChild(loading);\n\n getCoreDelegate().attachView(modal);\n modal.showModal();\n\n return {\n update: (text: string) => (loading.innerHTML = text),\n finish: (text?: string, timeout: number = 250) => {\n if (text !== undefined) {\n loading.innerText = text;\n } else {\n timeout = 0;\n }\n setTimeout(() => {\n modal.closeModal(null);\n setTimeout(\n async () => await getCoreDelegate().removeView(modal),\n Animation.mediumTime\n );\n }, timeout);\n },\n };\n}\n"]}
1	+ {"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../../src/components/utils/modal/loading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,UAAU,gBAAgB,CAAC,OAAe;IAC9C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACjD,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC;IAEhC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3D,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAE3B,eAAe,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpC,KAAK,CAAC,SAAS,EAAE,CAAC;IAElB,OAAO;QACL,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;QACpD,MAAM,EAAE,CAAC,IAAa,EAAE,UAAkB,GAAG,EAAE,EAAE;YAC/C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACvB,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,CAAC,CAAC;YACd,CAAC;YACD,UAAU,CAAC,GAAG,EAAE;gBACd,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACvB,UAAU,CACR,KAAK,IAAI,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACrD,SAAS,CAAC,UAAU,CACrB,CAAC;YACJ,CAAC,EAAE,OAAO,CAAC,CAAC;QACd,CAAC;KACF,CAAC;AACJ,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 Animation from '../animation';\nimport { getCoreDelegate } from '../delegate';\n\nexport function showModalLoading(message: string) {\n const modal = document.createElement('ix-modal');\n modal.disableEscapeClose = true;\n\n const loading = document.createElement('ix-modal-loading');\n loading.innerText = message;\n modal.appendChild(loading);\n\n getCoreDelegate().attachView(modal);\n modal.showModal();\n\n return {\n update: (text: string) => (loading.innerHTML = text),\n finish: (text?: string, timeout: number = 250) => {\n if (text !== undefined) {\n loading.innerText = text;\n } else {\n timeout = 0;\n }\n setTimeout(() => {\n modal.closeModal(null);\n setTimeout(\n async () => await getCoreDelegate().removeView(modal),\n Animation.mediumTime\n );\n }, timeout);\n },\n };\n}\n"]}

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

@@ -11,7 +11,8 @@ import { h, Host } from "@stencil/core";
 /**
  * @slot tooltip-message - Custom tooltip message with html support
  *
- * @deprecated Will be removed with 4.0.0
+ * @deprecated Since 3.0.0. Will be removed with 4.0.0
+ * Not maintained anymore.
  */
 export class ValidationTooltip {
     constructor() {
@@ -143,13 +144,13 @@ export class ValidationTooltip {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '4fb1bd884352a044ab9d4ea2eb70d2d80b331ebf' }, h("slot", { key: '67df32333b98236630a4caf63776ea634129d1ae' }), h("div", { key: '19cd5c7800c381a86b7135fb4538f3cad08abe46', role: "tooltip", style: {
+        return (h(Host, { key: 'af01b12284c6abad7b98a4e8c29e30c24abe206d' }, h("slot", { key: 'a55080d265f74185eaa34a6998457343e41f248b' }), h("div", { key: '2487996e1b6bd31f8136129cf046cc7c55f09b24', 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: 'f1ff77002cc733ef058755cc117747f1ba00a3ea', name: "tooltip-message" }), h("div", { key: '5bcb70ba97cad112c1c5945d32cd52fa37784bb6', id: "arrow" }))));
+            }, class: "validation-tooltip text-default" }, this.message, h("slot", { key: '9639797207877d1e8107af82ccefec30db7e2f82', name: "tooltip-message" }), h("div", { key: '34248d812f34bfa9cd734eab28b3c91af879aecd', id: "arrow" }))));
     }
     static get is() { return "ix-validation-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"validation-tooltip.js","sourceRoot":"","sources":["../../../src/components/validation-tooltip/validation-tooltip.tsx"],"names":[],"mappings":"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","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 /\nimport {\n arrow,\n autoUpdate,\n computePosition,\n ComputePositionConfig,\n flip,\n inline,\n offset,\n shift,\n} from '@floating-ui/dom';\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { Side } from '../dropdown/placement';\n\ntype Position = { x: number; y: number };\n\n/\n @slot tooltip-message - Custom tooltip message with html support\n \n @deprecated Will be removed with 4.0.0\n /\n@Component({\n tag: 'ix-validation-tooltip',\n styleUrl: 'validation-tooltip.scss',\n shadow: true,\n})\nexport class ValidationTooltip {\n @Element() hostElement!: HTMLIxValidationTooltipElement;\n\n /\n Message of the tooltip\n /\n @Prop() message?: string;\n\n /\n Placement of the tooltip\n /\n @Prop() placement: Side = 'top';\n\n /\n Suppress the automatic placement of the dropdown.\n */\n @Prop() suppressAutomaticPlacement = false;\n\n @State() isInputValid = true;\n @State() tooltipPosition?: Position;\n @State() arrowPosition?: Position;\n\n private onSubmitBind = this.onSubmit.bind(this);\n private onInputFocusBind = this.onInputFocus.bind(this);\n private autoUpdateCleanup?: () => void;\n private observer?: MutationObserver;\n\n get arrow() {\n return this.hostElement.shadowRoot!.querySelector('#arrow') as HTMLElement;\n }\n\n get inputElement() {\n return this.hostElement.querySelector('input');\n }\n\n get formElement() {\n return this.inputElement?.form;\n }\n\n get tooltipElement(): HTMLElement {\n return this.hostElement.shadowRoot!.querySelector('.validation-tooltip')!;\n }\n\n private destroyAutoUpdate() {\n if (this.tooltipElement) {\n this.tooltipElement.style.display = 'none';\n }\n\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n }\n }\n\n private applyTooltipPosition() {\n this.tooltipElement.style.display = 'block';\n\n let positionConfig: Partial<ComputePositionConfig> = {\n strategy: 'fixed',\n middleware: [\n inline(),\n shift(),\n offset({\n mainAxis: 8,\n }),\n ],\n };\n\n if (!positionConfig.middleware) {\n positionConfig.middleware = [];\n }\n\n if (!this.suppressAutomaticPlacement) {\n positionConfig.middleware.push(\n flip({ fallbackStrategy: 'initialPlacement' })\n );\n }\n positionConfig.placement = this.placement;\n\n this.autoUpdateCleanup = autoUpdate(\n this.inputElement!,\n this.tooltipElement,\n async () => {\n positionConfig.middleware = [\n ...positionConfig.middleware!,\n arrow({\n element: this.arrow,\n }),\n ];\n const computeResponse = await computePosition(\n this.inputElement!,\n this.tooltipElement,\n positionConfig\n );\n\n if (computeResponse.middlewareData.arrow) {\n const { x, y } = computeResponse.middlewareData.arrow as {\n x: number;\n y: number;\n };\n this.arrowPosition = {\n x,\n y,\n };\n Object.assign(this.arrow.style, {\n left: x != null ? `${x}px` : '',\n top: y != null ? `${y}px` : '',\n });\n }\n\n this.tooltipPosition = {\n x: computeResponse.x,\n y: computeResponse.y,\n };\n },\n {\n ancestorResize: true,\n ancestorScroll: true,\n elementResize: true,\n }\n );\n }\n\n componentDidLoad() {\n if (!this.inputElement) {\n throw Error(\n 'Validation tooltip is only working with an direct input child.'\n );\n }\n\n if (!this.formElement) {\n throw Error('Validation tooltip is only working with an form element.');\n }\n\n this.formElement.addEventListener('submit', this.onSubmitBind);\n this.inputElement.addEventListener('focus', this.onInputFocusBind);\n\n this.observer = new MutationObserver(() => {\n if (this.inputElement!.classList.contains('is-invalid')) {\n this.isInputValid = false;\n this.validationChanged();\n }\n });\n\n this.observer.observe(this.inputElement, {\n childList: false,\n subtree: false,\n attributes: true,\n attributeFilter: ['class'],\n });\n }\n\n private onInputFocus() {\n this.isInputValid = true;\n }\n\n private onSubmit() {\n if (this.formElement!.classList.contains('needs-validation')) {\n this.isInputValid = this.inputElement!.validity.valid;\n }\n }\n\n disconnectedCallback() {\n this.observer?.disconnect();\n this.destroyAutoUpdate();\n\n this.formElement?.removeEventListener('submit', this.onSubmitBind);\n this.inputElement?.removeEventListener('focus', this.onInputFocusBind);\n }\n\n @Watch('isInputValid')\n validationChanged() {\n if (!this.isInputValid) {\n this.applyTooltipPosition();\n } else {\n this.destroyAutoUpdate();\n }\n }\n\n render() {\n return (\n <Host>\n <slot></slot>\n <div\n role=\"tooltip\"\n style={{\n display: 'none',\n position: 'fixed',\n top: '0',\n left: '0',\n transform: `translate(${Math.round(\n this.tooltipPosition?.x ?? 0\n )}px,${Math.round(this.tooltipPosition?.y ?? 0)}px)`,\n }}\n class=\"validation-tooltip text-default\"\n >\n {this.message}\n <slot name=\"tooltip-message\"></slot>\n <div id=\"arrow\"></div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"validation-tooltip.js","sourceRoot":"","sources":["../../../src/components/validation-tooltip/validation-tooltip.tsx"],"names":[],"mappings":"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","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 /\nimport {\n arrow,\n autoUpdate,\n computePosition,\n ComputePositionConfig,\n flip,\n inline,\n offset,\n shift,\n} from '@floating-ui/dom';\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { Side } from '../dropdown/placement';\n\ntype Position = { x: number; y: number };\n\n/\n @slot tooltip-message - Custom tooltip message with html support\n \n @deprecated Since 3.0.0. Will be removed with 4.0.0\n * Not maintained anymore.\n /\n@Component({\n tag: 'ix-validation-tooltip',\n styleUrl: 'validation-tooltip.scss',\n shadow: true,\n})\nexport class ValidationTooltip {\n @Element() hostElement!: HTMLIxValidationTooltipElement;\n\n /\n Message of the tooltip\n /\n @Prop() message?: string;\n\n /\n Placement of the tooltip\n /\n @Prop() placement: Side = 'top';\n\n /\n Suppress the automatic placement of the dropdown.\n */\n @Prop() suppressAutomaticPlacement = false;\n\n @State() isInputValid = true;\n @State() tooltipPosition?: Position;\n @State() arrowPosition?: Position;\n\n private onSubmitBind = this.onSubmit.bind(this);\n private onInputFocusBind = this.onInputFocus.bind(this);\n private autoUpdateCleanup?: () => void;\n private observer?: MutationObserver;\n\n get arrow() {\n return this.hostElement.shadowRoot!.querySelector('#arrow') as HTMLElement;\n }\n\n get inputElement() {\n return this.hostElement.querySelector('input');\n }\n\n get formElement() {\n return this.inputElement?.form;\n }\n\n get tooltipElement(): HTMLElement {\n return this.hostElement.shadowRoot!.querySelector('.validation-tooltip')!;\n }\n\n private destroyAutoUpdate() {\n if (this.tooltipElement) {\n this.tooltipElement.style.display = 'none';\n }\n\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n }\n }\n\n private applyTooltipPosition() {\n this.tooltipElement.style.display = 'block';\n\n let positionConfig: Partial<ComputePositionConfig> = {\n strategy: 'fixed',\n middleware: [\n inline(),\n shift(),\n offset({\n mainAxis: 8,\n }),\n ],\n };\n\n if (!positionConfig.middleware) {\n positionConfig.middleware = [];\n }\n\n if (!this.suppressAutomaticPlacement) {\n positionConfig.middleware.push(\n flip({ fallbackStrategy: 'initialPlacement' })\n );\n }\n positionConfig.placement = this.placement;\n\n this.autoUpdateCleanup = autoUpdate(\n this.inputElement!,\n this.tooltipElement,\n async () => {\n positionConfig.middleware = [\n ...positionConfig.middleware!,\n arrow({\n element: this.arrow,\n }),\n ];\n const computeResponse = await computePosition(\n this.inputElement!,\n this.tooltipElement,\n positionConfig\n );\n\n if (computeResponse.middlewareData.arrow) {\n const { x, y } = computeResponse.middlewareData.arrow as {\n x: number;\n y: number;\n };\n this.arrowPosition = {\n x,\n y,\n };\n Object.assign(this.arrow.style, {\n left: x != null ? `${x}px` : '',\n top: y != null ? `${y}px` : '',\n });\n }\n\n this.tooltipPosition = {\n x: computeResponse.x,\n y: computeResponse.y,\n };\n },\n {\n ancestorResize: true,\n ancestorScroll: true,\n elementResize: true,\n }\n );\n }\n\n componentDidLoad() {\n if (!this.inputElement) {\n throw Error(\n 'Validation tooltip is only working with an direct input child.'\n );\n }\n\n if (!this.formElement) {\n throw Error('Validation tooltip is only working with an form element.');\n }\n\n this.formElement.addEventListener('submit', this.onSubmitBind);\n this.inputElement.addEventListener('focus', this.onInputFocusBind);\n\n this.observer = new MutationObserver(() => {\n if (this.inputElement!.classList.contains('is-invalid')) {\n this.isInputValid = false;\n this.validationChanged();\n }\n });\n\n this.observer.observe(this.inputElement, {\n childList: false,\n subtree: false,\n attributes: true,\n attributeFilter: ['class'],\n });\n }\n\n private onInputFocus() {\n this.isInputValid = true;\n }\n\n private onSubmit() {\n if (this.formElement!.classList.contains('needs-validation')) {\n this.isInputValid = this.inputElement!.validity.valid;\n }\n }\n\n disconnectedCallback() {\n this.observer?.disconnect();\n this.destroyAutoUpdate();\n\n this.formElement?.removeEventListener('submit', this.onSubmitBind);\n this.inputElement?.removeEventListener('focus', this.onInputFocusBind);\n }\n\n @Watch('isInputValid')\n validationChanged() {\n if (!this.isInputValid) {\n this.applyTooltipPosition();\n } else {\n this.destroyAutoUpdate();\n }\n }\n\n render() {\n return (\n <Host>\n <slot></slot>\n <div\n role=\"tooltip\"\n style={{\n display: 'none',\n position: 'fixed',\n top: '0',\n left: '0',\n transform: `translate(${Math.round(\n this.tooltipPosition?.x ?? 0\n )}px,${Math.round(this.tooltipPosition?.y ?? 0)}px)`,\n }}\n class=\"validation-tooltip text-default\"\n >\n {this.message}\n <slot name=\"tooltip-message\"></slot>\n <div id=\"arrow\"></div>\n </div>\n </Host>\n );\n }\n}\n"]}

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: '488384edaa48299378abedcdff04034687550886', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, h("div", { key: '2127d37a5062e645d50cc1b731c555b580ab2b16', tabIndex: 0, class: {
+        return (h(Host, { key: '3a93acf2907c533c0a0ddb040278e118c355bc32', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, h("div", { key: 'e85b6a3859d59afb71fe1cb2718e44712fba509f', tabIndex: 0, class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, h("div", { key: '26445756e35b3b15ab1d3a98a004f70300fe48e5', class: "wrapper" }, h("div", { key: 'd1eaee49190a99111893a6c48f15b86c27fc2a7b', class: {
+            } }, h("div", { key: '2712cbb97cfa21042c0cb4bea1d02f9e61199e55', class: "wrapper" }, h("div", { key: '00e2e7a6daf986819d1e420d3b8379cab01abc47', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), h("div", { key: '89857433644f037867ff1de38c359617ae2ea0f6', class: "iconWrapper" }, icons, h("slot", { key: 'de995c4b059a3959574dbc9362e771e8fe0739a7', name: "custom-icon" }))), h("div", { key: '73a9e22a56933af2b3ee054aeab92ff7a8b5165a', class: "text" }, h("slot", { key: 'b5123599dbc97cea396640ea56910b24c701c319' })))));
+            } }), h("div", { key: '7a46fa4306b9924ca7df0272f32592a458355774', class: "iconWrapper" }, icons, h("slot", { key: '5b750aa1483f64625905a2b39fdce5f067ba853f', name: "custom-icon" }))), h("div", { key: '9c2fa968aa7903f90a98e24e845de414844361ee', class: "text" }, h("slot", { key: 'dc660f37779d7dde23a131158ae910b46732d896' })))));
     }
     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: '58f2b6c6dadb7f4bcef41463aeb7d0e7c7b78903' }, h("div", { key: '186972fd1f22f0a99af92bda5643c5156097122c', class: { steps: true, vertical: this.vertical } }, h("slot", { key: '3d5efbb4c9ff065c8838a08c9ca5c9e4ce0daefb' }))));
+        return (h(Host, { key: 'fcfd2b61769e31adab006ed935a9776ecdfb8bfe' }, h("div", { key: 'd0a264a599b4db3cb289549f608f1e749c91f180', class: { steps: true, vertical: this.vertical } }, h("slot", { key: '8b275ef2551f7ad258eef17e9caffd8ca8c558b0' }))));
     }
     static get is() { return "ix-workflow-steps"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/tests/utils/test/page.js CHANGED Viewed

@@ -70,7 +70,7 @@ export const regressionTest = testBase.extend({
         page = await extendPageFixture(page, testInfo);
         await page.route('*/**/svg/*.svg', async (route, request) => {
             if (!process.env.CI) {
-                const [__, svg] = request.url().split('/svg/');
+                const [, svg] = request.url().split('/svg/');
                 console.warn(testInfo.file, testInfo.title, 'SVGs fetched by static path', svg);
                 expect(false, 'SVGs fetched by static path').toBe(true);
             }

package/dist/collection/tests/utils/test/page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/tests/utils/test/page.ts"],"names":[],"mappings":"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~~EAAE,~~GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;~~gBAC/C~~,OAAO,CAAC,IAAI,CACV,QAAQ,CAAC,IAAI,EACb,QAAQ,CAAC,KAAK,EACd,6BAA6B,EAC7B,GAAG,CACJ,CAAC;gBAEF,MAAM,CAAC,KAAK,EAAE,6BAA6B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1D,CAAC;YAED,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IACD,aAAa,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;QACrC,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CACzB,IAAI,CAAC,cAAc,CACjB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC/B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAE7C,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAC5B,CAAC;YAED,OAAO,GAAG,CAAC;QACb,CAAC,EACD;YACE,QAAQ;YACR,QAAQ;SACT,CACF,CACF,CAAC;IACJ,CAAC;IACD,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,QAAkB,EAAE,EAAE;;QACjD,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;QAC9B,MAAM,WAAW,GACf,MAAA,MAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,0CAAG,eAAe,CAAC,mCAAI,SAAS,CAAC;QAC5D,MAAM,iBAAiB,GACrB,MAAA,MAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,0CAAG,sBAAsB,CAAC,mCAAI,MAAM,CAAC;QAChE,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC;YACxB,IAAI,EAAE,GAAG,WAAW,IAAI,iBAAiB,EAAE;SAC5C,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,IAAI,CACb,qEAAqE,WAAW,yBAAyB,iBAAiB,EAAE,CAC7H,CAAC;QACF,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1E,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAC","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 {\n ElementHandle,\n Page,\n PageScreenshotOptions,\n test as testBase,\n TestInfo as _TestInfo,\n expect,\n} from '@playwright/test';\nimport type { addIcons as _addIcons } from '@siemens/ix-icons';\n\ninterface TestInfo extends _TestInfo {\n componentTest?: boolean;\n}\n\nexport type Mount = (\n selector: string,\n config?: {\n headTags?: string[];\n icons?: Record<string, string>;\n }\n) => Promise<ElementHandle<HTMLElement>>;\n\nasync function extendPageFixture(page: Page, testInfo: TestInfo) {\n const originalGoto = page.goto.bind(page);\n const originalScreenshot = page.screenshot.bind(page);\n const dataIxTheme = testInfo.project.metadata?.['data-ix-theme'] ?? 'classic';\n const dataIxColorSchema =\n testInfo.project.metadata?.['data-ix-color-schema'] ?? 'dark';\n testInfo.annotations.push({\n type: `${dataIxTheme} ${dataIxColorSchema}`,\n });\n page.goto = async (url: string, options) => {\n if (testInfo.componentTest === true) {\n return originalGoto(url, options);\n }\n\n const response = await originalGoto(\n `http://127.0.0.1:8080/src/tests/${url}?data-ix-theme=${dataIxTheme}&data-ix-color-schema=${dataIxColorSchema}`,\n options\n );\n\n await page.waitForTimeout(1000);\n return response;\n };\n\n page.screenshot = async (options?: PageScreenshotOptions) => {\n await page.waitForTimeout(150);\n return originalScreenshot(options);\n };\n\n return page;\n}\n\nasync function mountComponent(\n page: Page,\n selector: string,\n config?: {\n headTags?: string[];\n icons?: Record<string, string>;\n }\n): Promise<ElementHandle<HTMLElement>> {\n return page.evaluateHandle(\n async ({ componentSelector, config }) => {\n if (config?.headTags) {\n config.headTags.forEach((tag) => {\n const head = document.querySelector('head');\n if (!head) {\n throw new Error('No head tag found in the document.');\n }\n\n head.innerHTML += tag;\n });\n }\n\n if (config?.icons) {\n const moduleImport = await import(\n //@ts-expect-error - Only existing on runtime\n '/www/node_modules/@siemens/ix-icons/dist/index.js'\n );\n const addIcons: typeof _addIcons = moduleImport.addIcons;\n addIcons(config.icons);\n }\n\n const loadScript = document.createElement('script');\n loadScript.src = '/scripts/e2e/load-e2e-runtime.js';\n document.body.appendChild(loadScript);\n\n await new Promise<void>((resolve) => {\n loadScript.onload = async () => {\n resolve();\n };\n });\n\n await window.customElements.whenDefined('ix-button');\n const mount = document.querySelector('#mount');\n\n if (!mount) {\n throw new Error('No mount point found in the document.');\n }\n\n mount.innerHTML = componentSelector;\n return mount.children.item(0) as HTMLElement;\n },\n { componentSelector: selector, config }\n );\n}\n\nexport const regressionTest = testBase.extend<{\n mount: (\n selector: string,\n config?: {\n headTags?: string[];\n icons?: Record<string, string>;\n }\n ) => Promise<ElementHandle<HTMLElement>>;\n createElement: (\n selector: string,\n appendTo?: ElementHandle<Element>\n ) => Promise<ElementHandle<HTMLElement>>;\n}>({\n page: async ({ page }, use, testInfo) => {\n page = await extendPageFixture(page, testInfo);\n\n await page.route('/*/svg/.svg', async (route, request) => {\n if (!process.env.CI) {\n const [__, svg] = request.url().split('/svg/');\n console.warn(\n testInfo.file,\n testInfo.title,\n 'SVGs fetched by static path',\n svg\n );\n\n expect(false, 'SVGs fetched by static path').toBe(true);\n }\n\n return route.continue();\n });\n\n await use(page);\n },\n createElement: async ({ page }, use) => {\n use((selector, appendTo) =>\n page.evaluateHandle(\n async ({ selector, appendTo }) => {\n const elm = document.createElement(selector);\n\n if (appendTo) {\n appendTo.appendChild(elm);\n }\n\n return elm;\n },\n {\n selector,\n appendTo,\n }\n )\n );\n },\n mount: async ({ page }, use, testInfo: TestInfo) => {\n testInfo.componentTest = true;\n const dataIxTheme =\n testInfo.project.metadata?.['data-ix-theme'] ?? 'classic';\n const dataIxColorSchema =\n testInfo.project.metadata?.['data-ix-color-schema'] ?? 'dark';\n testInfo.annotations.push({\n type: `${dataIxTheme} ${dataIxColorSchema}`,\n });\n await page.goto(\n `http://127.0.0.1:8080/src/tests/utils/ct/index.html?data-ix-theme=${dataIxTheme}&data-ix-color-schema=${dataIxColorSchema}`\n );\n await use((selector, config) => mountComponent(page, selector, config));\n },\n});\n\nexport const test = regressionTest;\n"]}
1	+ {"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/tests/utils/test/page.ts"],"names":[],"mappings":"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","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 {\n ElementHandle,\n Page,\n PageScreenshotOptions,\n test as testBase,\n TestInfo as _TestInfo,\n expect,\n} from '@playwright/test';\nimport type { addIcons as _addIcons } from '@siemens/ix-icons';\n\ninterface TestInfo extends _TestInfo {\n componentTest?: boolean;\n}\n\nexport type Mount = (\n selector: string,\n config?: {\n headTags?: string[];\n icons?: Record<string, string>;\n }\n) => Promise<ElementHandle<HTMLElement>>;\n\nasync function extendPageFixture(page: Page, testInfo: TestInfo) {\n const originalGoto = page.goto.bind(page);\n const originalScreenshot = page.screenshot.bind(page);\n const dataIxTheme = testInfo.project.metadata?.['data-ix-theme'] ?? 'classic';\n const dataIxColorSchema =\n testInfo.project.metadata?.['data-ix-color-schema'] ?? 'dark';\n testInfo.annotations.push({\n type: `${dataIxTheme} ${dataIxColorSchema}`,\n });\n page.goto = async (url: string, options) => {\n if (testInfo.componentTest === true) {\n return originalGoto(url, options);\n }\n\n const response = await originalGoto(\n `http://127.0.0.1:8080/src/tests/${url}?data-ix-theme=${dataIxTheme}&data-ix-color-schema=${dataIxColorSchema}`,\n options\n );\n\n await page.waitForTimeout(1000);\n return response;\n };\n\n page.screenshot = async (options?: PageScreenshotOptions) => {\n await page.waitForTimeout(150);\n return originalScreenshot(options);\n };\n\n return page;\n}\n\nasync function mountComponent(\n page: Page,\n selector: string,\n config?: {\n headTags?: string[];\n icons?: Record<string, string>;\n }\n): Promise<ElementHandle<HTMLElement>> {\n return page.evaluateHandle(\n async ({ componentSelector, config }) => {\n if (config?.headTags) {\n config.headTags.forEach((tag) => {\n const head = document.querySelector('head');\n if (!head) {\n throw new Error('No head tag found in the document.');\n }\n\n head.innerHTML += tag;\n });\n }\n\n if (config?.icons) {\n const moduleImport = await import(\n //@ts-expect-error - Only existing on runtime\n '/www/node_modules/@siemens/ix-icons/dist/index.js'\n );\n const addIcons: typeof _addIcons = moduleImport.addIcons;\n addIcons(config.icons);\n }\n\n const loadScript = document.createElement('script');\n loadScript.src = '/scripts/e2e/load-e2e-runtime.js';\n document.body.appendChild(loadScript);\n\n await new Promise<void>((resolve) => {\n loadScript.onload = async () => {\n resolve();\n };\n });\n\n await window.customElements.whenDefined('ix-button');\n const mount = document.querySelector('#mount');\n\n if (!mount) {\n throw new Error('No mount point found in the document.');\n }\n\n mount.innerHTML = componentSelector;\n return mount.children.item(0) as HTMLElement;\n },\n { componentSelector: selector, config }\n );\n}\n\nexport const regressionTest = testBase.extend<{\n mount: (\n selector: string,\n config?: {\n headTags?: string[];\n icons?: Record<string, string>;\n }\n ) => Promise<ElementHandle<HTMLElement>>;\n createElement: (\n selector: string,\n appendTo?: ElementHandle<Element>\n ) => Promise<ElementHandle<HTMLElement>>;\n}>({\n page: async ({ page }, use, testInfo) => {\n page = await extendPageFixture(page, testInfo);\n\n await page.route('/*/svg/.svg', async (route, request) => {\n if (!process.env.CI) {\n const [, svg] = request.url().split('/svg/');\n console.warn(\n testInfo.file,\n testInfo.title,\n 'SVGs fetched by static path',\n svg\n );\n\n expect(false, 'SVGs fetched by static path').toBe(true);\n }\n\n return route.continue();\n });\n\n await use(page);\n },\n createElement: async ({ page }, use) => {\n use((selector, appendTo) =>\n page.evaluateHandle(\n async ({ selector, appendTo }) => {\n const elm = document.createElement(selector);\n\n if (appendTo) {\n appendTo.appendChild(elm);\n }\n\n return elm;\n },\n {\n selector,\n appendTo,\n }\n )\n );\n },\n mount: async ({ page }, use, testInfo: TestInfo) => {\n testInfo.componentTest = true;\n const dataIxTheme =\n testInfo.project.metadata?.['data-ix-theme'] ?? 'classic';\n const dataIxColorSchema =\n testInfo.project.metadata?.['data-ix-color-schema'] ?? 'dark';\n testInfo.annotations.push({\n type: `${dataIxTheme} ${dataIxColorSchema}`,\n });\n await page.goto(\n `http://127.0.0.1:8080/src/tests/utils/ct/index.html?data-ix-theme=${dataIxTheme}&data-ix-color-schema=${dataIxColorSchema}`\n );\n await use((selector, config) => mountComponent(page, selector, config));\n },\n});\n\nexport const test = regressionTest;\n"]}

package/dist/esm/app-globals-CdXXZdec.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { a as appGlobalScript } from './setup-BHVEOpQp.js';
+const globalScripts = appGlobalScript;
+export { globalScripts as g };
+//# sourceMappingURL=app-globals-CdXXZdec.js.map
+//# sourceMappingURL=app-globals-CdXXZdec.js.map

package/dist/esm/{app-globals-CX3toLCD.js.map → app-globals-CdXXZdec.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-globals-~~CX3toLCD~~.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import appGlobalScript from '/home/runner/work/ix/ix/packages/core/src/setup.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;AACY,MAAC,aAAa,GAAG;;;;"}
1	+ {"version":3,"file":"app-globals-CdXXZdec.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import appGlobalScript from '/home/runner/work/ix/ix/packages/core/src/setup.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;AACY,MAAC,aAAa,GAAG;;;;"}

package/dist/esm/{base-button-Bl5hXxqL.js → base-button-TVpiK7pg.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { h } from './index-DGODjp4O.js';
+import { h } from './index-CtoreFVF.js';
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -68,6 +68,6 @@ const BaseButton = (props, children) => {
 };
 export { BaseButton as B, getButtonClasses as g };
-//# sourceMappingURL=base-button-Bl5hXxqL.js.map
+//# sourceMappingURL=base-button-TVpiK7pg.js.map
-//# sourceMappingURL=base-button-Bl5hXxqL.js.map
+//# sourceMappingURL=base-button-TVpiK7pg.js.map

package/dist/esm/{base-button-Bl5hXxqL.js.map → base-button-TVpiK7pg.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-button-~~Bl5hXxqL~~.js","sources":["src/components/button/base-button.tsx"],"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 */\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport { ButtonVariant } from './button';\nimport { AnchorInterface } from './button.interface';\n\nexport type ButtonAlignment = 'center' \| 'start';\n\nexport const getButtonClasses = (\n variant: ButtonVariant,\n iconOnly = false,\n iconOval = false,\n selected: boolean,\n disabled: boolean\n) => {\n return {\n btn: true,\n [`btn-${variant}`]: true,\n 'btn-icon': iconOnly,\n 'btn-oval': iconOval,\n selected: selected,\n disabled: disabled,\n };\n};\n\nexport type BaseButtonProps = {\n type: string;\n variant: ButtonVariant;\n iconOnly: boolean;\n iconOval: boolean;\n selected: boolean;\n disabled: boolean;\n loading: boolean;\n icon?: string;\n iconRight?: string;\n onClick?: Function;\n ariaAttributes?: A11yAttributes;\n extraClasses?: { [key: string]: boolean };\n iconSize?: string;\n iconColor?: string;\n alignment?: ButtonAlignment;\n tabIndex?: number;\n afterContent?: any;\n} & AnchorInterface;\n\nconst getSpinnerSize = (btnProps: BaseButtonProps) => {\n if (!btnProps.icon) {\n return 'small';\n }\n\n switch (btnProps.iconSize) {\n case '12':\n return 'xx-small';\n case '16':\n return 'x-small';\n default:\n return 'small';\n }\n};\n\nconst handleOnClick = (e: Event, props: BaseButtonProps) => {\n if (props.disabled \|\| props.loading) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n if (props.onClick) {\n props.onClick(e);\n }\n};\n\nexport const BaseButton: FunctionalComponent<BaseButtonProps> = (\n props: BaseButtonProps,\n children\n) => {\n const extraClasses = props.extraClasses ?? {};\n\n const ariaAttributes = props.ariaAttributes ?? {};\n if (!ariaAttributes['aria-disabled'] && props.disabled) {\n ariaAttributes['aria-disabled'] = 'true';\n }\n\n const commonAttributes = {\n ...ariaAttributes,\n tabindex: props.disabled ? -1 : (props.tabIndex ?? 0),\n class: {\n ...getButtonClasses(\n props.variant,\n props.iconOnly,\n props.iconOval,\n props.selected,\n props.disabled \|\| props.loading\n ),\n ...extraClasses,\n },\n };\n\n const buttonContent = [\n props.loading ? (\n <ix-spinner size={getSpinnerSize(props)} hideTrack></ix-spinner>\n ) : null,\n props.icon && !props.loading ? (\n <ix-icon\n class=\"icon\"\n name={props.icon}\n size={props.iconSize as any}\n color={props.iconColor}\n ></ix-icon>\n ) : null,\n <div\n class={{\n content: true,\n [`content-${props.alignment}`]: !!props.alignment,\n }}\n >\n {children}\n </div>,\n props.iconRight ? (\n <ix-icon\n class=\"icon-right\"\n name={props.iconRight}\n size={props.iconSize as any}\n color={props.iconColor}\n ></ix-icon>\n ) : null,\n props.afterContent ? props.afterContent : null,\n ];\n\n // If href is provided, render as an anchor tag\n if (props.href) {\n return (\n <a\n {...commonAttributes}\n href={props.disabled ? undefined : props.href}\n target={props.target}\n role=\"button\"\n rel={props.rel}\n onClick={(e: Event) => handleOnClick(e, props)}\n >\n {buttonContent}\n </a>\n );\n }\n\n // Otherwise, render as a button\n return (\n <button\n {...commonAttributes}\n onClick={(e: Event) => handleOnClick(e, props)}\n type={props.type}\n >\n {buttonContent}\n </button>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"base-button-TVpiK7pg.js","sources":["src/components/button/base-button.tsx"],"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 */\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport { ButtonVariant } from './button';\nimport { AnchorInterface } from './button.interface';\n\nexport type ButtonAlignment = 'center' \| 'start';\n\nexport const getButtonClasses = (\n variant: ButtonVariant,\n iconOnly = false,\n iconOval = false,\n selected: boolean,\n disabled: boolean\n) => {\n return {\n btn: true,\n [`btn-${variant}`]: true,\n 'btn-icon': iconOnly,\n 'btn-oval': iconOval,\n selected: selected,\n disabled: disabled,\n };\n};\n\nexport type BaseButtonProps = {\n type: string;\n variant: ButtonVariant;\n iconOnly: boolean;\n iconOval: boolean;\n selected: boolean;\n disabled: boolean;\n loading: boolean;\n icon?: string;\n iconRight?: string;\n onClick?: Function;\n ariaAttributes?: A11yAttributes;\n extraClasses?: { [key: string]: boolean };\n iconSize?: string;\n iconColor?: string;\n alignment?: ButtonAlignment;\n tabIndex?: number;\n afterContent?: any;\n} & AnchorInterface;\n\nconst getSpinnerSize = (btnProps: BaseButtonProps) => {\n if (!btnProps.icon) {\n return 'small';\n }\n\n switch (btnProps.iconSize) {\n case '12':\n return 'xx-small';\n case '16':\n return 'x-small';\n default:\n return 'small';\n }\n};\n\nconst handleOnClick = (e: Event, props: BaseButtonProps) => {\n if (props.disabled \|\| props.loading) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n if (props.onClick) {\n props.onClick(e);\n }\n};\n\nexport const BaseButton: FunctionalComponent<BaseButtonProps> = (\n props: BaseButtonProps,\n children\n) => {\n const extraClasses = props.extraClasses ?? {};\n\n const ariaAttributes = props.ariaAttributes ?? {};\n if (!ariaAttributes['aria-disabled'] && props.disabled) {\n ariaAttributes['aria-disabled'] = 'true';\n }\n\n const commonAttributes = {\n ...ariaAttributes,\n tabindex: props.disabled ? -1 : (props.tabIndex ?? 0),\n class: {\n ...getButtonClasses(\n props.variant,\n props.iconOnly,\n props.iconOval,\n props.selected,\n props.disabled \|\| props.loading\n ),\n ...extraClasses,\n },\n };\n\n const buttonContent = [\n props.loading ? (\n <ix-spinner size={getSpinnerSize(props)} hideTrack></ix-spinner>\n ) : null,\n props.icon && !props.loading ? (\n <ix-icon\n class=\"icon\"\n name={props.icon}\n size={props.iconSize as any}\n color={props.iconColor}\n ></ix-icon>\n ) : null,\n <div\n class={{\n content: true,\n [`content-${props.alignment}`]: !!props.alignment,\n }}\n >\n {children}\n </div>,\n props.iconRight ? (\n <ix-icon\n class=\"icon-right\"\n name={props.iconRight}\n size={props.iconSize as any}\n color={props.iconColor}\n ></ix-icon>\n ) : null,\n props.afterContent ? props.afterContent : null,\n ];\n\n // If href is provided, render as an anchor tag\n if (props.href) {\n return (\n <a\n {...commonAttributes}\n href={props.disabled ? undefined : props.href}\n target={props.target}\n role=\"button\"\n rel={props.rel}\n onClick={(e: Event) => handleOnClick(e, props)}\n >\n {buttonContent}\n </a>\n );\n }\n\n // Otherwise, render as a button\n return (\n <button\n {...commonAttributes}\n onClick={(e: Event) => handleOnClick(e, props)}\n type={props.type}\n >\n {buttonContent}\n </button>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/{base-icon-button-BZGQFXiY.js → base-icon-button-B3ULQ24g.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { h } from './index-DGODjp4O.js';
-import { B as BaseButton } from './base-button-Bl5hXxqL.js';
+import { h } from './index-CtoreFVF.js';
+import { B as BaseButton } from './base-button-TVpiK7pg.js';
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -14,6 +14,6 @@ function BaseIconButton(props) {
 }
 export { BaseIconButton as B };
-//# sourceMappingURL=base-icon-button-BZGQFXiY.js.map
+//# sourceMappingURL=base-icon-button-B3ULQ24g.js.map
-//# sourceMappingURL=base-icon-button-BZGQFXiY.js.map
+//# sourceMappingURL=base-icon-button-B3ULQ24g.js.map