@sdcorejs/angular 20.1.3 → 20.1.5

package/fesm2022/sdcorejs-angular-services-unsaved-changes.mjs

@@ -0,0 +1,255 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, DestroyRef, signal, computed, effect, Injectable, isSignal } from '@angular/core';
+import { I18nService } from '@sdcorejs/angular/i18n';
+
+const SD_UNSAVED_CHANGES_WINDOW = new InjectionToken('SD_UNSAVED_CHANGES_WINDOW', {
+    factory: () => inject(DOCUMENT).defaultView,
+});
+const SD_UNSAVED_CHANGES_CONFIRMATION_ADAPTER = new InjectionToken('SD_UNSAVED_CHANGES_CONFIRMATION_ADAPTER', {
+    factory: () => {
+        const windowRef = inject(SD_UNSAVED_CHANGES_WINDOW);
+        const i18n = inject(I18nService);
+        return {
+            confirm: (context) => {
+                if (!windowRef?.confirm)
+                    return 'cancel';
+                const message = context.message || i18n.t('core.service.unsaved-changes.message');
+                return windowRef.confirm(message) ? 'discard' : 'cancel';
+            },
+        };
+    },
+});
+
+class SdUnsavedChangesService {
+    #adapter = inject(SD_UNSAVED_CHANGES_CONFIRMATION_ADAPTER);
+    #window = inject(SD_UNSAVED_CHANGES_WINDOW);
+    #i18n = inject(I18nService);
+    #destroyRef = inject(DestroyRef);
+    #entries = signal([], ...(ngDevMode ? [{ debugName: "#entries" }] : []));
+    #pendingPrompts = new Map();
+    registrations = computed(() => this.#entries().map(entry => entry.ref), ...(ngDevMode ? [{ debugName: "registrations" }] : []));
+    dirty = computed(() => this.#dirtyEntries().length > 0, ...(ngDevMode ? [{ debugName: "dirty" }] : []));
+    constructor() {
+        effect(onCleanup => {
+            if (!this.#window || !this.dirty())
+                return;
+            const listener = (event) => {
+                const message = this.#dirtyEntries()[0]?.watcher.message ?? this.#i18n.t('core.service.unsaved-changes.message');
+                event.preventDefault();
+                event.returnValue = message;
+            };
+            this.#window.addEventListener('beforeunload', listener);
+            onCleanup(() => this.#window?.removeEventListener('beforeunload', listener));
+        });
+        this.#destroyRef.onDestroy(() => {
+            for (const entry of this.#entries()) {
+                if (entry.destroyed())
+                    continue;
+                entry.destroyed.set(true);
+                this.#runCleanup(entry.watcher);
+            }
+            this.#entries.set([]);
+            this.#pendingPrompts.clear();
+        });
+    }
+    register(watcher) {
+        const existing = this.#entries().find(entry => entry.watcher.id === watcher.id && Object.is(entry.watcher.scope, watcher.scope));
+        if (existing) {
+            if (existing.watcher !== watcher)
+                this.#runCleanup(watcher);
+            return existing.ref;
+        }
+        const dirtyOverride = signal(undefined, ...(ngDevMode ? [{ debugName: "dirtyOverride" }] : []));
+        const destroyed = signal(false, ...(ngDevMode ? [{ debugName: "destroyed" }] : []));
+        const dirty = computed(() => !destroyed() && (dirtyOverride() ?? readDirty(watcher.isDirty)), ...(ngDevMode ? [{ debugName: "dirty" }] : []));
+        const entry = {};
+        const ref = {
+            id: watcher.id,
+            scope: watcher.scope,
+            message: watcher.message,
+            destroyed: destroyed.asReadonly(),
+            dirty,
+            markDirty: () => dirtyOverride.set(true),
+            markPristine: () => dirtyOverride.set(false),
+            save: () => this.#runEntryAction(entry, 'save'),
+            reset: () => this.#runEntryAction(entry, 'reset'),
+            discard: () => this.#runEntryAction(entry, 'discard'),
+            destroy: () => this.#destroyEntry(entry),
+        };
+        Object.assign(entry, { watcher, dirtyOverride, destroyed, dirty, ref });
+        this.#entries.update(entries => [...entries, entry]);
+        return ref;
+    }
+    hasChanges(scope) {
+        return this.#dirtyEntries(scope).length > 0;
+    }
+    confirmLeave(options = {}) {
+        if (!this.hasChanges(options.scope))
+            return Promise.resolve(true);
+        const promptKey = options.scope;
+        const existingPrompt = this.#pendingPrompts.get(promptKey);
+        if (existingPrompt)
+            return existingPrompt;
+        const watchers = this.#dirtyEntries(options.scope).map(entry => entry.ref);
+        const message = watchers.find(watcher => watcher.message)?.message ?? this.#i18n.t('core.service.unsaved-changes.message');
+        const run = async () => {
+            try {
+                const rawDecision = await Promise.resolve(this.#adapter.confirm({ reason: options.reason ?? 'manual', scope: options.scope, message, watchers }));
+                const decision = typeof rawDecision === 'boolean' ? (rawDecision ? 'discard' : 'cancel') : rawDecision;
+                if (decision === 'save')
+                    return this.saveAll(options.scope);
+                if (decision === 'discard')
+                    return this.discardAll(options.scope);
+                return false;
+            }
+            catch {
+                return false;
+            }
+        };
+        const pending = run().finally(() => {
+            if (this.#pendingPrompts.get(promptKey) === pending)
+                this.#pendingPrompts.delete(promptKey);
+        });
+        this.#pendingPrompts.set(promptKey, pending);
+        return pending;
+    }
+    saveAll(scope) {
+        return this.#runAll('save', scope);
+    }
+    resetAll(scope) {
+        return this.#runAll('reset', scope);
+    }
+    discardAll(scope) {
+        return this.#runAll('discard', scope);
+    }
+    async #runAll(action, scope) {
+        for (const entry of this.#dirtyEntries(scope)) {
+            if (!(await this.#runEntryAction(entry, action)))
+                return false;
+        }
+        return true;
+    }
+    async #runEntryAction(entry, action) {
+        if (entry.destroyed())
+            return true;
+        try {
+            const callback = entry.watcher[action];
+            const result = callback ? await Promise.resolve(callback()) : undefined;
+            if (result === false)
+                return false;
+            // A callback owns its underlying dirty source (for example FormGroup
+            // marks itself pristine). Only synthesize pristine state when there is
+            // no callback capable of updating that source.
+            entry.dirtyOverride.set(callback ? undefined : false);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    #dirtyEntries(scope) {
+        return this.#entries().filter(entry => (scope === undefined || Object.is(entry.watcher.scope, scope)) && entry.dirty());
+    }
+    #destroyEntry(entry) {
+        if (entry.destroyed())
+            return;
+        entry.destroyed.set(true);
+        this.#runCleanup(entry.watcher);
+        this.#entries.update(entries => entries.filter(candidate => candidate !== entry));
+    }
+    #runCleanup(watcher) {
+        try {
+            watcher.cleanup?.();
+        }
+        catch {
+            // Cleanup must never prevent registry teardown.
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdUnsavedChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdUnsavedChangesService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdUnsavedChangesService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+function readDirty(source) {
+    if (typeof source === 'boolean')
+        return source;
+    if (isSignal(source))
+        return !!source();
+    return !!source();
+}
+
+function registerSdUnsavedChangesForm(service, form, options) {
+    let snapshot = cloneValue(form.getRawValue());
+    const dirty = signal(form.dirty, ...(ngDevMode ? [{ debugName: "dirty" }] : []));
+    const subscription = form.events.subscribe(() => dirty.set(form.dirty));
+    const resetToSnapshot = () => {
+        form.reset(cloneValue(snapshot));
+        form.markAsPristine();
+        dirty.set(false);
+    };
+    const registration = service.register({
+        id: options.id,
+        scope: options.scope,
+        message: options.message,
+        isDirty: dirty,
+        save: async () => {
+            const result = options.save ? await Promise.resolve(options.save(form.getRawValue())) : undefined;
+            if (result === false)
+                return false;
+            snapshot = cloneValue(form.getRawValue());
+            form.markAsPristine();
+            dirty.set(false);
+            return true;
+        },
+        reset: async () => {
+            const result = options.reset ? await Promise.resolve(options.reset(form)) : undefined;
+            if (result === false)
+                return false;
+            if (!options.reset)
+                resetToSnapshot();
+            else {
+                form.markAsPristine();
+                dirty.set(false);
+            }
+            return true;
+        },
+        discard: async () => {
+            const result = options.discard ? await Promise.resolve(options.discard(form)) : undefined;
+            if (result === false)
+                return false;
+            if (!options.discard)
+                resetToSnapshot();
+            else {
+                form.markAsPristine();
+                dirty.set(false);
+            }
+            return true;
+        },
+        cleanup: () => subscription.unsubscribe(),
+    });
+    return registration;
+}
+function createSdUnsavedChangesCloseGuard(service, options = {}) {
+    return () => service.confirmLeave({ ...options, reason: 'close' });
+}
+const sdUnsavedChangesGuard = () => inject(SdUnsavedChangesService).confirmLeave({ reason: 'navigation' });
+function cloneValue(value) {
+    if (value instanceof Date)
+        return new Date(value.getTime());
+    if (Array.isArray(value))
+        return value.map(item => cloneValue(item));
+    if (value && typeof value === 'object') {
+        return Object.fromEntries(Object.entries(value).map(([key, item]) => [key, cloneValue(item)]));
+    }
+    return value;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SD_UNSAVED_CHANGES_CONFIRMATION_ADAPTER, SD_UNSAVED_CHANGES_WINDOW, SdUnsavedChangesService, createSdUnsavedChangesCloseGuard, registerSdUnsavedChangesForm, sdUnsavedChangesGuard };
+//# sourceMappingURL=sdcorejs-angular-services-unsaved-changes.mjs.map

package/fesm2022/sdcorejs-angular-services-unsaved-changes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdcorejs-angular-services-unsaved-changes.mjs","sources":["../../../projects/sdcorejs-angular/services/unsaved-changes/src/unsaved-changes.tokens.ts","../../../projects/sdcorejs-angular/services/unsaved-changes/src/unsaved-changes.service.ts","../../../projects/sdcorejs-angular/services/unsaved-changes/src/unsaved-changes.adapters.ts","../../../projects/sdcorejs-angular/services/unsaved-changes/sdcorejs-angular-services-unsaved-changes.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { InjectionToken, inject } from '@angular/core';\nimport { I18nService } from '@sdcorejs/angular/i18n';\nimport { SdUnsavedChangesConfirmationAdapter, SdUnsavedChangesDecision, SdUnsavedChangesPromptContext } from './unsaved-changes.model';\n\nexport interface SdUnsavedChangesWindow {\n  addEventListener(type: 'beforeunload', listener: (event: BeforeUnloadEvent) => void): void;\n  removeEventListener(type: 'beforeunload', listener: (event: BeforeUnloadEvent) => void): void;\n  confirm?(message?: string): boolean;\n}\n\nexport const SD_UNSAVED_CHANGES_WINDOW = new InjectionToken<SdUnsavedChangesWindow | null>('SD_UNSAVED_CHANGES_WINDOW', {\n  factory: () => inject(DOCUMENT).defaultView as SdUnsavedChangesWindow | null,\n});\n\nexport const SD_UNSAVED_CHANGES_CONFIRMATION_ADAPTER = new InjectionToken<SdUnsavedChangesConfirmationAdapter>(\n  'SD_UNSAVED_CHANGES_CONFIRMATION_ADAPTER',\n  {\n    factory: () => {\n      const windowRef = inject(SD_UNSAVED_CHANGES_WINDOW);\n      const i18n = inject(I18nService);\n      return {\n        confirm: (context: SdUnsavedChangesPromptContext): SdUnsavedChangesDecision => {\n          if (!windowRef?.confirm) return 'cancel';\n          const message = context.message || i18n.t('core.service.unsaved-changes.message');\n          return windowRef.confirm(message) ? 'discard' : 'cancel';\n        },\n      };\n    },\n  }\n);\n","import { DestroyRef, Injectable, computed, effect, inject, isSignal, signal } from '@angular/core';\nimport { I18nService } from '@sdcorejs/angular/i18n';\nimport {\n  SdUnsavedChangesConfirmOptions,\n  SdUnsavedChangesDecision,\n  SdUnsavedChangesRegistration,\n  SdUnsavedChangesWatcher,\n} from './unsaved-changes.model';\nimport { SD_UNSAVED_CHANGES_CONFIRMATION_ADAPTER, SD_UNSAVED_CHANGES_WINDOW } from './unsaved-changes.tokens';\n\ninterface RegistryEntry {\n  readonly watcher: SdUnsavedChangesWatcher;\n  readonly dirtyOverride: ReturnType<typeof signal<boolean | undefined>>;\n  readonly destroyed: ReturnType<typeof signal<boolean>>;\n  readonly dirty: ReturnType<typeof computed<boolean>>;\n  readonly ref: SdUnsavedChangesRegistration;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class SdUnsavedChangesService {\n  readonly #adapter = inject(SD_UNSAVED_CHANGES_CONFIRMATION_ADAPTER);\n  readonly #window = inject(SD_UNSAVED_CHANGES_WINDOW);\n  readonly #i18n = inject(I18nService);\n  readonly #destroyRef = inject(DestroyRef);\n  readonly #entries = signal<readonly RegistryEntry[]>([]);\n  readonly #pendingPrompts = new Map<unknown, Promise<boolean>>();\n\n  readonly registrations = computed(() => this.#entries().map(entry => entry.ref));\n  readonly dirty = computed(() => this.#dirtyEntries().length > 0);\n\n  constructor() {\n    effect(onCleanup => {\n      if (!this.#window || !this.dirty()) return;\n      const listener = (event: BeforeUnloadEvent): void => {\n        const message = this.#dirtyEntries()[0]?.watcher.message ?? this.#i18n.t('core.service.unsaved-changes.message');\n        event.preventDefault();\n        event.returnValue = message;\n      };\n      this.#window.addEventListener('beforeunload', listener);\n      onCleanup(() => this.#window?.removeEventListener('beforeunload', listener));\n    });\n\n    this.#destroyRef.onDestroy(() => {\n      for (const entry of this.#entries()) {\n        if (entry.destroyed()) continue;\n        entry.destroyed.set(true);\n        this.#runCleanup(entry.watcher);\n      }\n      this.#entries.set([]);\n      this.#pendingPrompts.clear();\n    });\n  }\n\n  register(watcher: SdUnsavedChangesWatcher): SdUnsavedChangesRegistration {\n    const existing = this.#entries().find(entry => entry.watcher.id === watcher.id && Object.is(entry.watcher.scope, watcher.scope));\n    if (existing) {\n      if (existing.watcher !== watcher) this.#runCleanup(watcher);\n      return existing.ref;\n    }\n\n    const dirtyOverride = signal<boolean | undefined>(undefined);\n    const destroyed = signal(false);\n    const dirty = computed(() => !destroyed() && (dirtyOverride() ?? readDirty(watcher.isDirty)));\n    const entry = {} as RegistryEntry;\n    const ref: SdUnsavedChangesRegistration = {\n      id: watcher.id,\n      scope: watcher.scope,\n      message: watcher.message,\n      destroyed: destroyed.asReadonly(),\n      dirty,\n      markDirty: () => dirtyOverride.set(true),\n      markPristine: () => dirtyOverride.set(false),\n      save: () => this.#runEntryAction(entry, 'save'),\n      reset: () => this.#runEntryAction(entry, 'reset'),\n      discard: () => this.#runEntryAction(entry, 'discard'),\n      destroy: () => this.#destroyEntry(entry),\n    };\n    Object.assign(entry, { watcher, dirtyOverride, destroyed, dirty, ref });\n    this.#entries.update(entries => [...entries, entry]);\n    return ref;\n  }\n\n  hasChanges(scope?: unknown): boolean {\n    return this.#dirtyEntries(scope).length > 0;\n  }\n\n  confirmLeave(options: SdUnsavedChangesConfirmOptions = {}): Promise<boolean> {\n    if (!this.hasChanges(options.scope)) return Promise.resolve(true);\n    const promptKey = options.scope;\n    const existingPrompt = this.#pendingPrompts.get(promptKey);\n    if (existingPrompt) return existingPrompt;\n\n    const watchers = this.#dirtyEntries(options.scope).map(entry => entry.ref);\n    const message = watchers.find(watcher => watcher.message)?.message ?? this.#i18n.t('core.service.unsaved-changes.message');\n    const run = async (): Promise<boolean> => {\n      try {\n        const rawDecision = await Promise.resolve(\n          this.#adapter.confirm({ reason: options.reason ?? 'manual', scope: options.scope, message, watchers })\n        );\n        const decision: SdUnsavedChangesDecision = typeof rawDecision === 'boolean' ? (rawDecision ? 'discard' : 'cancel') : rawDecision;\n        if (decision === 'save') return this.saveAll(options.scope);\n        if (decision === 'discard') return this.discardAll(options.scope);\n        return false;\n      } catch {\n        return false;\n      }\n    };\n\n    const pending = run().finally(() => {\n      if (this.#pendingPrompts.get(promptKey) === pending) this.#pendingPrompts.delete(promptKey);\n    });\n    this.#pendingPrompts.set(promptKey, pending);\n    return pending;\n  }\n\n  saveAll(scope?: unknown): Promise<boolean> {\n    return this.#runAll('save', scope);\n  }\n\n  resetAll(scope?: unknown): Promise<boolean> {\n    return this.#runAll('reset', scope);\n  }\n\n  discardAll(scope?: unknown): Promise<boolean> {\n    return this.#runAll('discard', scope);\n  }\n\n  async #runAll(action: 'save' | 'reset' | 'discard', scope?: unknown): Promise<boolean> {\n    for (const entry of this.#dirtyEntries(scope)) {\n      if (!(await this.#runEntryAction(entry, action))) return false;\n    }\n    return true;\n  }\n\n  async #runEntryAction(entry: RegistryEntry, action: 'save' | 'reset' | 'discard'): Promise<boolean> {\n    if (entry.destroyed()) return true;\n    try {\n      const callback = entry.watcher[action];\n      const result = callback ? await Promise.resolve(callback()) : undefined;\n      if (result === false) return false;\n      // A callback owns its underlying dirty source (for example FormGroup\n      // marks itself pristine). Only synthesize pristine state when there is\n      // no callback capable of updating that source.\n      entry.dirtyOverride.set(callback ? undefined : false);\n      return true;\n    } catch {\n      return false;\n    }\n  }\n\n  #dirtyEntries(scope?: unknown): RegistryEntry[] {\n    return this.#entries().filter(entry => (scope === undefined || Object.is(entry.watcher.scope, scope)) && entry.dirty());\n  }\n\n  #destroyEntry(entry: RegistryEntry): void {\n    if (entry.destroyed()) return;\n    entry.destroyed.set(true);\n    this.#runCleanup(entry.watcher);\n    this.#entries.update(entries => entries.filter(candidate => candidate !== entry));\n  }\n\n  #runCleanup(watcher: SdUnsavedChangesWatcher): void {\n    try {\n      watcher.cleanup?.();\n    } catch {\n      // Cleanup must never prevent registry teardown.\n    }\n  }\n}\n\nfunction readDirty(source: SdUnsavedChangesWatcher['isDirty']): boolean {\n  if (typeof source === 'boolean') return source;\n  if (isSignal(source)) return !!source();\n  return !!source();\n}\n","import { signal } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { CanDeactivateFn } from '@angular/router';\nimport { SdUnsavedChangesConfirmOptions, SdUnsavedChangesMaybeAsync, SdUnsavedChangesRegistration } from './unsaved-changes.model';\nimport { SdUnsavedChangesService } from './unsaved-changes.service';\nimport { inject } from '@angular/core';\n\nexport interface SdUnsavedChangesFormOptions<TValue> {\n  readonly id: string;\n  readonly scope?: unknown;\n  readonly message?: string;\n  readonly save?: (value: TValue) => SdUnsavedChangesMaybeAsync<void | boolean>;\n  readonly reset?: (form: FormGroup) => SdUnsavedChangesMaybeAsync<void | boolean>;\n  readonly discard?: (form: FormGroup) => SdUnsavedChangesMaybeAsync<void | boolean>;\n}\n\nexport function registerSdUnsavedChangesForm<TValue extends Record<string, unknown>>(\n  service: SdUnsavedChangesService,\n  form: FormGroup,\n  options: SdUnsavedChangesFormOptions<TValue>\n): SdUnsavedChangesRegistration {\n  let snapshot = cloneValue(form.getRawValue()) as TValue;\n  const dirty = signal(form.dirty);\n  const subscription = form.events.subscribe(() => dirty.set(form.dirty));\n  const resetToSnapshot = (): void => {\n    form.reset(cloneValue(snapshot));\n    form.markAsPristine();\n    dirty.set(false);\n  };\n  const registration = service.register({\n    id: options.id,\n    scope: options.scope,\n    message: options.message,\n    isDirty: dirty,\n    save: async () => {\n      const result = options.save ? await Promise.resolve(options.save(form.getRawValue() as TValue)) : undefined;\n      if (result === false) return false;\n      snapshot = cloneValue(form.getRawValue()) as TValue;\n      form.markAsPristine();\n      dirty.set(false);\n      return true;\n    },\n    reset: async () => {\n      const result = options.reset ? await Promise.resolve(options.reset(form)) : undefined;\n      if (result === false) return false;\n      if (!options.reset) resetToSnapshot();\n      else {\n        form.markAsPristine();\n        dirty.set(false);\n      }\n      return true;\n    },\n    discard: async () => {\n      const result = options.discard ? await Promise.resolve(options.discard(form)) : undefined;\n      if (result === false) return false;\n      if (!options.discard) resetToSnapshot();\n      else {\n        form.markAsPristine();\n        dirty.set(false);\n      }\n      return true;\n    },\n    cleanup: () => subscription.unsubscribe(),\n  });\n  return registration;\n}\n\nexport function createSdUnsavedChangesCloseGuard(\n  service: SdUnsavedChangesService,\n  options: Omit<SdUnsavedChangesConfirmOptions, 'reason'> = {}\n): () => Promise<boolean> {\n  return () => service.confirmLeave({ ...options, reason: 'close' });\n}\n\nexport const sdUnsavedChangesGuard: CanDeactivateFn<unknown> = () => inject(SdUnsavedChangesService).confirmLeave({ reason: 'navigation' });\n\nfunction cloneValue<T>(value: T): T {\n  if (value instanceof Date) return new Date(value.getTime()) as T;\n  if (Array.isArray(value)) return value.map(item => cloneValue(item)) as T;\n  if (value && typeof value === 'object') {\n    return Object.fromEntries(Object.entries(value).map(([key, item]) => [key, cloneValue(item)])) as T;\n  }\n  return value;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/sdcorejs-angular-services-viewport.mjs

@@ -0,0 +1,76 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, DestroyRef, signal, computed, Injectable } from '@angular/core';
+
+const SD_VIEWPORT_DEFAULT_BREAKPOINTS = Object.freeze({
+    mobile: 0,
+    tablet: 768,
+    desktop: 1024,
+});
+const SD_VIEWPORT = new InjectionToken('sd.viewport', {
+    providedIn: 'root',
+    factory: () => (typeof window === 'undefined' ? null : window),
+});
+const SD_VIEWPORT_BREAKPOINTS = new InjectionToken('sd.viewport.breakpoints', {
+    providedIn: 'root',
+    factory: () => SD_VIEWPORT_DEFAULT_BREAKPOINTS,
+});
+function sdNormalizeViewportBreakpoints(value) {
+    const mobile = normalizeBreakpoint(value.mobile);
+    const tablet = normalizeBreakpoint(value.tablet);
+    const desktop = normalizeBreakpoint(value.desktop);
+    if (mobile === undefined || tablet === undefined || desktop === undefined || mobile >= tablet || tablet >= desktop) {
+        return SD_VIEWPORT_DEFAULT_BREAKPOINTS;
+    }
+    return Object.freeze({ mobile, tablet, desktop });
+}
+function normalizeBreakpoint(value) {
+    return Number.isFinite(value) && value >= 0 ? Math.floor(value) : undefined;
+}
+
+/**
+ * Exposes one SSR-safe, signal-based viewport state for the application.
+ * Breakpoints use min-width semantics and can be configured through `SD_VIEWPORT_BREAKPOINTS`.
+ */
+class SdViewportService {
+    #viewport = inject(SD_VIEWPORT);
+    #destroyRef = inject(DestroyRef);
+    #width = signal(this.#viewport?.innerWidth ?? Number.MAX_SAFE_INTEGER, ...(ngDevMode ? [{ debugName: "#width" }] : []));
+    #height = signal(this.#viewport?.innerHeight ?? Number.MAX_SAFE_INTEGER, ...(ngDevMode ? [{ debugName: "#height" }] : []));
+    breakpoints = sdNormalizeViewportBreakpoints(inject(SD_VIEWPORT_BREAKPOINTS));
+    width = this.#width.asReadonly();
+    height = this.#height.asReadonly();
+    currentBreakpoint = computed(() => {
+        const width = this.width();
+        if (width >= this.breakpoints.desktop)
+            return 'desktop';
+        if (width >= this.breakpoints.tablet)
+            return 'tablet';
+        return 'mobile';
+    }, ...(ngDevMode ? [{ debugName: "currentBreakpoint" }] : []));
+    isMobile = computed(() => this.currentBreakpoint() === 'mobile', ...(ngDevMode ? [{ debugName: "isMobile" }] : []));
+    isTablet = computed(() => this.currentBreakpoint() === 'tablet', ...(ngDevMode ? [{ debugName: "isTablet" }] : []));
+    isDesktop = computed(() => this.currentBreakpoint() === 'desktop', ...(ngDevMode ? [{ debugName: "isDesktop" }] : []));
+    constructor() {
+        if (!this.#viewport)
+            return;
+        const onResize = () => {
+            this.#width.set(this.#viewport?.innerWidth ?? Number.MAX_SAFE_INTEGER);
+            this.#height.set(this.#viewport?.innerHeight ?? Number.MAX_SAFE_INTEGER);
+        };
+        this.#viewport.addEventListener('resize', onResize);
+        this.#destroyRef.onDestroy(() => this.#viewport?.removeEventListener('resize', onResize));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdViewportService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdViewportService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SD_VIEWPORT, SD_VIEWPORT_BREAKPOINTS, SD_VIEWPORT_DEFAULT_BREAKPOINTS, SdViewportService, sdNormalizeViewportBreakpoints };
+//# sourceMappingURL=sdcorejs-angular-services-viewport.mjs.map

package/fesm2022/sdcorejs-angular-services-viewport.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdcorejs-angular-services-viewport.mjs","sources":["../../../projects/sdcorejs-angular/services/viewport/src/viewport.tokens.ts","../../../projects/sdcorejs-angular/services/viewport/src/viewport.service.ts","../../../projects/sdcorejs-angular/services/viewport/sdcorejs-angular-services-viewport.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { SdViewport, SdViewportBreakpoints } from './viewport.model';\n\nexport const SD_VIEWPORT_DEFAULT_BREAKPOINTS: Readonly<SdViewportBreakpoints> = Object.freeze({\n  mobile: 0,\n  tablet: 768,\n  desktop: 1024,\n});\n\nexport const SD_VIEWPORT = new InjectionToken<SdViewport | null>('sd.viewport', {\n  providedIn: 'root',\n  factory: () => (typeof window === 'undefined' ? null : window),\n});\n\nexport const SD_VIEWPORT_BREAKPOINTS = new InjectionToken<Readonly<SdViewportBreakpoints>>('sd.viewport.breakpoints', {\n  providedIn: 'root',\n  factory: () => SD_VIEWPORT_DEFAULT_BREAKPOINTS,\n});\n\nexport function sdNormalizeViewportBreakpoints(value: Readonly<SdViewportBreakpoints>): Readonly<SdViewportBreakpoints> {\n  const mobile = normalizeBreakpoint(value.mobile);\n  const tablet = normalizeBreakpoint(value.tablet);\n  const desktop = normalizeBreakpoint(value.desktop);\n\n  if (mobile === undefined || tablet === undefined || desktop === undefined || mobile >= tablet || tablet >= desktop) {\n    return SD_VIEWPORT_DEFAULT_BREAKPOINTS;\n  }\n\n  return Object.freeze({ mobile, tablet, desktop });\n}\n\nfunction normalizeBreakpoint(value: number): number | undefined {\n  return Number.isFinite(value) && value >= 0 ? Math.floor(value) : undefined;\n}\n","import { DestroyRef, Injectable, computed, inject, signal } from '@angular/core';\nimport { SdViewportBreakpoint } from './viewport.model';\nimport { SD_VIEWPORT, SD_VIEWPORT_BREAKPOINTS, sdNormalizeViewportBreakpoints } from './viewport.tokens';\n\n/**\n * Exposes one SSR-safe, signal-based viewport state for the application.\n * Breakpoints use min-width semantics and can be configured through `SD_VIEWPORT_BREAKPOINTS`.\n */\n@Injectable({ providedIn: 'root' })\nexport class SdViewportService {\n  readonly #viewport = inject(SD_VIEWPORT);\n  readonly #destroyRef = inject(DestroyRef);\n  readonly #width = signal(this.#viewport?.innerWidth ?? Number.MAX_SAFE_INTEGER);\n  readonly #height = signal(this.#viewport?.innerHeight ?? Number.MAX_SAFE_INTEGER);\n\n  readonly breakpoints = sdNormalizeViewportBreakpoints(inject(SD_VIEWPORT_BREAKPOINTS));\n  readonly width = this.#width.asReadonly();\n  readonly height = this.#height.asReadonly();\n  readonly currentBreakpoint = computed<SdViewportBreakpoint>(() => {\n    const width = this.width();\n    if (width >= this.breakpoints.desktop) return 'desktop';\n    if (width >= this.breakpoints.tablet) return 'tablet';\n    return 'mobile';\n  });\n  readonly isMobile = computed(() => this.currentBreakpoint() === 'mobile');\n  readonly isTablet = computed(() => this.currentBreakpoint() === 'tablet');\n  readonly isDesktop = computed(() => this.currentBreakpoint() === 'desktop');\n\n  constructor() {\n    if (!this.#viewport) return;\n\n    const onResize = (): void => {\n      this.#width.set(this.#viewport?.innerWidth ?? Number.MAX_SAFE_INTEGER);\n      this.#height.set(this.#viewport?.innerHeight ?? Number.MAX_SAFE_INTEGER);\n    };\n    this.#viewport.addEventListener('resize', onResize);\n    this.#destroyRef.onDestroy(() => this.#viewport?.removeEventListener('resize', onResize));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/sdcorejs-angular-services.mjs

@@ -1,11 +1,15 @@
 export * from '@sdcorejs/angular/services/cache';
 export * from '@sdcorejs/angular/services/storage';
+export * from '@sdcorejs/angular/services/persistence';
 export * from '@sdcorejs/angular/services/notify';
 export * from '@sdcorejs/angular/services/confirm';
 export * from '@sdcorejs/angular/services/api';
 export * from '@sdcorejs/angular/services/loading';
 export * from '@sdcorejs/angular/services/excel';
 export * from '@sdcorejs/angular/services/docx';
+export * from '@sdcorejs/angular/services/viewport';
+export * from '@sdcorejs/angular/services/unsaved-changes';
+export * from '@sdcorejs/angular/services/task';
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/sdcorejs-angular-services.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-services.mjs","sources":["../../../projects/sdcorejs-angular/services/sdcorejs-angular-services.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;AAEG"}
+{"version":3,"file":"sdcorejs-angular-services.mjs","sources":["../../../projects/sdcorejs-angular/services/sdcorejs-angular-services.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;AAEG"}

package/forms/autocomplete/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, AfterViewInit, ElementRef, TemplateRef, EventEmitter } from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, TemplateRef, EventEmitter } from '@angular/core';
 import { FormGroup, FormControl, FormGroupDirective, NgForm } from '@angular/forms';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ErrorStateMatcher } from '@angular/material/core';
@@ -13,7 +13,7 @@ declare class SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {
     constructor(formControl: FormControl);
     isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
 }
-declare class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewInit {
+declare class SdAutocomplete<T = any> implements OnInit, OnDestroy {
     #private;
     id: string;
     inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
@@ -73,7 +73,7 @@ declare class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewIni
     valueModel: _angular_core.ModelSignal<string | number | null | undefined>;
     sdChange: _angular_core.OutputEmitterRef<string | number | null>;
     sdSelection: _angular_core.OutputEmitterRef<SdSelectionData<any>>;
-    sdAdd: EventEmitter<void>;
+    readonly sdAdd: EventEmitter<void>;
     loading: _angular_core.WritableSignal<boolean>;
     isFocused: boolean;
     isTyping: _angular_core.WritableSignal<boolean>;
@@ -88,7 +88,6 @@ declare class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewIni
     getNestedValue: (obj: any, path: string | undefined) => any;
     constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onSelect: (item: T) => void;
     onFocus: () => void;

package/forms/checkbox/index.d.ts

@@ -1,16 +1,15 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, AfterViewInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
+import { FormControl } from '@angular/forms';
+import { ɵSdFormControlParent as _SdFormControlParent, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
 import { Color } from '@sdcorejs/utils/models';
 
-declare class SdCheckbox implements OnDestroy, AfterViewInit {
+declare class SdCheckbox {
     #private;
     id: string;
     formControl: FormControl<any>;
     readonly autoIdInput: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly name: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
-    readonly form: _angular_core.InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly form: _angular_core.InputSignal<_SdFormControlParent>;
     readonly label: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly color: _angular_core.InputSignalWithTransform<Color, Color | null | undefined>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -25,9 +24,6 @@ declare class SdCheckbox implements OnDestroy, AfterViewInit {
     readonly dataDisabled: _angular_core.Signal<"true" | "false">;
     readonly dataEmpty: _angular_core.Signal<"true" | "false">;
     readonly dataValue: _angular_core.Signal<string>;
-    constructor();
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdCheckbox, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdCheckbox, "sd-checkbox", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/forms/date/index.d.ts

@@ -7,6 +7,7 @@ import { SdViewDefDirective, SdLabelDefDirective } from '@sdcorejs/angular/forms
 import { SdViewed, SdViewedInput, SdFormControl } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
 
+type SdDateModelValue = string | number | Date | undefined | null;
 declare class SdDate implements OnDestroy, OnInit {
     #private;
     id: string;
@@ -62,14 +63,13 @@ declare class SdDate implements OnDestroy, OnInit {
     maxInput: _angular_core.InputSignal<any>;
     maxDateInput: _angular_core.InputSignal<any>;
     resolvedMax: _angular_core.Signal<Date | null>;
-    valueModel: _angular_core.ModelSignal<string | number | Date | null | undefined>;
+    valueModel: _angular_core.ModelSignal<SdDateModelValue>;
     sdChange: _angular_core.OutputEmitterRef<any>;
     sdFocus: _angular_core.OutputEmitterRef<void>;
     isMobileOrTablet: boolean;
     formControl: SdFormControl;
     isFocused: boolean;
     isValid?: boolean;
-    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     onFocus: () => void;

package/forms/date-range/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { FormGroup, FormControl } from '@angular/forms';
 import { MatDateRangePicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { MatFormFieldAppearance, FloatLabelType } from '@angular/material/form-field';
@@ -7,11 +7,11 @@ import { SdLabelDefDirective } from '@sdcorejs/angular/forms/directives';
 import { SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
 
-interface Daterange {
+interface SdDateRangeValue {
     from?: string | null;
     to?: string | null;
 }
-declare class SdDateRange implements OnDestroy, OnInit {
+declare class SdDateRange {
     #private;
     id1: string;
     id2: string;
@@ -68,15 +68,13 @@ declare class SdDateRange implements OnDestroy, OnInit {
     resolvedMin: _angular_core.Signal<Date | null>;
     maxInput: _angular_core.InputSignal<any>;
     resolvedMax: _angular_core.Signal<Date | null>;
-    valueModel: _angular_core.ModelSignal<Daterange | null | undefined>;
-    sdChange: _angular_core.OutputEmitterRef<Daterange | null | undefined>;
+    valueModel: _angular_core.ModelSignal<SdDateRangeValue | null | undefined>;
+    sdChange: _angular_core.OutputEmitterRef<SdDateRangeValue | null | undefined>;
     isMobileOrTablet: boolean;
     formControl: FormControl<any>;
     control1: FormControl<any>;
     control2: FormControl<any>;
     constructor();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
     onStartChange: (event: MatDatepickerInputEvent<Date>) => void;
     onEndChange: (event: MatDatepickerInputEvent<Date>) => void;
     clear: () => void;
@@ -90,3 +88,4 @@ declare class SdDateRange implements OnDestroy, OnInit {
 }
 
 export { SdDateRange };
+export type { SdDateRangeValue };

package/forms/datetime/index.d.ts

@@ -6,6 +6,7 @@ import { SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
 import { SdViewed, SdViewedInput, SdFormControl } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
 
+type SdDatetimeModelValue = string | number | Date | undefined | null;
 declare class SdDatetime implements OnDestroy, OnInit {
     #private;
     id: string;
@@ -63,7 +64,7 @@ declare class SdDatetime implements OnDestroy, OnInit {
     maxInput: _angular_core.InputSignal<any>;
     maxDateInput: _angular_core.InputSignal<any>;
     resolvedMax: _angular_core.Signal<Date | null>;
-    valueModel: _angular_core.ModelSignal<string | number | Date | null | undefined>;
+    valueModel: _angular_core.ModelSignal<SdDatetimeModelValue>;
     viewedDate: _angular_core.Signal<Date | null>;
     sdChange: _angular_core.OutputEmitterRef<any>;
     sdFocus: _angular_core.OutputEmitterRef<void>;
@@ -73,7 +74,6 @@ declare class SdDatetime implements OnDestroy, OnInit {
     isValid?: boolean;
     /** State popup — true khi picker package đang mở. */
     pickerOpened: _angular_core.Signal<boolean>;
-    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** Mở popup chọn datetime, neo vào input. */