ngx-kit 7.3.3 → 8.0.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/drag-resize/README.md +25 -3
- package/fesm2022/ngx-kit-box-shadow.mjs +2 -2
- package/fesm2022/ngx-kit-box-shadow.mjs.map +1 -1
- package/fesm2022/ngx-kit-data-table.mjs +3 -3
- package/fesm2022/ngx-kit-data-table.mjs.map +1 -1
- package/fesm2022/ngx-kit-date-picker.mjs +27 -22
- package/fesm2022/ngx-kit-date-picker.mjs.map +1 -1
- package/fesm2022/ngx-kit-dialog.mjs +17 -12
- package/fesm2022/ngx-kit-dialog.mjs.map +1 -1
- package/fesm2022/ngx-kit-drag-resize.mjs +1311 -406
- package/fesm2022/ngx-kit-drag-resize.mjs.map +1 -1
- package/fesm2022/ngx-kit-image-viewer.mjs +348 -0
- package/fesm2022/ngx-kit-image-viewer.mjs.map +1 -0
- package/fesm2022/ngx-kit-media-control-mse-media-engine-CtP97cb9.mjs +326 -0
- package/fesm2022/ngx-kit-media-control-mse-media-engine-CtP97cb9.mjs.map +1 -0
- package/fesm2022/ngx-kit-media-control.mjs +1847 -0
- package/fesm2022/ngx-kit-media-control.mjs.map +1 -0
- package/fesm2022/ngx-kit-notify.mjs +2 -2
- package/fesm2022/ngx-kit-notify.mjs.map +1 -1
- package/fesm2022/ngx-kit-side-nav.mjs +170 -0
- package/fesm2022/ngx-kit-side-nav.mjs.map +1 -0
- package/{gallery → image-viewer}/README.md +43 -7
- package/media-control/README.md +349 -0
- package/package.json +13 -9
- package/side-nav/README.md +11 -0
- package/types/ngx-kit-date-picker.d.ts +1 -1
- package/types/ngx-kit-dialog.d.ts +7 -4
- package/types/ngx-kit-drag-resize.d.ts +135 -39
- package/types/{ngx-kit-gallery.d.ts → ngx-kit-image-viewer.d.ts} +5 -39
- package/types/ngx-kit-media-control.d.ts +671 -0
- package/types/ngx-kit-side-nav.d.ts +53 -0
- package/drawer-menu/README.md +0 -125
- package/fesm2022/ngx-kit-drawer-menu.mjs +0 -456
- package/fesm2022/ngx-kit-drawer-menu.mjs.map +0 -1
- package/fesm2022/ngx-kit-gallery.mjs +0 -419
- package/fesm2022/ngx-kit-gallery.mjs.map +0 -1
- package/types/ngx-kit-drawer-menu.d.ts +0 -161
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import * as ngx_kit_drawer_menu from 'ngx-kit/drawer-menu';
|
|
2
|
-
import * as _angular_core from '@angular/core';
|
|
3
|
-
|
|
4
|
-
/** Logical drawer placement. `start` is right in RTL and left in LTR. */
|
|
5
|
-
type NgxDrawerSide = 'start' | 'end';
|
|
6
|
-
/** Visual physics used by the drawer while opening/closing. */
|
|
7
|
-
type NgxDrawerEffect = 'none' | 'fabric' | 'slide' | 'push' | 'scale';
|
|
8
|
-
type NgxDrawerBehavior = 'dock' | 'overlay';
|
|
9
|
-
type NgxDrawerResponsiveMode = 'auto' | 'desktop' | 'mobile';
|
|
10
|
-
interface NgxDrawerResponsive {
|
|
11
|
-
/**
|
|
12
|
-
* auto:
|
|
13
|
-
* breakpoint determines desktop/mobile mode
|
|
14
|
-
*
|
|
15
|
-
* desktop:
|
|
16
|
-
* always desktop
|
|
17
|
-
*
|
|
18
|
-
* mobile:
|
|
19
|
-
* always mobile
|
|
20
|
-
*/
|
|
21
|
-
mode?: NgxDrawerResponsiveMode;
|
|
22
|
-
/**
|
|
23
|
-
* Width at which the drawer switches
|
|
24
|
-
* between desktop and mobile.
|
|
25
|
-
*/
|
|
26
|
-
breakpoint?: number;
|
|
27
|
-
/**
|
|
28
|
-
* Initial/default state on desktop.
|
|
29
|
-
*/
|
|
30
|
-
desktopOpen?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Initial/default state on mobile.
|
|
33
|
-
*/
|
|
34
|
-
mobileOpen?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Desktop drawer behavior.
|
|
37
|
-
*/
|
|
38
|
-
desktopBehavior?: NgxDrawerBehavior;
|
|
39
|
-
/**
|
|
40
|
-
* Mobile drawer behavior.
|
|
41
|
-
*/
|
|
42
|
-
mobileBehavior?: NgxDrawerBehavior;
|
|
43
|
-
/**
|
|
44
|
-
* If true, pinned state is preserved
|
|
45
|
-
* when switching between desktop/mobile.
|
|
46
|
-
*/
|
|
47
|
-
respectPinned?: boolean;
|
|
48
|
-
}
|
|
49
|
-
declare const DEFAULT_DRAWER_RESPONSIVE: Required<NgxDrawerResponsive>;
|
|
50
|
-
|
|
51
|
-
declare class NgxDrawerMenuComponent {
|
|
52
|
-
private readonly elementRef;
|
|
53
|
-
private readonly renderer;
|
|
54
|
-
private readonly destroyRef;
|
|
55
|
-
private readonly platformId;
|
|
56
|
-
readonly side: _angular_core.InputSignal<NgxDrawerSide>;
|
|
57
|
-
readonly effect: _angular_core.InputSignal<NgxDrawerEffect>;
|
|
58
|
-
readonly width: _angular_core.InputSignal<string | number>;
|
|
59
|
-
/**
|
|
60
|
-
* Main drawer state.
|
|
61
|
-
*
|
|
62
|
-
* Usage:
|
|
63
|
-
*
|
|
64
|
-
* [(open)]="sidebarOpen"
|
|
65
|
-
*/
|
|
66
|
-
readonly open: _angular_core.ModelSignal<boolean>;
|
|
67
|
-
/**
|
|
68
|
-
* Pinned state.
|
|
69
|
-
*
|
|
70
|
-
* Useful for desktop layouts.
|
|
71
|
-
*
|
|
72
|
-
* [(pinned)]="sidebarPinned"
|
|
73
|
-
*/
|
|
74
|
-
readonly pinned: _angular_core.ModelSignal<boolean>;
|
|
75
|
-
readonly responsive: _angular_core.InputSignal<NgxDrawerResponsive>;
|
|
76
|
-
/**
|
|
77
|
-
* Whether clicking backdrop closes drawer.
|
|
78
|
-
*/
|
|
79
|
-
readonly closeOnBackdrop: _angular_core.InputSignal<boolean>;
|
|
80
|
-
/**
|
|
81
|
-
* Whether Escape closes drawer.
|
|
82
|
-
*/
|
|
83
|
-
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
84
|
-
/**
|
|
85
|
-
* Whether body scrolling should be locked
|
|
86
|
-
* while an overlay drawer is open.
|
|
87
|
-
*/
|
|
88
|
-
readonly lockBodyScroll: _angular_core.InputSignal<boolean>;
|
|
89
|
-
/**
|
|
90
|
-
* Animation duration in milliseconds.
|
|
91
|
-
*/
|
|
92
|
-
readonly animationDuration: _angular_core.InputSignal<number>;
|
|
93
|
-
/**
|
|
94
|
-
* z-index.
|
|
95
|
-
*/
|
|
96
|
-
readonly zIndex: _angular_core.InputSignal<number>;
|
|
97
|
-
private readonly isBrowser;
|
|
98
|
-
readonly isMobile: _angular_core.WritableSignal<boolean>;
|
|
99
|
-
readonly initialized: _angular_core.WritableSignal<boolean>;
|
|
100
|
-
/**
|
|
101
|
-
* Used to avoid applying responsive defaults repeatedly.
|
|
102
|
-
*/
|
|
103
|
-
private previousResponsiveMode;
|
|
104
|
-
private mediaQuery?;
|
|
105
|
-
private removeMediaQueryListener?;
|
|
106
|
-
readonly responsiveConfig: _angular_core.Signal<{
|
|
107
|
-
mode: ngx_kit_drawer_menu.NgxDrawerResponsiveMode;
|
|
108
|
-
breakpoint: number;
|
|
109
|
-
desktopOpen: boolean;
|
|
110
|
-
mobileOpen: boolean;
|
|
111
|
-
desktopBehavior: NgxDrawerBehavior;
|
|
112
|
-
mobileBehavior: NgxDrawerBehavior;
|
|
113
|
-
respectPinned: boolean;
|
|
114
|
-
}>;
|
|
115
|
-
readonly currentMode: _angular_core.Signal<"desktop" | "mobile">;
|
|
116
|
-
readonly currentBehavior: _angular_core.Signal<NgxDrawerBehavior>;
|
|
117
|
-
readonly isOverlay: _angular_core.Signal<boolean>;
|
|
118
|
-
readonly isDocked: _angular_core.Signal<boolean>;
|
|
119
|
-
readonly shouldShowBackdrop: _angular_core.Signal<boolean>;
|
|
120
|
-
readonly drawerWidth: _angular_core.Signal<string>;
|
|
121
|
-
readonly drawerVisible: _angular_core.Signal<boolean>;
|
|
122
|
-
readonly shouldPreservePinned: _angular_core.Signal<boolean>;
|
|
123
|
-
readonly isPinnedAndDesktop: _angular_core.Signal<boolean>;
|
|
124
|
-
get drawerStart(): boolean;
|
|
125
|
-
get drawerEnd(): boolean;
|
|
126
|
-
get drawerOpen(): boolean;
|
|
127
|
-
get drawerMobile(): boolean;
|
|
128
|
-
get drawerDesktop(): boolean;
|
|
129
|
-
get drawerOverlay(): boolean;
|
|
130
|
-
get drawerDock(): boolean;
|
|
131
|
-
get hostWidth(): string;
|
|
132
|
-
get hostDuration(): string;
|
|
133
|
-
get hostZIndex(): number;
|
|
134
|
-
get effectNone(): boolean;
|
|
135
|
-
get effectFabric(): boolean;
|
|
136
|
-
get effectSlide(): boolean;
|
|
137
|
-
get effectPush(): boolean;
|
|
138
|
-
get effectScale(): boolean;
|
|
139
|
-
constructor();
|
|
140
|
-
private setupResponsive;
|
|
141
|
-
private setupMediaQuery;
|
|
142
|
-
private updateMobileState;
|
|
143
|
-
private handleResponsiveModeChange;
|
|
144
|
-
private applyInitialResponsiveState;
|
|
145
|
-
private destroyResponsive;
|
|
146
|
-
toggle(): void;
|
|
147
|
-
openDrawer(): void;
|
|
148
|
-
close(): void;
|
|
149
|
-
pin(): void;
|
|
150
|
-
unpin(): void;
|
|
151
|
-
togglePinned(): void;
|
|
152
|
-
onBackdropClick(): void;
|
|
153
|
-
onKeyDown(event: KeyboardEvent): void;
|
|
154
|
-
private lockScroll;
|
|
155
|
-
private unlockScroll;
|
|
156
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDrawerMenuComponent, never>;
|
|
157
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxDrawerMenuComponent, "ngx-drawer-menu", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "pinned": { "alias": "pinned"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "lockBodyScroll": { "alias": "lockBodyScroll"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "pinned": "pinnedChange"; }, never, ["[drawerContent]", "*"], true, never>;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
export { DEFAULT_DRAWER_RESPONSIVE, NgxDrawerMenuComponent };
|
|
161
|
-
export type { NgxDrawerBehavior, NgxDrawerEffect, NgxDrawerResponsive, NgxDrawerResponsiveMode, NgxDrawerSide };
|