@ngxsmk/cdk 1.0.0

package/README.md

@@ -0,0 +1,43 @@
+# @ngxsmk/cdk
+
+Low-level, framework-agnostic Angular behaviors used by NGXSMK components:
+
+- `ClickOutside` — detect clicks outside an element
+- `FocusTrap` — trap focus within a container
+- `ScrollLock` — lock/unlock page scroll
+- `LiveAnnouncer` — announce messages to assistive tech
+- `MediaQuery` — reactive media-query signals
+- `VisuallyHidden` — visually hide content while keeping it accessible
+
+Part of the [NGXSMK UI kit](https://github.com/NGXSMK/ngxsmk-ui-kit).
+
+## Compatibility
+
+- Angular **17.3+**
+- `zone.js` optional (zoneless-friendly)
+
+## Install
+
+```bash
+npm install @ngxsmk/cdk
+```
+
+`@ngxsmk/cdk` depends only on `@angular/core` and `@angular/common`.
+
+## Usage
+
+```ts
+import { ClickOutside } from '@ngxsmk/cdk/click-outside';
+```
+
+Prefer deep entry-point imports (e.g. `@ngxsmk/cdk/click-outside`) so the
+bundler tree-shakes unused behaviors.
+
+## Building & publishing
+
+Built with the rest of the workspace via `npm run build:libs`. The published
+artifact lives in `dist/ngxsmk/cdk`. To publish all packages:
+
+```bash
+npm run publish
+```

package/fesm2022/ngxsmk-cdk-click-outside.mjs

@@ -0,0 +1,45 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, output, DestroyRef, Directive } from '@angular/core';
+
+/**
+ * Emits when a pointer press lands outside the host element.
+ *
+ * ```html
+ * <div class="menu" (ngxsmkClickOutside)="close()">…</div>
+ * ```
+ */
+class NgxsmkClickOutside {
+    host = inject(ElementRef);
+    ngxsmkClickOutside = output();
+    constructor() {
+        const document = inject(DOCUMENT);
+        const destroyRef = inject(DestroyRef);
+        const onPointerDown = (event) => {
+            const target = event.target;
+            if (target && !this.host.nativeElement.contains(target)) {
+                this.ngxsmkClickOutside.emit(event);
+            }
+        };
+        // Capture phase so stopped propagation inside other widgets can't
+        // swallow the outside press.
+        document.addEventListener('pointerdown', onPointerDown, true);
+        destroyRef.onDestroy(() => document.removeEventListener('pointerdown', onPointerDown, true));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkClickOutside, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgxsmkClickOutside, isStandalone: true, selector: "[ngxsmkClickOutside]", outputs: { ngxsmkClickOutside: "ngxsmkClickOutside" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkClickOutside, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngxsmkClickOutside]',
+                }]
+        }], ctorParameters: () => [], propDecorators: { ngxsmkClickOutside: [{ type: i0.Output, args: ["ngxsmkClickOutside"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxsmkClickOutside };
+//# sourceMappingURL=ngxsmk-cdk-click-outside.mjs.map

package/fesm2022/ngxsmk-cdk-click-outside.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-cdk-click-outside.mjs","sources":["../../../../packages/cdk/click-outside/click-outside.ts","../../../../packages/cdk/click-outside/ngxsmk-cdk-click-outside.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  output,\n} from '@angular/core';\n\n/**\n * Emits when a pointer press lands outside the host element.\n *\n * ```html\n * <div class=\"menu\" (ngxsmkClickOutside)=\"close()\">…</div>\n * ```\n */\n@Directive({\n  standalone: true,\n  selector: '[ngxsmkClickOutside]',\n})\nexport class NgxsmkClickOutside {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  readonly ngxsmkClickOutside = output<Event>();\n\n  constructor() {\n    const document = inject(DOCUMENT);\n    const destroyRef = inject(DestroyRef);\n\n    const onPointerDown = (event: Event) => {\n      const target = event.target as Node | null;\n      if (target && !this.host.nativeElement.contains(target)) {\n        this.ngxsmkClickOutside.emit(event);\n      }\n    };\n\n    // Capture phase so stopped propagation inside other widgets can't\n    // swallow the outside press.\n    document.addEventListener('pointerdown', onPointerDown, true);\n    destroyRef.onDestroy(() =>\n      document.removeEventListener('pointerdown', onPointerDown, true),\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AASA;;;;;;AAMG;MAKU,kBAAkB,CAAA;AACZ,IAAA,IAAI,GAAG,MAAM,CAA0B,UAAU,CAAC;IAE1D,kBAAkB,GAAG,MAAM,EAAS;AAE7C,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AACjC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAErC,QAAA,MAAM,aAAa,GAAG,CAAC,KAAY,KAAI;AACrC,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;AAC1C,YAAA,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AACvD,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;YACrC;AACF,QAAA,CAAC;;;QAID,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC;AAC7D,QAAA,UAAU,CAAC,SAAS,CAAC,MACnB,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC,CACjE;IACH;uGAtBW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,sBAAsB;AACjC,iBAAA;;;ACnBD;;AAEG;;;;"}

package/fesm2022/ngxsmk-cdk-focus-trap.mjs

@@ -0,0 +1,72 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, booleanAttribute, afterNextRender, DestroyRef, Directive } from '@angular/core';
+import { getFocusable } from '@ngxsmk/cdk/focusable';
+
+/**
+ * Traps Tab/Shift+Tab focus cycling inside the host element while active.
+ * With `ngxsmkFocusTrapAutoCapture`, moves focus into the trap on init and
+ * restores the previously focused element on destroy.
+ */
+class NgxsmkFocusTrap {
+    host = inject(ElementRef);
+    document = inject(DOCUMENT);
+    /** Set to `false` to disable the trap without removing the directive. */
+    ngxsmkFocusTrap = input(true, { ...(ngDevMode ? { debugName: "ngxsmkFocusTrap" } : /* istanbul ignore next */ {}), transform: (v) => v === '' || v === true || v === 'true' });
+    /** Focus the first focusable child on init; restore focus on destroy. */
+    ngxsmkFocusTrapAutoCapture = input(false, { ...(ngDevMode ? { debugName: "ngxsmkFocusTrapAutoCapture" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    constructor() {
+        const previouslyFocused = this.document.activeElement;
+        afterNextRender(() => {
+            if (this.ngxsmkFocusTrapAutoCapture()) {
+                const focusable = getFocusable(this.host.nativeElement);
+                (focusable[0] ?? this.host.nativeElement).focus();
+            }
+        });
+        inject(DestroyRef).onDestroy(() => {
+            if (this.ngxsmkFocusTrapAutoCapture()) {
+                previouslyFocused?.focus?.();
+            }
+        });
+    }
+    onKeydown(event) {
+        if (event.key !== 'Tab' || !this.ngxsmkFocusTrap()) {
+            return;
+        }
+        const focusable = getFocusable(this.host.nativeElement);
+        if (focusable.length === 0) {
+            event.preventDefault();
+            return;
+        }
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        const active = this.document.activeElement;
+        if (event.shiftKey && (active === first || active === this.host.nativeElement)) {
+            event.preventDefault();
+            last.focus();
+        }
+        else if (!event.shiftKey && active === last) {
+            event.preventDefault();
+            first.focus();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkFocusTrap, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: NgxsmkFocusTrap, isStandalone: true, selector: "[ngxsmkFocusTrap]", inputs: { ngxsmkFocusTrap: { classPropertyName: "ngxsmkFocusTrap", publicName: "ngxsmkFocusTrap", isSignal: true, isRequired: false, transformFunction: null }, ngxsmkFocusTrapAutoCapture: { classPropertyName: "ngxsmkFocusTrapAutoCapture", publicName: "ngxsmkFocusTrapAutoCapture", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkFocusTrap, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngxsmkFocusTrap]',
+                    host: {
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { ngxsmkFocusTrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxsmkFocusTrap", required: false }] }], ngxsmkFocusTrapAutoCapture: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxsmkFocusTrapAutoCapture", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxsmkFocusTrap };
+//# sourceMappingURL=ngxsmk-cdk-focus-trap.mjs.map

package/fesm2022/ngxsmk-cdk-focus-trap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-cdk-focus-trap.mjs","sources":["../../../../packages/cdk/focus-trap/focus-trap.ts","../../../../packages/cdk/focus-trap/ngxsmk-cdk-focus-trap.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  afterNextRender,\n  booleanAttribute,\n  inject,\n  input,\n} from '@angular/core';\nimport { getFocusable } from '@ngxsmk/cdk/focusable';\n\n/**\n * Traps Tab/Shift+Tab focus cycling inside the host element while active.\n * With `ngxsmkFocusTrapAutoCapture`, moves focus into the trap on init and\n * restores the previously focused element on destroy.\n */\n@Directive({\n  standalone: true,\n  selector: '[ngxsmkFocusTrap]',\n  host: {\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class NgxsmkFocusTrap {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly document = inject(DOCUMENT);\n\n  /** Set to `false` to disable the trap without removing the directive. */\n  readonly ngxsmkFocusTrap = input(true, {\n    transform: (v: unknown) => v === '' || v === true || v === 'true',\n  });\n\n  /** Focus the first focusable child on init; restore focus on destroy. */\n  readonly ngxsmkFocusTrapAutoCapture = input(false, {\n    transform: booleanAttribute,\n  });\n\n  constructor() {\n    const previouslyFocused = this.document.activeElement as HTMLElement | null;\n\n    afterNextRender(() => {\n      if (this.ngxsmkFocusTrapAutoCapture()) {\n        const focusable = getFocusable(this.host.nativeElement);\n        (focusable[0] ?? this.host.nativeElement).focus();\n      }\n    });\n\n    inject(DestroyRef).onDestroy(() => {\n      if (this.ngxsmkFocusTrapAutoCapture()) {\n        previouslyFocused?.focus?.();\n      }\n    });\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key !== 'Tab' || !this.ngxsmkFocusTrap()) {\n      return;\n    }\n    const focusable = getFocusable(this.host.nativeElement);\n    if (focusable.length === 0) {\n      event.preventDefault();\n      return;\n    }\n\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n    const active = this.document.activeElement;\n\n    if (event.shiftKey && (active === first || active === this.host.nativeElement)) {\n      event.preventDefault();\n      last.focus();\n    } else if (!event.shiftKey && active === last) {\n      event.preventDefault();\n      first.focus();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngxsmk-cdk-focusable.mjs

@@ -0,0 +1,21 @@
+/** Selector matching elements that can receive keyboard focus. */
+const FOCUSABLE_SELECTOR = [
+    'a[href]',
+    'button:not([disabled])',
+    'input:not([disabled]):not([type="hidden"])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])',
+    '[contenteditable="true"]',
+].join(', ');
+/** All keyboard-focusable elements inside `container`, in DOM order. */
+function getFocusable(container) {
+    return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el) => el.offsetParent !== null || el === el.ownerDocument.activeElement);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FOCUSABLE_SELECTOR, getFocusable };
+//# sourceMappingURL=ngxsmk-cdk-focusable.mjs.map

package/fesm2022/ngxsmk-cdk-focusable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-cdk-focusable.mjs","sources":["../../../../packages/cdk/focusable/focusable.ts","../../../../packages/cdk/focusable/ngxsmk-cdk-focusable.ts"],"sourcesContent":["/** Selector matching elements that can receive keyboard focus. */\nexport const FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n].join(', ');\n\n/** All keyboard-focusable elements inside `container`, in DOM order. */\nexport function getFocusable(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter(\n    (el) => el.offsetParent !== null || el === el.ownerDocument.activeElement,\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACO,MAAM,kBAAkB,GAAG;IAChC,SAAS;IACT,wBAAwB;IACxB,4CAA4C;IAC5C,wBAAwB;IACxB,0BAA0B;IAC1B,iCAAiC;IACjC,0BAA0B;AAC3B,CAAA,CAAC,IAAI,CAAC,IAAI;AAEX;AACM,SAAU,YAAY,CAAC,SAAsB,EAAA;AACjD,IAAA,OAAO,KAAK,CAAC,IAAI,CACf,SAAS,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAC5D,CAAC,MAAM,CACN,CAAC,EAAE,KAAK,EAAE,CAAC,YAAY,KAAK,IAAI,IAAI,EAAE,KAAK,EAAE,CAAC,aAAa,CAAC,aAAa,CAC1E;AACH;;AClBA;;AAEG;;;;"}

package/fesm2022/ngxsmk-cdk-live-announcer.mjs

@@ -0,0 +1,64 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+
+/**
+ * Announces messages to screen readers through a visually hidden
+ * `aria-live` region appended to the document body.
+ */
+class NgxsmkLiveAnnouncer {
+    document = inject(DOCUMENT);
+    region = null;
+    clearTimer = null;
+    announce(message, politeness = 'polite') {
+        const region = this.ensureRegion();
+        region.setAttribute('aria-live', politeness);
+        // Clear first so repeating the same message is re-announced.
+        region.textContent = '';
+        setTimeout(() => (region.textContent = message));
+        if (this.clearTimer) {
+            clearTimeout(this.clearTimer);
+        }
+        this.clearTimer = setTimeout(() => (region.textContent = ''), 10_000);
+    }
+    ngOnDestroy() {
+        if (this.clearTimer) {
+            clearTimeout(this.clearTimer);
+        }
+        this.region?.remove();
+    }
+    ensureRegion() {
+        if (!this.region) {
+            const region = this.document.createElement('div');
+            region.setAttribute('aria-atomic', 'true');
+            region.className = 'ngxsmk-live-announcer';
+            Object.assign(region.style, {
+                position: 'absolute',
+                width: '1px',
+                height: '1px',
+                margin: '-1px',
+                padding: '0',
+                border: '0',
+                overflow: 'hidden',
+                clipPath: 'inset(100%)',
+                whiteSpace: 'nowrap',
+            });
+            this.document.body.appendChild(region);
+            this.region = region;
+        }
+        return this.region;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkLiveAnnouncer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkLiveAnnouncer, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkLiveAnnouncer, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxsmkLiveAnnouncer };
+//# sourceMappingURL=ngxsmk-cdk-live-announcer.mjs.map

package/fesm2022/ngxsmk-cdk-live-announcer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-cdk-live-announcer.mjs","sources":["../../../../packages/cdk/live-announcer/live-announcer.ts","../../../../packages/cdk/live-announcer/ngxsmk-cdk-live-announcer.ts"],"sourcesContent":["import { Injectable, OnDestroy, inject } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\nexport type AnnouncerPoliteness = 'polite' | 'assertive';\n\n/**\n * Announces messages to screen readers through a visually hidden\n * `aria-live` region appended to the document body.\n */\n@Injectable({ providedIn: 'root' })\nexport class NgxsmkLiveAnnouncer implements OnDestroy {\n  private readonly document = inject(DOCUMENT);\n  private region: HTMLElement | null = null;\n  private clearTimer: ReturnType<typeof setTimeout> | null = null;\n\n  announce(message: string, politeness: AnnouncerPoliteness = 'polite'): void {\n    const region = this.ensureRegion();\n    region.setAttribute('aria-live', politeness);\n\n    // Clear first so repeating the same message is re-announced.\n    region.textContent = '';\n    setTimeout(() => (region.textContent = message));\n\n    if (this.clearTimer) {\n      clearTimeout(this.clearTimer);\n    }\n    this.clearTimer = setTimeout(() => (region.textContent = ''), 10_000);\n  }\n\n  ngOnDestroy(): void {\n    if (this.clearTimer) {\n      clearTimeout(this.clearTimer);\n    }\n    this.region?.remove();\n  }\n\n  private ensureRegion(): HTMLElement {\n    if (!this.region) {\n      const region = this.document.createElement('div');\n      region.setAttribute('aria-atomic', 'true');\n      region.className = 'ngxsmk-live-announcer';\n      Object.assign(region.style, {\n        position: 'absolute',\n        width: '1px',\n        height: '1px',\n        margin: '-1px',\n        padding: '0',\n        border: '0',\n        overflow: 'hidden',\n        clipPath: 'inset(100%)',\n        whiteSpace: 'nowrap',\n      });\n      this.document.body.appendChild(region);\n      this.region = region;\n    }\n    return this.region;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAKA;;;AAGG;MAEU,mBAAmB,CAAA;AACb,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IACpC,MAAM,GAAuB,IAAI;IACjC,UAAU,GAAyC,IAAI;AAE/D,IAAA,QAAQ,CAAC,OAAe,EAAE,UAAA,GAAkC,QAAQ,EAAA;AAClE,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE;AAClC,QAAA,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,UAAU,CAAC;;AAG5C,QAAA,MAAM,CAAC,WAAW,GAAG,EAAE;AACvB,QAAA,UAAU,CAAC,OAAO,MAAM,CAAC,WAAW,GAAG,OAAO,CAAC,CAAC;AAEhD,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B;AACA,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC;IACvE;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B;AACA,QAAA,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE;IACvB;IAEQ,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACjD,YAAA,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AAC1C,YAAA,MAAM,CAAC,SAAS,GAAG,uBAAuB;AAC1C,YAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;AAC1B,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,OAAO,EAAE,GAAG;AACZ,gBAAA,MAAM,EAAE,GAAG;AACX,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,QAAQ,EAAE,aAAa;AACvB,gBAAA,UAAU,EAAE,QAAQ;AACrB,aAAA,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AACtC,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM;QACtB;QACA,OAAO,IAAI,CAAC,MAAM;IACpB;uGA9CW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cADN,MAAM,EAAA,CAAA;;2FACnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACTlC;;AAEG;;;;"}

package/fesm2022/ngxsmk-cdk-media-query.mjs

@@ -0,0 +1,30 @@
+import { DOCUMENT } from '@angular/common';
+import { inject, signal, DestroyRef } from '@angular/core';
+
+/**
+ * Reactive media query. Must be called in an injection context.
+ *
+ * ```ts
+ * private readonly isMobile = injectMediaQuery('(max-width: 767px)');
+ * ```
+ */
+function injectMediaQuery(query) {
+    const window = inject(DOCUMENT).defaultView;
+    const matches = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "matches" }] : /* istanbul ignore next */ []));
+    const media = window?.matchMedia?.(query);
+    if (media) {
+        matches.set(media.matches);
+        const listener = (event) => matches.set(event.matches);
+        media.addEventListener('change', listener);
+        inject(DestroyRef).onDestroy(() => media.removeEventListener('change', listener));
+    }
+    return matches.asReadonly();
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { injectMediaQuery };
+//# sourceMappingURL=ngxsmk-cdk-media-query.mjs.map

package/fesm2022/ngxsmk-cdk-media-query.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-cdk-media-query.mjs","sources":["../../../../packages/cdk/media-query/media-query.ts","../../../../packages/cdk/media-query/ngxsmk-cdk-media-query.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  DestroyRef,\n  Signal,\n  inject,\n  signal,\n} from '@angular/core';\n\n/**\n * Reactive media query. Must be called in an injection context.\n *\n * ```ts\n * private readonly isMobile = injectMediaQuery('(max-width: 767px)');\n * ```\n */\nexport function injectMediaQuery(query: string): Signal<boolean> {\n  const window = inject(DOCUMENT).defaultView;\n  const matches = signal(false);\n\n  const media = window?.matchMedia?.(query);\n  if (media) {\n    matches.set(media.matches);\n    const listener = (event: MediaQueryListEvent) => matches.set(event.matches);\n    media.addEventListener('change', listener);\n    inject(DestroyRef).onDestroy(() =>\n      media.removeEventListener('change', listener),\n    );\n  }\n\n  return matches.asReadonly();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAQA;;;;;;AAMG;AACG,SAAU,gBAAgB,CAAC,KAAa,EAAA;IAC5C,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW;AAC3C,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK;gFAAC;IAE7B,MAAM,KAAK,GAAG,MAAM,EAAE,UAAU,GAAG,KAAK,CAAC;IACzC,IAAI,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;AAC1B,QAAA,MAAM,QAAQ,GAAG,CAAC,KAA0B,KAAK,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;AAC3E,QAAA,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1C,QAAA,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,MAC3B,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAC9C;IACH;AAEA,IAAA,OAAO,OAAO,CAAC,UAAU,EAAE;AAC7B;;AC9BA;;AAEG;;;;"}

package/fesm2022/ngxsmk-cdk-scroll-lock.mjs

@@ -0,0 +1,52 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+
+/**
+ * Locks body scrolling (for dialogs, drawers, sheets). Reference-counted so
+ * nested overlays can lock independently; compensates for scrollbar width to
+ * prevent layout shift.
+ */
+class NgxsmkScrollLock {
+    document = inject(DOCUMENT);
+    locks = 0;
+    previousOverflow = '';
+    previousPaddingRight = '';
+    lock() {
+        if (this.locks++ > 0) {
+            return;
+        }
+        const body = this.document.body;
+        const window = this.document.defaultView;
+        const scrollbar = window
+            ? window.innerWidth - this.document.documentElement.clientWidth
+            : 0;
+        this.previousOverflow = body.style.overflow;
+        this.previousPaddingRight = body.style.paddingRight;
+        body.style.overflow = 'hidden';
+        if (scrollbar > 0) {
+            body.style.paddingRight = `${scrollbar}px`;
+        }
+    }
+    unlock() {
+        if (this.locks === 0 || --this.locks > 0) {
+            return;
+        }
+        const body = this.document.body;
+        body.style.overflow = this.previousOverflow;
+        body.style.paddingRight = this.previousPaddingRight;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkScrollLock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkScrollLock, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkScrollLock, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxsmkScrollLock };
+//# sourceMappingURL=ngxsmk-cdk-scroll-lock.mjs.map

package/fesm2022/ngxsmk-cdk-scroll-lock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-cdk-scroll-lock.mjs","sources":["../../../../packages/cdk/scroll-lock/scroll-lock.ts","../../../../packages/cdk/scroll-lock/ngxsmk-cdk-scroll-lock.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\n/**\n * Locks body scrolling (for dialogs, drawers, sheets). Reference-counted so\n * nested overlays can lock independently; compensates for scrollbar width to\n * prevent layout shift.\n */\n@Injectable({ providedIn: 'root' })\nexport class NgxsmkScrollLock {\n  private readonly document = inject(DOCUMENT);\n  private locks = 0;\n  private previousOverflow = '';\n  private previousPaddingRight = '';\n\n  lock(): void {\n    if (this.locks++ > 0) {\n      return;\n    }\n    const body = this.document.body;\n    const window = this.document.defaultView;\n    const scrollbar = window\n      ? window.innerWidth - this.document.documentElement.clientWidth\n      : 0;\n\n    this.previousOverflow = body.style.overflow;\n    this.previousPaddingRight = body.style.paddingRight;\n    body.style.overflow = 'hidden';\n    if (scrollbar > 0) {\n      body.style.paddingRight = `${scrollbar}px`;\n    }\n  }\n\n  unlock(): void {\n    if (this.locks === 0 || --this.locks > 0) {\n      return;\n    }\n    const body = this.document.body;\n    body.style.overflow = this.previousOverflow;\n    body.style.paddingRight = this.previousPaddingRight;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;MAEU,gBAAgB,CAAA;AACV,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IACpC,KAAK,GAAG,CAAC;IACT,gBAAgB,GAAG,EAAE;IACrB,oBAAoB,GAAG,EAAE;IAEjC,IAAI,GAAA;AACF,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;YACpB;QACF;AACA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI;AAC/B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW;QACxC,MAAM,SAAS,GAAG;cACd,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC;cAClD,CAAC;QAEL,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ;QAC3C,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY;AACnD,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;AAC9B,QAAA,IAAI,SAAS,GAAG,CAAC,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,CAAA,EAAG,SAAS,IAAI;QAC5C;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE;YACxC;QACF;AACA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI;QAC/B,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB;QAC3C,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,oBAAoB;IACrD;uGA/BW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cADH,MAAM,EAAA,CAAA;;2FACnB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACRlC;;AAEG;;;;"}

package/fesm2022/ngxsmk-cdk-visually-hidden.mjs

@@ -0,0 +1,41 @@
+import * as i0 from '@angular/core';
+import { Directive } from '@angular/core';
+
+/**
+ * Hides the host visually while keeping it available to screen readers.
+ *
+ * ```html
+ * <span ngxsmkVisuallyHidden>Opens in a new window</span>
+ * ```
+ */
+class NgxsmkVisuallyHidden {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkVisuallyHidden, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgxsmkVisuallyHidden, isStandalone: true, selector: "[ngxsmkVisuallyHidden]", host: { styleAttribute: "\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      padding: 0;\n      border: 0;\n      overflow: hidden;\n      clip-path: inset(100%);\n      white-space: nowrap;\n    " }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkVisuallyHidden, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngxsmkVisuallyHidden]',
+                    host: {
+                        style: `
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      margin: -1px;
+      padding: 0;
+      border: 0;
+      overflow: hidden;
+      clip-path: inset(100%);
+      white-space: nowrap;
+    `,
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxsmkVisuallyHidden };
+//# sourceMappingURL=ngxsmk-cdk-visually-hidden.mjs.map

package/fesm2022/ngxsmk-cdk-visually-hidden.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-cdk-visually-hidden.mjs","sources":["../../../../packages/cdk/visually-hidden/visually-hidden.ts","../../../../packages/cdk/visually-hidden/ngxsmk-cdk-visually-hidden.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Hides the host visually while keeping it available to screen readers.\n *\n * ```html\n * <span ngxsmkVisuallyHidden>Opens in a new window</span>\n * ```\n */\n@Directive({\n  standalone: true,\n  selector: '[ngxsmkVisuallyHidden]',\n  host: {\n    style: `\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      padding: 0;\n      border: 0;\n      overflow: hidden;\n      clip-path: inset(100%);\n      white-space: nowrap;\n    `,\n  },\n})\nexport class NgxsmkVisuallyHidden {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;;AAMG;MAkBU,oBAAoB,CAAA;uGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,wNAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAjBhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;;;;;;;;;;AAUN,IAAA,CAAA;AACF,qBAAA;AACF,iBAAA;;;ACzBD;;AAEG;;;;"}

package/fesm2022/ngxsmk-cdk.mjs

@@ -0,0 +1,275 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, output, DestroyRef, Directive, input, booleanAttribute, afterNextRender, Injectable, signal } from '@angular/core';
+import { getFocusable as getFocusable$1 } from '@ngxsmk/cdk/focusable';
+
+/**
+ * Emits when a pointer press lands outside the host element.
+ *
+ * ```html
+ * <div class="menu" (ngxsmkClickOutside)="close()">…</div>
+ * ```
+ */
+class NgxsmkClickOutside {
+    host = inject(ElementRef);
+    ngxsmkClickOutside = output();
+    constructor() {
+        const document = inject(DOCUMENT);
+        const destroyRef = inject(DestroyRef);
+        const onPointerDown = (event) => {
+            const target = event.target;
+            if (target && !this.host.nativeElement.contains(target)) {
+                this.ngxsmkClickOutside.emit(event);
+            }
+        };
+        // Capture phase so stopped propagation inside other widgets can't
+        // swallow the outside press.
+        document.addEventListener('pointerdown', onPointerDown, true);
+        destroyRef.onDestroy(() => document.removeEventListener('pointerdown', onPointerDown, true));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkClickOutside, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgxsmkClickOutside, isStandalone: true, selector: "[ngxsmkClickOutside]", outputs: { ngxsmkClickOutside: "ngxsmkClickOutside" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkClickOutside, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngxsmkClickOutside]',
+                }]
+        }], ctorParameters: () => [], propDecorators: { ngxsmkClickOutside: [{ type: i0.Output, args: ["ngxsmkClickOutside"] }] } });
+
+/** Selector matching elements that can receive keyboard focus. */
+const FOCUSABLE_SELECTOR = [
+    'a[href]',
+    'button:not([disabled])',
+    'input:not([disabled]):not([type="hidden"])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])',
+    '[contenteditable="true"]',
+].join(', ');
+/** All keyboard-focusable elements inside `container`, in DOM order. */
+function getFocusable(container) {
+    return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el) => el.offsetParent !== null || el === el.ownerDocument.activeElement);
+}
+
+/**
+ * Traps Tab/Shift+Tab focus cycling inside the host element while active.
+ * With `ngxsmkFocusTrapAutoCapture`, moves focus into the trap on init and
+ * restores the previously focused element on destroy.
+ */
+class NgxsmkFocusTrap {
+    host = inject(ElementRef);
+    document = inject(DOCUMENT);
+    /** Set to `false` to disable the trap without removing the directive. */
+    ngxsmkFocusTrap = input(true, { ...(ngDevMode ? { debugName: "ngxsmkFocusTrap" } : /* istanbul ignore next */ {}), transform: (v) => v === '' || v === true || v === 'true' });
+    /** Focus the first focusable child on init; restore focus on destroy. */
+    ngxsmkFocusTrapAutoCapture = input(false, { ...(ngDevMode ? { debugName: "ngxsmkFocusTrapAutoCapture" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    constructor() {
+        const previouslyFocused = this.document.activeElement;
+        afterNextRender(() => {
+            if (this.ngxsmkFocusTrapAutoCapture()) {
+                const focusable = getFocusable$1(this.host.nativeElement);
+                (focusable[0] ?? this.host.nativeElement).focus();
+            }
+        });
+        inject(DestroyRef).onDestroy(() => {
+            if (this.ngxsmkFocusTrapAutoCapture()) {
+                previouslyFocused?.focus?.();
+            }
+        });
+    }
+    onKeydown(event) {
+        if (event.key !== 'Tab' || !this.ngxsmkFocusTrap()) {
+            return;
+        }
+        const focusable = getFocusable$1(this.host.nativeElement);
+        if (focusable.length === 0) {
+            event.preventDefault();
+            return;
+        }
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        const active = this.document.activeElement;
+        if (event.shiftKey && (active === first || active === this.host.nativeElement)) {
+            event.preventDefault();
+            last.focus();
+        }
+        else if (!event.shiftKey && active === last) {
+            event.preventDefault();
+            first.focus();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkFocusTrap, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: NgxsmkFocusTrap, isStandalone: true, selector: "[ngxsmkFocusTrap]", inputs: { ngxsmkFocusTrap: { classPropertyName: "ngxsmkFocusTrap", publicName: "ngxsmkFocusTrap", isSignal: true, isRequired: false, transformFunction: null }, ngxsmkFocusTrapAutoCapture: { classPropertyName: "ngxsmkFocusTrapAutoCapture", publicName: "ngxsmkFocusTrapAutoCapture", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkFocusTrap, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngxsmkFocusTrap]',
+                    host: {
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { ngxsmkFocusTrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxsmkFocusTrap", required: false }] }], ngxsmkFocusTrapAutoCapture: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxsmkFocusTrapAutoCapture", required: false }] }] } });
+
+/**
+ * Announces messages to screen readers through a visually hidden
+ * `aria-live` region appended to the document body.
+ */
+class NgxsmkLiveAnnouncer {
+    document = inject(DOCUMENT);
+    region = null;
+    clearTimer = null;
+    announce(message, politeness = 'polite') {
+        const region = this.ensureRegion();
+        region.setAttribute('aria-live', politeness);
+        // Clear first so repeating the same message is re-announced.
+        region.textContent = '';
+        setTimeout(() => (region.textContent = message));
+        if (this.clearTimer) {
+            clearTimeout(this.clearTimer);
+        }
+        this.clearTimer = setTimeout(() => (region.textContent = ''), 10_000);
+    }
+    ngOnDestroy() {
+        if (this.clearTimer) {
+            clearTimeout(this.clearTimer);
+        }
+        this.region?.remove();
+    }
+    ensureRegion() {
+        if (!this.region) {
+            const region = this.document.createElement('div');
+            region.setAttribute('aria-atomic', 'true');
+            region.className = 'ngxsmk-live-announcer';
+            Object.assign(region.style, {
+                position: 'absolute',
+                width: '1px',
+                height: '1px',
+                margin: '-1px',
+                padding: '0',
+                border: '0',
+                overflow: 'hidden',
+                clipPath: 'inset(100%)',
+                whiteSpace: 'nowrap',
+            });
+            this.document.body.appendChild(region);
+            this.region = region;
+        }
+        return this.region;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkLiveAnnouncer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkLiveAnnouncer, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkLiveAnnouncer, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Reactive media query. Must be called in an injection context.
+ *
+ * ```ts
+ * private readonly isMobile = injectMediaQuery('(max-width: 767px)');
+ * ```
+ */
+function injectMediaQuery(query) {
+    const window = inject(DOCUMENT).defaultView;
+    const matches = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "matches" }] : /* istanbul ignore next */ []));
+    const media = window?.matchMedia?.(query);
+    if (media) {
+        matches.set(media.matches);
+        const listener = (event) => matches.set(event.matches);
+        media.addEventListener('change', listener);
+        inject(DestroyRef).onDestroy(() => media.removeEventListener('change', listener));
+    }
+    return matches.asReadonly();
+}
+
+/**
+ * Locks body scrolling (for dialogs, drawers, sheets). Reference-counted so
+ * nested overlays can lock independently; compensates for scrollbar width to
+ * prevent layout shift.
+ */
+class NgxsmkScrollLock {
+    document = inject(DOCUMENT);
+    locks = 0;
+    previousOverflow = '';
+    previousPaddingRight = '';
+    lock() {
+        if (this.locks++ > 0) {
+            return;
+        }
+        const body = this.document.body;
+        const window = this.document.defaultView;
+        const scrollbar = window
+            ? window.innerWidth - this.document.documentElement.clientWidth
+            : 0;
+        this.previousOverflow = body.style.overflow;
+        this.previousPaddingRight = body.style.paddingRight;
+        body.style.overflow = 'hidden';
+        if (scrollbar > 0) {
+            body.style.paddingRight = `${scrollbar}px`;
+        }
+    }
+    unlock() {
+        if (this.locks === 0 || --this.locks > 0) {
+            return;
+        }
+        const body = this.document.body;
+        body.style.overflow = this.previousOverflow;
+        body.style.paddingRight = this.previousPaddingRight;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkScrollLock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkScrollLock, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkScrollLock, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Hides the host visually while keeping it available to screen readers.
+ *
+ * ```html
+ * <span ngxsmkVisuallyHidden>Opens in a new window</span>
+ * ```
+ */
+class NgxsmkVisuallyHidden {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkVisuallyHidden, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgxsmkVisuallyHidden, isStandalone: true, selector: "[ngxsmkVisuallyHidden]", host: { styleAttribute: "\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      padding: 0;\n      border: 0;\n      overflow: hidden;\n      clip-path: inset(100%);\n      white-space: nowrap;\n    " }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgxsmkVisuallyHidden, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngxsmkVisuallyHidden]',
+                    host: {
+                        style: `
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      margin: -1px;
+      padding: 0;
+      border: 0;
+      overflow: hidden;
+      clip-path: inset(100%);
+      white-space: nowrap;
+    `,
+                    },
+                }]
+        }] });
+
+/*
+ * Public API Surface of @ngxsmk/cdk
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FOCUSABLE_SELECTOR, NgxsmkClickOutside, NgxsmkFocusTrap, NgxsmkLiveAnnouncer, NgxsmkScrollLock, NgxsmkVisuallyHidden, getFocusable, injectMediaQuery };
+//# sourceMappingURL=ngxsmk-cdk.mjs.map

package/fesm2022/ngxsmk-cdk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-cdk.mjs","sources":["../../../../packages/cdk/click-outside/click-outside.ts","../../../../packages/cdk/focusable/focusable.ts","../../../../packages/cdk/focus-trap/focus-trap.ts","../../../../packages/cdk/live-announcer/live-announcer.ts","../../../../packages/cdk/media-query/media-query.ts","../../../../packages/cdk/scroll-lock/scroll-lock.ts","../../../../packages/cdk/visually-hidden/visually-hidden.ts","../../../../packages/cdk/public-api.ts","../../../../packages/cdk/ngxsmk-cdk.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  output,\n} from '@angular/core';\n\n/**\n * Emits when a pointer press lands outside the host element.\n *\n * ```html\n * <div class=\"menu\" (ngxsmkClickOutside)=\"close()\">…</div>\n * ```\n */\n@Directive({\n  standalone: true,\n  selector: '[ngxsmkClickOutside]',\n})\nexport class NgxsmkClickOutside {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  readonly ngxsmkClickOutside = output<Event>();\n\n  constructor() {\n    const document = inject(DOCUMENT);\n    const destroyRef = inject(DestroyRef);\n\n    const onPointerDown = (event: Event) => {\n      const target = event.target as Node | null;\n      if (target && !this.host.nativeElement.contains(target)) {\n        this.ngxsmkClickOutside.emit(event);\n      }\n    };\n\n    // Capture phase so stopped propagation inside other widgets can't\n    // swallow the outside press.\n    document.addEventListener('pointerdown', onPointerDown, true);\n    destroyRef.onDestroy(() =>\n      document.removeEventListener('pointerdown', onPointerDown, true),\n    );\n  }\n}\n","/** Selector matching elements that can receive keyboard focus. */\nexport const FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n].join(', ');\n\n/** All keyboard-focusable elements inside `container`, in DOM order. */\nexport function getFocusable(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter(\n    (el) => el.offsetParent !== null || el === el.ownerDocument.activeElement,\n  );\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  afterNextRender,\n  booleanAttribute,\n  inject,\n  input,\n} from '@angular/core';\nimport { getFocusable } from '@ngxsmk/cdk/focusable';\n\n/**\n * Traps Tab/Shift+Tab focus cycling inside the host element while active.\n * With `ngxsmkFocusTrapAutoCapture`, moves focus into the trap on init and\n * restores the previously focused element on destroy.\n */\n@Directive({\n  standalone: true,\n  selector: '[ngxsmkFocusTrap]',\n  host: {\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class NgxsmkFocusTrap {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly document = inject(DOCUMENT);\n\n  /** Set to `false` to disable the trap without removing the directive. */\n  readonly ngxsmkFocusTrap = input(true, {\n    transform: (v: unknown) => v === '' || v === true || v === 'true',\n  });\n\n  /** Focus the first focusable child on init; restore focus on destroy. */\n  readonly ngxsmkFocusTrapAutoCapture = input(false, {\n    transform: booleanAttribute,\n  });\n\n  constructor() {\n    const previouslyFocused = this.document.activeElement as HTMLElement | null;\n\n    afterNextRender(() => {\n      if (this.ngxsmkFocusTrapAutoCapture()) {\n        const focusable = getFocusable(this.host.nativeElement);\n        (focusable[0] ?? this.host.nativeElement).focus();\n      }\n    });\n\n    inject(DestroyRef).onDestroy(() => {\n      if (this.ngxsmkFocusTrapAutoCapture()) {\n        previouslyFocused?.focus?.();\n      }\n    });\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key !== 'Tab' || !this.ngxsmkFocusTrap()) {\n      return;\n    }\n    const focusable = getFocusable(this.host.nativeElement);\n    if (focusable.length === 0) {\n      event.preventDefault();\n      return;\n    }\n\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n    const active = this.document.activeElement;\n\n    if (event.shiftKey && (active === first || active === this.host.nativeElement)) {\n      event.preventDefault();\n      last.focus();\n    } else if (!event.shiftKey && active === last) {\n      event.preventDefault();\n      first.focus();\n    }\n  }\n}\n","import { Injectable, OnDestroy, inject } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\nexport type AnnouncerPoliteness = 'polite' | 'assertive';\n\n/**\n * Announces messages to screen readers through a visually hidden\n * `aria-live` region appended to the document body.\n */\n@Injectable({ providedIn: 'root' })\nexport class NgxsmkLiveAnnouncer implements OnDestroy {\n  private readonly document = inject(DOCUMENT);\n  private region: HTMLElement | null = null;\n  private clearTimer: ReturnType<typeof setTimeout> | null = null;\n\n  announce(message: string, politeness: AnnouncerPoliteness = 'polite'): void {\n    const region = this.ensureRegion();\n    region.setAttribute('aria-live', politeness);\n\n    // Clear first so repeating the same message is re-announced.\n    region.textContent = '';\n    setTimeout(() => (region.textContent = message));\n\n    if (this.clearTimer) {\n      clearTimeout(this.clearTimer);\n    }\n    this.clearTimer = setTimeout(() => (region.textContent = ''), 10_000);\n  }\n\n  ngOnDestroy(): void {\n    if (this.clearTimer) {\n      clearTimeout(this.clearTimer);\n    }\n    this.region?.remove();\n  }\n\n  private ensureRegion(): HTMLElement {\n    if (!this.region) {\n      const region = this.document.createElement('div');\n      region.setAttribute('aria-atomic', 'true');\n      region.className = 'ngxsmk-live-announcer';\n      Object.assign(region.style, {\n        position: 'absolute',\n        width: '1px',\n        height: '1px',\n        margin: '-1px',\n        padding: '0',\n        border: '0',\n        overflow: 'hidden',\n        clipPath: 'inset(100%)',\n        whiteSpace: 'nowrap',\n      });\n      this.document.body.appendChild(region);\n      this.region = region;\n    }\n    return this.region;\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  DestroyRef,\n  Signal,\n  inject,\n  signal,\n} from '@angular/core';\n\n/**\n * Reactive media query. Must be called in an injection context.\n *\n * ```ts\n * private readonly isMobile = injectMediaQuery('(max-width: 767px)');\n * ```\n */\nexport function injectMediaQuery(query: string): Signal<boolean> {\n  const window = inject(DOCUMENT).defaultView;\n  const matches = signal(false);\n\n  const media = window?.matchMedia?.(query);\n  if (media) {\n    matches.set(media.matches);\n    const listener = (event: MediaQueryListEvent) => matches.set(event.matches);\n    media.addEventListener('change', listener);\n    inject(DestroyRef).onDestroy(() =>\n      media.removeEventListener('change', listener),\n    );\n  }\n\n  return matches.asReadonly();\n}\n","import { Injectable, inject } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\n/**\n * Locks body scrolling (for dialogs, drawers, sheets). Reference-counted so\n * nested overlays can lock independently; compensates for scrollbar width to\n * prevent layout shift.\n */\n@Injectable({ providedIn: 'root' })\nexport class NgxsmkScrollLock {\n  private readonly document = inject(DOCUMENT);\n  private locks = 0;\n  private previousOverflow = '';\n  private previousPaddingRight = '';\n\n  lock(): void {\n    if (this.locks++ > 0) {\n      return;\n    }\n    const body = this.document.body;\n    const window = this.document.defaultView;\n    const scrollbar = window\n      ? window.innerWidth - this.document.documentElement.clientWidth\n      : 0;\n\n    this.previousOverflow = body.style.overflow;\n    this.previousPaddingRight = body.style.paddingRight;\n    body.style.overflow = 'hidden';\n    if (scrollbar > 0) {\n      body.style.paddingRight = `${scrollbar}px`;\n    }\n  }\n\n  unlock(): void {\n    if (this.locks === 0 || --this.locks > 0) {\n      return;\n    }\n    const body = this.document.body;\n    body.style.overflow = this.previousOverflow;\n    body.style.paddingRight = this.previousPaddingRight;\n  }\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Hides the host visually while keeping it available to screen readers.\n *\n * ```html\n * <span ngxsmkVisuallyHidden>Opens in a new window</span>\n * ```\n */\n@Directive({\n  standalone: true,\n  selector: '[ngxsmkVisuallyHidden]',\n  host: {\n    style: `\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      padding: 0;\n      border: 0;\n      overflow: hidden;\n      clip-path: inset(100%);\n      white-space: nowrap;\n    `,\n  },\n})\nexport class NgxsmkVisuallyHidden {}\n","/*\n * Public API Surface of @ngxsmk/cdk\n */\n\nexport * from './click-outside';\nexport * from './focusable';\nexport * from './focus-trap';\nexport * from './live-announcer';\nexport * from './media-query';\nexport * from './scroll-lock';\nexport * from './visually-hidden';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["getFocusable"],"mappings":";;;;;AASA;;;;;;AAMG;MAKU,kBAAkB,CAAA;AACZ,IAAA,IAAI,GAAG,MAAM,CAA0B,UAAU,CAAC;IAE1D,kBAAkB,GAAG,MAAM,EAAS;AAE7C,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AACjC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAErC,QAAA,MAAM,aAAa,GAAG,CAAC,KAAY,KAAI;AACrC,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;AAC1C,YAAA,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AACvD,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;YACrC;AACF,QAAA,CAAC;;;QAID,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC;AAC7D,QAAA,UAAU,CAAC,SAAS,CAAC,MACnB,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC,CACjE;IACH;uGAtBW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,sBAAsB;AACjC,iBAAA;;;ACnBD;AACO,MAAM,kBAAkB,GAAG;IAChC,SAAS;IACT,wBAAwB;IACxB,4CAA4C;IAC5C,wBAAwB;IACxB,0BAA0B;IAC1B,iCAAiC;IACjC,0BAA0B;AAC3B,CAAA,CAAC,IAAI,CAAC,IAAI;AAEX;AACM,SAAU,YAAY,CAAC,SAAsB,EAAA;AACjD,IAAA,OAAO,KAAK,CAAC,IAAI,CACf,SAAS,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAC5D,CAAC,MAAM,CACN,CAAC,EAAE,KAAK,EAAE,CAAC,YAAY,KAAK,IAAI,IAAI,EAAE,KAAK,EAAE,CAAC,aAAa,CAAC,aAAa,CAC1E;AACH;;ACNA;;;;AAIG;MAQU,eAAe,CAAA;AACT,IAAA,IAAI,GAAG,MAAM,CAA0B,UAAU,CAAC;AAClD,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;;IAGnC,eAAe,GAAG,KAAK,CAAC,IAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,8BAAA,EAAA,CAAA,EACnC,SAAS,EAAE,CAAC,CAAU,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,MAAM,EAAA,CACjE;;IAGO,0BAA0B,GAAG,KAAK,CAAC,KAAK,kGAC/C,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AAEF,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAmC;QAE3E,eAAe,CAAC,MAAK;AACnB,YAAA,IAAI,IAAI,CAAC,0BAA0B,EAAE,EAAE;gBACrC,MAAM,SAAS,GAAGA,cAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;AACvD,gBAAA,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE;YACnD;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,MAAK;AAChC,YAAA,IAAI,IAAI,CAAC,0BAA0B,EAAE,EAAE;AACrC,gBAAA,iBAAiB,EAAE,KAAK,IAAI;YAC9B;AACF,QAAA,CAAC,CAAC;IACJ;AAEU,IAAA,SAAS,CAAC,KAAoB,EAAA;AACtC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE;YAClD;QACF;QACA,MAAM,SAAS,GAAGA,cAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;AACvD,QAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B,KAAK,CAAC,cAAc,EAAE;YACtB;QACF;AAEA,QAAA,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC;QAC1B,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;AAC5C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa;AAE1C,QAAA,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,KAAK,KAAK,IAAI,MAAM,KAAK,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;YAC9E,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,KAAK,EAAE;QACd;aAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,KAAK,IAAI,EAAE;YAC7C,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,KAAK,EAAE;QACf;IACF;uGApDW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,0BAAA,EAAA,EAAA,iBAAA,EAAA,4BAAA,EAAA,UAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,mBAAmB;AACjC,qBAAA;AACF,iBAAA;;;AClBD;;;AAGG;MAEU,mBAAmB,CAAA;AACb,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IACpC,MAAM,GAAuB,IAAI;IACjC,UAAU,GAAyC,IAAI;AAE/D,IAAA,QAAQ,CAAC,OAAe,EAAE,UAAA,GAAkC,QAAQ,EAAA;AAClE,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE;AAClC,QAAA,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,UAAU,CAAC;;AAG5C,QAAA,MAAM,CAAC,WAAW,GAAG,EAAE;AACvB,QAAA,UAAU,CAAC,OAAO,MAAM,CAAC,WAAW,GAAG,OAAO,CAAC,CAAC;AAEhD,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B;AACA,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC;IACvE;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B;AACA,QAAA,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE;IACvB;IAEQ,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACjD,YAAA,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AAC1C,YAAA,MAAM,CAAC,SAAS,GAAG,uBAAuB;AAC1C,YAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;AAC1B,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,OAAO,EAAE,GAAG;AACZ,gBAAA,MAAM,EAAE,GAAG;AACX,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,QAAQ,EAAE,aAAa;AACvB,gBAAA,UAAU,EAAE,QAAQ;AACrB,aAAA,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AACtC,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM;QACtB;QACA,OAAO,IAAI,CAAC,MAAM;IACpB;uGA9CW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cADN,MAAM,EAAA,CAAA;;2FACnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACDlC;;;;;;AAMG;AACG,SAAU,gBAAgB,CAAC,KAAa,EAAA;IAC5C,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW;AAC3C,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK;gFAAC;IAE7B,MAAM,KAAK,GAAG,MAAM,EAAE,UAAU,GAAG,KAAK,CAAC;IACzC,IAAI,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;AAC1B,QAAA,MAAM,QAAQ,GAAG,CAAC,KAA0B,KAAK,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;AAC3E,QAAA,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1C,QAAA,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,MAC3B,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAC9C;IACH;AAEA,IAAA,OAAO,OAAO,CAAC,UAAU,EAAE;AAC7B;;AC3BA;;;;AAIG;MAEU,gBAAgB,CAAA;AACV,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IACpC,KAAK,GAAG,CAAC;IACT,gBAAgB,GAAG,EAAE;IACrB,oBAAoB,GAAG,EAAE;IAEjC,IAAI,GAAA;AACF,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;YACpB;QACF;AACA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI;AAC/B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW;QACxC,MAAM,SAAS,GAAG;cACd,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC;cAClD,CAAC;QAEL,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ;QAC3C,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY;AACnD,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;AAC9B,QAAA,IAAI,SAAS,GAAG,CAAC,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,CAAA,EAAG,SAAS,IAAI;QAC5C;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE;YACxC;QACF;AACA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI;QAC/B,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB;QAC3C,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,oBAAoB;IACrD;uGA/BW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cADH,MAAM,EAAA,CAAA;;2FACnB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACNlC;;;;;;AAMG;MAkBU,oBAAoB,CAAA;uGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,wNAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAjBhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;;;;;;;;;;AAUN,IAAA,CAAA;AACF,qBAAA;AACF,iBAAA;;;ACzBD;;AAEG;;ACFH;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@ngxsmk/cdk",
+  "version": "1.0.0",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": ">=17.3.0",
+    "@angular/core": ">=17.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "fesm2022/ngxsmk-cdk.mjs",
+  "typings": "types/ngxsmk-cdk.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/ngxsmk-cdk.d.ts",
+      "default": "./fesm2022/ngxsmk-cdk.mjs"
+    },
+    "./click-outside": {
+      "types": "./types/ngxsmk-cdk-click-outside.d.ts",
+      "default": "./fesm2022/ngxsmk-cdk-click-outside.mjs"
+    },
+    "./focus-trap": {
+      "types": "./types/ngxsmk-cdk-focus-trap.d.ts",
+      "default": "./fesm2022/ngxsmk-cdk-focus-trap.mjs"
+    },
+    "./focusable": {
+      "types": "./types/ngxsmk-cdk-focusable.d.ts",
+      "default": "./fesm2022/ngxsmk-cdk-focusable.mjs"
+    },
+    "./live-announcer": {
+      "types": "./types/ngxsmk-cdk-live-announcer.d.ts",
+      "default": "./fesm2022/ngxsmk-cdk-live-announcer.mjs"
+    },
+    "./media-query": {
+      "types": "./types/ngxsmk-cdk-media-query.d.ts",
+      "default": "./fesm2022/ngxsmk-cdk-media-query.mjs"
+    },
+    "./scroll-lock": {
+      "types": "./types/ngxsmk-cdk-scroll-lock.d.ts",
+      "default": "./fesm2022/ngxsmk-cdk-scroll-lock.mjs"
+    },
+    "./visually-hidden": {
+      "types": "./types/ngxsmk-cdk-visually-hidden.d.ts",
+      "default": "./fesm2022/ngxsmk-cdk-visually-hidden.mjs"
+    }
+  },
+  "type": "module"
+}

package/types/ngxsmk-cdk-click-outside.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+
+/**
+ * Emits when a pointer press lands outside the host element.
+ *
+ * ```html
+ * <div class="menu" (ngxsmkClickOutside)="close()">…</div>
+ * ```
+ */
+declare class NgxsmkClickOutside {
+    private readonly host;
+    readonly ngxsmkClickOutside: i0.OutputEmitterRef<Event>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkClickOutside, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxsmkClickOutside, "[ngxsmkClickOutside]", never, {}, { "ngxsmkClickOutside": "ngxsmkClickOutside"; }, never, never, true, never>;
+}
+
+export { NgxsmkClickOutside };

package/types/ngxsmk-cdk-focus-trap.d.ts

@@ -0,0 +1,21 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * Traps Tab/Shift+Tab focus cycling inside the host element while active.
+ * With `ngxsmkFocusTrapAutoCapture`, moves focus into the trap on init and
+ * restores the previously focused element on destroy.
+ */
+declare class NgxsmkFocusTrap {
+    private readonly host;
+    private readonly document;
+    /** Set to `false` to disable the trap without removing the directive. */
+    readonly ngxsmkFocusTrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Focus the first focusable child on init; restore focus on destroy. */
+    readonly ngxsmkFocusTrapAutoCapture: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxsmkFocusTrap, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxsmkFocusTrap, "[ngxsmkFocusTrap]", never, { "ngxsmkFocusTrap": { "alias": "ngxsmkFocusTrap"; "required": false; "isSignal": true; }; "ngxsmkFocusTrapAutoCapture": { "alias": "ngxsmkFocusTrapAutoCapture"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NgxsmkFocusTrap };

package/types/ngxsmk-cdk-focusable.d.ts

@@ -0,0 +1,6 @@
+/** Selector matching elements that can receive keyboard focus. */
+declare const FOCUSABLE_SELECTOR: string;
+/** All keyboard-focusable elements inside `container`, in DOM order. */
+declare function getFocusable(container: HTMLElement): HTMLElement[];
+
+export { FOCUSABLE_SELECTOR, getFocusable };

package/types/ngxsmk-cdk-live-announcer.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from '@angular/core';
+import { OnDestroy } from '@angular/core';
+
+type AnnouncerPoliteness = 'polite' | 'assertive';
+/**
+ * Announces messages to screen readers through a visually hidden
+ * `aria-live` region appended to the document body.
+ */
+declare class NgxsmkLiveAnnouncer implements OnDestroy {
+    private readonly document;
+    private region;
+    private clearTimer;
+    announce(message: string, politeness?: AnnouncerPoliteness): void;
+    ngOnDestroy(): void;
+    private ensureRegion;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkLiveAnnouncer, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxsmkLiveAnnouncer>;
+}
+
+export { NgxsmkLiveAnnouncer };
+export type { AnnouncerPoliteness };

package/types/ngxsmk-cdk-media-query.d.ts

@@ -0,0 +1,12 @@
+import { Signal } from '@angular/core';
+
+/**
+ * Reactive media query. Must be called in an injection context.
+ *
+ * ```ts
+ * private readonly isMobile = injectMediaQuery('(max-width: 767px)');
+ * ```
+ */
+declare function injectMediaQuery(query: string): Signal<boolean>;
+
+export { injectMediaQuery };

package/types/ngxsmk-cdk-scroll-lock.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+
+/**
+ * Locks body scrolling (for dialogs, drawers, sheets). Reference-counted so
+ * nested overlays can lock independently; compensates for scrollbar width to
+ * prevent layout shift.
+ */
+declare class NgxsmkScrollLock {
+    private readonly document;
+    private locks;
+    private previousOverflow;
+    private previousPaddingRight;
+    lock(): void;
+    unlock(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkScrollLock, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxsmkScrollLock>;
+}
+
+export { NgxsmkScrollLock };

package/types/ngxsmk-cdk-visually-hidden.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from '@angular/core';
+
+/**
+ * Hides the host visually while keeping it available to screen readers.
+ *
+ * ```html
+ * <span ngxsmkVisuallyHidden>Opens in a new window</span>
+ * ```
+ */
+declare class NgxsmkVisuallyHidden {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkVisuallyHidden, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxsmkVisuallyHidden, "[ngxsmkVisuallyHidden]", never, {}, {}, never, never, true, never>;
+}
+
+export { NgxsmkVisuallyHidden };

package/types/ngxsmk-cdk.d.ts

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, Signal } from '@angular/core';
+
+/**
+ * Emits when a pointer press lands outside the host element.
+ *
+ * ```html
+ * <div class="menu" (ngxsmkClickOutside)="close()">…</div>
+ * ```
+ */
+declare class NgxsmkClickOutside {
+    private readonly host;
+    readonly ngxsmkClickOutside: i0.OutputEmitterRef<Event>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkClickOutside, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxsmkClickOutside, "[ngxsmkClickOutside]", never, {}, { "ngxsmkClickOutside": "ngxsmkClickOutside"; }, never, never, true, never>;
+}
+
+/** Selector matching elements that can receive keyboard focus. */
+declare const FOCUSABLE_SELECTOR: string;
+/** All keyboard-focusable elements inside `container`, in DOM order. */
+declare function getFocusable(container: HTMLElement): HTMLElement[];
+
+/**
+ * Traps Tab/Shift+Tab focus cycling inside the host element while active.
+ * With `ngxsmkFocusTrapAutoCapture`, moves focus into the trap on init and
+ * restores the previously focused element on destroy.
+ */
+declare class NgxsmkFocusTrap {
+    private readonly host;
+    private readonly document;
+    /** Set to `false` to disable the trap without removing the directive. */
+    readonly ngxsmkFocusTrap: i0.InputSignalWithTransform<boolean, unknown>;
+    /** Focus the first focusable child on init; restore focus on destroy. */
+    readonly ngxsmkFocusTrapAutoCapture: i0.InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkFocusTrap, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxsmkFocusTrap, "[ngxsmkFocusTrap]", never, { "ngxsmkFocusTrap": { "alias": "ngxsmkFocusTrap"; "required": false; "isSignal": true; }; "ngxsmkFocusTrapAutoCapture": { "alias": "ngxsmkFocusTrapAutoCapture"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type AnnouncerPoliteness = 'polite' | 'assertive';
+/**
+ * Announces messages to screen readers through a visually hidden
+ * `aria-live` region appended to the document body.
+ */
+declare class NgxsmkLiveAnnouncer implements OnDestroy {
+    private readonly document;
+    private region;
+    private clearTimer;
+    announce(message: string, politeness?: AnnouncerPoliteness): void;
+    ngOnDestroy(): void;
+    private ensureRegion;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkLiveAnnouncer, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxsmkLiveAnnouncer>;
+}
+
+/**
+ * Reactive media query. Must be called in an injection context.
+ *
+ * ```ts
+ * private readonly isMobile = injectMediaQuery('(max-width: 767px)');
+ * ```
+ */
+declare function injectMediaQuery(query: string): Signal<boolean>;
+
+/**
+ * Locks body scrolling (for dialogs, drawers, sheets). Reference-counted so
+ * nested overlays can lock independently; compensates for scrollbar width to
+ * prevent layout shift.
+ */
+declare class NgxsmkScrollLock {
+    private readonly document;
+    private locks;
+    private previousOverflow;
+    private previousPaddingRight;
+    lock(): void;
+    unlock(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkScrollLock, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxsmkScrollLock>;
+}
+
+/**
+ * Hides the host visually while keeping it available to screen readers.
+ *
+ * ```html
+ * <span ngxsmkVisuallyHidden>Opens in a new window</span>
+ * ```
+ */
+declare class NgxsmkVisuallyHidden {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkVisuallyHidden, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxsmkVisuallyHidden, "[ngxsmkVisuallyHidden]", never, {}, {}, never, never, true, never>;
+}
+
+export { FOCUSABLE_SELECTOR, NgxsmkClickOutside, NgxsmkFocusTrap, NgxsmkLiveAnnouncer, NgxsmkScrollLock, NgxsmkVisuallyHidden, getFocusable, injectMediaQuery };
+export type { AnnouncerPoliteness };