mn-angular-lib 0.0.10 → 0.0.12

package/fesm2022/mn-angular-lib.mjs

@@ -1,9 +1,76 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, Optional, Inject, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { signal, Injectable, InjectionToken, inject, computed, Optional, Inject, Input, ChangeDetectionStrategy, Component, effect } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import * as i1 from '@angular/common';
 import { CommonModule, NgStyle } from '@angular/common';
 
+/**
+ * MnThemeService is responsible for managing the theme configuration of the application.
+ * It provides methods to modify, reset, and access the current theme state.
+ *
+ * The theming is handled using a WritableSignal object, enabling reactive updates to the theme properties.
+ */
+class MnThemeService {
+    _theme = signal(MN_THEME_DEFAULTS, ...(ngDevMode ? [{ debugName: "_theme" }] : []));
+    theme = this._theme.asReadonly();
+    /**
+     * Updates the current theme by merging the provided partial theme properties with the existing theme.
+     *
+     * @param {Partial<MnTheme>} partial - An object containing partial theme properties to update the current theme.
+     * @return {void} No return value.
+     */
+    setTheme(partial) {
+        const merged = { ...this._theme(), ...partial };
+        this._theme.set(merged);
+    }
+    /**
+     * Sets the provided theme as the current theme.
+     *
+     * @param {MnTheme} next - The new theme to be set.
+     * @return {void} This method does not return a value.
+     */
+    setAll(next) {
+        this._theme.set(next);
+    }
+    /**
+     * Resets the theme configuration to its default values.
+     * This method updates the theme settings to reflect the predefined default theme constants.
+     *
+     * @return {void} Does not return any value.
+     */
+    reset() {
+        this._theme.set(MN_THEME_DEFAULTS);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MnThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MnThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MnThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Provides a dynamically configurable theme service for the MnTheme module.
+ * This function creates an Angular provider with a factory for initializing
+ * the MnThemeService. If an initial theme configuration is supplied, it
+ * will be used to set the theme upon service creation.
+ *
+ * @param {Partial<MnTheme>} [initial] An optional partial configuration object
+ * for initializing the theme within the MnThemeService.
+ * @return {Object} An object containing the provider configuration for the MnThemeService.
+ */
+function provideMnThemeDynamic(initial) {
+    return {
+        provide: MnThemeService,
+        useFactory: () => {
+            const svc = new MnThemeService();
+            if (initial) {
+                svc.setTheme({ ...initial });
+            }
+            return svc;
+        }
+    };
+}
+
 const MN_THEME_DEFAULTS = {
     primary: '#0d6efd',
     radius: '0.375rem',
@@ -23,6 +90,15 @@ function injectTheme() {
     const t = inject(MN_THEME, { optional: true });
     return t ?? MN_THEME_DEFAULTS;
 }
+/** Reactive variant: altijd een Signal<MnTheme> teruggeven */
+function injectThemeSignal() {
+    const svc = inject(MnThemeService, { optional: true });
+    if (svc) {
+        return (('asReadonly' in svc.theme) ? svc.theme.asReadonly() : svc.theme);
+    }
+    const snap = injectTheme();
+    return computed(() => snap);
+}
 
 // projects/mn-angular-lib/src/lib/mn-mn-alert/mn-mn-alert.tokens.ts
 const MN_ALERT_CONFIG = new InjectionToken('MN_ALERT_CONFIG');
@@ -208,16 +284,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             }] } });
 
 class Test {
-    theme = injectTheme();
+    // Reactive theme signal; templates read via theme().primary
+    theme = injectThemeSignal();
+    constructor() {
+        // Wanneer het theme wijzigt → update CSS variables
+        effect(() => {
+            const t = this.theme();
+            document.documentElement.style.setProperty('--theme-primary', t.primary);
+            document.documentElement.style.setProperty('--theme-radius', t.radius);
+            document.documentElement.style.setProperty('--theme-padding', t.padding);
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: Test, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: Test, isStandalone: true, selector: "lib-test", ngImport: i0, template: "<p [ngStyle]=\"{'color' : theme.primary }\">test works!</p>\n", styles: [""], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: Test, isStandalone: true, selector: "lib-test", ngImport: i0, template: "<p [ngStyle]=\"{'color' : theme().primary }\">test works!</p>\n", styles: [":root{--theme-primary: #0d6efd;--theme-radius: .375rem;--theme-padding: .5rem .75rem}div{color:var(--theme-primary);border-radius:var(--theme-radius);padding:var(--theme-padding)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: Test, decorators: [{
             type: Component,
             args: [{ selector: 'lib-test', imports: [
                         NgStyle
-                    ], template: "<p [ngStyle]=\"{'color' : theme.primary }\">test works!</p>\n" }]
-        }] });
+                    ], template: "<p [ngStyle]=\"{'color' : theme().primary }\">test works!</p>\n", styles: [":root{--theme-primary: #0d6efd;--theme-radius: .375rem;--theme-padding: .5rem .75rem}div{color:var(--theme-primary);border-radius:var(--theme-radius);padding:var(--theme-padding)}\n"] }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of mn-lib
@@ -227,5 +313,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_MN_ALERT_CONFIG, MN_ALERT_CONFIG, MN_THEME, MN_THEME_DEFAULTS, MnAlertOutletComponent, MnAlertService, MnAlertStore, Test, injectTheme, provideMnAlerts, provideMnTheme };
+export { DEFAULT_MN_ALERT_CONFIG, MN_ALERT_CONFIG, MN_THEME, MN_THEME_DEFAULTS, MnAlertOutletComponent, MnAlertService, MnAlertStore, MnThemeService, Test, injectTheme, injectThemeSignal, provideMnAlerts, provideMnTheme, provideMnThemeDynamic };
 //# sourceMappingURL=mn-angular-lib.mjs.map

package/fesm2022/mn-angular-lib.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mn-angular-lib.mjs","sources":["../../../projects/mn-angular-lib/src/lib/styles/themes.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert.tokens.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert.providers.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert.store.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert.service.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert-outlet/mn-alert-outlet.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert-outlet/mn-alert-outlet.html","../../../projects/mn-angular-lib/src/lib/features/test/test.ts","../../../projects/mn-angular-lib/src/lib/features/test/test.html","../../../projects/mn-angular-lib/src/public-api.ts","../../../projects/mn-angular-lib/src/mn-angular-lib.ts"],"sourcesContent":["  import { InjectionToken, inject } from '@angular/core';\n\n  export interface MnTheme {\n    primary: string;\n    radius: string;\n    padding: string;\n  }\n\n  export const MN_THEME_DEFAULTS: MnTheme = {\n    primary: '#0d6efd',\n    radius: '0.375rem',\n    padding: '0.5rem 0.75rem',\n  };\n\n  export const MN_THEME = new InjectionToken<MnTheme>('MN_THEME', {\n    providedIn: 'root',\n    factory: () => MN_THEME_DEFAULTS,\n  });\n\n  export function provideMnTheme(partial: Partial<MnTheme>) {\n    return {\n      provide: MN_THEME,\n      useValue: { ...MN_THEME_DEFAULTS, ...partial },\n    };\n  }\n\n  export function injectTheme(): MnTheme {\n    const t = inject<MnTheme>(MN_THEME, { optional: true });\n    return t ?? MN_THEME_DEFAULTS;\n  }\n","// projects/mn-angular-lib/src/lib/mn-mn-alert/mn-mn-alert.tokens.ts\nimport { InjectionToken } from '@angular/core';\nimport { MnAlert } from './mn-alert.types';\n\nexport type MnAlertKind = 'success' | 'info' | 'warning' | 'error' | 'default';\n\nexport interface MnAlertConfig {\n  durations?: Partial<Record<MnAlertKind, number | null>>;\n  cssClasses?: Partial<Record<MnAlertKind, string>>;\n  icons?: Partial<Record<MnAlertKind, unknown>>;\n  defaultDuration?: number | null;\n  finalize?: (a: MnAlert) => MnAlert;\n}\n\nexport const MN_ALERT_CONFIG = new InjectionToken<MnAlertConfig>('MN_ALERT_CONFIG');\n\nexport const DEFAULT_MN_ALERT_CONFIG: Required<MnAlertConfig> = {\n  durations: { success: 3000, info: 4000, warning: 5000, error: 7000, default: 4000 },\n  cssClasses: {\n    success: 'mn-alert-success',\n    info: 'mn-alert-info',\n    warning: 'mn-alert-warning',\n    error: 'mn-alert-error',\n    default: 'alert'\n  },\n  icons: {},\n  defaultDuration: 4000,\n  finalize: (a) => a\n};\n","// projects/mn-angular-lib/src/lib/mn-mn-alert/mn-mn-alert.providers.ts\nimport { Provider } from '@angular/core';\nimport { MN_ALERT_CONFIG, MnAlertConfig, DEFAULT_MN_ALERT_CONFIG } from './mn-alert.tokens';\n\nexport function provideMnAlerts(config: MnAlertConfig = {}): Provider {\n  const merged: MnAlertConfig = {\n    ...DEFAULT_MN_ALERT_CONFIG,\n    ...config,\n    durations: { ...DEFAULT_MN_ALERT_CONFIG.durations, ...(config.durations ?? {}) },\n    cssClasses: { ...DEFAULT_MN_ALERT_CONFIG.cssClasses, ...(config.cssClasses ?? {}) },\n    icons: { ...DEFAULT_MN_ALERT_CONFIG.icons, ...(config.icons ?? {}) }\n  };\n  return { provide: MN_ALERT_CONFIG, useValue: merged };\n}\n","import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { MnAlert, MnAlertId } from './mn-alert.types';\nimport { DEFAULT_MN_ALERT_CONFIG } from './mn-alert.tokens';\n\nlet COUNTER = 0;\nconst uid = () => `mn_${++COUNTER}`;\n\n@Injectable({ providedIn: 'root' })\nexport class MnAlertStore {\n  private readonly _alerts$ = new BehaviorSubject<MnAlert[]>([]);\n  readonly alerts$ = this._alerts$.asObservable();\n\n  show(partial: Omit<MnAlert, 'id'>): MnAlertId {\n    // Ensure every alert has a numeric duration: use provided or fall back to per-kind default\n    const computedDuration = (partial as any).duration ?? (DEFAULT_MN_ALERT_CONFIG.durations as any)[(partial as any).kind] ?? DEFAULT_MN_ALERT_CONFIG.defaultDuration;\n    const a: MnAlert = { id: uid(), ...partial, duration: computedDuration } as MnAlert;\n    this._alerts$.next([...this._alerts$.value, a]);\n\n    if (typeof a.duration === 'number' && a.duration > 0) {\n      setTimeout(() => this.dismiss(a.id), a.duration);\n    }\n    return a.id;\n  }\n\n  dismiss(id: MnAlertId) {\n    const list = this._alerts$.value;\n    if (list.some(x => x.id === id)) {\n      this._alerts$.next(list.filter(x => x.id !== id));\n    }\n  }\n\n  clear() {\n    this._alerts$.next([]);\n  }\n}\n","// projects/mn-angular-lib/src/lib/mn-mn-alert/mn-mn-alert.service.ts\nimport { Injectable, Inject, Optional } from '@angular/core';\nimport { MnAlertStore } from './mn-alert.store';\nimport { MnAlert, MnAlertId } from './mn-alert.types';\nimport { MN_ALERT_CONFIG, DEFAULT_MN_ALERT_CONFIG, MnAlertConfig, MnAlertKind } from './mn-alert.tokens';\n\nexport interface MnShowInput {\n  title: string;\n  subTitle?: string;\n  duration?: number;\n  icon?: unknown;\n  cssClass?: string;\n  meta?: Record<string, unknown>;\n  kind: MnAlertKind;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class MnAlertService {\n  private readonly cfg: Required<MnAlertConfig>;\n  private readonly userDurations?: Partial<Record<MnAlertKind, number | null>>;\n  private readonly hasUserDurations: boolean;\n\n  constructor(\n    private readonly store: MnAlertStore,\n    @Optional() @Inject(MN_ALERT_CONFIG) cfg: MnAlertConfig | null\n  ) {\n    this.userDurations = cfg?.durations;\n    this.hasUserDurations = !!cfg?.durations;\n    this.cfg = {\n      ...DEFAULT_MN_ALERT_CONFIG,\n      ...(cfg ?? {}),\n      // Do not pre-merge durations; keep defaults separate and use logic in kind()\n      durations: DEFAULT_MN_ALERT_CONFIG.durations,\n      cssClasses: { ...DEFAULT_MN_ALERT_CONFIG.cssClasses, ...(cfg?.cssClasses ?? {}) },\n      icons: { ...DEFAULT_MN_ALERT_CONFIG.icons, ...(cfg?.icons ?? {}) }\n    };\n  }\n\n  show(input: MnShowInput): MnAlertId {\n    // Always ensure a numeric duration is set\n    let duration = input.duration;\n    if (duration == null) {\n      // Prefer user defaultDuration if provided and not null, otherwise use library per-kind default\n      const userDefault = this.cfg.defaultDuration;\n      if (typeof userDefault === 'number') {\n        duration = userDefault;\n      } else {\n        duration = DEFAULT_MN_ALERT_CONFIG.durations[input.kind as keyof typeof DEFAULT_MN_ALERT_CONFIG.durations] as number;\n      }\n    }\n\n    const a: Omit<MnAlert, 'id'> = {\n      title: input.title,\n      subTitle: input.subTitle,\n      duration,\n      icon: input.icon,\n      cssClass: input.cssClass,\n      meta: input.meta,\n      kind: input.kind\n    };\n    return this.store.show(this.cfg.finalize(a as MnAlert));\n  }\n\n  success(title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    return this.kind('success', title, subTitle, extra);\n  }\n  info(title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    return this.kind('info', title, subTitle, extra);\n  }\n  warning(title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    return this.kind('warning', title, subTitle, extra);\n  }\n  error(title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    return this.kind('error', title, subTitle, extra);\n  }\n\n  dismiss(id: MnAlertId) { this.store.dismiss(id); }\n  clear() { this.store.clear(); }\n\n  private kind(kind: MnAlertKind, title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    let duration: number | null | undefined = extra?.duration;\n\n    if (duration == null) {\n      if (this.hasUserDurations) {\n        const userDur = this.userDurations?.[kind];\n        if (typeof userDur === 'number') {\n          duration = userDur;\n        } else {\n          // userDur is undefined or null -> fallback to user defaultDuration if numeric\n          if (typeof this.cfg.defaultDuration === 'number') {\n            duration = this.cfg.defaultDuration;\n          } else {\n            duration = this.cfg.durations[kind as keyof typeof this.cfg.durations];\n          }\n        }\n      } else {\n        // No user durations provided at all; use library defaults per kind\n        duration = this.cfg.durations[kind as keyof typeof this.cfg.durations];\n      }\n    }\n\n    const cssClass = extra?.cssClass ?? this.cfg.cssClasses[kind];\n    const icon = (extra?.icon ?? this.cfg.icons[kind]) as unknown;\n\n    return this.show({ title, subTitle, duration: duration as number, cssClass, icon, meta: extra?.meta , kind: kind});\n  }\n}\n","\nimport {Component, Input, TemplateRef, ChangeDetectionStrategy, inject} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Observable } from 'rxjs';\nimport {MnAlertStore} from '../mn-alert.store';\nimport {MnAlert} from '../mn-alert.types';\n\nexport interface MnAlertTemplateContext {\n  $implicit: MnAlert;\n  alert: MnAlert;\n  dismiss: () => void;\n}\n\n@Component({\n  selector: 'mn-alert-outlet',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './mn-alert-outlet.html',\n  styleUrl: './mn-alert-outlet.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MnAlertOutletComponent {\n  @Input({ required: true }) template!: TemplateRef<MnAlertTemplateContext>;\n\n  private store = inject(MnAlertStore);\n  alerts$: Observable<MnAlert[]> = this.store.alerts$;\n\n  constructor() {}\n\n  dismissAlert(id: string) {\n    this.store.dismiss(id);\n  }\n\n  trackById = (_: number, a: MnAlert) => a.id;\n\n  contextFor(a: MnAlert) {\n    return {\n      $implicit: a,\n      alert: a,\n      dismiss: () => this.dismissAlert(a.id)\n    } as const;\n  }\n\n}\n","@if (alerts$ | async; as alerts) {\n  @for (a of alerts; track trackById) {\n    <ng-container\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"contextFor(a)\">\n    </ng-container>\n  }\n}\n","import {Component, inject} from '@angular/core';\nimport {injectTheme, MnTheme} from '../../styles';\nimport {NgStyle} from '@angular/common';\n\n@Component({\n  selector: 'lib-test',\n  imports: [\n    NgStyle\n  ],\n  templateUrl: './test.html',\n  styleUrl: './test.css',\n})\nexport class Test {\n  theme: MnTheme = injectTheme();\n}\n","<p [ngStyle]=\"{'color' : theme.primary }\">test works!</p>\n","/*\n * Public API Surface of mn-lib\n */\nexport * from './lib';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mn-angular-lib.mjs","sources":["../../../projects/mn-angular-lib/src/lib/styles/theme.service.ts","../../../projects/mn-angular-lib/src/lib/styles/themes.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert.tokens.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert.providers.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert.store.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert.service.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert-outlet/mn-alert-outlet.ts","../../../projects/mn-angular-lib/src/lib/features/mn-alert/mn-alert-outlet/mn-alert-outlet.html","../../../projects/mn-angular-lib/src/lib/features/test/test.ts","../../../projects/mn-angular-lib/src/lib/features/test/test.html","../../../projects/mn-angular-lib/src/public-api.ts","../../../projects/mn-angular-lib/src/mn-angular-lib.ts"],"sourcesContent":["import { Injectable, signal, WritableSignal, inject } from '@angular/core';\nimport { MnTheme, MN_THEME_DEFAULTS } from './themes';\n\n/**\n * MnThemeService is responsible for managing the theme configuration of the application.\n * It provides methods to modify, reset, and access the current theme state.\n *\n * The theming is handled using a WritableSignal object, enabling reactive updates to the theme properties.\n */\n@Injectable({ providedIn: 'root' })\nexport class MnThemeService {\n  private readonly _theme: WritableSignal<MnTheme> = signal<MnTheme>(MN_THEME_DEFAULTS);\n\n  theme = this._theme.asReadonly();\n\n  /**\n   * Updates the current theme by merging the provided partial theme properties with the existing theme.\n   *\n   * @param {Partial<MnTheme>} partial - An object containing partial theme properties to update the current theme.\n   * @return {void} No return value.\n   */\n  setTheme(partial: Partial<MnTheme>) {\n    const merged = { ...this._theme(), ...partial } as MnTheme;\n    this._theme.set(merged);\n  }\n\n  /**\n   * Sets the provided theme as the current theme.\n   *\n   * @param {MnTheme} next - The new theme to be set.\n   * @return {void} This method does not return a value.\n   */\n  setAll(next: MnTheme) {\n    this._theme.set(next);\n  }\n\n  /**\n   * Resets the theme configuration to its default values.\n   * This method updates the theme settings to reflect the predefined default theme constants.\n   *\n   * @return {void} Does not return any value.\n   */\n  reset() {\n    this._theme.set(MN_THEME_DEFAULTS);\n  }\n}\n\n/**\n * Provides a dynamically configurable theme service for the MnTheme module.\n * This function creates an Angular provider with a factory for initializing\n * the MnThemeService. If an initial theme configuration is supplied, it\n * will be used to set the theme upon service creation.\n *\n * @param {Partial<MnTheme>} [initial] An optional partial configuration object\n * for initializing the theme within the MnThemeService.\n * @return {Object} An object containing the provider configuration for the MnThemeService.\n */\nexport function provideMnThemeDynamic(initial?: Partial<MnTheme>) {\n  return {\n    provide: MnThemeService,\n    useFactory: () => {\n      const svc = new MnThemeService();\n      if (initial) {\n        svc.setTheme({ ...initial });\n      }\n      return svc;\n    }\n  };\n}\n","import { InjectionToken, inject, Signal, computed } from '@angular/core';\nimport { MnThemeService } from './theme.service';\n\nexport interface MnTheme {\n  primary: string;\n  radius: string;\n  padding: string;\n}\n\nexport const MN_THEME_DEFAULTS: MnTheme = {\n  primary: '#0d6efd',\n  radius: '0.375rem',\n  padding: '0.5rem 0.75rem',\n};\n\nexport const MN_THEME = new InjectionToken<MnTheme>('MN_THEME', {\n  providedIn: 'root',\n  factory: () => MN_THEME_DEFAULTS,\n});\n\nexport function provideMnTheme(partial: Partial<MnTheme>) {\n  return {\n    provide: MN_THEME,\n    useValue: { ...MN_THEME_DEFAULTS, ...partial },\n  };\n}\n\nexport function injectTheme(): MnTheme {\n  const t = inject<MnTheme>(MN_THEME, { optional: true });\n  return t ?? MN_THEME_DEFAULTS;\n}\n\n/** Reactive variant: altijd een Signal<MnTheme> teruggeven */\nexport function injectThemeSignal(): Signal<MnTheme> {\n  const svc = inject(MnThemeService, { optional: true });\n\n  if (svc) {\n    return (('asReadonly' in svc.theme) ? (svc.theme as any).asReadonly() : svc.theme) as Signal<MnTheme>;\n  }\n  const snap = injectTheme();\n  return computed(() => snap);\n}\n","// projects/mn-angular-lib/src/lib/mn-mn-alert/mn-mn-alert.tokens.ts\nimport { InjectionToken } from '@angular/core';\nimport { MnAlert } from './mn-alert.types';\n\nexport type MnAlertKind = 'success' | 'info' | 'warning' | 'error' | 'default';\n\nexport interface MnAlertConfig {\n  durations?: Partial<Record<MnAlertKind, number | null>>;\n  cssClasses?: Partial<Record<MnAlertKind, string>>;\n  icons?: Partial<Record<MnAlertKind, unknown>>;\n  defaultDuration?: number | null;\n  finalize?: (a: MnAlert) => MnAlert;\n}\n\nexport const MN_ALERT_CONFIG = new InjectionToken<MnAlertConfig>('MN_ALERT_CONFIG');\n\nexport const DEFAULT_MN_ALERT_CONFIG: Required<MnAlertConfig> = {\n  durations: { success: 3000, info: 4000, warning: 5000, error: 7000, default: 4000 },\n  cssClasses: {\n    success: 'mn-alert-success',\n    info: 'mn-alert-info',\n    warning: 'mn-alert-warning',\n    error: 'mn-alert-error',\n    default: 'alert'\n  },\n  icons: {},\n  defaultDuration: 4000,\n  finalize: (a) => a\n};\n","// projects/mn-angular-lib/src/lib/mn-mn-alert/mn-mn-alert.providers.ts\nimport { Provider } from '@angular/core';\nimport { MN_ALERT_CONFIG, MnAlertConfig, DEFAULT_MN_ALERT_CONFIG } from './mn-alert.tokens';\n\nexport function provideMnAlerts(config: MnAlertConfig = {}): Provider {\n  const merged: MnAlertConfig = {\n    ...DEFAULT_MN_ALERT_CONFIG,\n    ...config,\n    durations: { ...DEFAULT_MN_ALERT_CONFIG.durations, ...(config.durations ?? {}) },\n    cssClasses: { ...DEFAULT_MN_ALERT_CONFIG.cssClasses, ...(config.cssClasses ?? {}) },\n    icons: { ...DEFAULT_MN_ALERT_CONFIG.icons, ...(config.icons ?? {}) }\n  };\n  return { provide: MN_ALERT_CONFIG, useValue: merged };\n}\n","import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { MnAlert, MnAlertId } from './mn-alert.types';\nimport { DEFAULT_MN_ALERT_CONFIG } from './mn-alert.tokens';\n\nlet COUNTER = 0;\nconst uid = () => `mn_${++COUNTER}`;\n\n@Injectable({ providedIn: 'root' })\nexport class MnAlertStore {\n  private readonly _alerts$ = new BehaviorSubject<MnAlert[]>([]);\n  readonly alerts$ = this._alerts$.asObservable();\n\n  show(partial: Omit<MnAlert, 'id'>): MnAlertId {\n    // Ensure every alert has a numeric duration: use provided or fall back to per-kind default\n    const computedDuration = (partial as any).duration ?? (DEFAULT_MN_ALERT_CONFIG.durations as any)[(partial as any).kind] ?? DEFAULT_MN_ALERT_CONFIG.defaultDuration;\n    const a: MnAlert = { id: uid(), ...partial, duration: computedDuration } as MnAlert;\n    this._alerts$.next([...this._alerts$.value, a]);\n\n    if (typeof a.duration === 'number' && a.duration > 0) {\n      setTimeout(() => this.dismiss(a.id), a.duration);\n    }\n    return a.id;\n  }\n\n  dismiss(id: MnAlertId) {\n    const list = this._alerts$.value;\n    if (list.some(x => x.id === id)) {\n      this._alerts$.next(list.filter(x => x.id !== id));\n    }\n  }\n\n  clear() {\n    this._alerts$.next([]);\n  }\n}\n","// projects/mn-angular-lib/src/lib/mn-mn-alert/mn-mn-alert.service.ts\nimport { Injectable, Inject, Optional } from '@angular/core';\nimport { MnAlertStore } from './mn-alert.store';\nimport { MnAlert, MnAlertId } from './mn-alert.types';\nimport { MN_ALERT_CONFIG, DEFAULT_MN_ALERT_CONFIG, MnAlertConfig, MnAlertKind } from './mn-alert.tokens';\n\nexport interface MnShowInput {\n  title: string;\n  subTitle?: string;\n  duration?: number;\n  icon?: unknown;\n  cssClass?: string;\n  meta?: Record<string, unknown>;\n  kind: MnAlertKind;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class MnAlertService {\n  private readonly cfg: Required<MnAlertConfig>;\n  private readonly userDurations?: Partial<Record<MnAlertKind, number | null>>;\n  private readonly hasUserDurations: boolean;\n\n  constructor(\n    private readonly store: MnAlertStore,\n    @Optional() @Inject(MN_ALERT_CONFIG) cfg: MnAlertConfig | null\n  ) {\n    this.userDurations = cfg?.durations;\n    this.hasUserDurations = !!cfg?.durations;\n    this.cfg = {\n      ...DEFAULT_MN_ALERT_CONFIG,\n      ...(cfg ?? {}),\n      // Do not pre-merge durations; keep defaults separate and use logic in kind()\n      durations: DEFAULT_MN_ALERT_CONFIG.durations,\n      cssClasses: { ...DEFAULT_MN_ALERT_CONFIG.cssClasses, ...(cfg?.cssClasses ?? {}) },\n      icons: { ...DEFAULT_MN_ALERT_CONFIG.icons, ...(cfg?.icons ?? {}) }\n    };\n  }\n\n  show(input: MnShowInput): MnAlertId {\n    // Always ensure a numeric duration is set\n    let duration = input.duration;\n    if (duration == null) {\n      // Prefer user defaultDuration if provided and not null, otherwise use library per-kind default\n      const userDefault = this.cfg.defaultDuration;\n      if (typeof userDefault === 'number') {\n        duration = userDefault;\n      } else {\n        duration = DEFAULT_MN_ALERT_CONFIG.durations[input.kind as keyof typeof DEFAULT_MN_ALERT_CONFIG.durations] as number;\n      }\n    }\n\n    const a: Omit<MnAlert, 'id'> = {\n      title: input.title,\n      subTitle: input.subTitle,\n      duration,\n      icon: input.icon,\n      cssClass: input.cssClass,\n      meta: input.meta,\n      kind: input.kind\n    };\n    return this.store.show(this.cfg.finalize(a as MnAlert));\n  }\n\n  success(title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    return this.kind('success', title, subTitle, extra);\n  }\n  info(title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    return this.kind('info', title, subTitle, extra);\n  }\n  warning(title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    return this.kind('warning', title, subTitle, extra);\n  }\n  error(title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    return this.kind('error', title, subTitle, extra);\n  }\n\n  dismiss(id: MnAlertId) { this.store.dismiss(id); }\n  clear() { this.store.clear(); }\n\n  private kind(kind: MnAlertKind, title: string, subTitle?: string, extra?: Partial<MnShowInput>) {\n    let duration: number | null | undefined = extra?.duration;\n\n    if (duration == null) {\n      if (this.hasUserDurations) {\n        const userDur = this.userDurations?.[kind];\n        if (typeof userDur === 'number') {\n          duration = userDur;\n        } else {\n          // userDur is undefined or null -> fallback to user defaultDuration if numeric\n          if (typeof this.cfg.defaultDuration === 'number') {\n            duration = this.cfg.defaultDuration;\n          } else {\n            duration = this.cfg.durations[kind as keyof typeof this.cfg.durations];\n          }\n        }\n      } else {\n        // No user durations provided at all; use library defaults per kind\n        duration = this.cfg.durations[kind as keyof typeof this.cfg.durations];\n      }\n    }\n\n    const cssClass = extra?.cssClass ?? this.cfg.cssClasses[kind];\n    const icon = (extra?.icon ?? this.cfg.icons[kind]) as unknown;\n\n    return this.show({ title, subTitle, duration: duration as number, cssClass, icon, meta: extra?.meta , kind: kind});\n  }\n}\n","\nimport {Component, Input, TemplateRef, ChangeDetectionStrategy, inject} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Observable } from 'rxjs';\nimport {MnAlertStore} from '../mn-alert.store';\nimport {MnAlert} from '../mn-alert.types';\n\nexport interface MnAlertTemplateContext {\n  $implicit: MnAlert;\n  alert: MnAlert;\n  dismiss: () => void;\n}\n\n@Component({\n  selector: 'mn-alert-outlet',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './mn-alert-outlet.html',\n  styleUrl: './mn-alert-outlet.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MnAlertOutletComponent {\n  @Input({ required: true }) template!: TemplateRef<MnAlertTemplateContext>;\n\n  private store = inject(MnAlertStore);\n  alerts$: Observable<MnAlert[]> = this.store.alerts$;\n\n  constructor() {}\n\n  dismissAlert(id: string) {\n    this.store.dismiss(id);\n  }\n\n  trackById = (_: number, a: MnAlert) => a.id;\n\n  contextFor(a: MnAlert) {\n    return {\n      $implicit: a,\n      alert: a,\n      dismiss: () => this.dismissAlert(a.id)\n    } as const;\n  }\n\n}\n","@if (alerts$ | async; as alerts) {\n  @for (a of alerts; track trackById) {\n    <ng-container\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"contextFor(a)\">\n    </ng-container>\n  }\n}\n","import {Component, effect} from '@angular/core';\nimport { injectThemeSignal } from '../../styles';\nimport { NgStyle } from '@angular/common';\n\n@Component({\n  selector: 'lib-test',\n  imports: [\n    NgStyle\n  ],\n  templateUrl: './test.html',\n  styleUrl: './test.css',\n})\nexport class Test {\n  // Reactive theme signal; templates read via theme().primary\n  theme = injectThemeSignal();\n\n  constructor() {\n    // Wanneer het theme wijzigt → update CSS variables\n    effect(() => {\n      const t = this.theme();\n      document.documentElement.style.setProperty('--theme-primary', t.primary);\n      document.documentElement.style.setProperty('--theme-radius', t.radius);\n      document.documentElement.style.setProperty('--theme-padding', t.padding);\n    });\n  }\n}\n","<p [ngStyle]=\"{'color' : theme().primary }\">test works!</p>\n","/*\n * Public API Surface of mn-lib\n */\nexport * from './lib';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Provider, TemplateRef } from '@angular/core';
+import { InjectionToken, Signal, Provider, TemplateRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
+import * as mn_angular_lib from 'mn-angular-lib';
 
 interface MnTheme {
     primary: string;
@@ -19,6 +20,56 @@ declare function provideMnTheme(partial: Partial<MnTheme>): {
     };
 };
 declare function injectTheme(): MnTheme;
+/** Reactive variant: altijd een Signal<MnTheme> teruggeven */
+declare function injectThemeSignal(): Signal<MnTheme>;
+
+/**
+ * MnThemeService is responsible for managing the theme configuration of the application.
+ * It provides methods to modify, reset, and access the current theme state.
+ *
+ * The theming is handled using a WritableSignal object, enabling reactive updates to the theme properties.
+ */
+declare class MnThemeService {
+    private readonly _theme;
+    theme: i0.Signal<MnTheme>;
+    /**
+     * Updates the current theme by merging the provided partial theme properties with the existing theme.
+     *
+     * @param {Partial<MnTheme>} partial - An object containing partial theme properties to update the current theme.
+     * @return {void} No return value.
+     */
+    setTheme(partial: Partial<MnTheme>): void;
+    /**
+     * Sets the provided theme as the current theme.
+     *
+     * @param {MnTheme} next - The new theme to be set.
+     * @return {void} This method does not return a value.
+     */
+    setAll(next: MnTheme): void;
+    /**
+     * Resets the theme configuration to its default values.
+     * This method updates the theme settings to reflect the predefined default theme constants.
+     *
+     * @return {void} Does not return any value.
+     */
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MnThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MnThemeService>;
+}
+/**
+ * Provides a dynamically configurable theme service for the MnTheme module.
+ * This function creates an Angular provider with a factory for initializing
+ * the MnThemeService. If an initial theme configuration is supplied, it
+ * will be used to set the theme upon service creation.
+ *
+ * @param {Partial<MnTheme>} [initial] An optional partial configuration object
+ * for initializing the theme within the MnThemeService.
+ * @return {Object} An object containing the provider configuration for the MnThemeService.
+ */
+declare function provideMnThemeDynamic(initial?: Partial<MnTheme>): {
+    provide: typeof MnThemeService;
+    useFactory: () => MnThemeService;
+};
 
 type MnAlertId = string;
 interface MnAlert {
@@ -104,10 +155,11 @@ declare class MnAlertOutletComponent {
 }
 
 declare class Test {
-    theme: MnTheme;
+    theme: i0.Signal<mn_angular_lib.MnTheme>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<Test, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Test, "lib-test", never, {}, {}, never, never, true, never>;
 }
 
-export { DEFAULT_MN_ALERT_CONFIG, MN_ALERT_CONFIG, MN_THEME, MN_THEME_DEFAULTS, MnAlertOutletComponent, MnAlertService, MnAlertStore, Test, injectTheme, provideMnAlerts, provideMnTheme };
+export { DEFAULT_MN_ALERT_CONFIG, MN_ALERT_CONFIG, MN_THEME, MN_THEME_DEFAULTS, MnAlertOutletComponent, MnAlertService, MnAlertStore, MnThemeService, Test, injectTheme, injectThemeSignal, provideMnAlerts, provideMnTheme, provideMnThemeDynamic };
 export type { MnAlert, MnAlertConfig, MnAlertId, MnAlertKind, MnAlertTemplateContext, MnShowInput, MnTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mn-angular-lib",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0"

package/src/lib/features/test/test.css

@@ -0,0 +1,11 @@
+:root {
+  --theme-primary: #0d6efd;
+  --theme-radius: 0.375rem;
+  --theme-padding: 0.5rem 0.75rem;
+}
+
+div {
+  color: var(--theme-primary);
+  border-radius: var(--theme-radius);
+  padding: var(--theme-padding);
+}