@nuraly/lumenui 0.1.0

package/packages/common/dist/shared/controllers/dropdown.controller.js

@@ -0,0 +1,341 @@
+/**
+ * Shared dropdown controller for components that need dropdown functionality
+ * Based on the select component's dropdown controller but generalized for reuse
+ */
+export class SharedDropdownController {
+    constructor(host) {
+        this._isOpen = false;
+        this._position = { top: 0, left: 0, width: 0, placement: 'bottom' };
+        this._dropdownElement = null;
+        this._triggerElement = null;
+        /**
+         * Handle window resize to recalculate position
+         */
+        this.handleResize = () => {
+            if (this._isOpen) {
+                this.calculatePosition();
+            }
+        };
+        /**
+         * Handle scroll to manage dropdown visibility
+         */
+        this.handleScroll = () => {
+            var _a;
+            if (this._isOpen && this._triggerElement) {
+                const triggerRect = this._triggerElement.getBoundingClientRect();
+                const viewportHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || window.innerHeight;
+                // Close dropdown if trigger is scrolled out of view
+                if (triggerRect.bottom < 0 || triggerRect.top > viewportHeight) {
+                    this.close();
+                }
+                // With absolute positioning, the dropdown moves with the trigger automatically
+                // so no need to recalculate position on scroll
+            }
+        };
+        this._host = host;
+        this._host.addController(this);
+    }
+    hostConnected() {
+        window.addEventListener('resize', this.handleResize);
+        window.addEventListener('scroll', this.handleScroll, true);
+    }
+    hostDisconnected() {
+        this.close();
+        window.removeEventListener('resize', this.handleResize);
+        window.removeEventListener('scroll', this.handleScroll, true);
+    }
+    /**
+     * Check if dropdown is open
+     */
+    get isOpen() {
+        return this._isOpen;
+    }
+    /**
+     * Get current dropdown position
+     */
+    get position() {
+        return Object.assign({}, this._position);
+    }
+    /**
+     * Open the dropdown
+     */
+    open() {
+        try {
+            if (!this._isOpen) {
+                this._isOpen = true;
+                this._host.show = true;
+                this._host.requestUpdate();
+                // Always refresh elements before calculating position
+                this.findElements();
+                // Calculate position after DOM update
+                setTimeout(() => {
+                    this.calculatePosition();
+                }, 0);
+                // Notify host to setup event listeners if available
+                if (this._host && typeof this._host.setupEventListeners === 'function') {
+                    setTimeout(() => {
+                        this._host.setupEventListeners();
+                    }, 0);
+                }
+                this._host.dispatchEvent(new CustomEvent('dropdown-open', {
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+        }
+        catch (error) {
+            this.handleError(error, 'open');
+        }
+    }
+    /**
+     * Close the dropdown
+     */
+    close() {
+        try {
+            if (this._isOpen) {
+                this._isOpen = false;
+                this._host.show = false;
+                this.resetPosition();
+                this._host.requestUpdate();
+                // Notify host to remove event listeners if available
+                if (this._host && typeof this._host.removeEventListeners === 'function') {
+                    this._host.removeEventListeners();
+                }
+                this._host.dispatchEvent(new CustomEvent('dropdown-close', {
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+        }
+        catch (error) {
+            this.handleError(error, 'close');
+        }
+    }
+    /**
+     * Toggle dropdown visibility
+     */
+    toggle() {
+        if (this._isOpen) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    /**
+     * Calculate optimal dropdown placement
+     */
+    calculatePosition() {
+        var _a;
+        try {
+            if (!this._dropdownElement || !this._triggerElement) {
+                this.findElements();
+            }
+            if (!this._dropdownElement || !this._triggerElement) {
+                return;
+            }
+            const triggerRect = this._triggerElement.getBoundingClientRect();
+            const viewportHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || window.innerHeight;
+            // Calculate available space for determining placement
+            const spaceBelow = viewportHeight - triggerRect.bottom;
+            const spaceAbove = triggerRect.top;
+            // Get the actual height of the dropdown element for accurate placement calculation
+            let dropdownHeight = 200; // fallback
+            if (this._dropdownElement) {
+                // Temporarily make it visible to measure height
+                const originalDisplay = this._dropdownElement.style.display;
+                const originalVisibility = this._dropdownElement.style.visibility;
+                const originalPosition = this._dropdownElement.style.position;
+                this._dropdownElement.style.visibility = 'hidden';
+                this._dropdownElement.style.display = 'block';
+                this._dropdownElement.style.position = 'absolute';
+                dropdownHeight = this._dropdownElement.offsetHeight || this._dropdownElement.scrollHeight || 200;
+                // Restore original styles
+                this._dropdownElement.style.display = originalDisplay;
+                this._dropdownElement.style.visibility = originalVisibility;
+                this._dropdownElement.style.position = originalPosition;
+            }
+            const placement = this.determineOptimalPlacement(dropdownHeight, spaceAbove, spaceBelow);
+            // Store the placement for applyPosition to use
+            this._position = {
+                left: 0, // Not used with absolute positioning
+                width: 0, // Not used with absolute positioning  
+                placement,
+                top: 0 // Not used with absolute positioning
+            };
+            this.applyPosition();
+        }
+        catch (error) {
+            this.handleError(error, 'calculatePosition');
+        }
+    }
+    /**
+     * Reset dropdown position
+     */
+    resetPosition() {
+        try {
+            if (this._dropdownElement) {
+                this._dropdownElement.style.removeProperty('position');
+                this._dropdownElement.style.removeProperty('top');
+                this._dropdownElement.style.removeProperty('left');
+                this._dropdownElement.style.removeProperty('width');
+                this._dropdownElement.style.removeProperty('max-height');
+                this._dropdownElement.style.removeProperty('min-height');
+                this._dropdownElement.style.removeProperty('height');
+                this._dropdownElement.style.removeProperty('overflow-y');
+                this._dropdownElement.style.removeProperty('transform');
+                this._dropdownElement.style.removeProperty('display');
+                this._dropdownElement.style.removeProperty('opacity');
+                this._dropdownElement.style.removeProperty('visibility');
+                this._dropdownElement.style.removeProperty('z-index');
+                this._dropdownElement.classList.remove('placement-top', 'placement-bottom');
+            }
+        }
+        catch (error) {
+            this.handleError(error, 'resetPosition');
+        }
+    }
+    /**
+     * Set dropdown and trigger element references
+     */
+    setElements(dropdownElement, triggerElement) {
+        this._dropdownElement = dropdownElement;
+        this._triggerElement = triggerElement;
+    }
+    /**
+     * Find dropdown and trigger elements
+     */
+    findElements() {
+        try {
+            // If elements are already set via setElements(), don't override them
+            if (this._dropdownElement && this._triggerElement) {
+                return;
+            }
+            const hostElement = this._host;
+            // First priority: use the elements that were explicitly set via setElements()
+            // This ensures each instance gets its own elements
+            if (hostElement.optionsElement && hostElement.wrapper) {
+                this._dropdownElement = hostElement.optionsElement;
+                this._triggerElement = hostElement.wrapper;
+                return;
+            }
+            // Fallback: try to find from shadow DOM (but this can be problematic with multiple instances)
+            if (hostElement.shadowRoot) {
+                this._dropdownElement = hostElement.shadowRoot.querySelector('.calendar-container, .month-dropdown, .year-dropdown');
+                this._triggerElement = hostElement.shadowRoot.querySelector('.datepicker-input, .toggle-month-view, .toggle-year-view');
+            }
+        }
+        catch (error) {
+            this.handleError(error, 'findElements');
+        }
+    }
+    /**
+     * Determine optimal dropdown placement
+     */
+    determineOptimalPlacement(dropdownHeight, spaceAbove, spaceBelow) {
+        // If there's enough space below, use bottom
+        if (spaceBelow >= dropdownHeight) {
+            return 'bottom';
+        }
+        // If there's enough space above, use top
+        if (spaceAbove >= dropdownHeight) {
+            return 'top';
+        }
+        // If neither has enough space, choose the side with more space
+        // This ensures the dropdown appears even in constrained spaces
+        return spaceAbove > spaceBelow ? 'top' : 'bottom';
+    }
+    /**
+     * Apply calculated position to dropdown element
+     */
+    applyPosition() {
+        var _a;
+        try {
+            if (!this._dropdownElement || !this._triggerElement) {
+                return;
+            }
+            const { placement } = this._position;
+            // Get the exact wrapper width including borders
+            const triggerBounds = this._triggerElement.getBoundingClientRect();
+            const wrapperWidth = triggerBounds.width;
+            // Use absolute positioning relative to the trigger element (combobox)
+            this._dropdownElement.style.position = 'absolute';
+            this._dropdownElement.style.left = '0';
+            this._dropdownElement.style.right = 'auto';
+            this._dropdownElement.style.width = `${wrapperWidth}px`; // Exact wrapper width in pixels
+            this._dropdownElement.style.zIndex = '1000';
+            this._dropdownElement.style.height = 'auto';
+            this._dropdownElement.style.maxHeight = 'none';
+            this._dropdownElement.style.minHeight = 'auto';
+            // Set position based on placement
+            console.log(`Applying ${placement} placement to dropdown`);
+            if (placement === 'bottom') {
+                this._dropdownElement.style.top = '100%';
+                this._dropdownElement.style.bottom = 'auto';
+                console.log('Applied bottom placement: top=100%, bottom=auto');
+            }
+            else {
+                this._dropdownElement.style.top = 'auto';
+                this._dropdownElement.style.bottom = '100%';
+                console.log('Applied top placement: top=auto, bottom=100%');
+            }
+            // Force a layout to get the natural content height
+            const naturalHeight = this._dropdownElement.scrollHeight;
+            // Now calculate available space for constraining
+            const viewportHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || window.innerHeight;
+            let availableSpace;
+            // Calculate available space using bounds we already calculated
+            if (placement === 'bottom') {
+                // For bottom placement, available space is from trigger bottom to viewport bottom
+                availableSpace = viewportHeight - triggerBounds.bottom - 10; // 10px margin from bottom
+            }
+            else {
+                // For top placement, available space is from viewport top to trigger top
+                availableSpace = triggerBounds.top - 10; // 10px margin from top
+            }
+            // Apply the calculated constraints
+            if (naturalHeight > availableSpace) {
+                // Content is larger than available space, so constrain and add scrolling
+                this._dropdownElement.style.maxHeight = `${availableSpace}px`;
+                this._dropdownElement.style.overflowY = 'auto';
+            }
+            else {
+                // Content fits, so use natural height with auto overflow for consistency
+                this._dropdownElement.style.maxHeight = `${naturalHeight}px`;
+                this._dropdownElement.style.overflowY = 'auto';
+            }
+            // Add placement class for styling
+            this._dropdownElement.classList.remove('placement-top', 'placement-bottom');
+            this._dropdownElement.classList.add(`placement-${placement}`);
+            // Position and constraints applied successfully
+        }
+        catch (error) {
+            this.handleError(error, 'applyPosition');
+        }
+    }
+    /**
+     * Calculate available space around trigger
+     */
+    getAvailableSpace() {
+        var _a, _b;
+        if (!this._triggerElement) {
+            return { above: 0, below: 0, left: 0, right: 0 };
+        }
+        const triggerRect = this._triggerElement.getBoundingClientRect();
+        const viewportHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || window.innerHeight;
+        const viewportWidth = ((_b = window.visualViewport) === null || _b === void 0 ? void 0 : _b.width) || window.innerWidth;
+        return {
+            above: triggerRect.top,
+            below: viewportHeight - triggerRect.bottom,
+            left: triggerRect.left,
+            right: viewportWidth - triggerRect.right,
+        };
+    }
+    /**
+     * Handle errors with fallback
+     */
+    handleError(error, context) {
+        console.warn(`SharedDropdownController [${context}]:`, error);
+    }
+}
+//# sourceMappingURL=dropdown.controller.js.map

package/packages/common/dist/shared/controllers/dropdown.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.controller.js","sourceRoot":"","sources":["../../../src/shared/controllers/dropdown.controller.ts"],"names":[],"mappings":"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"}

package/packages/common/dist/shared/controllers/dropdown.interface.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Shared dropdown controller interface
+ */
+export interface DropdownPosition {
+    top: number;
+    left: number;
+    width: number;
+    placement: 'bottom' | 'top';
+}
+export interface DropdownSpace {
+    above: number;
+    below: number;
+    left: number;
+    right: number;
+}
+/**
+ * Host interface for components using dropdown functionality
+ */
+export interface DropdownHost {
+    requestUpdate(): void;
+    dispatchEvent(event: Event): boolean;
+}
+/**
+ * Dropdown controller interface
+ */
+export interface DropdownController {
+    readonly isOpen: boolean;
+    readonly position: DropdownPosition;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    calculatePosition(): void;
+    resetPosition(): void;
+    setElements(dropdownElement: HTMLElement, triggerElement: HTMLElement): void;
+    getAvailableSpace(): DropdownSpace;
+}
+//# sourceMappingURL=dropdown.interface.d.ts.map

package/packages/common/dist/shared/controllers/dropdown.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.interface.d.ts","sourceRoot":"","sources":["../../../src/shared/controllers/dropdown.interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,aAAa,IAAI,IAAI,CAAC;IACtB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC;IACpC,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,IAAI,CAAC;IACf,iBAAiB,IAAI,IAAI,CAAC;IAC1B,aAAa,IAAI,IAAI,CAAC;IACtB,WAAW,CAAC,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7E,iBAAiB,IAAI,aAAa,CAAC;CACpC"}

package/packages/common/dist/shared/controllers/dropdown.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dropdown.interface.js.map

package/packages/common/dist/shared/controllers/dropdown.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.interface.js","sourceRoot":"","sources":["../../../src/shared/controllers/dropdown.interface.ts"],"names":[],"mappings":""}

package/packages/common/dist/shared/controllers/index.d.ts

@@ -0,0 +1,6 @@
+export * from './base.controller.js';
+export * from './base-validation.controller.js';
+export * from './dropdown.interface.js';
+export * from './dropdown.controller.js';
+export * from './theme.controller.js';
+//# sourceMappingURL=index.d.ts.map

package/packages/common/dist/shared/controllers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/controllers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}

package/packages/common/dist/shared/controllers/index.js

@@ -0,0 +1,6 @@
+export * from './base.controller.js';
+export * from './base-validation.controller.js';
+export * from './dropdown.interface.js';
+export * from './dropdown.controller.js';
+export * from './theme.controller.js';
+//# sourceMappingURL=index.js.map

package/packages/common/dist/shared/controllers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shared/controllers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}

package/packages/common/dist/shared/controllers/theme.controller.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import { ThemeVariant } from '../themes.js';
+/**
+ * Theme controller that observes and reacts to theme changes on the host element or its parents
+ * This controller watches for data-theme attribute changes and triggers re-renders
+ */
+export declare class ThemeController implements ReactiveController {
+    private host;
+    private observer?;
+    private _currentTheme;
+    constructor(host: ReactiveControllerHost & HTMLElement);
+    /**
+     * Get the current theme variant
+     */
+    get currentTheme(): ThemeVariant | null;
+    /**
+     * Check if the current theme is a dark variant
+     */
+    get isDark(): boolean;
+    /**
+     * Check if the current theme is a light variant
+     */
+    get isLight(): boolean;
+    /**
+     * Get the theme system (default, carbon)
+     */
+    get themeSystem(): string;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private updateTheme;
+    private setupObserver;
+    private cleanup;
+    /**
+     * Apply a theme to the closest themed ancestor or the host element
+     * @param theme - The theme variant to apply
+     */
+    applyTheme(theme: ThemeVariant): void;
+    /**
+     * Toggle between light and dark variants of the current theme
+     */
+    toggleVariant(): void;
+}
+//# sourceMappingURL=theme.controller.d.ts.map

package/packages/common/dist/shared/controllers/theme.controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.controller.d.ts","sourceRoot":"","sources":["../../../src/shared/controllers/theme.controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAC;AAE7D;;;GAGG;AACH,qBAAa,eAAgB,YAAW,kBAAkB;IACxD,OAAO,CAAC,IAAI,CAAuC;IACnD,OAAO,CAAC,QAAQ,CAAC,CAAmB;IACpC,OAAO,CAAC,aAAa,CAA6B;gBAEtC,IAAI,EAAE,sBAAsB,GAAG,WAAW;IAKtD;;OAEG;IACH,IAAI,YAAY,IAAI,YAAY,GAAG,IAAI,CAEtC;IAED;;OAEG;IACH,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,MAAM,CAKxB;IAED,aAAa,IAAI,IAAI;IAKrB,gBAAgB,IAAI,IAAI;IAIxB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,aAAa;IAwCrB,OAAO,CAAC,OAAO;IAOf;;;OAGG;IACH,UAAU,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAerC;;OAEG;IACH,aAAa,IAAI,IAAI;CAiBtB"}

package/packages/common/dist/shared/controllers/theme.controller.js

@@ -0,0 +1,133 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { getCurrentTheme } from '../themes.js';
+/**
+ * Theme controller that observes and reacts to theme changes on the host element or its parents
+ * This controller watches for data-theme attribute changes and triggers re-renders
+ */
+export class ThemeController {
+    constructor(host) {
+        this._currentTheme = null;
+        this.host = host;
+        host.addController(this);
+    }
+    /**
+     * Get the current theme variant
+     */
+    get currentTheme() {
+        return this._currentTheme;
+    }
+    /**
+     * Check if the current theme is a dark variant
+     */
+    get isDark() {
+        var _a, _b;
+        return (_b = (_a = this._currentTheme) === null || _a === void 0 ? void 0 : _a.includes('dark')) !== null && _b !== void 0 ? _b : false;
+    }
+    /**
+     * Check if the current theme is a light variant
+     */
+    get isLight() {
+        var _a, _b;
+        return (_b = (_a = this._currentTheme) === null || _a === void 0 ? void 0 : _a.includes('light')) !== null && _b !== void 0 ? _b : true;
+    }
+    /**
+     * Get the theme system (default, carbon)
+     */
+    get themeSystem() {
+        if (!this._currentTheme)
+            return 'default';
+        if (this._currentTheme.startsWith('carbon'))
+            return 'carbon';
+        return 'default';
+    }
+    hostConnected() {
+        this.updateTheme();
+        this.setupObserver();
+    }
+    hostDisconnected() {
+        this.cleanup();
+    }
+    updateTheme() {
+        const newTheme = getCurrentTheme(this.host);
+        if (newTheme !== this._currentTheme) {
+            this._currentTheme = newTheme;
+            this.host.requestUpdate();
+        }
+    }
+    setupObserver() {
+        this.cleanup();
+        // Create a mutation observer to watch for theme changes
+        this.observer = new MutationObserver((mutations) => {
+            let shouldUpdate = false;
+            mutations.forEach((mutation) => {
+                if (mutation.type === 'attributes' &&
+                    mutation.attributeName === 'data-theme') {
+                    shouldUpdate = true;
+                }
+            });
+            if (shouldUpdate) {
+                this.updateTheme();
+            }
+        });
+        // Start observing the host element and its ancestors
+        let element = this.host;
+        while (element) {
+            this.observer.observe(element, {
+                attributes: true,
+                attributeFilter: ['data-theme']
+            });
+            element = element.parentElement;
+        }
+        // Also observe the document.body for theme changes
+        if (typeof document !== 'undefined' && document.body) {
+            this.observer.observe(document.body, {
+                attributes: true,
+                attributeFilter: ['data-theme']
+            });
+        }
+    }
+    cleanup() {
+        if (this.observer) {
+            this.observer.disconnect();
+            this.observer = undefined;
+        }
+    }
+    /**
+     * Apply a theme to the closest themed ancestor or the host element
+     * @param theme - The theme variant to apply
+     */
+    applyTheme(theme) {
+        // Find the closest element with a data-theme attribute, or use the host
+        let targetElement = this.host;
+        while (targetElement && !targetElement.hasAttribute('data-theme')) {
+            targetElement = targetElement.parentElement;
+        }
+        if (!targetElement) {
+            targetElement = this.host;
+        }
+        targetElement.setAttribute('data-theme', theme);
+    }
+    /**
+     * Toggle between light and dark variants of the current theme
+     */
+    toggleVariant() {
+        const currentTheme = this._currentTheme || 'default-light';
+        const toggleMap = {
+            'default-light': 'default-dark',
+            'default-dark': 'default-light',
+            'carbon-light': 'carbon-dark',
+            'carbon-dark': 'carbon-light',
+            'light': 'dark',
+            'dark': 'light'
+        };
+        const newTheme = toggleMap[currentTheme];
+        if (newTheme) {
+            this.applyTheme(newTheme);
+        }
+    }
+}
+//# sourceMappingURL=theme.controller.js.map

package/packages/common/dist/shared/controllers/theme.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.controller.js","sourceRoot":"","sources":["../../../src/shared/controllers/theme.controller.ts"],"names":[],"mappings":"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"}

package/packages/common/dist/shared/dependency-mixin.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+/**
+ * Interface for components that need dependency validation
+ */
+export interface DependencyAware {
+    requiredComponents: string[];
+    validateDependencies(): void;
+    isComponentAvailable(componentName: string): boolean;
+}
+type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * Mixin that adds dependency validation functionality to LitElement components
+ *
+ * @param superClass - The base class to extend (typically LitElement)
+ * @returns Enhanced class with dependency validation capabilities
+ *
+ * @example
+ * ```typescript
+ * @customElement('my-component')
+ * export class MyComponent extends DependencyValidationMixin(LitElement) {
+ *   requiredComponents = ['nr-icon', 'hy-tooltip'];
+ *
+ *   override connectedCallback() {
+ *     super.connectedCallback();
+ *     this.validateDependencies();
+ *   }
+ * }
+ * ```
+ */
+export declare const DependencyValidationMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<DependencyAware> & T;
+export {};
+//# sourceMappingURL=dependency-mixin.d.ts.map