@siemens/ix 4.4.0 → 5.1.0

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,251 +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 Since 3.0.0. Will be removed with 5.0.0
- * Not maintained anymore.
- */
-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: '804b1c0a4c819e6e454a61f70f19c112807c3f41' }, h("slot", { key: 'e61d2a3b69a8454d0ce098519a2be0810c016535' }), h("div", { key: 'e1b70a7dadf9c20adf6948e341af33f4b58e8f1b', 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: '88ffad7d29394f55e1718b1b7f05802797552d1a', name: "tooltip-message" }), h("div", { key: '0de20e8724bee32fc6e8df066e0666e2a2f65801', 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",
-                "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,
-                "attribute": "message"
-            },
-            "placement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "Side",
-                    "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
-                    "references": {
-                        "Side": {
-                            "location": "import",
-                            "path": "../dropdown/placement",
-                            "id": "src/components/dropdown/placement.ts::Side",
-                            "referenceLocation": "Side"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Placement of the tooltip"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placement",
-                "defaultValue": "'top'"
-            },
-            "suppressAutomaticPlacement": {
-                "type": "boolean",
-                "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,
-                "attribute": "suppress-automatic-placement",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isInputValid": {},
-            "tooltipPosition": {},
-            "arrowPosition": {}
-        };
-    }
-    static get elementRef() { return "hostElement"; }
-    static get watchers() {
-        return [{
-                "propName": "isInputValid",
-                "methodName": "validationChanged"
-            }];
-    }
-}

package/dist/esm/animation-BLaucX4x.js

@@ -1,98 +0,0 @@
-var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m")
-        throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _a, _Animation_FALLBACKS, _Animation_cache;
-class Animation {
-    static parseTime(raw, fallback) {
-        const value = raw.trim();
-        if (value.length === 0)
-            return fallback;
-        const match = value.match(/^(-?\d*\.?\d+)(ms|s)?$/);
-        if (!match)
-            return fallback;
-        const [, amount, unit = 'ms'] = match;
-        const parsed = Number(amount);
-        if (!Number.isFinite(parsed))
-            return fallback;
-        return unit === 's' ? parsed * 1000 : parsed;
-    }
-    static ensureCache() {
-        if (__classPrivateFieldGet(this, _a, "f", _Animation_cache) !== null)
-            return;
-        if (typeof window === 'undefined') {
-            // SSR only
-            __classPrivateFieldSet(this, _a, Object.assign({}, __classPrivateFieldGet(this, _a, "f", _Animation_FALLBACKS)), "f", _Animation_cache);
-            return;
-        }
-        const root = document.documentElement || document.body;
-        const styles = window.getComputedStyle(root);
-        const read = (varName, fallback) => {
-            var _b;
-            const raw = (_b = styles.getPropertyValue(varName)) === null || _b === void 0 ? void 0 : _b.trim();
-            if (!raw)
-                return fallback;
-            return this.parseTime(raw, fallback);
-        };
-        __classPrivateFieldSet(this, _a, {
-            short: read('--theme-short-time', __classPrivateFieldGet(this, _a, "f", _Animation_FALLBACKS).short),
-            default: read('--theme-default-time', __classPrivateFieldGet(this, _a, "f", _Animation_FALLBACKS).default),
-            medium: read('--theme-medium-time', __classPrivateFieldGet(this, _a, "f", _Animation_FALLBACKS).medium),
-            slow: read('--theme-slow-time', __classPrivateFieldGet(this, _a, "f", _Animation_FALLBACKS).slow),
-            xslow: read('--theme-x-slow-time', __classPrivateFieldGet(this, _a, "f", _Animation_FALLBACKS).xslow),
-        }, "f", _Animation_cache);
-    }
-    static prefersReducedMotion() {
-        if (typeof window === 'undefined' || !window.matchMedia)
-            return false;
-        return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-    }
-    static get shortTime() {
-        this.ensureCache();
-        const t = __classPrivateFieldGet(this, _a, "f", _Animation_cache).short;
-        return this.prefersReducedMotion() ? 0 : t;
-    }
-    static get defaultTime() {
-        this.ensureCache();
-        const t = __classPrivateFieldGet(this, _a, "f", _Animation_cache).default;
-        return this.prefersReducedMotion() ? 0 : t;
-    }
-    static get mediumTime() {
-        this.ensureCache();
-        const t = __classPrivateFieldGet(this, _a, "f", _Animation_cache).medium;
-        return this.prefersReducedMotion() ? 0 : t;
-    }
-    static get slowTime() {
-        this.ensureCache();
-        const t = __classPrivateFieldGet(this, _a, "f", _Animation_cache).slow;
-        return this.prefersReducedMotion() ? 0 : t;
-    }
-    static get xSlowTime() {
-        this.ensureCache();
-        const t = __classPrivateFieldGet(this, _a, "f", _Animation_cache).xslow;
-        return this.prefersReducedMotion() ? 0 : t;
-    }
-}
-_a = Animation;
-_Animation_FALLBACKS = { value: {
-        short: 0,
-        default: 150,
-        medium: 300,
-        slow: 500,
-        xslow: 1000,
-    } };
-_Animation_cache = { value: null };
-
-export { Animation as A };

package/dist/esm/app-globals-Ciii0tIL.js

@@ -1,6 +0,0 @@
-import { s as setup } from './setup-eUHKNfBC.js';
-
-const appGlobalScript = setup || (() => {});
-const globalScripts = appGlobalScript;
-
-export { globalScripts as g };