@riverty/web-components 6.2.0 → 6.3.0

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

@@ -1,500 +0,0 @@
-import { Host, h } from "@stencil/core";
-const OFFSET = 20;
-export class Tooltip {
-    constructor() {
-        /** Tooltip display text */
-        this.text = '';
-        /** Specifies tooltip position */
-        this.position = 'top';
-        this.arrowPositionState = 'left';
-        this.isShown = false;
-        this.uniqueId = `r-tooltip-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
-        this.getOffsetLeft = (arrowPosition) => {
-            var _a, _b, _c;
-            const offsetLeft = Math.abs(((_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) - ((_c = (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width));
-            switch (arrowPosition) {
-                case 'center':
-                    return offsetLeft / 2;
-                case 'right':
-                    return offsetLeft;
-                default:
-                    return 0;
-            }
-        };
-        this.alignTooltipPosition = () => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            const offsetHeight = Math.abs(((_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) - ((_c = (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.height)) / 2;
-            const offsetLeft = this.getOffsetLeft(this.arrowPositionState);
-            const hostHeight = ((_e = (_d = this.element) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect()) === null || _e === void 0 ? void 0 : _e.height) + this.arrowHeight || 0;
-            const hostWidth = ((_g = (_f = this.element) === null || _f === void 0 ? void 0 : _f.getBoundingClientRect()) === null || _g === void 0 ? void 0 : _g.width) + this.arrowWidth || 0;
-            switch (this.positionState) {
-                case 'top':
-                    this.alignPosition(this.tooltip, -offsetLeft, -this.tooltipContainerHeight);
-                    break;
-                case 'bottom':
-                    this.alignPosition(this.tooltip, -offsetLeft, hostHeight);
-                    break;
-                case 'left':
-                    this.alignPosition(this.tooltip, -this.tooltipContainerWidth, -offsetHeight);
-                    break;
-                case 'right':
-                    this.alignPosition(this.tooltip, hostWidth, -offsetHeight);
-                    break;
-                default:
-                    break;
-            }
-        };
-        this.alignArrowPosition = () => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-            const offsetHeight = Math.abs(((_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) - ((_c = (_b = this.arrow) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.height)) / 2;
-            const offsetLeft = Math.abs(((_d = this.element) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect().width) - ((_f = (_e = this.arrow) === null || _e === void 0 ? void 0 : _e.getBoundingClientRect()) === null || _f === void 0 ? void 0 : _f.width)) / 2;
-            const hostHeight = ((_h = (_g = this.element) === null || _g === void 0 ? void 0 : _g.getBoundingClientRect()) === null || _h === void 0 ? void 0 : _h.height) || 0;
-            const hostWidth = ((_k = (_j = this.element) === null || _j === void 0 ? void 0 : _j.getBoundingClientRect()) === null || _k === void 0 ? void 0 : _k.width) || 0;
-            switch (this.positionState) {
-                case 'top':
-                    this.alignPosition(this.arrow, offsetLeft, -this.arrowHeight);
-                    break;
-                case 'bottom':
-                    this.alignPosition(this.arrow, offsetLeft, hostHeight);
-                    break;
-                case 'left':
-                    this.alignPosition(this.arrow, -this.arrowWidth, offsetHeight);
-                    break;
-                case 'right':
-                    this.alignPosition(this.arrow, hostWidth, offsetHeight);
-                    break;
-                default:
-                    break;
-            }
-        };
-        this.alignPosition = (element, offsetLeft, offsetTop) => {
-            var _a;
-            if (!element) {
-                return;
-            }
-            let elementOffset = (_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            let left = elementOffset.left + offsetLeft;
-            let top = elementOffset.top + offsetTop;
-            element.style.left = `${left > 0 ? left : 0}px`;
-            element.style.top = `${top}px`;
-        };
-        /**
-         * Listen on hovering tooltip element and update tooltip position if needed
-         */
-        this.handleHover = () => {
-            this.showTooltip();
-            this.setCorrectPosition();
-        };
-        /**
-         * Listen on focusing tooltip element and update tooltip position if needed
-         */
-        this.handleFocus = () => {
-            this.showTooltip();
-            this.setCorrectPosition();
-            this.rTooltipFocus.emit({ element: this.element });
-        };
-        this.showTooltip = () => {
-            var _a;
-            this.isShown = true;
-            this.tooltip.classList.add('r-tooltip--content--visible');
-            const interactiveElement = this.getInteractiveElement(this.activeElement);
-            interactiveElement === null || interactiveElement === void 0 ? void 0 : interactiveElement.setAttribute('aria-description', (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.innerText);
-        };
-        this.removeTooltip = () => {
-            this.isShown = false;
-            this.tooltip.style.width = 'max-content';
-            this.tooltip.classList.remove('r-tooltip--content--visible');
-            const interactiveElement = this.getInteractiveElement(this.activeElement);
-            interactiveElement === null || interactiveElement === void 0 ? void 0 : interactiveElement.removeAttribute('aria-description');
-        };
-        this.handleScroll = () => {
-            if (!this.isShown) {
-                return;
-            }
-            if (!this.isOnScreen) {
-                this.removeTooltip();
-                return;
-            }
-            this.setCorrectPosition();
-        };
-    }
-    /**
-     * Watch on position value change and update tooltip position if needed
-     */
-    handleVerticalPosition() {
-        this.setCorrectPosition();
-    }
-    /**
-     * Listen on window scroll and update tooltip position if needed
-     */
-    handleScrolling() {
-        this.setCorrectPosition();
-    }
-    /**
-     * Listen on window resizing and update tooltip position if needed
-     */
-    handleResizing() {
-        this.setCorrectPosition();
-    }
-    /**
-     * Listen on window keydown and hide tooltip if needed
-     */
-    handleKeydown(event) {
-        if (this.isShown && event.key === 'Escape') {
-            this.removeTooltip();
-        }
-    }
-    /**
-     * Parent with non visible overflow
-     */
-    get overflowedParent() {
-        return this.findOverflowParent(this.element.parentElement);
-    }
-    get arrowWidth() {
-        var _a;
-        return ((_a = this.arrow) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
-    }
-    get arrowHeight() {
-        var _a;
-        return ((_a = this.arrow) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
-    }
-    get tooltipContainerWidth() {
-        var _a, _b;
-        return ((_b = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) + this.arrowWidth || 0;
-    }
-    get tooltipContainerHeight() {
-        var _a, _b;
-        return ((_b = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.height) + this.arrowHeight || 0;
-    }
-    /**
-     * Available space at the top
-     */
-    get top() {
-        return this.element.getBoundingClientRect().top;
-    }
-    /**
-     * Available space on the left
-     */
-    get left() {
-        return this.element.getBoundingClientRect().left;
-    }
-    get isOnScreen() {
-        const parent = this.overflowedParent || document.documentElement;
-        const parentRect = parent.getBoundingClientRect();
-        const elementRect = this.element.getBoundingClientRect();
-        const isVerticallyVisible = elementRect.top >= parentRect.top && elementRect.bottom <= parentRect.bottom;
-        const isHorizontallyVisible = elementRect.left >= parentRect.left && elementRect.right <= parentRect.right;
-        return isVerticallyVisible && isHorizontallyVisible;
-    }
-    /**
-     * Available space at the bottom
-     */
-    get bottom() {
-        function calculateBottomSpace(element) {
-            return window.innerHeight - element.getBoundingClientRect().top - element.getBoundingClientRect().height;
-        }
-        return calculateBottomSpace(this.element);
-    }
-    /**
-     * Available space on the right
-     */
-    get right() {
-        function calculateRightSpace(element) {
-            return window.innerWidth - element.getBoundingClientRect().left - element.getBoundingClientRect().width;
-        }
-        return calculateRightSpace(this.element);
-    }
-    /**
-     * Defines which horizontal placement is available
-     */
-    get horizontalPlacement() {
-        return this.tooltipContainerWidth + OFFSET < this.left ? 'left' : 'right';
-    }
-    /**
-     * Defines which vertical placement is available
-     */
-    get verticalPlacement() {
-        return this.tooltipContainerHeight + OFFSET < this.top ? 'top' : 'bottom';
-    }
-    /**
-     * Checks if there is enough space for placing tooltip vertically
-     */
-    get isEnoughSpaceVertically() {
-        return this.tooltipContainerHeight + OFFSET < this.top || this.tooltipContainerHeight + OFFSET < this.bottom;
-    }
-    /**
-     * Checks if there is enough space for placing tooltip horizontally
-     */
-    get isEnoughSpaceHorizontally() {
-        return this.tooltipContainerWidth + OFFSET < this.left || this.tooltipContainerWidth + OFFSET < this.right;
-    }
-    get activeElement() {
-        return this.element.querySelector('r-button, r-icon-button, a, button, [tabindex]:not([tabindex="-1"])');
-    }
-    /**
-     * Gets the actual interactive element (button/link) from within r-button or r-icon-button shadow DOM,
-     * or returns the element itself if it's already interactive
-     */
-    getInteractiveElement(element) {
-        if (!element)
-            return null;
-        if (element.tagName === 'R-BUTTON' || element.tagName === 'R-ICON-BUTTON') {
-            const shadowRoot = element.shadowRoot;
-            if (shadowRoot) {
-                return shadowRoot.querySelector('button, a');
-            }
-        }
-        return element;
-    }
-    /**
-     * Define position state
-     */
-    componentWillLoad() {
-        this.positionState = this.position;
-    }
-    /**
-     * Listen to active child element
-     */
-    componentDidLoad() {
-        var _a, _b, _c;
-        (_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.addEventListener('focus', () => {
-            this.handleFocus();
-        });
-        (_b = this.activeElement) === null || _b === void 0 ? void 0 : _b.addEventListener('blur', () => {
-            this.removeTooltip();
-        });
-        (_c = this.overflowedParent) === null || _c === void 0 ? void 0 : _c.addEventListener('scroll', () => {
-            this.handleScroll();
-        });
-    }
-    /**
-     * Finds first element's parent with not visible overflow.
-     * @param element -- parent element
-     * @param initEl -- initial(child) element
-     */
-    findOverflowParent(element) {
-        var _a, _b;
-        function notVisible(element) {
-            return getComputedStyle(element).overflow !== "visible";
-        }
-        if (!element) {
-            return null;
-        }
-        if (((_a = element.parentNode) === null || _a === void 0 ? void 0 : _a.nodeType) === Node.DOCUMENT_FRAGMENT_NODE) {
-            return this.findOverflowParent((_b = element.parentNode) === null || _b === void 0 ? void 0 : _b.host);
-        }
-        if (notVisible(element)) {
-            return element;
-        }
-        if (element.parentElement) {
-            return this.findOverflowParent(element.parentElement);
-        }
-        return null;
-    }
-    /**
-     * Checks the alternative tooltip position.
-     * For example: If defined position is "top" and there is no free space for this position at the top of the component,
-     * first it checks available vertical space to place tooltip at the bottom.
-     * If there is no available space at the bottom, it checks the available space horizontally and sets it horizontally.
-     */
-    getAlternativePosition() {
-        switch (this.position) {
-            case 'top':
-                return this.isEnoughSpaceVertically ? 'bottom' : this.horizontalPlacement;
-            case 'bottom':
-                return this.isEnoughSpaceVertically ? 'top' : this.horizontalPlacement;
-            case 'left':
-                return this.isEnoughSpaceHorizontally ? 'right' : this.verticalPlacement;
-            case 'right':
-                return this.isEnoughSpaceHorizontally ? 'left' : this.verticalPlacement;
-        }
-    }
-    /**
-     * Set correct tooltip position.
-     * First it checks the available space for a defined position and then sets the new one based on the available space.
-     */
-    setCorrectPosition() {
-        if (!this.tooltip || !this.isShown) {
-            return;
-        }
-        switch (this.position) {
-            case 'top':
-                this.positionState = this.tooltipContainerHeight + OFFSET < this.top ? this.position : this.getAlternativePosition();
-                break;
-            case 'bottom':
-                this.positionState = this.tooltipContainerHeight + OFFSET < this.bottom ? this.position : this.getAlternativePosition();
-                break;
-            case 'left':
-                this.positionState = this.tooltipContainerWidth + OFFSET < this.left ? this.position : this.getAlternativePosition();
-                break;
-            case 'right':
-                this.positionState = this.tooltipContainerWidth + OFFSET < this.right ? this.position : this.getAlternativePosition();
-                break;
-        }
-        this.adjustArrowPosition();
-        this.alignTooltipPosition();
-        this.alignArrowPosition();
-        // Allow tooltip content wrap and recalculate position
-        if (this.tooltip.style.width === 'fit-content') {
-            return;
-        }
-        this.tooltip.style.width = 'fit-content';
-        this.alignTooltipPosition();
-    }
-    /**
-     * Adjusts arrow correct position.
-     * For bottom & top tooltip positions there are 3 possible arrow.
-     * For right & left tooltip positions there is only one position = "center".
-     */
-    adjustArrowPosition() {
-        const isEnoughTooltipSpaceLeft = this.tooltipContainerWidth / 2 + OFFSET < this.left;
-        const isEnoughTooltipSpaceRight = this.tooltipContainerWidth / 2 + OFFSET < this.right;
-        if (isEnoughTooltipSpaceLeft && isEnoughTooltipSpaceRight || !isEnoughTooltipSpaceLeft && !isEnoughTooltipSpaceRight || this.positionState === 'left' || this.positionState === 'right') {
-            this.arrowPositionState = 'center';
-        }
-        else if (!isEnoughTooltipSpaceLeft) {
-            this.arrowPositionState = 'left';
-        }
-        else if (!isEnoughTooltipSpaceRight) {
-            this.arrowPositionState = 'right';
-        }
-    }
-    render() {
-        const { text, arrowPositionState, positionState, isShown, uniqueId } = this;
-        const hostAttrs = {
-            'data-arrow-position': arrowPositionState,
-            'data-position': positionState
-        };
-        const triggerAttrs = {
-            tabindex: !this.activeElement ? 0 : null,
-            role: !this.activeElement ? 'button' : null,
-            'aria-describedby': !this.activeElement && isShown ? uniqueId : null
-        };
-        const contentAttrs = {
-            id: uniqueId,
-            role: 'tooltip',
-            'aria-hidden': `${!isShown}`
-        };
-        return (h(Host, Object.assign({ key: '5d8a002a227895d5e633e8b1df95ba449a9e253a' }, hostAttrs, { onMouseenter: this.handleHover, onMouseleave: this.removeTooltip }), h("div", { key: '4e6340639dc27fc7d0e981ca7cf8a4046737527f', class: "r-tooltip" }, h("div", Object.assign({ key: 'bcf2d5c73b427b2941be8de56b9ce2f296ae07eb', class: "r-tooltip--trigger", onFocus: this.handleFocus, onBlur: this.removeTooltip }, triggerAttrs), h("slot", { key: 'be7037ba07bf11b4957910c52f4a3f329b514007' })), h("div", Object.assign({ key: '300a3ef08b7c73b6b07161c58860df518ae9a862', class: "r-tooltip--content", ref: (el) => this.tooltip = el }, contentAttrs), text), h("div", { key: '73912349289b0dc365552331197d94bd0896ff3c', ref: (el) => this.arrow = el, class: "r-tooltip--arrow" }))));
-    }
-    static get is() { return "r-tooltip"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["tooltip.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["tooltip.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "text": {
-                "type": "string",
-                "attribute": "text",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Tooltip display text"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "''"
-            },
-            "position": {
-                "type": "string",
-                "attribute": "position",
-                "mutable": false,
-                "complexType": {
-                    "original": "TooltipPosition",
-                    "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
-                    "references": {
-                        "TooltipPosition": {
-                            "location": "import",
-                            "path": "./exports",
-                            "id": "src/components/tooltip/exports.ts::TooltipPosition"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Specifies tooltip position"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "'top'"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "positionState": {},
-            "arrowPositionState": {},
-            "isShown": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "rTooltipFocus",
-                "name": "rTooltipFocus",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Tooltip focus event"
-                },
-                "complexType": {
-                    "original": "{\n    element: HTMLRTooltipElement\n  }",
-                    "resolved": "{ element: HTMLRTooltipElement; }",
-                    "references": {
-                        "HTMLRTooltipElement": {
-                            "location": "global",
-                            "id": "global::HTMLRTooltipElement"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "element"; }
-    static get watchers() {
-        return [{
-                "propName": "position",
-                "methodName": "handleVerticalPosition"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "scroll",
-                "method": "handleScrolling",
-                "target": "window",
-                "capture": false,
-                "passive": true
-            }, {
-                "name": "resize",
-                "method": "handleResizing",
-                "target": "window",
-                "capture": false,
-                "passive": true
-            }, {
-                "name": "keydown",
-                "method": "handleKeydown",
-                "target": "window",
-                "capture": false,
-                "passive": false
-            }];
-    }
-}

package/dist/collection/index.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/utils/focusable.js

@@ -1,24 +0,0 @@
-export function focusableElements(root) {
-    const selectors = [
-        'a[href]',
-        'button:not([disabled])',
-        'textarea:not([disabled])',
-        'input:not([disabled])',
-        'select:not([disabled])',
-        '[tabindex]:not([tabindex="-1"])',
-        'r-button',
-        'r-checkbox',
-        'r-radio-button',
-        'r-input',
-        'r-textarea',
-        'r-select',
-        'r-input-code',
-        'r-input-date',
-        'r-input-password',
-        'r-input-phone-number'
-    ];
-    return Array.from(root.querySelectorAll(selectors.join(',')))
-        .filter((el) => el instanceof HTMLElement &&
-        !el.hasAttribute('disabled') &&
-        !el.getAttribute('aria-hidden')) || null;
-}

package/dist/collection/utils/formData.js

@@ -1,40 +0,0 @@
-export function appendControlToFormData(controlOrControls, formData) {
-    var _a, _b, _c;
-    const controls = Array.isArray(controlOrControls)
-        ? controlOrControls
-        : [controlOrControls];
-    for (const control of controls) {
-        const name = control.name;
-        if (!name)
-            continue;
-        if (control.disabled)
-            continue;
-        const tag = (_b = (_a = control.tagName) === null || _a === void 0 ? void 0 : _a.toUpperCase) === null || _b === void 0 ? void 0 : _b.call(_a);
-        if (tag === 'BUTTON' || tag === 'FIELDSET')
-            continue;
-        let valueToAppend = '';
-        switch (control.type) {
-            case 'checkbox':
-            case 'radio':
-                if (!control.checked)
-                    continue;
-                valueToAppend = control.value || 'on';
-                break;
-            case 'file':
-                if (control.files && control.files.length > 0) {
-                    for (const file of control.files) {
-                        formData.append(name, file);
-                    }
-                    continue;
-                }
-                else {
-                    formData.append(name, new File([], ''));
-                    continue;
-                }
-            default:
-                valueToAppend = (_c = control.value) !== null && _c !== void 0 ? _c : '';
-                break;
-        }
-        formData.append(name, valueToAppend);
-    }
-}

package/dist/collection/utils/theming.js

@@ -1,103 +0,0 @@
-import StyleObserver from "style-observer";
-// Track observers per theme context element
-const contextObservers = new Map();
-// Track which elements already have inverse theme setup to avoid duplicates
-const inverseThemeTargets = new WeakMap();
-// Special design token defined for this purpose. Defined as either 'light' or 'dark'.
-const THEME_STATE_PROPERTY = '--r-internal-theme-state';
-/**
- * Sets up an inverse theme relationship between a target element and its theme context element.
- * The target will automatically update its theme to be the inverse of its parent context.
- * @param targetElement Element that should have inverse theme
- * @param themeContextElement Element that contains the theme context
- */
-export const setupInverseThemeAwareness = (targetElement, themeContextElement) => {
-    if (!themeContextElement || !targetElement)
-        return;
-    // Check if this target is already set up with this context
-    const existingTargets = inverseThemeTargets.get(themeContextElement);
-    if (existingTargets === null || existingTargets === void 0 ? void 0 : existingTargets.has(targetElement))
-        return;
-    // Store this target as set up
-    if (!existingTargets) {
-        inverseThemeTargets.set(themeContextElement, new Set([targetElement]));
-    }
-    else {
-        existingTargets.add(targetElement);
-    }
-    // Find or create observer for this context
-    let observer = contextObservers.get(themeContextElement);
-    if (!observer) {
-        const observerCallback = (records) => {
-            const record = records[0];
-            if (!record)
-                return;
-            const theme = resolveTheme(record.value);
-            const inverseTheme = theme === 'dark' ? 'light' : 'dark';
-            // Update all targets for this context
-            const targets = inverseThemeTargets.get(themeContextElement);
-            targets === null || targets === void 0 ? void 0 : targets.forEach(target => {
-                target.setAttribute('data-theme', inverseTheme);
-            });
-        };
-        observer = new StyleObserver(observerCallback, {
-            target: themeContextElement,
-            properties: THEME_STATE_PROPERTY
-        });
-        contextObservers.set(themeContextElement, observer);
-        // Immediate check for initial value
-        const computedStyle = window.getComputedStyle(themeContextElement);
-        const initialValue = computedStyle.getPropertyValue(THEME_STATE_PROPERTY);
-        observerCallback([{
-                target: themeContextElement,
-                property: THEME_STATE_PROPERTY,
-                value: initialValue,
-                oldValue: null
-            }]);
-    }
-    else {
-        // Observer exists already, just need to set initial theme on the new target
-        const computedStyle = window.getComputedStyle(themeContextElement);
-        const initialValue = computedStyle.getPropertyValue(THEME_STATE_PROPERTY);
-        const theme = resolveTheme(initialValue);
-        const inverseTheme = theme === 'dark' ? 'light' : 'dark';
-        targetElement.setAttribute('data-theme', inverseTheme);
-    }
-};
-/**
- * Removes the inverse theme relationship between a target element and its theme context element.
- * This function cleans up any observers and references created by setupInverseThemeAwareness.
- * @param targetElement Element that has inverse theme
- * @param themeContextElement Element that contains the theme context
- */
-export const stopInverseThemeAwareness = (targetElement, themeContextElement) => {
-    if (!themeContextElement || !targetElement)
-        return;
-    // Get the set of targets for this context
-    const targets = inverseThemeTargets.get(themeContextElement);
-    if (!targets || !targets.has(targetElement))
-        return;
-    // Remove the target from the set
-    targets.delete(targetElement);
-    // If no more targets for this context, clean up the observer
-    if (targets.size === 0) {
-        inverseThemeTargets.delete(themeContextElement);
-        const observer = contextObservers.get(themeContextElement);
-        if (observer) {
-            // Remove the observer (StyleObserver has no disconnect method, it auto-cleans)
-            contextObservers.delete(themeContextElement);
-        }
-    }
-};
-/**
- * Resolves theme based on CSS property value
- * @param value - The value of the CSS property (should be 'light' or 'dark')
- * @returns The resolved theme
- */
-const resolveTheme = (value) => {
-    const trimmedValue = value === null || value === void 0 ? void 0 : value.trim();
-    if (trimmedValue === 'dark') {
-        return 'dark';
-    }
-    return 'light';
-};

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

@@ -1,3 +0,0 @@
-const globalScripts = () => {};
-
-export { globalScripts as g };