@siemens/ix 4.4.0 → 5.0.0

package/dist/cjs/shadow-dom-DT01VwcB.js

@@ -1,48 +0,0 @@
-'use strict';
-
-/*
- * 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.
- */
-function closestElement(selector, el) {
-    if (!el) {
-        return null;
-    }
-    return (el.closest(selector) ||
-        closestElement(selector, el.getRootNode().host));
-}
-function getSlottedElements(slot) {
-    return slot.assignedElements({ flatten: true });
-}
-function hasSlottedElements(slot) {
-    if (!slot) {
-        return false;
-    }
-    return slot.assignedElements({ flatten: true }).length !== 0;
-}
-function closestPassShadow(node, selector) {
-    if (!node) {
-        return null;
-    }
-    if (node instanceof ShadowRoot) {
-        return closestPassShadow(node.host, selector);
-    }
-    if (node instanceof HTMLElement) {
-        if (node.matches(selector)) {
-            return node;
-        }
-        else {
-            return closestPassShadow(node.parentNode, selector);
-        }
-    }
-    return closestPassShadow(node.parentNode, selector);
-}
-
-exports.closestElement = closestElement;
-exports.closestPassShadow = closestPassShadow;
-exports.getSlottedElements = getSlottedElements;
-exports.hasSlottedElements = hasSlottedElements;

package/dist/cjs/theme-switcher-BfjZ3MX8.js

@@ -1,175 +0,0 @@
-'use strict';
-
-var typedEvent = require('./typed-event-DxWATHPL.js');
-
-/*
- * SPDX-FileCopyrightText: 2025 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.
- */
-const dataIxTheme = 'data-ix-theme';
-const dataIxColorSchema = 'data-ix-color-schema';
-class ThemeSwitcher {
-    hasVariantSuffix(className) {
-        return (className.endsWith(this.suffixDark) ||
-            className.endsWith(this.suffixLight));
-    }
-    isThemeClass(className) {
-        return (className.startsWith(this.prefixTheme) && this.hasVariantSuffix(className));
-    }
-    getMode() {
-        const colorSchema = document.documentElement.dataset.ixColorSchema;
-        if (colorSchema === 'dark' || colorSchema === 'light') {
-            return colorSchema;
-        }
-        const bodyThemeClass = this.getThemeClassFromBody();
-        if (bodyThemeClass) {
-            return bodyThemeClass.endsWith(this.suffixDark) ? 'dark' : 'light';
-        }
-        return getCurrentSystemAppearance();
-    }
-    getThemeClassFromBody() {
-        if (!document.body) {
-            return undefined;
-        }
-        return (document.body.className || '')
-            .split(' ')
-            .find((cls) => cls && this.isThemeClass(cls));
-    }
-    setTheme(themeName, systemAppearance = false) {
-        if (this.isThemeClass(themeName)) {
-            this.replaceThemeClass(themeName);
-        }
-        else {
-            document.documentElement.dataset.ixTheme = themeName;
-        }
-        if (systemAppearance) {
-            this.setVariant();
-        }
-    }
-    replaceThemeClass(themeName) {
-        const oldThemes = Array.from(document.documentElement.classList).filter((cls) => this.isThemeClass(cls));
-        document.documentElement.classList.remove(...oldThemes);
-        document.documentElement.classList.add(themeName);
-    }
-    toggleMode() {
-        if (document.documentElement.hasAttribute(dataIxColorSchema)) {
-            const currentSchema = document.documentElement.dataset.ixColorSchema;
-            document.documentElement.dataset.ixColorSchema =
-                currentSchema === 'dark' ? 'light' : 'dark';
-            return;
-        }
-        const bodyThemeClass = this.getThemeClassFromBody();
-        if (bodyThemeClass) {
-            const newTheme = bodyThemeClass.replace(/-(dark|light)$/, (m) => m === '-dark' ? '-light' : '-dark');
-            document.body.classList.remove(bodyThemeClass);
-            document.body.classList.add(newTheme);
-            this.themeChanged.emit(newTheme);
-            this.schemaChanged.emit(newTheme.endsWith(this.suffixDark) ? 'dark' : 'light');
-            return;
-        }
-        const newMode = this.defaultTheme.endsWith(this.suffixDark)
-            ? 'light'
-            : 'dark';
-        if (!document.documentElement.hasAttribute(dataIxTheme)) {
-            document.documentElement.dataset.ixTheme = 'classic';
-        }
-        document.documentElement.dataset.ixColorSchema = newMode;
-    }
-    getCurrentTheme() {
-        const bodyThemeClass = this.getThemeClassFromBody();
-        return (bodyThemeClass !== null && bodyThemeClass !== void 0 ? bodyThemeClass : `theme-${document.documentElement.dataset.ixTheme || 'classic'}-${document.documentElement.dataset.ixColorSchema ||
-            getCurrentSystemAppearance()}`);
-    }
-    setVariant(variant = getCurrentSystemAppearance()) {
-        if (document.documentElement.dataset.ixColorSchema) {
-            document.documentElement.dataset.ixColorSchema = variant;
-            return;
-        }
-        const bodyThemeClass = this.getThemeClassFromBody();
-        if (bodyThemeClass) {
-            const newTheme = bodyThemeClass.replace(/-(dark|light)$/, `-${variant}`);
-            document.body.classList.remove(bodyThemeClass);
-            document.body.classList.add(newTheme);
-            this.themeChanged.emit(newTheme);
-            this.schemaChanged.emit(variant);
-            return;
-        }
-        if (!document.documentElement.hasAttribute(dataIxTheme)) {
-            document.documentElement.dataset.ixTheme = 'classic';
-        }
-        document.documentElement.dataset.ixColorSchema = variant;
-    }
-    splitMutations(mutations) {
-        const classMutations = mutations.filter((mutation) => mutation.attributeName === 'class');
-        const dataMutations = mutations.filter((mutation) => mutation.attributeName === dataIxTheme ||
-            mutation.attributeName === dataIxColorSchema);
-        return { classMutations, dataMutations };
-    }
-    handleClassMutations(mutations) {
-        mutations.forEach((mutation) => {
-            const { target } = mutation;
-            target.classList.forEach((className) => {
-                var _a;
-                if (this.isThemeClass(className) &&
-                    !((_a = mutation.oldValue) === null || _a === void 0 ? void 0 : _a.includes(className))) {
-                    this.themeChanged.emit(className);
-                }
-            });
-        });
-    }
-    handleDataMutations(mutations) {
-        mutations.forEach((mutation) => {
-            const { target } = mutation;
-            const theme = target.attributes.getNamedItem(dataIxTheme);
-            if ((theme === null || theme === void 0 ? void 0 : theme.value) && mutation.oldValue !== theme.value) {
-                this.themeChanged.emit(theme.value);
-            }
-            const colorSchema = target.attributes.getNamedItem(dataIxColorSchema);
-            if ((colorSchema === null || colorSchema === void 0 ? void 0 : colorSchema.value) && mutation.oldValue !== colorSchema.value) {
-                this.schemaChanged.emit(colorSchema.value);
-            }
-        });
-    }
-    registerMutationObservers() {
-        if (typeof window === 'undefined') {
-            return;
-        }
-        if (!('MutationObserver' in window)) {
-            console.warn('ThemeSwitcher not supported by your browser. Missing MutationObserver API');
-            return;
-        }
-        const mutationObserverConfig = {
-            attributeFilter: ['class', dataIxTheme, dataIxColorSchema],
-            attributeOldValue: true,
-        };
-        const handleMutations = (mutations) => {
-            const { classMutations, dataMutations } = this.splitMutations(mutations);
-            this.handleClassMutations(classMutations);
-            this.handleDataMutations(dataMutations);
-        };
-        this.mutationObserver = new MutationObserver(handleMutations);
-        this.mutationObserver.observe(document.documentElement, mutationObserverConfig);
-    }
-    constructor() {
-        this.prefixTheme = 'theme-';
-        this.suffixLight = '-light';
-        this.suffixDark = '-dark';
-        this.defaultTheme = 'theme-classic-dark';
-        this.themeChanged = new typedEvent.TypedEvent();
-        this.schemaChanged = new typedEvent.TypedEvent();
-        this.registerMutationObservers();
-    }
-    destroy() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-}
-const getCurrentSystemAppearance = () => window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-const themeSwitcher = new ThemeSwitcher();
-
-exports.getCurrentSystemAppearance = getCurrentSystemAppearance;
-exports.themeSwitcher = themeSwitcher;

package/dist/cjs/typed-event-DxWATHPL.js

@@ -1,46 +0,0 @@
-'use strict';
-
-/*
- * 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.
- */
-class TypedEvent {
-    constructor() {
-        this.listeners = [];
-        this.listenersOncer = [];
-        this.on = (listener) => {
-            this.listeners.push(listener);
-            return {
-                dispose: () => this.off(listener),
-            };
-        };
-        this.once = (listener) => {
-            this.listenersOncer.push(listener);
-        };
-        this.off = (listener) => {
-            const callbackIndex = this.listeners.indexOf(listener);
-            if (callbackIndex > -1) {
-                this.listeners.splice(callbackIndex, 1);
-            }
-        };
-        this.emit = (event) => {
-            /** Update any general listeners */
-            this.listeners.forEach((listener) => listener(event));
-            /** Clear the `once` queue */
-            if (this.listenersOncer.length > 0) {
-                const toCall = this.listenersOncer;
-                this.listenersOncer = [];
-                toCall.forEach((listener) => listener(event));
-            }
-        };
-        this.pipe = (te) => {
-            return this.on((e) => te.emit(e));
-        };
-    }
-}
-
-exports.TypedEvent = TypedEvent;

package/dist/collection/components/application-sidebar/application-sidebar.js

@@ -1,68 +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 { h, Host } from "@stencil/core";
-import { animate } from "animejs";
-import Animation from "../utils/animation";
-/** @internal */
-export class ApplicationSidebar {
-    constructor() {
-        this.visible = true;
-    }
-    listenToggleEvent() {
-        const visibility = !this.visible;
-        const animation = {
-            width: visibility ? ['0', '22rem'] : ['22rem', '0'],
-            opacity: visibility ? [0, 1] : [1, 0],
-            easing: 'easeInSine',
-            duration: Animation.defaultTime,
-        };
-        const changeVisibility = () => {
-            this.visible = visibility;
-        };
-        if (visibility) {
-            animation.begin = changeVisibility.bind(this);
-        }
-        else {
-            animation.complete = changeVisibility.bind(this);
-        }
-        animate(this.hostElement, animation);
-    }
-    render() {
-        return (h(Host, { key: '9930b3444817c8ad6c3da375484018d294897472', slot: "application-sidebar", class: {
-                visible: this.visible,
-            } }, this.visible ? h("slot", null) : null));
-    }
-    static get is() { return "ix-application-sidebar"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["application-sidebar.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["application-sidebar.css"]
-        };
-    }
-    static get states() {
-        return {
-            "visible": {}
-        };
-    }
-    static get elementRef() { return "hostElement"; }
-    static get listeners() {
-        return [{
-                "name": "application-sidebar-toggle",
-                "method": "listenToggleEvent",
-                "target": "window",
-                "capture": false,
-                "passive": false
-            }];
-    }
-}

package/dist/collection/components/application-sidebar/events.js

@@ -1,14 +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.
- */
-export class ApplicationSidebarToggleEvent extends Event {
-    constructor(force) {
-        super('application-sidebar-toggle', { bubbles: true, composed: true });
-        this.force = force;
-    }
-}