@ojiepermana/angular 22.0.1 → 22.0.29

package/fesm2022/ojiepermana-angular-theme.mjs

@@ -1,390 +1,10 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, DestroyRef, signal, computed, effect, Injectable, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
-import { isThemeColor as isThemeColor$1, MATERIAL_THEME_CONFIG as MATERIAL_THEME_CONFIG$1, isColorScheme as isColorScheme$1, DEFAULT_MATERIAL_THEME_CONFIG as DEFAULT_MATERIAL_THEME_CONFIG$1, isThemeBrand as isThemeBrand$1, isThemeStyle as isThemeStyle$1 } from '@ojiepermana/angular/theme/token';
-import { THEME_PANEL_THEME_PORT } from '@ojiepermana/angular/layout/component';
-import { ThemeService as ThemeService$1 } from '@ojiepermana/angular/theme/services';
-import { MAT_RIPPLE_GLOBAL_OPTIONS } from '@angular/material/core';
-import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-
-const MODES = ['light', 'dark'];
-const COLOR_SCHEMES = ['light', 'dark', 'system'];
-const COLORS = [
-    'base',
-    'red',
-    'orange',
-    'amber',
-    'yellow',
-    'lime',
-    'green',
-    'emerald',
-    'teal',
-    'cyan',
-    'sky',
-    'blue',
-    'indigo',
-    'violet',
-    'purple',
-    'fuchsia',
-    'pink',
-    'rose',
-];
-const STYLES = ['default', 'sharp', 'brutal', 'soft'];
-const BRANDS = ['etos'];
-const MATERIAL_THEME_CONFIG = new InjectionToken('MATERIAL_THEME_CONFIG');
-const DEFAULT_MATERIAL_THEME_CONFIG = {
-    defaultMode: 'light',
-    defaultBrand: null,
-    defaultColor: 'base',
-    defaultStyle: 'default',
-    modeStorageKey: 'theme-mode',
-    brandStorageKey: 'theme-brand',
-    colorStorageKey: 'theme-color',
-    styleStorageKey: 'theme-style',
-};
-function isColorScheme(value) {
-    return COLOR_SCHEMES.some((scheme) => scheme === value);
-}
-function isThemeColor(value) {
-    return COLORS.some((color) => color === value);
-}
-function isThemeStyle(value) {
-    return STYLES.some((style) => style === value);
-}
-function isThemeBrand(value) {
-    return BRANDS.some((brand) => brand === value);
-}
-
-class ThemeService {
-    document = inject(DOCUMENT);
-    destroyRef = inject(DestroyRef);
-    config = this.resolveConfig();
-    initialBrand = this.readPersistedBrand() ?? this.config.defaultBrand;
-    _modePreference = signal(this.readPersistedMode() ?? this.config.defaultMode, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_modePreference" }] : /* istanbul ignore next */ []));
-    _brand = signal(this.initialBrand, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_brand" }] : /* istanbul ignore next */ []));
-    _color = signal(this.initialBrand ? this.config.defaultColor : (this.readPersistedColor() ?? this.config.defaultColor), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_color" }] : /* istanbul ignore next */ []));
-    _style = signal(this.initialBrand ? this.config.defaultStyle : (this.readPersistedStyle() ?? this.config.defaultStyle), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_style" }] : /* istanbul ignore next */ []));
-    _systemPrefersDark = signal(this.prefersDark(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_systemPrefersDark" }] : /* istanbul ignore next */ []));
-    scheme = this._modePreference.asReadonly();
-    brand = this._brand.asReadonly();
-    color = this._color.asReadonly();
-    theme = this._color.asReadonly();
-    style = this._style.asReadonly();
-    mode = computed(() => this.resolveMode(this._modePreference()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
-    snapshot = computed(() => ({
-        mode: this.mode(),
-        brand: this._brand(),
-        color: this._color(),
-        style: this._style(),
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "snapshot" }] : /* istanbul ignore next */ []));
-    isDark = computed(() => this.mode() === 'dark', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isDark" }] : /* istanbul ignore next */ []));
-    constructor() {
-        this.watchSystemScheme();
-        effect(() => {
-            const root = this.document.documentElement;
-            const mode = this.mode();
-            const brand = this._brand();
-            const color = this._color();
-            const style = this._style();
-            root.dataset['mode'] = mode;
-            root.dataset['theme'] = brand ?? color;
-            root.classList.toggle('dark', mode === 'dark');
-            this.persistMode(this._modePreference());
-            if (brand) {
-                root.setAttribute('theme-brand', brand);
-                root.removeAttribute('theme-color');
-                root.removeAttribute('theme-style');
-                delete root.dataset['color'];
-                delete root.dataset['style'];
-                this.persistBrand(brand);
-                this.clearPersistedColor();
-                this.clearPersistedStyle();
-                return;
-            }
-            root.removeAttribute('theme-brand');
-            root.setAttribute('theme-color', color);
-            root.setAttribute('theme-style', style);
-            root.dataset['color'] = color;
-            root.dataset['style'] = style;
-            this.clearPersistedBrand();
-            this.persistColor(color);
-            this.persistStyle(style);
-        });
-    }
-    setMode(mode) {
-        this._modePreference.set(mode);
-    }
-    setScheme(scheme) {
-        this._modePreference.set(scheme);
-    }
-    setBrand(brand) {
-        this._brand.set(brand);
-        this._color.set(this.config.defaultColor);
-        this._style.set(this.config.defaultStyle);
-    }
-    setColor(color) {
-        if (this._brand()) {
-            this._brand.set(null);
-        }
-        this._color.set(color);
-    }
-    setTheme(theme) {
-        if (isThemeColor$1(theme)) {
-            this.setColor(theme);
-        }
-    }
-    setStyle(style) {
-        if (this._brand()) {
-            this._brand.set(null);
-        }
-        this._style.set(style);
-    }
-    setAll(config) {
-        if (config.scheme) {
-            this.setScheme(config.scheme);
-        }
-        if (config.mode) {
-            this.setMode(config.mode);
-        }
-        if (config.brand !== undefined) {
-            this.setBrand(config.brand);
-        }
-        if (config.brand === undefined || config.brand === null) {
-            if (config.color) {
-                this.setColor(config.color);
-            }
-            if (config.style) {
-                this.setStyle(config.style);
-            }
-        }
-    }
-    toggleScheme() {
-        this.toggleMode();
-    }
-    toggleMode() {
-        this.setMode(this.mode() === 'dark' ? 'light' : 'dark');
-    }
-    reset() {
-        this._modePreference.set(this.config.defaultMode);
-        this._brand.set(this.config.defaultBrand);
-        this._color.set(this.config.defaultColor);
-        this._style.set(this.config.defaultStyle);
-    }
-    resolveConfig() {
-        const config = inject(MATERIAL_THEME_CONFIG$1, { optional: true }) ?? {};
-        const configuredMode = config.mode ?? config.defaultMode ?? config.defaultScheme;
-        const configuredBrand = config.brand ?? config['theme-brand'] ?? config.defaultBrand;
-        const configuredColor = config.color ?? config.defaultColor ?? config.defaultTheme;
-        const configuredStyle = config.style ?? config.defaultStyle;
-        const defaultMode = isColorScheme$1(configuredMode) ? configuredMode : DEFAULT_MATERIAL_THEME_CONFIG$1.defaultMode;
-        const defaultBrand = isThemeBrand$1(configuredBrand) ? configuredBrand : DEFAULT_MATERIAL_THEME_CONFIG$1.defaultBrand;
-        const defaultColor = isThemeColor$1(configuredColor) ? configuredColor : DEFAULT_MATERIAL_THEME_CONFIG$1.defaultColor;
-        const defaultStyle = isThemeStyle$1(configuredStyle) ? configuredStyle : DEFAULT_MATERIAL_THEME_CONFIG$1.defaultStyle;
-        return {
-            defaultMode,
-            defaultBrand,
-            defaultColor,
-            defaultStyle,
-            modeStorageKey: config.modeStorageKey ??
-                config.schemeStorageKey ??
-                config.storageKey ??
-                DEFAULT_MATERIAL_THEME_CONFIG$1.modeStorageKey,
-            brandStorageKey: config.brandStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG$1.brandStorageKey,
-            colorStorageKey: config.colorStorageKey ?? config.themeStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG$1.colorStorageKey,
-            styleStorageKey: config.styleStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG$1.styleStorageKey,
-        };
-    }
-    resolveMode(mode) {
-        return mode === 'system' ? (this._systemPrefersDark() ? 'dark' : 'light') : mode;
-    }
-    prefersDark() {
-        const mql = this.document.defaultView?.matchMedia?.('(prefers-color-scheme: dark)');
-        return !!mql?.matches;
-    }
-    watchSystemScheme() {
-        const mql = this.document.defaultView?.matchMedia?.('(prefers-color-scheme: dark)');
-        if (!mql)
-            return;
-        const listener = (event) => {
-            this._systemPrefersDark.set(event.matches);
-        };
-        mql.addEventListener('change', listener);
-        this.destroyRef.onDestroy(() => mql.removeEventListener('change', listener));
-    }
-    readPersistedMode() {
-        const key = this.config.modeStorageKey;
-        if (!key)
-            return null;
-        try {
-            const value = this.document.defaultView?.localStorage?.getItem(key);
-            return isColorScheme$1(value) ? value : null;
-        }
-        catch {
-            return null;
-        }
-    }
-    readPersistedBrand() {
-        const key = this.config.brandStorageKey;
-        if (!key)
-            return null;
-        try {
-            const value = this.document.defaultView?.localStorage?.getItem(key);
-            return isThemeBrand$1(value) ? value : null;
-        }
-        catch {
-            return null;
-        }
-    }
-    readPersistedColor() {
-        const key = this.config.colorStorageKey;
-        if (!key)
-            return null;
-        try {
-            const value = this.document.defaultView?.localStorage?.getItem(key);
-            return isThemeColor$1(value) ? value : null;
-        }
-        catch {
-            return null;
-        }
-    }
-    readPersistedStyle() {
-        const key = this.config.styleStorageKey;
-        if (!key)
-            return null;
-        try {
-            const value = this.document.defaultView?.localStorage?.getItem(key);
-            return isThemeStyle$1(value) ? value : null;
-        }
-        catch {
-            return null;
-        }
-    }
-    persistMode(mode) {
-        const key = this.config.modeStorageKey;
-        if (!key)
-            return;
-        try {
-            this.document.defaultView?.localStorage?.setItem(key, mode);
-        }
-        catch {
-            /* ignore */
-        }
-    }
-    persistBrand(brand) {
-        const key = this.config.brandStorageKey;
-        if (!key)
-            return;
-        try {
-            this.document.defaultView?.localStorage?.setItem(key, brand);
-        }
-        catch {
-            /* ignore */
-        }
-    }
-    persistColor(color) {
-        const key = this.config.colorStorageKey;
-        if (!key)
-            return;
-        try {
-            this.document.defaultView?.localStorage?.setItem(key, color);
-        }
-        catch {
-            /* ignore */
-        }
-    }
-    persistStyle(style) {
-        const key = this.config.styleStorageKey;
-        if (!key)
-            return;
-        try {
-            this.document.defaultView?.localStorage?.setItem(key, style);
-        }
-        catch {
-            /* ignore */
-        }
-    }
-    clearPersistedBrand() {
-        this.clearPersistedItem(this.config.brandStorageKey);
-    }
-    clearPersistedColor() {
-        this.clearPersistedItem(this.config.colorStorageKey);
-    }
-    clearPersistedStyle() {
-        this.clearPersistedItem(this.config.styleStorageKey);
-    }
-    clearPersistedItem(key) {
-        if (!key)
-            return;
-        try {
-            this.document.defaultView?.localStorage?.removeItem(key);
-        }
-        catch {
-            /* ignore */
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ThemeService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ThemeService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-function provideMaterialTheme(config = {}, ...features) {
-    return makeEnvironmentProviders([
-        { provide: MATERIAL_THEME_CONFIG$1, useValue: config },
-        { provide: THEME_PANEL_THEME_PORT, useExisting: ThemeService$1 },
-        provideEnvironmentInitializer(() => {
-            inject(ThemeService$1);
-        }),
-        ...features.flatMap((feature) => feature.providers),
-    ]);
-}
-function withMaterialDefaults() {
-    return {
-        providers: [
-            { provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: { disabled: true } },
-            {
-                provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
-                useValue: { appearance: 'outline', subscriptSizing: 'dynamic' },
-            },
-        ],
-    };
-}
+export * from '@ojiepermana/angular-theme';
 
 /*
- * Public API Surface of @ojiepermana/angular/theme
- *
- * Aggregate barrel for the shared theme runtime plus the stable CSS asset
- * surface used by every `@ojiepermana/angular/*` subpath.
- *
- * Runtime usage:
- *   // app.config.ts
- *   import { provideMaterialTheme } from '@ojiepermana/angular/theme';
- *
- * Deep runtime imports:
- *   import { ThemeService } from '@ojiepermana/angular/theme/services';
- *   import { provideMaterialTheme } from '@ojiepermana/angular/theme/provider';
- *   import { MATERIAL_THEME_CONFIG } from '@ojiepermana/angular/theme/token';
- *
- * CSS usage:
- *   // styles.css
- *   @import '@ojiepermana/angular/theme/styles';
- *   @import 'tailwindcss';
- *   @import '@ojiepermana/angular/theme/tailwind/theme.css';
+ * Public API of @ojiepermana/angular/theme
+ * Re-exports the independent @ojiepermana/angular-theme package.
  */
 
 /**
  * Generated bundle index. Do not edit.
- */
-
-export { BRANDS, COLORS, COLOR_SCHEMES, DEFAULT_MATERIAL_THEME_CONFIG, MATERIAL_THEME_CONFIG, MODES, STYLES, ThemeService, isColorScheme, isThemeBrand, isThemeColor, isThemeStyle, provideMaterialTheme, withMaterialDefaults };
-//# sourceMappingURL=ojiepermana-angular-theme.mjs.map
+ */

package/fesm2022/ojiepermana-angular.mjs

@@ -1,22 +1,21 @@
+export * from '@ojiepermana/angular-chart';
+export * from '@ojiepermana/angular-component';
+export * from '@ojiepermana/angular-navigation';
+export * from '@ojiepermana/angular-sdk';
+export * from '@ojiepermana/angular-theme';
+
 /*
- * Public API Surface of @ojiepermana/angular (primary entry)
- *
- * Components and utilities are shipped via subpath entries:
- *   - `@ojiepermana/angular/theme` and `@ojiepermana/angular/theme/{services,provider,token}` — theme runtime, design tokens, and provider helpers
- *   - `@ojiepermana/angular/component/<slug>` — shadcn/ui primitives and utilities shipped only as granular entrypoints
- *   - `@ojiepermana/angular/layout` and `@ojiepermana/angular/layout/<part>` — layout primitives, state, and shells
- *   - `@ojiepermana/angular/navigation/<part>` — granular navigation primitives such as `types`, `service`, `sidebar`, `topbar`, `item`, `icon`, and `demo-data`
- *   - `@ojiepermana/angular/component/chart`      — shared chart primitives
- *   - `@ojiepermana/angular/component/chart/<type>` — chart implementations
- *   - `@ojiepermana/angular/generator/api` — OpenAPI → Angular SDK generator (schematics + config types)
+ * Public API of @ojiepermana/angular
  *
- * Consumers should import from the smallest subpath that fits their use case.
+ * Umbrella wrapper around the independent @ojiepermana/angular-* packages.
+ * Prefer the dedicated subpaths for precise imports, e.g.:
+ *   import { ... } from '@ojiepermana/angular/chart';
+ *   import { ... } from '@ojiepermana/angular/component';
+ *   import { ... } from '@ojiepermana/angular/navigation';
+ *   import { ... } from '@ojiepermana/angular/sdk';
+ *   import { ... } from '@ojiepermana/angular/theme';
  */
-const MATERIAL_VERSION = '0.0.1';
 
 /**
  * Generated bundle index. Do not edit.
- */
-
-export { MATERIAL_VERSION };
-//# sourceMappingURL=ojiepermana-angular.mjs.map
+ */