@raintonic/formaui 0.2.0

package/fesm2022/raintonic-formaui-services-theme.mjs

@@ -0,0 +1,248 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, PLATFORM_ID, signal, Injectable } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+
+/**
+ * # FuiTheme Service
+ *
+ * Central service for managing theme configuration and mode switching.
+ * Provides runtime theme customization with CSS variables and automatic palette generation.
+ *
+ * ## Features
+ * - Runtime theme customization
+ * - Light/dark/auto mode switching
+ * - Automatic color palette generation
+ * - CSS variables-based theming
+ * - Persistent theme preferences
+ * - System theme detection
+ *
+ * ## Usage
+ *
+ * ### Basic Theme Setup
+ * ```typescript
+ * import { FuiThemeService } from '@raintonic/formaui/services/theme';
+ *
+ * constructor(private themeService: FuiThemeService) {
+ *   // Set custom theme colors
+ *   this.themeService.setTheme({
+ *     primary: '#007bff',
+ *     secondary: '#6c757d',
+ *     tertiary: '#28a745'
+ *   });
+ * }
+ * ```
+ *
+ * ### Theme Mode Switching
+ * ```typescript
+ * // Switch to dark mode
+ * this.themeService.setMode('dark');
+ *
+ * // Switch to auto (follows system preference)
+ * this.themeService.setMode('auto');
+ *
+ * // Get current mode
+ * const currentMode = this.themeService.currentMode();
+ * const isDark = this.themeService.isDark();
+ * ```
+ *
+ * @example
+ * ```typescript
+ * import { Component, effect } from '@angular/core';
+ * import { FuiThemeService } from '@raintonic/formaui/services/theme';
+ *
+ * @Component({
+ *   template: `
+ *     <div class="theme-controls">
+ *       <button rtButton (click)="setLightMode()">Light</button>
+ *       <button rtButton (click)="setDarkMode()">Dark</button>
+ *       <button rtButton (click)="setAutoMode()">Auto</button>
+ *     </div>
+ *   `
+ * })
+ * export class ThemeControlsComponent {
+ *   constructor(public themeService: FuiThemeService) {}
+ *
+ *   setLightMode() { this.themeService.setMode('light'); }
+ *   setDarkMode() { this.themeService.setMode('dark'); }
+ *   setAutoMode() { this.themeService.setMode('auto'); }
+ * }
+ * ```
+ */
+class FuiThemeService {
+    _destroyRef = inject(DestroyRef);
+    _document = inject(DOCUMENT);
+    _platformId = inject(PLATFORM_ID);
+    _currentMode = signal('dark', ...(ngDevMode ? [{ debugName: "_currentMode" }] : /* istanbul ignore next */ []));
+    _isDark = signal(false, ...(ngDevMode ? [{ debugName: "_isDark" }] : /* istanbul ignore next */ []));
+    currentMode = this._currentMode.asReadonly();
+    isDark = this._isDark.asReadonly();
+    constructor() {
+        this._initializeTheme();
+        this._setupMediaQueryListener();
+    }
+    /**
+     * Initialize theme with custom colors
+     */
+    initTheme(config = {}) {
+        this.setTheme(config);
+    }
+    /**
+     * Set theme colors dynamically
+     */
+    setTheme(config = {}) {
+        const root = this._document.documentElement;
+        if (config.primary) {
+            this._setColorPalette(root, 'primary', config.primary);
+        }
+        if (config.secondary) {
+            this._setColorPalette(root, 'secondary', config.secondary);
+        }
+        if (config.tertiary) {
+            this._setColorPalette(root, 'tertiary', config.tertiary);
+        }
+    }
+    /**
+     * Set theme mode
+     */
+    setThemeMode(mode) {
+        this.setMode(mode);
+    }
+    /**
+     * Set theme mode (preferred method)
+     */
+    setMode(mode) {
+        this._currentMode.set(mode);
+        this._applyThemeMode(mode);
+    }
+    /**
+     * Toggle between light and dark themes
+     */
+    toggleTheme() {
+        const newMode = this._isDark() ? 'light' : 'dark';
+        this.setMode(newMode);
+    }
+    _initializeTheme() {
+        if (!isPlatformBrowser(this._platformId)) {
+            return;
+        }
+        const win = this._document.defaultView;
+        try {
+            const savedMode = win?.localStorage.getItem('fui-theme-mode');
+            if (savedMode && ['light', 'dark', 'auto'].includes(savedMode)) {
+                this.setMode(savedMode);
+                return;
+            }
+        }
+        catch {
+            // localStorage may be unavailable (e.g., privacy mode)
+        }
+        const mediaQuery = win?.matchMedia('(prefers-color-scheme: dark)');
+        this._updateDarkMode(mediaQuery?.matches ?? false);
+    }
+    _setupMediaQueryListener() {
+        if (!isPlatformBrowser(this._platformId)) {
+            return;
+        }
+        const win = this._document.defaultView;
+        if (!win) {
+            return;
+        }
+        const mediaQuery = win.matchMedia('(prefers-color-scheme: dark)');
+        const handleChange = (e) => {
+            if (this._currentMode() === 'auto') {
+                this._updateDarkMode(e.matches);
+            }
+        };
+        mediaQuery.addEventListener('change', handleChange);
+        // Clean up listener when service is destroyed
+        this._destroyRef.onDestroy(() => {
+            mediaQuery.removeEventListener('change', handleChange);
+        });
+        // Initial check
+        if (this._currentMode() === 'auto') {
+            this._updateDarkMode(mediaQuery.matches);
+        }
+    }
+    _applyThemeMode(mode) {
+        const root = this._document.documentElement;
+        // Save to localStorage
+        try {
+            this._document.defaultView?.localStorage.setItem('fui-theme-mode', mode);
+        }
+        catch {
+            // localStorage may be unavailable
+        }
+        // Remove existing theme classes
+        root.classList.remove('fui-theme-light', 'fui-theme-dark');
+        switch (mode) {
+            case 'light':
+                root.classList.add('fui-theme-light');
+                this._updateDarkMode(false);
+                break;
+            case 'dark':
+                root.classList.add('fui-theme-dark');
+                this._updateDarkMode(true);
+                break;
+            case 'auto': {
+                const win = this._document.defaultView;
+                const _isDarkPreferred = win?.matchMedia('(prefers-color-scheme: dark)').matches ?? false;
+                this._updateDarkMode(_isDarkPreferred);
+                break;
+            }
+        }
+    }
+    _updateDarkMode(isDark) {
+        this._isDark.set(isDark);
+        this._document.documentElement.classList.toggle('fui-theme-dark', isDark);
+    }
+    _setColorPalette(root, colorName, baseColor) {
+        const palette = this._generateColorPalette(baseColor);
+        Object.entries(palette).forEach(([shade, color]) => {
+            root.style.setProperty(`--fui-${colorName}-${shade}`, color);
+        });
+        // Update semantic color
+        root.style.setProperty(`--fui-${colorName}-color`, `var(--fui-${colorName}-60)`);
+    }
+    _generateColorPalette(baseColor) {
+        // Convert hex to RGB
+        const hex = baseColor.replace('#', '');
+        const r = parseInt(hex.substr(0, 2), 16);
+        const g = parseInt(hex.substr(2, 2), 16);
+        const b = parseInt(hex.substr(4, 2), 16);
+        const palette = {};
+        // Generate lighter shades (10-50)
+        for (let i = 10; i <= 50; i += 10) {
+            const factor = (60 - i) / 60; // More white for lower numbers
+            const newR = Math.round(r + (255 - r) * (1 - factor));
+            const newG = Math.round(g + (255 - g) * (1 - factor));
+            const newB = Math.round(b + (255 - b) * (1 - factor));
+            palette[i.toString()] = `rgb(${newR}, ${newG}, ${newB})`;
+        }
+        // Base color (60)
+        palette['60'] = baseColor;
+        // Generate darker shades (70-100)
+        for (let i = 70; i <= 100; i += 10) {
+            const factor = (i - 60) / 40; // More black for higher numbers
+            const newR = Math.round(r * (1 - factor));
+            const newG = Math.round(g * (1 - factor));
+            const newB = Math.round(b * (1 - factor));
+            palette[i.toString()] = `rgb(${newR}, ${newG}, ${newB})`;
+        }
+        return palette;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FuiThemeService };
+//# sourceMappingURL=raintonic-formaui-services-theme.mjs.map

package/fesm2022/raintonic-formaui-services-theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-services-theme.mjs","sources":["../../../lib/services/theme/theme.service.ts","../../../lib/services/theme/raintonic-formaui-services-theme.ts"],"sourcesContent":["import { DestroyRef, inject, Injectable, PLATFORM_ID, signal, Signal, WritableSignal } from '@angular/core';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\n\n/**\n * Configuration interface for theme customization\n */\nexport interface FuiThemeConfig {\n  /** Primary color for the theme (hex, rgb, hsl) */\n  primary?: string;\n  /** Secondary color for the theme (hex, rgb, hsl) */\n  secondary?: string;\n  /** Tertiary color for the theme (hex, rgb, hsl) */\n  tertiary?: string;\n}\n\n/**\n * Available theme modes\n */\nexport type FuiThemeMode = 'light' | 'dark' | 'auto';\n\n/**\n * # FuiTheme Service\n *\n * Central service for managing theme configuration and mode switching.\n * Provides runtime theme customization with CSS variables and automatic palette generation.\n *\n * ## Features\n * - Runtime theme customization\n * - Light/dark/auto mode switching\n * - Automatic color palette generation\n * - CSS variables-based theming\n * - Persistent theme preferences\n * - System theme detection\n *\n * ## Usage\n *\n * ### Basic Theme Setup\n * ```typescript\n * import { FuiThemeService } from '@raintonic/formaui/services/theme';\n *\n * constructor(private themeService: FuiThemeService) {\n *   // Set custom theme colors\n *   this.themeService.setTheme({\n *     primary: '#007bff',\n *     secondary: '#6c757d',\n *     tertiary: '#28a745'\n *   });\n * }\n * ```\n *\n * ### Theme Mode Switching\n * ```typescript\n * // Switch to dark mode\n * this.themeService.setMode('dark');\n *\n * // Switch to auto (follows system preference)\n * this.themeService.setMode('auto');\n *\n * // Get current mode\n * const currentMode = this.themeService.currentMode();\n * const isDark = this.themeService.isDark();\n * ```\n *\n * @example\n * ```typescript\n * import { Component, effect } from '@angular/core';\n * import { FuiThemeService } from '@raintonic/formaui/services/theme';\n *\n * @Component({\n *   template: `\n *     <div class=\"theme-controls\">\n *       <button rtButton (click)=\"setLightMode()\">Light</button>\n *       <button rtButton (click)=\"setDarkMode()\">Dark</button>\n *       <button rtButton (click)=\"setAutoMode()\">Auto</button>\n *     </div>\n *   `\n * })\n * export class ThemeControlsComponent {\n *   constructor(public themeService: FuiThemeService) {}\n *\n *   setLightMode() { this.themeService.setMode('light'); }\n *   setDarkMode() { this.themeService.setMode('dark'); }\n *   setAutoMode() { this.themeService.setMode('auto'); }\n * }\n * ```\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class FuiThemeService {\n  private readonly _destroyRef = inject(DestroyRef);\n  private readonly _document = inject(DOCUMENT);\n  private readonly _platformId = inject(PLATFORM_ID);\n  private readonly _currentMode: WritableSignal<FuiThemeMode> = signal<FuiThemeMode>('dark');\n  private readonly _isDark: WritableSignal<boolean> = signal(false);\n\n  readonly currentMode: Signal<FuiThemeMode> = this._currentMode.asReadonly();\n  readonly isDark: Signal<boolean> = this._isDark.asReadonly();\n\n  constructor() {\n    this._initializeTheme();\n    this._setupMediaQueryListener();\n  }\n\n  /**\n   * Initialize theme with custom colors\n   */\n  initTheme(config: FuiThemeConfig = {}): void {\n    this.setTheme(config);\n  }\n\n  /**\n   * Set theme colors dynamically\n   */\n  setTheme(config: FuiThemeConfig = {}): void {\n    const root: HTMLElement = this._document.documentElement;\n\n    if (config.primary) {\n      this._setColorPalette(root, 'primary', config.primary);\n    }\n\n    if (config.secondary) {\n      this._setColorPalette(root, 'secondary', config.secondary);\n    }\n\n    if (config.tertiary) {\n      this._setColorPalette(root, 'tertiary', config.tertiary);\n    }\n  }\n\n  /**\n   * Set theme mode\n   */\n  setThemeMode(mode: FuiThemeMode): void {\n    this.setMode(mode);\n  }\n\n  /**\n   * Set theme mode (preferred method)\n   */\n  setMode(mode: FuiThemeMode): void {\n    this._currentMode.set(mode);\n    this._applyThemeMode(mode);\n  }\n\n  /**\n   * Toggle between light and dark themes\n   */\n  toggleTheme(): void {\n    const newMode: FuiThemeMode = this._isDark() ? 'light' : 'dark';\n    this.setMode(newMode);\n  }\n\n  private _initializeTheme(): void {\n    if (!isPlatformBrowser(this._platformId)) {\n      return;\n    }\n\n    const win = this._document.defaultView;\n    try {\n      const savedMode: FuiThemeMode | null = win?.localStorage.getItem('fui-theme-mode') as FuiThemeMode;\n      if (savedMode && ['light', 'dark', 'auto'].includes(savedMode)) {\n        this.setMode(savedMode);\n        return;\n      }\n    } catch {\n      // localStorage may be unavailable (e.g., privacy mode)\n    }\n\n    const mediaQuery: MediaQueryList | undefined = win?.matchMedia('(prefers-color-scheme: dark)');\n    this._updateDarkMode(mediaQuery?.matches ?? false);\n  }\n\n  private _setupMediaQueryListener(): void {\n    if (!isPlatformBrowser(this._platformId)) {\n      return;\n    }\n\n    const win = this._document.defaultView;\n    if (!win) {\n      return;\n    }\n\n    const mediaQuery: MediaQueryList = win.matchMedia('(prefers-color-scheme: dark)');\n\n    const handleChange = (e: MediaQueryListEvent): void => {\n      if (this._currentMode() === 'auto') {\n        this._updateDarkMode(e.matches);\n      }\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n\n    // Clean up listener when service is destroyed\n    this._destroyRef.onDestroy(() => {\n      mediaQuery.removeEventListener('change', handleChange);\n    });\n\n    // Initial check\n    if (this._currentMode() === 'auto') {\n      this._updateDarkMode(mediaQuery.matches);\n    }\n  }\n\n  private _applyThemeMode(mode: FuiThemeMode): void {\n    const root: HTMLElement = this._document.documentElement;\n\n    // Save to localStorage\n    try {\n      this._document.defaultView?.localStorage.setItem('fui-theme-mode', mode);\n    } catch {\n      // localStorage may be unavailable\n    }\n\n    // Remove existing theme classes\n    root.classList.remove('fui-theme-light', 'fui-theme-dark');\n\n    switch (mode) {\n      case 'light':\n        root.classList.add('fui-theme-light');\n        this._updateDarkMode(false);\n        break;\n      case 'dark':\n        root.classList.add('fui-theme-dark');\n        this._updateDarkMode(true);\n        break;\n      case 'auto': {\n        const win = this._document.defaultView;\n        const _isDarkPreferred: boolean = win?.matchMedia('(prefers-color-scheme: dark)').matches ?? false;\n        this._updateDarkMode(_isDarkPreferred);\n        break;\n      }\n    }\n  }\n\n  private _updateDarkMode(isDark: boolean): void {\n    this._isDark.set(isDark);\n    this._document.documentElement.classList.toggle('fui-theme-dark', isDark);\n  }\n\n  private _setColorPalette(root: HTMLElement, colorName: string, baseColor: string): void {\n    const palette: Record<string, string> = this._generateColorPalette(baseColor);\n\n    Object.entries(palette).forEach(([shade, color]) => {\n      root.style.setProperty(`--fui-${colorName}-${shade}`, color);\n    });\n\n    // Update semantic color\n    root.style.setProperty(`--fui-${colorName}-color`, `var(--fui-${colorName}-60)`);\n  }\n\n  private _generateColorPalette(baseColor: string): Record<string, string> {\n    // Convert hex to RGB\n    const hex: string = baseColor.replace('#', '');\n    const r: number = parseInt(hex.substr(0, 2), 16);\n    const g: number = parseInt(hex.substr(2, 2), 16);\n    const b: number = parseInt(hex.substr(4, 2), 16);\n\n    const palette: Record<string, string> = {};\n\n    // Generate lighter shades (10-50)\n    for (let i = 10; i <= 50; i += 10) {\n      const factor: number = (60 - i) / 60; // More white for lower numbers\n      const newR: number = Math.round(r + (255 - r) * (1 - factor));\n      const newG: number = Math.round(g + (255 - g) * (1 - factor));\n      const newB: number = Math.round(b + (255 - b) * (1 - factor));\n      palette[i.toString()] = `rgb(${newR}, ${newG}, ${newB})`;\n    }\n\n    // Base color (60)\n    palette['60'] = baseColor;\n\n    // Generate darker shades (70-100)\n    for (let i = 70; i <= 100; i += 10) {\n      const factor: number = (i - 60) / 40; // More black for higher numbers\n      const newR: number = Math.round(r * (1 - factor));\n      const newG: number = Math.round(g * (1 - factor));\n      const newB: number = Math.round(b * (1 - factor));\n      palette[i.toString()] = `rgb(${newR}, ${newG}, ${newB})`;\n    }\n\n    return palette;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/raintonic-formaui-test-utils.mjs

@@ -0,0 +1,66 @@
+import axe from 'axe-core';
+
+/**
+ * Runs axe-core accessibility audit on the given element.
+ * Returns violations array. Empty array means no violations.
+ */
+async function runA11yAudit(element) {
+    const results = await axe.run(element, {
+        rules: {
+            'color-contrast': { enabled: true },
+            'keyboard-access': { enabled: true },
+            'aria-roles': { enabled: true },
+            'aria-required-attr': { enabled: true },
+            'aria-valid-attr': { enabled: true },
+            'aria-valid-attr-value': { enabled: true },
+            'button-name': { enabled: true },
+            'image-alt': { enabled: true },
+            label: { enabled: true },
+            'link-name': { enabled: true },
+        },
+    });
+    return results.violations;
+}
+
+function pressKey(element, key, modifiers) {
+    const event = new KeyboardEvent('keydown', {
+        key,
+        bubbles: true,
+        cancelable: true,
+        shiftKey: modifiers?.shift ?? false,
+        ctrlKey: modifiers?.ctrl ?? false,
+        altKey: modifiers?.alt ?? false,
+    });
+    element.dispatchEvent(event);
+}
+function pressTab(element, shift = false) {
+    pressKey(element, 'Tab', { shift });
+}
+function pressArrowDown(element) {
+    pressKey(element, 'ArrowDown');
+}
+function pressArrowUp(element) {
+    pressKey(element, 'ArrowUp');
+}
+function pressEnter(element) {
+    pressKey(element, 'Enter');
+}
+function pressSpace(element) {
+    pressKey(element, ' ');
+}
+function pressEscape(element) {
+    pressKey(element, 'Escape');
+}
+function pressHome(element) {
+    pressKey(element, 'Home');
+}
+function pressEnd(element) {
+    pressKey(element, 'End');
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { pressArrowDown, pressArrowUp, pressEnd, pressEnter, pressEscape, pressHome, pressKey, pressSpace, pressTab, runA11yAudit };
+//# sourceMappingURL=raintonic-formaui-test-utils.mjs.map

package/fesm2022/raintonic-formaui-test-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-test-utils.mjs","sources":["../../../lib/test-utils/a11y-test.util.ts","../../../lib/test-utils/keyboard-test.util.ts","../../../lib/test-utils/raintonic-formaui-test-utils.ts"],"sourcesContent":["import axe from 'axe-core';\n\n/**\n * Runs axe-core accessibility audit on the given element.\n * Returns violations array. Empty array means no violations.\n */\nexport async function runA11yAudit(element: HTMLElement): Promise<axe.Result[]> {\n  const results = await axe.run(element, {\n    rules: {\n      'color-contrast': { enabled: true },\n      'keyboard-access': { enabled: true },\n      'aria-roles': { enabled: true },\n      'aria-required-attr': { enabled: true },\n      'aria-valid-attr': { enabled: true },\n      'aria-valid-attr-value': { enabled: true },\n      'button-name': { enabled: true },\n      'image-alt': { enabled: true },\n      label: { enabled: true },\n      'link-name': { enabled: true },\n    },\n  });\n  return results.violations;\n}\n","export function pressKey(\n  element: HTMLElement,\n  key: string,\n  modifiers?: { shift?: boolean; ctrl?: boolean; alt?: boolean },\n): void {\n  const event = new KeyboardEvent('keydown', {\n    key,\n    bubbles: true,\n    cancelable: true,\n    shiftKey: modifiers?.shift ?? false,\n    ctrlKey: modifiers?.ctrl ?? false,\n    altKey: modifiers?.alt ?? false,\n  });\n  element.dispatchEvent(event);\n}\n\nexport function pressTab(element: HTMLElement, shift = false): void {\n  pressKey(element, 'Tab', { shift });\n}\n\nexport function pressArrowDown(element: HTMLElement): void {\n  pressKey(element, 'ArrowDown');\n}\n\nexport function pressArrowUp(element: HTMLElement): void {\n  pressKey(element, 'ArrowUp');\n}\n\nexport function pressEnter(element: HTMLElement): void {\n  pressKey(element, 'Enter');\n}\n\nexport function pressSpace(element: HTMLElement): void {\n  pressKey(element, ' ');\n}\n\nexport function pressEscape(element: HTMLElement): void {\n  pressKey(element, 'Escape');\n}\n\nexport function pressHome(element: HTMLElement): void {\n  pressKey(element, 'Home');\n}\n\nexport function pressEnd(element: HTMLElement): void {\n  pressKey(element, 'End');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAEA;;;AAGG;AACI,eAAe,YAAY,CAAC,OAAoB,EAAA;IACrD,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE;AACrC,QAAA,KAAK,EAAE;AACL,YAAA,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACnC,YAAA,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACpC,YAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,YAAA,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACvC,YAAA,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACpC,YAAA,uBAAuB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1C,YAAA,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAChC,YAAA,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC9B,YAAA,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACxB,YAAA,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,SAAA;AACF,KAAA,CAAC;IACF,OAAO,OAAO,CAAC,UAAU;AAC3B;;SCtBgB,QAAQ,CACtB,OAAoB,EACpB,GAAW,EACX,SAA8D,EAAA;AAE9D,IAAA,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,SAAS,EAAE;QACzC,GAAG;AACH,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,KAAK;AACnC,QAAA,OAAO,EAAE,SAAS,EAAE,IAAI,IAAI,KAAK;AACjC,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,KAAK;AAChC,KAAA,CAAC;AACF,IAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;AAC9B;SAEgB,QAAQ,CAAC,OAAoB,EAAE,KAAK,GAAG,KAAK,EAAA;IAC1D,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC;AACrC;AAEM,SAAU,cAAc,CAAC,OAAoB,EAAA;AACjD,IAAA,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;AAChC;AAEM,SAAU,YAAY,CAAC,OAAoB,EAAA;AAC/C,IAAA,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;AAC9B;AAEM,SAAU,UAAU,CAAC,OAAoB,EAAA;AAC7C,IAAA,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;AAC5B;AAEM,SAAU,UAAU,CAAC,OAAoB,EAAA;AAC7C,IAAA,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAC;AACxB;AAEM,SAAU,WAAW,CAAC,OAAoB,EAAA;AAC9C,IAAA,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;AAC7B;AAEM,SAAU,SAAS,CAAC,OAAoB,EAAA;AAC5C,IAAA,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;AAC3B;AAEM,SAAU,QAAQ,CAAC,OAAoB,EAAA;AAC3C,IAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1B;;AC9CA;;AAEG;;;;"}

package/fesm2022/raintonic-formaui.mjs

@@ -0,0 +1,15 @@
+const FORMAUI_VERSION = '0.1.0';
+// FormaUI - Primary entry point
+// Secondary entry points are imported directly, e.g.:
+//   import { FuiButtonDirective } from '@raintonic/formaui/components/button';
+//   import { FuiIconComponent } from '@raintonic/formaui/components/icon';
+//   import { ThemeService } from '@raintonic/formaui/services/theme';
+//   import { FuiOverlayService } from '@raintonic/formaui/cdk/overlay';
+//   import { FuiCoreModule } from '@raintonic/formaui/core';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FORMAUI_VERSION };
+//# sourceMappingURL=raintonic-formaui.mjs.map

package/fesm2022/raintonic-formaui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui.mjs","sources":["../../../lib/src/public-api.ts","../../../lib/src/raintonic-formaui.ts"],"sourcesContent":["export const FORMAUI_VERSION = '0.1.0';\n\n// FormaUI - Primary entry point\n// Secondary entry points are imported directly, e.g.:\n//   import { FuiButtonDirective } from '@raintonic/formaui/components/button';\n//   import { FuiIconComponent } from '@raintonic/formaui/components/icon';\n//   import { ThemeService } from '@raintonic/formaui/services/theme';\n//   import { FuiOverlayService } from '@raintonic/formaui/cdk/overlay';\n//   import { FuiCoreModule } from '@raintonic/formaui/core';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,eAAe,GAAG;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;;ACRA;;AAEG;;;;"}