@ngxsmk/cdk 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{types/ngxsmk-cdk-click-outside.d.ts → click-outside/click-outside.d.ts} +4 -6
- package/click-outside/click-outside.d.ts.map +1 -0
- package/click-outside/index.d.ts +2 -0
- package/click-outside/index.d.ts.map +1 -0
- package/click-outside/ngxsmk-cdk-click-outside.d.ts.map +1 -0
- package/esm2022/click-outside/click-outside.mjs +38 -0
- package/esm2022/click-outside/index.mjs +2 -0
- package/esm2022/click-outside/ngxsmk-cdk-click-outside.mjs +5 -0
- package/esm2022/focus-trap/focus-trap.mjs +69 -0
- package/esm2022/focus-trap/index.mjs +2 -0
- package/esm2022/focus-trap/ngxsmk-cdk-focus-trap.mjs +5 -0
- package/esm2022/focusable/focusable.mjs +15 -0
- package/esm2022/focusable/index.mjs +2 -0
- package/esm2022/focusable/ngxsmk-cdk-focusable.mjs +5 -0
- package/esm2022/live-announcer/index.mjs +2 -0
- package/esm2022/live-announcer/live-announcer.mjs +57 -0
- package/esm2022/live-announcer/ngxsmk-cdk-live-announcer.mjs +5 -0
- package/esm2022/media-query/index.mjs +2 -0
- package/esm2022/media-query/media-query.mjs +22 -0
- package/esm2022/media-query/ngxsmk-cdk-media-query.mjs +5 -0
- package/esm2022/ngxsmk-cdk.mjs +5 -0
- package/esm2022/public-api.mjs +11 -0
- package/esm2022/scroll-lock/index.mjs +2 -0
- package/esm2022/scroll-lock/ngxsmk-cdk-scroll-lock.mjs +5 -0
- package/esm2022/scroll-lock/scroll-lock.mjs +45 -0
- package/esm2022/visually-hidden/index.mjs +2 -0
- package/esm2022/visually-hidden/ngxsmk-cdk-visually-hidden.mjs +5 -0
- package/esm2022/visually-hidden/visually-hidden.mjs +34 -0
- package/fesm2022/ngxsmk-cdk-click-outside.mjs +4 -4
- package/fesm2022/ngxsmk-cdk-focus-trap.mjs +10 -6
- package/fesm2022/ngxsmk-cdk-focus-trap.mjs.map +1 -1
- package/fesm2022/ngxsmk-cdk-live-announcer.mjs +3 -3
- package/fesm2022/ngxsmk-cdk-media-query.mjs +1 -2
- package/fesm2022/ngxsmk-cdk-media-query.mjs.map +1 -1
- package/fesm2022/ngxsmk-cdk-scroll-lock.mjs +3 -3
- package/fesm2022/ngxsmk-cdk-visually-hidden.mjs +3 -3
- package/fesm2022/ngxsmk-cdk.mjs +7 -266
- package/fesm2022/ngxsmk-cdk.mjs.map +1 -1
- package/focus-trap/focus-trap.d.ts +19 -0
- package/focus-trap/focus-trap.d.ts.map +1 -0
- package/focus-trap/index.d.ts +2 -0
- package/focus-trap/index.d.ts.map +1 -0
- package/focus-trap/ngxsmk-cdk-focus-trap.d.ts.map +1 -0
- package/focusable/focusable.d.ts +5 -0
- package/focusable/focusable.d.ts.map +1 -0
- package/focusable/index.d.ts +2 -0
- package/focusable/index.d.ts.map +1 -0
- package/focusable/ngxsmk-cdk-focusable.d.ts.map +1 -0
- package/index.d.ts +6 -0
- package/live-announcer/index.d.ts +2 -0
- package/live-announcer/index.d.ts.map +1 -0
- package/{types/ngxsmk-cdk-live-announcer.d.ts → live-announcer/live-announcer.d.ts} +4 -7
- package/live-announcer/live-announcer.d.ts.map +1 -0
- package/live-announcer/ngxsmk-cdk-live-announcer.d.ts.map +1 -0
- package/media-query/index.d.ts +2 -0
- package/media-query/index.d.ts.map +1 -0
- package/{types/ngxsmk-cdk-media-query.d.ts → media-query/media-query.d.ts} +2 -4
- package/media-query/media-query.d.ts.map +1 -0
- package/media-query/ngxsmk-cdk-media-query.d.ts.map +1 -0
- package/ngxsmk-cdk.d.ts.map +1 -0
- package/package.json +30 -15
- package/public-api.d.ts +8 -0
- package/public-api.d.ts.map +1 -0
- package/scroll-lock/index.d.ts +2 -0
- package/scroll-lock/index.d.ts.map +1 -0
- package/scroll-lock/ngxsmk-cdk-scroll-lock.d.ts.map +1 -0
- package/{types/ngxsmk-cdk-scroll-lock.d.ts → scroll-lock/scroll-lock.d.ts} +3 -5
- package/scroll-lock/scroll-lock.d.ts.map +1 -0
- package/visually-hidden/index.d.ts +2 -0
- package/visually-hidden/index.d.ts.map +1 -0
- package/visually-hidden/ngxsmk-cdk-visually-hidden.d.ts.map +1 -0
- package/{types/ngxsmk-cdk-visually-hidden.d.ts → visually-hidden/visually-hidden.d.ts} +3 -5
- package/visually-hidden/visually-hidden.d.ts.map +1 -0
- package/types/ngxsmk-cdk-focus-trap.d.ts +0 -21
- package/types/ngxsmk-cdk-focusable.d.ts +0 -6
- package/types/ngxsmk-cdk.d.ts +0 -96
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/cdk/visually-hidden/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngxsmk-cdk-visually-hidden.d.ts","sourceRoot":"","sources":["../../../../packages/cdk/visually-hidden/ngxsmk-cdk-visually-hidden.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,SAAS,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
3
2
|
/**
|
|
4
3
|
* Hides the host visually while keeping it available to screen readers.
|
|
5
4
|
*
|
|
@@ -7,9 +6,8 @@ import * as i0 from '@angular/core';
|
|
|
7
6
|
* <span ngxsmkVisuallyHidden>Opens in a new window</span>
|
|
8
7
|
* ```
|
|
9
8
|
*/
|
|
10
|
-
declare class NgxsmkVisuallyHidden {
|
|
9
|
+
export declare class NgxsmkVisuallyHidden {
|
|
11
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkVisuallyHidden, never>;
|
|
12
11
|
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxsmkVisuallyHidden, "[ngxsmkVisuallyHidden]", never, {}, {}, never, never, true, never>;
|
|
13
12
|
}
|
|
14
|
-
|
|
15
|
-
export { NgxsmkVisuallyHidden };
|
|
13
|
+
//# sourceMappingURL=visually-hidden.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../../../packages/cdk/visually-hidden/visually-hidden.ts"],"names":[],"mappings":";AAEA;;;;;;GAMG;AACH,qBAiBa,oBAAoB;yCAApB,oBAAoB;2CAApB,oBAAoB;CAAG"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Traps Tab/Shift+Tab focus cycling inside the host element while active.
|
|
5
|
-
* With `ngxsmkFocusTrapAutoCapture`, moves focus into the trap on init and
|
|
6
|
-
* restores the previously focused element on destroy.
|
|
7
|
-
*/
|
|
8
|
-
declare class NgxsmkFocusTrap {
|
|
9
|
-
private readonly host;
|
|
10
|
-
private readonly document;
|
|
11
|
-
/** Set to `false` to disable the trap without removing the directive. */
|
|
12
|
-
readonly ngxsmkFocusTrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
13
|
-
/** Focus the first focusable child on init; restore focus on destroy. */
|
|
14
|
-
readonly ngxsmkFocusTrapAutoCapture: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
15
|
-
constructor();
|
|
16
|
-
protected onKeydown(event: KeyboardEvent): void;
|
|
17
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxsmkFocusTrap, never>;
|
|
18
|
-
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>;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export { NgxsmkFocusTrap };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/** Selector matching elements that can receive keyboard focus. */
|
|
2
|
-
declare const FOCUSABLE_SELECTOR: string;
|
|
3
|
-
/** All keyboard-focusable elements inside `container`, in DOM order. */
|
|
4
|
-
declare function getFocusable(container: HTMLElement): HTMLElement[];
|
|
5
|
-
|
|
6
|
-
export { FOCUSABLE_SELECTOR, getFocusable };
|
package/types/ngxsmk-cdk.d.ts
DELETED
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnDestroy, Signal } from '@angular/core';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Emits when a pointer press lands outside the host element.
|
|
6
|
-
*
|
|
7
|
-
* ```html
|
|
8
|
-
* <div class="menu" (ngxsmkClickOutside)="close()">…</div>
|
|
9
|
-
* ```
|
|
10
|
-
*/
|
|
11
|
-
declare class NgxsmkClickOutside {
|
|
12
|
-
private readonly host;
|
|
13
|
-
readonly ngxsmkClickOutside: i0.OutputEmitterRef<Event>;
|
|
14
|
-
constructor();
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkClickOutside, never>;
|
|
16
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxsmkClickOutside, "[ngxsmkClickOutside]", never, {}, { "ngxsmkClickOutside": "ngxsmkClickOutside"; }, never, never, true, never>;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
/** Selector matching elements that can receive keyboard focus. */
|
|
20
|
-
declare const FOCUSABLE_SELECTOR: string;
|
|
21
|
-
/** All keyboard-focusable elements inside `container`, in DOM order. */
|
|
22
|
-
declare function getFocusable(container: HTMLElement): HTMLElement[];
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Traps Tab/Shift+Tab focus cycling inside the host element while active.
|
|
26
|
-
* With `ngxsmkFocusTrapAutoCapture`, moves focus into the trap on init and
|
|
27
|
-
* restores the previously focused element on destroy.
|
|
28
|
-
*/
|
|
29
|
-
declare class NgxsmkFocusTrap {
|
|
30
|
-
private readonly host;
|
|
31
|
-
private readonly document;
|
|
32
|
-
/** Set to `false` to disable the trap without removing the directive. */
|
|
33
|
-
readonly ngxsmkFocusTrap: i0.InputSignalWithTransform<boolean, unknown>;
|
|
34
|
-
/** Focus the first focusable child on init; restore focus on destroy. */
|
|
35
|
-
readonly ngxsmkFocusTrapAutoCapture: i0.InputSignalWithTransform<boolean, unknown>;
|
|
36
|
-
constructor();
|
|
37
|
-
protected onKeydown(event: KeyboardEvent): void;
|
|
38
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkFocusTrap, never>;
|
|
39
|
-
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>;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
type AnnouncerPoliteness = 'polite' | 'assertive';
|
|
43
|
-
/**
|
|
44
|
-
* Announces messages to screen readers through a visually hidden
|
|
45
|
-
* `aria-live` region appended to the document body.
|
|
46
|
-
*/
|
|
47
|
-
declare class NgxsmkLiveAnnouncer implements OnDestroy {
|
|
48
|
-
private readonly document;
|
|
49
|
-
private region;
|
|
50
|
-
private clearTimer;
|
|
51
|
-
announce(message: string, politeness?: AnnouncerPoliteness): void;
|
|
52
|
-
ngOnDestroy(): void;
|
|
53
|
-
private ensureRegion;
|
|
54
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkLiveAnnouncer, never>;
|
|
55
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<NgxsmkLiveAnnouncer>;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
/**
|
|
59
|
-
* Reactive media query. Must be called in an injection context.
|
|
60
|
-
*
|
|
61
|
-
* ```ts
|
|
62
|
-
* private readonly isMobile = injectMediaQuery('(max-width: 767px)');
|
|
63
|
-
* ```
|
|
64
|
-
*/
|
|
65
|
-
declare function injectMediaQuery(query: string): Signal<boolean>;
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* Locks body scrolling (for dialogs, drawers, sheets). Reference-counted so
|
|
69
|
-
* nested overlays can lock independently; compensates for scrollbar width to
|
|
70
|
-
* prevent layout shift.
|
|
71
|
-
*/
|
|
72
|
-
declare class NgxsmkScrollLock {
|
|
73
|
-
private readonly document;
|
|
74
|
-
private locks;
|
|
75
|
-
private previousOverflow;
|
|
76
|
-
private previousPaddingRight;
|
|
77
|
-
lock(): void;
|
|
78
|
-
unlock(): void;
|
|
79
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkScrollLock, never>;
|
|
80
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<NgxsmkScrollLock>;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
/**
|
|
84
|
-
* Hides the host visually while keeping it available to screen readers.
|
|
85
|
-
*
|
|
86
|
-
* ```html
|
|
87
|
-
* <span ngxsmkVisuallyHidden>Opens in a new window</span>
|
|
88
|
-
* ```
|
|
89
|
-
*/
|
|
90
|
-
declare class NgxsmkVisuallyHidden {
|
|
91
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkVisuallyHidden, never>;
|
|
92
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxsmkVisuallyHidden, "[ngxsmkVisuallyHidden]", never, {}, {}, never, never, true, never>;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
export { FOCUSABLE_SELECTOR, NgxsmkClickOutside, NgxsmkFocusTrap, NgxsmkLiveAnnouncer, NgxsmkScrollLock, NgxsmkVisuallyHidden, getFocusable, injectMediaQuery };
|
|
96
|
-
export type { AnnouncerPoliteness };
|