@siemens/ix 0.0.0-pr-2155-20250924075220 → 0.0.0-pr-2166-20251001083917

package/dist/collection/components/validation-tooltip/validation-tooltip.css

@@ -1,225 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/* Dimensions */
-/* Font sizes */
-/* Line heights */
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-.text-xs {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.625rem;
-  font-weight: 400;
-  line-height: 1.4em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-s {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.75rem;
-  font-weight: 400;
-  line-height: 1.5em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-caption {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.75rem;
-  font-weight: 700;
-  line-height: 1.5em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-caption-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.75rem;
-  font-weight: 700;
-  line-height: 1em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-default {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.875rem;
-  font-weight: 400;
-  line-height: 1.429em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-default-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.875rem;
-  font-weight: 400;
-  line-height: 1.143em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-default-title {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.875rem;
-  font-weight: 700;
-  line-height: 1.429em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-default-title-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.875rem;
-  font-weight: 700;
-  line-height: 1.143em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-l {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-l-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.25em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-l-title {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1rem;
-  font-weight: 700;
-  line-height: 1.5em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-l-title-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1rem;
-  font-weight: 700;
-  line-height: 1.25em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-h2 {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1.375rem;
-  font-weight: 700;
-  line-height: 1.455em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-xl {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1.375rem;
-  font-weight: 400;
-  line-height: 1.091em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-a {
-  color: var(--theme-color-primary);
-}
-
-:host {
-  display: inline-block;
-  position: relative;
-  width: 100%;
-  z-index: var(--theme-z-index-tooltip);
-}
-:host .validation-tooltip {
-  background-color: var(--theme-tooltip--background);
-  color: var(--theme-tooltip--color);
-  padding: 5px 10px;
-  border-radius: 4px;
-  font-size: 13px;
-  border: 1px solid var(--theme-tooltip--border-color);
-  box-shadow: 0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1);
-}
-:host .validation-tooltip #arrow,
-:host .validation-tooltip #arrow::before {
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  background: inherit;
-}
-:host .validation-tooltip #arrow {
-  visibility: hidden;
-}
-:host .validation-tooltip #arrow::before {
-  visibility: visible;
-  content: "";
-  transform: rotate(45deg);
-  background-color: var(--theme-tooltip--background);
-}
-:host .validation-tooltip > #arrow {
-  bottom: -5px;
-}
-:host .validation-tooltip > #arrow::before {
-  border-right: 1px solid var(--theme-tooltip--border-color);
-  border-bottom: 1px solid var(--theme-tooltip--border-color);
-}

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

@@ -1,250 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { arrow, autoUpdate, computePosition, flip, inline, offset, shift, } from "@floating-ui/dom";
-import { h, Host } from "@stencil/core";
-/**
- * @slot tooltip-message - Custom tooltip message with html support
- *
- * @deprecated Will be removed with 4.0.0
- */
-export class ValidationTooltip {
-    constructor() {
-        /**
-         * Placement of the tooltip
-         */
-        this.placement = 'top';
-        /**
-         * Suppress the automatic placement of the dropdown.
-         */
-        this.suppressAutomaticPlacement = false;
-        this.isInputValid = true;
-        this.onSubmitBind = this.onSubmit.bind(this);
-        this.onInputFocusBind = this.onInputFocus.bind(this);
-    }
-    get arrow() {
-        return this.hostElement.shadowRoot.querySelector('#arrow');
-    }
-    get inputElement() {
-        return this.hostElement.querySelector('input');
-    }
-    get formElement() {
-        var _a;
-        return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.form;
-    }
-    get tooltipElement() {
-        return this.hostElement.shadowRoot.querySelector('.validation-tooltip');
-    }
-    destroyAutoUpdate() {
-        if (this.tooltipElement) {
-            this.tooltipElement.style.display = 'none';
-        }
-        if (this.autoUpdateCleanup) {
-            this.autoUpdateCleanup();
-        }
-    }
-    applyTooltipPosition() {
-        this.tooltipElement.style.display = 'block';
-        let positionConfig = {
-            strategy: 'fixed',
-            middleware: [
-                inline(),
-                shift(),
-                offset({
-                    mainAxis: 8,
-                }),
-            ],
-        };
-        if (!positionConfig.middleware) {
-            positionConfig.middleware = [];
-        }
-        if (!this.suppressAutomaticPlacement) {
-            positionConfig.middleware.push(flip({ fallbackStrategy: 'initialPlacement' }));
-        }
-        positionConfig.placement = this.placement;
-        this.autoUpdateCleanup = autoUpdate(this.inputElement, this.tooltipElement, async () => {
-            positionConfig.middleware = [
-                ...positionConfig.middleware,
-                arrow({
-                    element: this.arrow,
-                }),
-            ];
-            const computeResponse = await computePosition(this.inputElement, this.tooltipElement, positionConfig);
-            if (computeResponse.middlewareData.arrow) {
-                const { x, y } = computeResponse.middlewareData.arrow;
-                this.arrowPosition = {
-                    x,
-                    y,
-                };
-                Object.assign(this.arrow.style, {
-                    left: x != null ? `${x}px` : '',
-                    top: y != null ? `${y}px` : '',
-                });
-            }
-            this.tooltipPosition = {
-                x: computeResponse.x,
-                y: computeResponse.y,
-            };
-        }, {
-            ancestorResize: true,
-            ancestorScroll: true,
-            elementResize: true,
-        });
-    }
-    componentDidLoad() {
-        if (!this.inputElement) {
-            throw Error('Validation tooltip is only working with an direct input child.');
-        }
-        if (!this.formElement) {
-            throw Error('Validation tooltip is only working with an form element.');
-        }
-        this.formElement.addEventListener('submit', this.onSubmitBind);
-        this.inputElement.addEventListener('focus', this.onInputFocusBind);
-        this.observer = new MutationObserver(() => {
-            if (this.inputElement.classList.contains('is-invalid')) {
-                this.isInputValid = false;
-                this.validationChanged();
-            }
-        });
-        this.observer.observe(this.inputElement, {
-            childList: false,
-            subtree: false,
-            attributes: true,
-            attributeFilter: ['class'],
-        });
-    }
-    onInputFocus() {
-        this.isInputValid = true;
-    }
-    onSubmit() {
-        if (this.formElement.classList.contains('needs-validation')) {
-            this.isInputValid = this.inputElement.validity.valid;
-        }
-    }
-    disconnectedCallback() {
-        var _a, _b, _c;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.destroyAutoUpdate();
-        (_b = this.formElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('submit', this.onSubmitBind);
-        (_c = this.inputElement) === null || _c === void 0 ? void 0 : _c.removeEventListener('focus', this.onInputFocusBind);
-    }
-    validationChanged() {
-        if (!this.isInputValid) {
-            this.applyTooltipPosition();
-        }
-        else {
-            this.destroyAutoUpdate();
-        }
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return (h(Host, { key: '4fb1bd884352a044ab9d4ea2eb70d2d80b331ebf' }, h("slot", { key: '67df32333b98236630a4caf63776ea634129d1ae' }), h("div", { key: '19cd5c7800c381a86b7135fb4538f3cad08abe46', 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" }))));
-    }
-    static get is() { return "ix-validation-tooltip"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["validation-tooltip.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["validation-tooltip.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "message": {
-                "type": "string",
-                "attribute": "message",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Message of the tooltip"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "placement": {
-                "type": "string",
-                "attribute": "placement",
-                "mutable": false,
-                "complexType": {
-                    "original": "Side",
-                    "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
-                    "references": {
-                        "Side": {
-                            "location": "import",
-                            "path": "../dropdown/placement",
-                            "id": "src/components/dropdown/placement.ts::Side"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Placement of the tooltip"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'top'"
-            },
-            "suppressAutomaticPlacement": {
-                "type": "boolean",
-                "attribute": "suppress-automatic-placement",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Suppress the automatic placement of the dropdown."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isInputValid": {},
-            "tooltipPosition": {},
-            "arrowPosition": {}
-        };
-    }
-    static get elementRef() { return "hostElement"; }
-    static get watchers() {
-        return [{
-                "propName": "isInputValid",
-                "methodName": "validationChanged"
-            }];
-    }
-}
-//# sourceMappingURL=validation-tooltip.js.map

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

@@ -1 +0,0 @@
-{"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"]}

package/dist/esm/find-element-CFRrPFxi.js

@@ -1,103 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Will try to resolve the selector in the light dom, shadow dom or slot
- * @param selector The selector to resolve
- * @param hostElement The element to start the search from
- * @returns Promise with the resolved elements or undefined if not found
- */
-async function resolveSelector(selector, hostElement) {
-    const elements = Array.from(document.querySelectorAll(selector));
-    if (elements.length > 0) {
-        return Promise.resolve(elements);
-    }
-    if (hostElement === undefined) {
-        return Promise.resolve(undefined);
-    }
-    const shadowRoot = getRootFor(hostElement);
-    if (shadowRoot === undefined || !(shadowRoot instanceof ShadowRoot)) {
-        return Promise.resolve(undefined);
-    }
-    const elementsInShadowRoot = Array.from(shadowRoot.querySelectorAll(selector));
-    const elementsInHost = Array.from(shadowRoot.host.querySelectorAll(selector));
-    const elementsInComponent = [
-        ...elementsInHost,
-        ...elementsInShadowRoot,
-    ];
-    if (elementsInComponent.length > 0) {
-        return Promise.resolve(elementsInComponent);
-    }
-    return Promise.resolve(undefined);
-}
-/**
- * Walk up the DOM to find the nearest shadow root
- * @param element The element to get the root for
- * @param parent This will determine how far up the DOM to travel to find the root
- * @returns The root element
- */
-function getRootFor(element, parent = document.body) {
-    if (!element.parentElement && !element.parentNode) {
-        return undefined;
-    }
-    if (element.parentNode instanceof ShadowRoot) {
-        return element.parentNode;
-    }
-    let currentNode = element.parentElement;
-    while (currentNode) {
-        if (currentNode.shadowRoot) {
-            return currentNode.shadowRoot;
-        }
-        else if (currentNode.parentNode instanceof ShadowRoot) {
-            return currentNode.parentNode;
-        }
-        currentNode = currentNode.parentElement;
-    }
-    return parent;
-}
-function waitForSelector(selector, node = document, hostElement) {
-    return new Promise((resolve) => {
-        const waitForElements = () => {
-            resolveSelector(selector, hostElement).then((elements) => {
-                if (elements && elements.length > 0) {
-                    resolve(elements[0]);
-                    observer === null || observer === void 0 ? void 0 : observer.disconnect();
-                }
-            });
-        };
-        waitForElements();
-        const observer = new MutationObserver(() => {
-            waitForElements();
-        });
-        observer.observe(node.body, {
-            childList: true,
-            subtree: true,
-        });
-    });
-}
-/**
- * Find an element by ID or reference
- * @param element The element to find
- * @param hostElement The element to start the search from
- * @returns A promise that will resolve to the element
- */
-function findElement(element, hostElement) {
-    if (element instanceof Promise) {
-        return element;
-    }
-    if (typeof element === 'object') {
-        return Promise.resolve(element);
-    }
-    const selector = `#${element}`;
-    return waitForSelector(selector, document, hostElement);
-}
-
-export { findElement as f, resolveSelector as r };
-//# sourceMappingURL=find-element-CFRrPFxi.js.map
-
-//# sourceMappingURL=find-element-CFRrPFxi.js.map

package/dist/esm/find-element-CFRrPFxi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"find-element-CFRrPFxi.js","sources":["src/components/utils/find-element.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\n/**\n * Will try to resolve the selector in the light dom, shadow dom or slot\n * @param selector The selector to resolve\n * @param hostElement The element to start the search from\n * @returns Promise with the resolved elements or undefined if not found\n */\nexport async function resolveSelector(\n  selector: string,\n  hostElement?: HTMLElement\n): Promise<HTMLElement[] | undefined> {\n  const elements: HTMLElement[] = Array.from(\n    document.querySelectorAll(selector)\n  );\n\n  if (elements.length > 0) {\n    return Promise.resolve(elements);\n  }\n\n  if (hostElement === undefined) {\n    return Promise.resolve(undefined);\n  }\n\n  const shadowRoot = getRootFor(hostElement);\n\n  if (shadowRoot === undefined || !(shadowRoot instanceof ShadowRoot)) {\n    return Promise.resolve(undefined);\n  }\n\n  const elementsInShadowRoot: HTMLElement[] = Array.from(\n    shadowRoot.querySelectorAll(selector)\n  );\n\n  const elementsInHost: HTMLElement[] = Array.from(\n    shadowRoot.host.querySelectorAll(selector)\n  );\n\n  const elementsInComponent: HTMLElement[] = [\n    ...elementsInHost,\n    ...elementsInShadowRoot,\n  ];\n\n  if (elementsInComponent.length > 0) {\n    return Promise.resolve(elementsInComponent);\n  }\n\n  return Promise.resolve(undefined);\n}\n\n/**\n * Walk up the DOM to find the nearest shadow root\n * @param element The element to get the root for\n * @param parent This will determine how far up the DOM to travel to find the root\n * @returns The root element\n */\nexport function getRootFor(element: HTMLElement, parent = document.body) {\n  if (!element.parentElement && !element.parentNode) {\n    return undefined;\n  }\n\n  if (element.parentNode instanceof ShadowRoot) {\n    return element.parentNode;\n  }\n\n  let currentNode = element.parentElement;\n\n  while (currentNode) {\n    if (currentNode.shadowRoot) {\n      return currentNode.shadowRoot;\n    } else if (currentNode.parentNode instanceof ShadowRoot) {\n      return currentNode.parentNode;\n    }\n\n    currentNode = currentNode.parentElement;\n  }\n\n  return parent;\n}\n\nexport function waitForSelector(\n  selector: string,\n  node = document,\n  hostElement?: HTMLElement\n): Promise<Element> {\n  return new Promise((resolve) => {\n    const waitForElements = () => {\n      resolveSelector(selector, hostElement).then((elements) => {\n        if (elements && elements.length > 0) {\n          resolve(elements[0]);\n          observer?.disconnect();\n        }\n      });\n    };\n\n    waitForElements();\n\n    const observer = new MutationObserver(() => {\n      waitForElements();\n    });\n\n    observer.observe(node.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n}\n\n/**\n * Find an element by ID or reference\n * @param element The element to find\n * @param hostElement The element to start the search from\n * @returns A promise that will resolve to the element\n */\nexport function findElement(\n  element: string | HTMLElement | Promise<HTMLElement>,\n  hostElement?: HTMLElement\n): Promise<Element> {\n  if (element instanceof Promise) {\n    return element;\n  }\n\n  if (typeof element === 'object') {\n    return Promise.resolve(element);\n  }\n\n  const selector = `#${element}`;\n  return waitForSelector(selector, document, hostElement);\n}\n"],"names":[],"mappings":"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"}