@cute-widgets/base 20.0.1

package/fesm2022/cute-widgets-base-core-theming.mjs

@@ -0,0 +1,314 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Input, Directive, inject, DOCUMENT, Injectable } from '@angular/core';
+import { Subject, fromEvent } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { MediaMatcher } from '@angular/cdk/layout';
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+/**
+ * `CuteWidgets` supports standard Bootstrap 5 theme colors - `ThemeColor` type. But to account
+ * miscellaneous use cases of usage this colors in components CuteWidgets add extended definition of
+ * latter - `RichThemeColor`. Rich color is the standard color name plus "-emphasis" or "-contrast" suffix at the end.
+ * Depending on the context of applying color, the result CSS-class can be `.text-*`, `.text-bg-*` or ended with
+ * `-emphasis` or `-subtle` suffixes.
+ */
+/** Bootstrap theme colors */
+const Palette = ["primary", "secondary", "success", "danger", "warning", "info", "light", "dark", "link", "tertiary"];
+/**
+ * Whether a string is a valid theme color name
+ * @param str Text case-sensitive value
+ * @returns _true_ if `str` is a valid color name, otherwise _false_
+ */
+function isThemeColor(str) {
+    if (str) {
+        return Palette.indexOf(str) !== -1;
+    }
+    return false;
+}
+/**
+ * Whether a string is a valid rich or base theme color name.
+ * @param str Case-sensitive text value of the color name.
+ * @returns _true_ if `str` is a valid rich color name, otherwise _false_.
+ */
+function isRichThemeColor(str) {
+    if (str) {
+        if (isExtendedColor(str)) {
+            str = getBaseColor(str);
+        }
+        return isThemeColor(str);
+    }
+    return false;
+}
+/**
+ * Transforms a string to `ThemeColor` type.
+ * @param color Color value to transform
+ * @returns _ThemeColor_'s value or _undefined_, if the `color` has an invalid value.
+ */
+function toThemeColor(color) {
+    if (typeof color === "string") {
+        color = color.trim().toLowerCase();
+        if (isExtendedColor(color)) {
+            color = getBaseColor(color);
+        }
+        if (isThemeColor(color)) {
+            return color;
+        }
+    }
+    return undefined;
+}
+/**
+ * To `_RichThemeColor_` transformer function.
+ * @param color Color value to transform into rich color type.
+ * @returns _RichThemeColor_ value or _undefined_ if `color` is invalid.
+ */
+function toRichThemeColor(color) {
+    if (typeof color === "string") {
+        color = color.trim().toLowerCase();
+        if (isRichThemeColor(color)) {
+            return color;
+        }
+    }
+    return undefined;
+}
+/**
+ * Returns a valid Bootstrap's `.text-*` CSS class.
+ * @param color Color palette to transform into CSS-class.
+ */
+function toTextCssClass(color) {
+    const richThemeColor = toRichThemeColor(color);
+    if (richThemeColor) {
+        if (richThemeColor.startsWith("tertiary")) {
+            // Bootstrap 5 has no ".text-tertiary-*" classes, so we return following
+            return "text-body-tertiary";
+        }
+        let themeColor;
+        if (isExtendedColor(richThemeColor)) {
+            themeColor = getBaseColor(richThemeColor);
+            if (richThemeColor.endsWith("-emphasis")) {
+                return `text-${themeColor}-emphasis`;
+            }
+            // contrast
+            return `text-bg-${themeColor}`;
+        }
+        themeColor = richThemeColor;
+        return `text-${themeColor}`;
+    }
+    return "";
+}
+/**
+ * Returns a valid Bootstrap's `.bg-*` or `.text-bg-*` CSS class name.
+ * @param color Value to transform into CSS-class.
+ */
+function toBgCssClass(color) {
+    const richThemeColor = toRichThemeColor(color);
+    if (richThemeColor) {
+        if (richThemeColor.startsWith("tertiary")) {
+            // Bootstrap 5 has no 'tertiary-subtle'/'bg-tertiary' classes, so we return following
+            return "bg-body-tertiary";
+        }
+        let themeColor;
+        if (isExtendedColor(richThemeColor)) {
+            themeColor = getBaseColor(richThemeColor);
+            if (richThemeColor.endsWith("-emphasis")) {
+                return `bg-${themeColor}-subtle`;
+            }
+            // contrast
+            return `text-bg-${themeColor}`;
+        }
+        themeColor = richThemeColor;
+        // Simple background
+        return `bg-${themeColor}`;
+    }
+    return "";
+}
+/**
+ * Set a background color with contrasting foreground color.
+ * @param color Color palette to transform into CSS-class.
+ * @returns A valid Bootstrap's `.text-bg-*` CSS-class
+ */
+function toTextBgCssClass(color) {
+    const richThemeColor = toRichThemeColor(color);
+    if (richThemeColor) {
+        if (richThemeColor.startsWith("tertiary")) {
+            return "text-body-tertiary";
+        }
+        let themeColor;
+        if (isExtendedColor(richThemeColor)) {
+            themeColor = getBaseColor(richThemeColor);
+        }
+        else {
+            themeColor = richThemeColor;
+        }
+        return "text-bg-" + themeColor;
+    }
+    return "";
+}
+/**
+ * Returns a valid Bootstrap's `.text-*` or `.text-bg-*` CSS class.
+ * @param color Color value to transform into CSS-class.
+ */
+function toColorCssClass(color) {
+    if (color) {
+        if (color.endsWith("-contrast")) {
+            return toTextBgCssClass(color);
+        }
+        return toTextCssClass(color);
+    }
+    return "";
+}
+/**
+ * Extracts `ThemeColor` from the `RichThemeColor`.
+ * @param color Rich color
+ * @returns Base theme color.
+ * @internal
+ */
+function getBaseColor(color) {
+    let dashPos = color.indexOf("-");
+    if (dashPos >= 0) {
+        return color.slice(0, dashPos);
+    }
+    return color;
+}
+/** Whether the specified color is extended counterpart of the standard palette color. */
+function isExtendedColor(color) {
+    return color.endsWith("-emphasis") || color.endsWith("-contrast");
+}
+const CUTE_THEME_COLOR = new InjectionToken("CUTE_THEME_COLOR");
+class CuteThemeColor /* extends ... */ {
+    colorClass() {
+        return toColorCssClass(this.color);
+    }
+    bgClass() {
+        return toBgCssClass(this.color);
+    }
+    textBgClass() {
+        return toTextBgCssClass(this.color);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteThemeColor /* extends ... */, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteThemeColor /* extends ... */, isStandalone: true, selector: "[cuteThemeColor]", inputs: { color: ["cuteThemeColor", "color"] }, providers: [{ provide: CUTE_THEME_COLOR, useExisting: CuteThemeColor }], exportAs: ["cuteThemeColor"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteThemeColor /* extends ... */, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cuteThemeColor]',
+                    exportAs: 'cuteThemeColor',
+                    host: {},
+                    providers: [{ provide: CUTE_THEME_COLOR, useExisting: CuteThemeColor }],
+                }]
+        }], propDecorators: { color: [{
+                type: Input,
+                args: ["cuteThemeColor"]
+            }] } });
+
+const PREFERS_COLOR_SCHEME = '(prefers-color-scheme: dark)';
+const THEME_ATTR_NAME = "data-bs-theme";
+class CuteThemeService {
+    constructor() {
+        this._document = inject(DOCUMENT);
+        this._mediaChange = new Subject();
+        /** Observable that can be used to receive `MediaMatcher`'s _change_ event. */
+        this.change = this._mediaChange.asObservable();
+        const mediaMatcher = inject(MediaMatcher);
+        this._mediaQueryList = mediaMatcher.matchMedia(PREFERS_COLOR_SCHEME);
+        fromEvent(this._mediaQueryList, "change")
+            .pipe(takeUntilDestroyed())
+            .subscribe(event => {
+            const storedTheme = this.getStoredTheme();
+            if (storedTheme !== 'light' && storedTheme !== 'dark') {
+                this.setTheme(this.getPreferredTheme(), false);
+            }
+            this._mediaChange.next(event);
+        });
+        fromEvent(window, "DOMContentLoaded")
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => {
+            this.setTheme(this.getPreferredTheme());
+        });
+    }
+    getStoredTheme() {
+        const theme = localStorage.getItem('theme');
+        if (theme && ["light", "dark", "auto"].includes(theme)) {
+            return theme;
+        }
+        return null;
+    }
+    setStoredTheme(theme) {
+        return localStorage.setItem('theme', theme);
+    }
+    /** Returns the user's preferred color mode. */
+    getPreferredTheme() {
+        const storedTheme = this.getStoredTheme();
+        if (storedTheme) {
+            return storedTheme;
+        }
+        return this.getCurrentTheme();
+    }
+    /** Returns the browser's color theme. */
+    getCurrentTheme() {
+        return this._mediaQueryList.matches ? 'dark' : 'light';
+    }
+    /** Whether is the dark theme currently selected. */
+    isDarkTheme() {
+        return this.getTheme() == "dark";
+    }
+    /** Whether is the light theme currently selected. */
+    isLightTheme() {
+        return !this.isDarkTheme();
+    }
+    /** Returns the Bootstrap's color theme. */
+    getTheme() {
+        const docElem = this._document.documentElement;
+        let attrValue = docElem.getAttribute(THEME_ATTR_NAME);
+        if (attrValue == null) {
+            attrValue = this.getCurrentTheme();
+        }
+        return attrValue;
+    }
+    /**
+     * Changes the default color mode (theme) of all pages in the website with the opportunity of auto-detection.
+     * @param theme Desired color theme.
+     * @param emitEvent Emulate event emitting. Default is _true_.
+     */
+    setTheme(theme, emitEvent = true) {
+        const docElem = this._document.documentElement;
+        let matches;
+        if (theme === 'auto') {
+            matches = this._mediaQueryList.matches;
+            docElem.setAttribute(THEME_ATTR_NAME, (matches ? 'dark' : 'light'));
+        }
+        else {
+            matches = (theme === "dark");
+            docElem.setAttribute(THEME_ATTR_NAME, theme);
+        }
+        this.setStoredTheme(theme);
+        if (emitEvent) {
+            // dispatch artificial (not trusted) change event
+            this._mediaQueryList.dispatchEvent(new MediaQueryListEvent("change", { matches, media: this._mediaQueryList.media }));
+        }
+    }
+    ngOnDestroy() {
+        this._mediaChange.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteThemeService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CUTE_THEME_COLOR, CuteThemeColor, CuteThemeService, isRichThemeColor, isThemeColor, toBgCssClass, toColorCssClass, toRichThemeColor, toTextBgCssClass, toTextCssClass, toThemeColor };
+//# sourceMappingURL=cute-widgets-base-core-theming.mjs.map

package/fesm2022/cute-widgets-base-core-theming.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cute-widgets-base-core-theming.mjs","sources":["../../../../projects/cute-widgets/base/core/theming/src/ThemeColor.ts","../../../../projects/cute-widgets/base/core/theming/src/theme.service.ts","../../../../projects/cute-widgets/base/core/theming/cute-widgets-base-core-theming.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\n\r\n/**\r\n * `CuteWidgets` supports standard Bootstrap 5 theme colors - `ThemeColor` type. But to account\r\n * miscellaneous use cases of usage this colors in components CuteWidgets add extended definition of\r\n * latter - `RichThemeColor`. Rich color is the standard color name plus \"-emphasis\" or \"-contrast\" suffix at the end.\r\n * Depending on the context of applying color, the result CSS-class can be `.text-*`, `.text-bg-*` or ended with\r\n * `-emphasis` or `-subtle` suffixes.\r\n */\r\nimport {Directive, InjectionToken, Input, input} from \"@angular/core\";\r\n\r\n/** Bootstrap theme colors */\r\nconst Palette = [\"primary\",\"secondary\",\"success\",\"danger\",\"warning\",\"info\",\"light\",\"dark\",\"link\",\"tertiary\"] as const;\r\n\r\n/** Bootstrap’s base color palette. */\r\nexport type ThemeColor = typeof Palette[number];\r\n/** Rich color palette is based on the standard Bootstrap palette but has additional shades. */\r\nexport type RichThemeColor = ThemeColor | `${ThemeColor}-emphasis` | `${ThemeColor}-contrast`;\r\n\r\n/** Alias for `ThemeColor` type. */\r\nexport type ThemePalette = ThemeColor;\r\n/** Alias for `ThemeColor` type. */\r\nexport type RichThemePalette = RichThemeColor;\r\n\r\n/**\r\n * Whether a string is a valid theme color name\r\n * @param str Text case-sensitive value\r\n * @returns _true_ if `str` is a valid color name, otherwise _false_\r\n */\r\nexport function isThemeColor(str: string|undefined|null): str is ThemeColor {\r\n  if (str) {\r\n    return Palette.indexOf(str as any) !== -1;\r\n  }\r\n  return false;\r\n}\r\n\r\n/**\r\n * Whether a string is a valid rich or base theme color name.\r\n * @param str Case-sensitive text value of the color name.\r\n * @returns _true_ if `str` is a valid rich color name, otherwise _false_.\r\n */\r\nexport function isRichThemeColor(str: string|undefined|null): str is RichThemeColor {\r\n  if (str) {\r\n    if (isExtendedColor(str)) {\r\n      str = getBaseColor(str as RichThemeColor);\r\n    }\r\n    return isThemeColor(str);\r\n  }\r\n  return false;\r\n}\r\n\r\n/**\r\n * Transforms a string to `ThemeColor` type.\r\n * @param color Color value to transform\r\n * @returns _ThemeColor_'s value or _undefined_, if the `color` has an invalid value.\r\n */\r\nexport function toThemeColor(color: string|undefined|null): ThemeColor|undefined {\r\n  if (typeof color===\"string\") {\r\n    color = color.trim().toLowerCase();\r\n    if (isExtendedColor(color)) {\r\n      color = getBaseColor(color as RichThemeColor);\r\n    }\r\n    if (isThemeColor(color)) {\r\n      return color;\r\n    }\r\n  }\r\n  return undefined;\r\n}\r\n\r\n/**\r\n * To `_RichThemeColor_` transformer function.\r\n * @param color Color value to transform into rich color type.\r\n * @returns _RichThemeColor_ value or _undefined_ if `color` is invalid.\r\n */\r\nexport function toRichThemeColor(color: string|undefined|null): RichThemeColor|undefined {\r\n  if (typeof color===\"string\") {\r\n    color = color.trim().toLowerCase();\r\n    if (isRichThemeColor(color)) {\r\n      return color;\r\n    }\r\n  }\r\n  return undefined;\r\n}\r\n\r\n/**\r\n * Returns a valid Bootstrap's `.text-*` CSS class.\r\n * @param color Color palette to transform into CSS-class.\r\n */\r\nexport function toTextCssClass(color: string|undefined|null): string {\r\n  const richThemeColor: RichThemeColor|undefined = toRichThemeColor(color);\r\n  if (richThemeColor) {\r\n    if (richThemeColor.startsWith(\"tertiary\")) {\r\n      // Bootstrap 5 has no \".text-tertiary-*\" classes, so we return following\r\n      return \"text-body-tertiary\";\r\n    }\r\n\r\n    let themeColor: ThemeColor;\r\n    if (isExtendedColor(richThemeColor)) {\r\n      themeColor = getBaseColor(richThemeColor);\r\n      if (richThemeColor.endsWith(\"-emphasis\")) {\r\n        return `text-${themeColor}-emphasis`;\r\n      }\r\n      // contrast\r\n      return `text-bg-${themeColor}`;\r\n    }\r\n    themeColor = richThemeColor as ThemeColor;\r\n    return `text-${themeColor}`;\r\n  }\r\n  return \"\";\r\n}\r\n\r\n/**\r\n * Returns a valid Bootstrap's `.bg-*` or `.text-bg-*` CSS class name.\r\n * @param color Value to transform into CSS-class.\r\n */\r\nexport function toBgCssClass(color: string|undefined|null): string {\r\n  const richThemeColor: RichThemeColor|undefined = toRichThemeColor(color);\r\n  if (richThemeColor) {\r\n    if (richThemeColor.startsWith(\"tertiary\")) {\r\n      // Bootstrap 5 has no 'tertiary-subtle'/'bg-tertiary' classes, so we return following\r\n      return \"bg-body-tertiary\";\r\n    }\r\n\r\n    let themeColor: ThemeColor;\r\n    if (isExtendedColor(richThemeColor)) {\r\n      themeColor = getBaseColor(richThemeColor);\r\n      if (richThemeColor.endsWith(\"-emphasis\")) {\r\n        return `bg-${themeColor}-subtle`;\r\n      }\r\n      // contrast\r\n      return `text-bg-${themeColor}`;\r\n    }\r\n\r\n    themeColor = richThemeColor as ThemeColor;\r\n    // Simple background\r\n    return `bg-${themeColor}`;\r\n  }\r\n  return \"\";\r\n}\r\n\r\n/**\r\n * Set a background color with contrasting foreground color.\r\n * @param color Color palette to transform into CSS-class.\r\n * @returns A valid Bootstrap's `.text-bg-*` CSS-class\r\n */\r\nexport function toTextBgCssClass(color: string|undefined|null): string {\r\n  const richThemeColor: RichThemeColor|undefined = toRichThemeColor(color);\r\n  if (richThemeColor) {\r\n    if (richThemeColor.startsWith(\"tertiary\")) {\r\n      return \"text-body-tertiary\";\r\n    }\r\n    let themeColor: ThemeColor;\r\n    if (isExtendedColor(richThemeColor)) {\r\n      themeColor = getBaseColor(richThemeColor);\r\n    } else {\r\n      themeColor = richThemeColor as ThemeColor;\r\n    }\r\n    return \"text-bg-\"+themeColor;\r\n  }\r\n  return \"\";\r\n}\r\n\r\n/**\r\n * Returns a valid Bootstrap's `.text-*` or `.text-bg-*` CSS class.\r\n * @param color Color value to transform into CSS-class.\r\n */\r\nexport function toColorCssClass(color: string|undefined|null): string {\r\n  if (color) {\r\n    if (color.endsWith(\"-contrast\")) {\r\n      return toTextBgCssClass(color);\r\n    }\r\n    return toTextCssClass(color);\r\n  }\r\n  return \"\";\r\n}\r\n\r\n/**\r\n * Extracts `ThemeColor` from the `RichThemeColor`.\r\n * @param color Rich color\r\n * @returns Base theme color.\r\n * @internal\r\n */\r\nfunction getBaseColor(color: RichThemeColor): ThemeColor {\r\n  let dashPos = color.indexOf(\"-\");\r\n  if (dashPos >= 0) {\r\n    return color.slice(0, dashPos) as ThemeColor;\r\n  }\r\n  return color as ThemeColor;\r\n}\r\n\r\n/** Whether the specified color is extended counterpart of the standard palette color. */\r\nfunction isExtendedColor(color: string): boolean {\r\n  return color.endsWith(\"-emphasis\") || color.endsWith(\"-contrast\");\r\n}\r\n\r\n\r\nexport const CUTE_THEME_COLOR = new InjectionToken<CuteThemeColor>(\"CUTE_THEME_COLOR\");\r\n\r\n@Directive({\r\n  selector: '[cuteThemeColor]',\r\n  exportAs: 'cuteThemeColor',\r\n  host: {},\r\n  providers: [{provide: CUTE_THEME_COLOR, useExisting: CuteThemeColor}],\r\n})\r\nexport class CuteThemeColor /* extends ... */ {\r\n\r\n  @Input(\"cuteThemeColor\")\r\n  color: RichThemeColor | undefined;\r\n\r\n  colorClass(): string {\r\n    return toColorCssClass(this.color);\r\n  }\r\n\r\n  bgClass(): string {\r\n    return toBgCssClass(this.color);\r\n  }\r\n\r\n  textBgClass(): string {\r\n    return toTextBgCssClass(this.color);\r\n  }\r\n\r\n}\r\n","import {DOCUMENT, inject, Injectable, OnDestroy} from '@angular/core';\r\nimport {fromEvent, Subject} from 'rxjs';\r\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\r\nimport {MediaMatcher} from '@angular/cdk/layout';\r\n\r\nconst PREFERS_COLOR_SCHEME = '(prefers-color-scheme: dark)';\r\nconst THEME_ATTR_NAME = \"data-bs-theme\";\r\n\r\nexport type CuteTheme = \"light\" | \"dark\" | \"auto\";\r\n\r\n@Injectable({\r\n  providedIn: \"root\"\r\n})\r\nexport class CuteThemeService implements OnDestroy {\r\n  private _document = inject(DOCUMENT);\r\n  private _mediaQueryList: MediaQueryList;\r\n  private _mediaChange = new Subject<MediaQueryListEvent>();\r\n\r\n  /** Observable that can be used to receive `MediaMatcher`'s _change_ event. */\r\n  readonly change = this._mediaChange.asObservable();\r\n\r\n  constructor() {\r\n    const mediaMatcher = inject(MediaMatcher);\r\n    this._mediaQueryList = mediaMatcher.matchMedia(PREFERS_COLOR_SCHEME);\r\n\r\n    fromEvent<MediaQueryListEvent>(this._mediaQueryList, \"change\")\r\n      .pipe(takeUntilDestroyed())\r\n      .subscribe(event => {\r\n        const storedTheme = this.getStoredTheme();\r\n        if (storedTheme !== 'light' && storedTheme !== 'dark') {\r\n          this.setTheme( this.getPreferredTheme(), false );\r\n        }\r\n        this._mediaChange.next(event);\r\n      });\r\n\r\n    fromEvent(window, \"DOMContentLoaded\")\r\n      .pipe(takeUntilDestroyed())\r\n      .subscribe(() => {\r\n        this.setTheme( this.getPreferredTheme() );\r\n      });\r\n  }\r\n\r\n  private getStoredTheme(): CuteTheme|null {\r\n    const theme = localStorage.getItem('theme');\r\n    if (theme && [\"light\",\"dark\",\"auto\"].includes(theme)) {\r\n      return theme as CuteTheme;\r\n    }\r\n    return null;\r\n  }\r\n\r\n  private setStoredTheme(theme: CuteTheme): void{\r\n    return localStorage.setItem('theme', theme);\r\n  }\r\n\r\n  /** Returns the user's preferred color mode. */\r\n  getPreferredTheme(): CuteTheme {\r\n    const storedTheme = this.getStoredTheme();\r\n    if (storedTheme) {\r\n      return storedTheme;\r\n    }\r\n\r\n    return this.getCurrentTheme();\r\n  }\r\n\r\n  /** Returns the browser's color theme. */\r\n  getCurrentTheme(): CuteTheme {\r\n    return this._mediaQueryList.matches ? 'dark' : 'light';\r\n  }\r\n\r\n  /** Whether is the dark theme currently selected. */\r\n  isDarkTheme(): boolean {\r\n    return this.getTheme() == \"dark\";\r\n  }\r\n\r\n  /** Whether is the light theme currently selected. */\r\n  isLightTheme(): boolean {\r\n    return !this.isDarkTheme();\r\n  }\r\n\r\n  /** Returns the Bootstrap's color theme. */\r\n  getTheme(): Omit<CuteTheme, \"auto\"> {\r\n    const docElem = this._document.documentElement;\r\n    let attrValue = docElem.getAttribute(THEME_ATTR_NAME);\r\n    if (attrValue == null) {\r\n      attrValue = this.getCurrentTheme();\r\n    }\r\n    return attrValue;\r\n  }\r\n\r\n  /**\r\n   * Changes the default color mode (theme) of all pages in the website with the opportunity of auto-detection.\r\n   * @param theme Desired color theme.\r\n   * @param emitEvent Emulate event emitting. Default is _true_.\r\n   */\r\n  setTheme(theme: CuteTheme, emitEvent: boolean = true): void {\r\n    const docElem = this._document.documentElement;\r\n    let matches: boolean;\r\n    if (theme === 'auto') {\r\n      matches = this._mediaQueryList.matches;\r\n      docElem.setAttribute(THEME_ATTR_NAME, (matches ? 'dark' : 'light'));\r\n    } else {\r\n      matches = (theme === \"dark\");\r\n      docElem.setAttribute(THEME_ATTR_NAME, theme);\r\n    }\r\n    this.setStoredTheme(theme);\r\n    if (emitEvent) {\r\n      // dispatch artificial (not trusted) change event\r\n      this._mediaQueryList.dispatchEvent( new MediaQueryListEvent(\"change\",  {matches, media: this._mediaQueryList.media}) );\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._mediaChange.complete();\r\n  }\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/cute-widgets-base-core-types.mjs

@@ -0,0 +1,22 @@
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=cute-widgets-base-core-types.mjs.map

package/fesm2022/cute-widgets-base-core-types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cute-widgets-base-core-types.mjs","sources":["../../../../projects/cute-widgets/base/core/types/src/MouseCursor.ts","../../../../projects/cute-widgets/base/core/types/src/RelativeSize.ts","../../../../projects/cute-widgets/base/core/types/cute-widgets-base-core-types.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\n\r\nexport type MouseGeneralCursor =\r\n  | \"auto\"\r\n  | \"default\"\r\n  | \"none\";\r\n\r\nexport type MouseLinkAndStatusCursor =\r\n  | \"context-menu\"\r\n  | \"help\"\r\n  | \"pointer\"\r\n  | \"progress\"\r\n  | \"wait\";\r\n\r\nexport type MouseSelectionCursor =\r\n  | \"cell\"\r\n  | \"crosshair\"\r\n  | \"text\"\r\n  | \"vertical-text\";\r\n\r\nexport type MouseDragAndDropCursor =\r\n  | \"alias\"\r\n  | \"copy\"\r\n  | \"move\"\r\n  | \"no-drop\"\r\n  | \"not-allowed\"\r\n  | \"grab\"\r\n  | \"grabbing\";\r\n\r\nexport type MouseResizeAndScrollCursor =\r\n  | \"all-scroll\"\r\n  | \"col-resize\"\r\n  | \"row-resize\"\r\n  | \"n-resize\"\r\n  | \"e-resize\"\r\n  | \"s-resize\"\r\n  | \"w-resize\"\r\n  | \"ne-resize\"\r\n  | \"nw-resize\"\r\n  | \"se-resize\"\r\n  | \"sw-resize\"\r\n  | \"ew-resize\"\r\n  | \"ns-resize\"\r\n  | \"nesw-resize\"\r\n  | \"nwse-resize\";\r\n\r\nexport type MouseZoomingCursor =\r\n  | \"zoom-in\"\r\n  | \"zoom-out\";\r\n\r\nexport type MouseCursor =\r\n  | MouseGeneralCursor\r\n  | MouseLinkAndStatusCursor\r\n  | MouseSelectionCursor\r\n  | MouseDragAndDropCursor\r\n  | MouseResizeAndScrollCursor\r\n  | MouseZoomingCursor;\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\n\r\nexport type RelativeSize3 = \"middle\"|\"large\"|\"small\";\r\nexport type RelativeSize5 = RelativeSize3 | (\"larger\"|\"smaller\");\r\nexport type RelativeSize7 = RelativeSize5 | (\"largest\"|\"smallest\");\r\nexport type RelativeSize = RelativeSize3;\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;;;;;;AAOG;;ACPH;;;;;;;AAOG;;ACPH;;AAEG"}

package/fesm2022/cute-widgets-base-core-utils.mjs

@@ -0,0 +1,257 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, APP_ID, Injectable } from '@angular/core';
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+/**
+ * Gets transition duration total value
+ * @param element Source HTML element
+ * @returns Duration with delay time in milliseconds
+ */
+function getOverallTransitionDuration(element) {
+    return getTransitionDelay(element) + getTransitionDuration(element);
+}
+/**
+ * Gets transition duration value
+ * @param element Source HTML element
+ * @returns Duration time in milliseconds
+ */
+function getTransitionDuration(element) {
+    const { transitionDuration } = window.getComputedStyle(element);
+    const durationInMilliseconds = transitionDuration.toLowerCase().endsWith("ms");
+    const transitionDurationMs = parseFloat(transitionDuration) * (durationInMilliseconds ? 1 : 1000);
+    return (transitionDurationMs);
+}
+/**
+ * Gets duration to wait before starting transition
+ * @param element Source HTML element
+ * @returns Delay time in milliseconds
+ */
+function getTransitionDelay(element) {
+    const { transitionDelay } = window.getComputedStyle(element);
+    const delayInMilliseconds = transitionDelay.toLowerCase().endsWith("ms");
+    const transitionDelayMs = parseFloat(transitionDelay) * (delayInMilliseconds ? 1 : 1000);
+    return (transitionDelayMs);
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+function createValueToken(value) {
+    return createFactoryToken(() => value);
+}
+function createFactoryToken(factory) {
+    return new InjectionToken(`createFactoryToken`, { factory });
+}
+
+/**
+ * Forcibly starts the process of downloading and saving the file.
+ * @param blobData Data to save
+ * @param filename File name to save. Default is `download`.
+ */
+function saveAs(blobData, filename) {
+    const link = document.createElement("a");
+    link.href = URL.createObjectURL(blobData);
+    link.download = filename || "download";
+    link.click();
+    URL.revokeObjectURL(link.href);
+}
+/**
+ * Exports data from HTML table to MS Excel format text
+ * @param tableIdOrElem HTML table's `id` value or `ElementRef` object
+ * @param options Export options
+ */
+function exportToExcel(tableIdOrElem, options = { filename: 'records.xls' }) {
+    let tableElem;
+    if (typeof tableIdOrElem === "string") {
+        tableElem = document.getElementById(tableIdOrElem);
+    }
+    else {
+        tableElem = tableIdOrElem.nativeElement;
+    }
+    if (tableElem && tableElem instanceof HTMLTableElement) {
+        //const tableHTML = encodeURIComponent(tableElem.outerHTML.replace(/ or .*?>/g, '>'));
+        const tableHTML = tableElem.outerHTML.replace(/ or .*?>/g, '>');
+        const blobData = new Blob([tableHTML], { type: '{type: application/vnd.ms-excel' });
+        saveAs(blobData, options?.filename);
+    }
+}
+/**
+ * Exports data from HTML table to CSV format text
+ * @param tableIdOrElem HTML table's `id` value or `ElementRef` object
+ * @param options Export options
+ */
+function exportToCSV(tableIdOrElem, options = { filename: 'records.csv' }) {
+    let tableElem;
+    if (typeof tableIdOrElem === "string") {
+        tableElem = document.getElementById(tableIdOrElem);
+    }
+    else {
+        tableElem = tableIdOrElem.nativeElement;
+    }
+    if (tableElem && tableElem instanceof HTMLTableElement) {
+        const rows = tableElem.querySelectorAll("tr");
+        let csv = [];
+        let keys = [];
+        if (rows.length > 0 && options && options.columns?.length) {
+            const headers = rows[0].querySelectorAll("th");
+            headers.forEach((header, key) => {
+                if (options.columns.findIndex((name) => {
+                    const loweredName = name.toLowerCase();
+                    return header.innerText.toLowerCase() == loweredName || header.classList.contains("cdk-column-" + loweredName);
+                }) >= 0) {
+                    keys.push(key);
+                }
+            });
+        }
+        const appendCells = (cells) => {
+            const rowText = Array.from(cells).map(cell => cell.innerText);
+            csv.push(rowText.join(options?.delimiter ?? ","));
+        };
+        if (keys.length > 0) {
+            rows.forEach((row) => {
+                const allCells = row.querySelectorAll("th,td");
+                let cells = [];
+                allCells.forEach((cell, key) => {
+                    if (keys.indexOf(key) >= 0) {
+                        cells.push(cell);
+                    }
+                });
+                appendCells(cells);
+            });
+        }
+        else {
+            rows.forEach((row) => {
+                appendCells(row.querySelectorAll("th,td"));
+            });
+        }
+        const blobData = new Blob([csv.join("\n")], { type: "text/csv;charset=utf-8;" });
+        saveAs(blobData, options?.filename);
+    }
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+/**
+ * Keeps track of the ID count per prefix. This helps us make the IDs a bit more deterministic
+ * like they were before the service was introduced. Note that ideally we wouldn't have to do
+ * this, but there are some internal tests that rely on the IDs.
+ */
+const counters = {};
+/** Service that generates unique IDs for DOM nodes. */
+class IdGenerator {
+    constructor() {
+        this._appId = inject(APP_ID);
+    }
+    /**
+     * Generates a unique ID with a specific prefix.
+     * @param prefix Prefix to add to the ID.
+     */
+    getId(prefix) {
+        // Omit the app ID if it's the default `ng`. Since the vast majority of pages have one
+        // Angular app on them, we can reduce the number of breakages by not adding it.
+        if (this._appId !== 'ng') {
+            prefix += this._appId;
+        }
+        if (!counters.hasOwnProperty(prefix)) {
+            counters[prefix] = 0;
+        }
+        return `${prefix}${counters[prefix]++}`;
+    }
+    /**
+     * Generates UUID (ver.4) string using simple algorithm based on random value only
+     */
+    getUUID() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'
+            .replace(/[xy]/g, (c) => {
+            const r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
+            return v.toString(16);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IdGenerator, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IdGenerator, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IdGenerator, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+/**
+ * A class with static methods specifically designed for scheduling tasks in the browser.
+ */
+class Scheduler {
+    /** Yielding to the main thread in the browser. */
+    static async yield() {
+        const globalScheduler = globalThis.scheduler;
+        if (globalScheduler?.yield) {
+            return globalScheduler.yield();
+        }
+        // Fall back to yielding with setTimeout.
+        return new Promise(resolve => {
+            setTimeout(resolve, 0);
+        });
+    }
+    /**
+     * Resolves a promise after the delay time in milliseconds
+     * @param ms Number of milliseconds to wait
+     *
+     * @see {@link delay}
+     */
+    static async wait(ms) {
+        const startNow = performance.now();
+        while ((performance.now() - startNow) < ms) {
+            await Scheduler.yield();
+        }
+    }
+    /**
+     * Adding a task to be scheduled according to their priority.
+     * @param callback Function to run
+     * @param options Scheduler options
+     *
+     * @see {@link async.post}
+     */
+    static async postTask(callback, options) {
+        const globalScheduler = globalThis.scheduler;
+        if (globalScheduler?.postTask) {
+            return globalScheduler.postTask(callback, options);
+        }
+        return new Promise((resolve) => {
+            setTimeout(() => resolve(callback()), options?.delay ?? 0);
+        });
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IdGenerator, Scheduler, createFactoryToken, createValueToken, exportToCSV, exportToExcel, getOverallTransitionDuration, getTransitionDelay, getTransitionDuration, saveAs };
+//# sourceMappingURL=cute-widgets-base-core-utils.mjs.map