@sonny-ui/core 0.1.0-alpha.1
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/README.md +64 -0
- package/fesm2022/sonny-ui-core.mjs +2365 -0
- package/fesm2022/sonny-ui-core.mjs.map +1 -0
- package/package.json +51 -0
- package/schematics/collection.json +16 -0
- package/schematics/ng-add/index.d.ts +5 -0
- package/schematics/ng-add/index.js +26 -0
- package/schematics/ng-add/schema.json +19 -0
- package/schematics/ng-generate/component/index.d.ts +9 -0
- package/schematics/ng-generate/component/index.js +258 -0
- package/schematics/ng-generate/component/schema.json +32 -0
- package/src/styles/sonny-theme.css +126 -0
- package/types/sonny-ui-core.d.ts +738 -0
|
@@ -0,0 +1,738 @@
|
|
|
1
|
+
import { ClassValue } from 'clsx';
|
|
2
|
+
export { VariantProps, cva } from 'class-variance-authority';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
import { InjectionToken, EnvironmentProviders, OnDestroy } from '@angular/core';
|
|
5
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
|
+
import * as _sonny_ui_core from '@sonny-ui/core';
|
|
7
|
+
import { ComponentType } from '@angular/cdk/overlay';
|
|
8
|
+
import { Observable } from 'rxjs';
|
|
9
|
+
|
|
10
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
11
|
+
|
|
12
|
+
interface SonnyConfig {
|
|
13
|
+
prefix?: string;
|
|
14
|
+
defaultTheme?: 'light' | 'dark' | 'corporate';
|
|
15
|
+
}
|
|
16
|
+
declare const SNY_CONFIG: InjectionToken<SonnyConfig>;
|
|
17
|
+
declare function provideSonnyUI(config?: Partial<SonnyConfig>): EnvironmentProviders;
|
|
18
|
+
|
|
19
|
+
type Theme = 'light' | 'dark' | 'corporate';
|
|
20
|
+
declare class ThemeService {
|
|
21
|
+
private readonly document;
|
|
22
|
+
private readonly isBrowser;
|
|
23
|
+
private readonly _theme;
|
|
24
|
+
readonly theme: _angular_core.Signal<Theme>;
|
|
25
|
+
readonly isDark: _angular_core.Signal<boolean>;
|
|
26
|
+
setTheme(theme: Theme): void;
|
|
27
|
+
toggleDark(): void;
|
|
28
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
|
|
29
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
declare const buttonVariants: (props?: ({
|
|
33
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
34
|
+
size?: "sm" | "md" | "lg" | "icon" | null | undefined;
|
|
35
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
36
|
+
type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
|
|
37
|
+
type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
|
|
38
|
+
|
|
39
|
+
declare class SnyButtonDirective {
|
|
40
|
+
readonly variant: _angular_core.InputSignal<ButtonVariant>;
|
|
41
|
+
readonly size: _angular_core.InputSignal<ButtonSize>;
|
|
42
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
43
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
44
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
45
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
46
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyButtonDirective, never>;
|
|
47
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyButtonDirective, "button[snyBtn], a[snyBtn]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
declare const cardVariants: (props?: ({
|
|
51
|
+
variant?: "default" | "outline" | "ghost" | "elevated" | null | undefined;
|
|
52
|
+
padding?: "sm" | "md" | "lg" | "none" | null | undefined;
|
|
53
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
54
|
+
type CardVariant = 'default' | 'outline' | 'elevated' | 'ghost';
|
|
55
|
+
type CardPadding = 'none' | 'sm' | 'md' | 'lg';
|
|
56
|
+
|
|
57
|
+
declare class SnyCardDirective {
|
|
58
|
+
readonly variant: _angular_core.InputSignal<CardVariant>;
|
|
59
|
+
readonly padding: _angular_core.InputSignal<CardPadding>;
|
|
60
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
61
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
62
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCardDirective, never>;
|
|
63
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCardDirective, "[snyCard]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
64
|
+
}
|
|
65
|
+
declare class SnyCardHeaderDirective {
|
|
66
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
67
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
68
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCardHeaderDirective, never>;
|
|
69
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCardHeaderDirective, "[snyCardHeader]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
70
|
+
}
|
|
71
|
+
declare class SnyCardTitleDirective {
|
|
72
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
73
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
74
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCardTitleDirective, never>;
|
|
75
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCardTitleDirective, "[snyCardTitle]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
76
|
+
}
|
|
77
|
+
declare class SnyCardDescriptionDirective {
|
|
78
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
79
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
80
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCardDescriptionDirective, never>;
|
|
81
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCardDescriptionDirective, "[snyCardDescription]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
82
|
+
}
|
|
83
|
+
declare class SnyCardContentDirective {
|
|
84
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
85
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
86
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCardContentDirective, never>;
|
|
87
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCardContentDirective, "[snyCardContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
88
|
+
}
|
|
89
|
+
declare class SnyCardFooterDirective {
|
|
90
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
91
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
92
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCardFooterDirective, never>;
|
|
93
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCardFooterDirective, "[snyCardFooter]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
declare const inputVariants: (props?: ({
|
|
97
|
+
variant?: "default" | "error" | "success" | null | undefined;
|
|
98
|
+
inputSize?: "sm" | "md" | "lg" | null | undefined;
|
|
99
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
100
|
+
declare const labelVariants: (props?: ({
|
|
101
|
+
variant?: "default" | "error" | "success" | null | undefined;
|
|
102
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
103
|
+
type InputVariant = 'default' | 'error' | 'success';
|
|
104
|
+
type InputSize = 'sm' | 'md' | 'lg';
|
|
105
|
+
|
|
106
|
+
declare class SnyInputDirective {
|
|
107
|
+
readonly variant: _angular_core.InputSignal<InputVariant>;
|
|
108
|
+
readonly inputSize: _angular_core.InputSignal<InputSize>;
|
|
109
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
110
|
+
readonly ariaDescribedBy: _angular_core.InputSignal<string>;
|
|
111
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
112
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyInputDirective, never>;
|
|
113
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyInputDirective, "input[snyInput], textarea[snyInput]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "inputSize": { "alias": "inputSize"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
declare class SnyLabelDirective {
|
|
117
|
+
readonly variant: _angular_core.InputSignal<InputVariant>;
|
|
118
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
119
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
120
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyLabelDirective, never>;
|
|
121
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyLabelDirective, "label[snyLabel]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
declare const toastVariants: (props?: ({
|
|
125
|
+
variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
|
|
126
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
127
|
+
type ToastVariant = 'default' | 'destructive' | 'success' | 'warning';
|
|
128
|
+
type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
|
|
129
|
+
interface ToastAction {
|
|
130
|
+
label: string;
|
|
131
|
+
onClick: () => void;
|
|
132
|
+
}
|
|
133
|
+
interface ToastConfig {
|
|
134
|
+
title: string;
|
|
135
|
+
description?: string;
|
|
136
|
+
variant?: ToastVariant;
|
|
137
|
+
duration?: number;
|
|
138
|
+
action?: ToastAction;
|
|
139
|
+
}
|
|
140
|
+
interface ToastData extends ToastConfig {
|
|
141
|
+
id: string;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
declare class SnyToastService {
|
|
145
|
+
private readonly _toasts;
|
|
146
|
+
private readonly _timers;
|
|
147
|
+
private _idCounter;
|
|
148
|
+
readonly toasts: _angular_core.Signal<ToastData[]>;
|
|
149
|
+
readonly count: _angular_core.Signal<number>;
|
|
150
|
+
show(config: ToastConfig): string;
|
|
151
|
+
dismiss(id: string): void;
|
|
152
|
+
dismissAll(): void;
|
|
153
|
+
success(title: string, description?: string): string;
|
|
154
|
+
error(title: string, description?: string): string;
|
|
155
|
+
warning(title: string, description?: string): string;
|
|
156
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyToastService, never>;
|
|
157
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SnyToastService>;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
declare class SnyToasterComponent {
|
|
161
|
+
private readonly toastService;
|
|
162
|
+
readonly position: _angular_core.InputSignal<ToastPosition>;
|
|
163
|
+
readonly maxToasts: _angular_core.InputSignal<number>;
|
|
164
|
+
readonly visibleToasts: _angular_core.Signal<_sonny_ui_core.ToastData[]>;
|
|
165
|
+
readonly containerClass: _angular_core.Signal<string>;
|
|
166
|
+
/** Pre-computed toast classes by variant — avoids method calls in the template. */
|
|
167
|
+
readonly toastClasses: Record<ToastVariant, string>;
|
|
168
|
+
dismiss(id: string): void;
|
|
169
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyToasterComponent, never>;
|
|
170
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyToasterComponent, "sny-toaster", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "maxToasts": { "alias": "maxToasts"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
/** Structural interface for the subset of CDK DialogRef we consume. */
|
|
174
|
+
interface CdkDialogRefLike$1<R> {
|
|
175
|
+
close(result?: R): void;
|
|
176
|
+
readonly closed: Observable<R | undefined>;
|
|
177
|
+
}
|
|
178
|
+
declare class SnyDialogRef<R = unknown> {
|
|
179
|
+
private readonly cdkRef;
|
|
180
|
+
constructor(cdkRef: CdkDialogRefLike$1<R>);
|
|
181
|
+
close(result?: R): void;
|
|
182
|
+
get closed(): Observable<R | undefined>;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
interface SnyDialogConfig {
|
|
186
|
+
width?: string;
|
|
187
|
+
maxWidth?: string;
|
|
188
|
+
closeOnBackdrop?: boolean;
|
|
189
|
+
closeOnEsc?: boolean;
|
|
190
|
+
data?: unknown;
|
|
191
|
+
ariaLabelledBy?: string;
|
|
192
|
+
ariaDescribedBy?: string;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
declare const SNY_DIALOG_DATA: InjectionToken<unknown>;
|
|
196
|
+
declare class SnyDialogService {
|
|
197
|
+
private readonly cdkDialog;
|
|
198
|
+
open<T, R = unknown>(component: ComponentType<T>, config?: SnyDialogConfig): SnyDialogRef<R>;
|
|
199
|
+
closeAll(): void;
|
|
200
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDialogService, never>;
|
|
201
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SnyDialogService>;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
declare class SnyDialogHeaderDirective {
|
|
205
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
206
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
207
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDialogHeaderDirective, never>;
|
|
208
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDialogHeaderDirective, "[snyDialogHeader]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
209
|
+
}
|
|
210
|
+
declare class SnyDialogTitleDirective {
|
|
211
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
212
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
213
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDialogTitleDirective, never>;
|
|
214
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDialogTitleDirective, "[snyDialogTitle]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
215
|
+
}
|
|
216
|
+
declare class SnyDialogDescriptionDirective {
|
|
217
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
218
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
219
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDialogDescriptionDirective, never>;
|
|
220
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDialogDescriptionDirective, "[snyDialogDescription]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
221
|
+
}
|
|
222
|
+
declare class SnyDialogContentDirective {
|
|
223
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
224
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
225
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDialogContentDirective, never>;
|
|
226
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDialogContentDirective, "[snyDialogContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
227
|
+
}
|
|
228
|
+
declare class SnyDialogFooterDirective {
|
|
229
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
230
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
231
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDialogFooterDirective, never>;
|
|
232
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDialogFooterDirective, "[snyDialogFooter]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
233
|
+
}
|
|
234
|
+
declare class SnyDialogCloseDirective {
|
|
235
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
236
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
237
|
+
private readonly dialogRef;
|
|
238
|
+
onClick(): void;
|
|
239
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDialogCloseDirective, never>;
|
|
240
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDialogCloseDirective, "[snyDialogClose]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
declare const SNY_ACCORDION: InjectionToken<SnyAccordionDirective>;
|
|
244
|
+
declare const SNY_ACCORDION_ITEM: InjectionToken<SnyAccordionItemDirective>;
|
|
245
|
+
declare class SnyAccordionDirective {
|
|
246
|
+
readonly multi: _angular_core.InputSignal<boolean>;
|
|
247
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
248
|
+
private readonly _openItems;
|
|
249
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
250
|
+
isOpen(id: string): boolean;
|
|
251
|
+
toggle(id: string): void;
|
|
252
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAccordionDirective, never>;
|
|
253
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAccordionDirective, "[snyAccordion]", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
254
|
+
}
|
|
255
|
+
declare class SnyAccordionItemDirective {
|
|
256
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
257
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
258
|
+
private readonly accordion;
|
|
259
|
+
readonly isOpen: _angular_core.Signal<boolean>;
|
|
260
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
261
|
+
toggle(): void;
|
|
262
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAccordionItemDirective, never>;
|
|
263
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAccordionItemDirective, "[snyAccordionItem]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
264
|
+
}
|
|
265
|
+
declare class SnyAccordionTriggerDirective {
|
|
266
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
267
|
+
readonly item: SnyAccordionItemDirective;
|
|
268
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
269
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAccordionTriggerDirective, never>;
|
|
270
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAccordionTriggerDirective, "[snyAccordionTrigger]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
271
|
+
}
|
|
272
|
+
declare class SnyAccordionContentDirective {
|
|
273
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
274
|
+
readonly item: SnyAccordionItemDirective;
|
|
275
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
276
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAccordionContentDirective, never>;
|
|
277
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAccordionContentDirective, "[snyAccordionContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
declare const avatarVariants: (props?: ({
|
|
281
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
282
|
+
variant?: "circle" | "rounded" | null | undefined;
|
|
283
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
284
|
+
type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
285
|
+
type AvatarVariant = 'circle' | 'rounded';
|
|
286
|
+
|
|
287
|
+
declare class SnyAvatarComponent {
|
|
288
|
+
readonly src: _angular_core.InputSignal<string>;
|
|
289
|
+
readonly alt: _angular_core.InputSignal<string>;
|
|
290
|
+
readonly fallback: _angular_core.InputSignal<string>;
|
|
291
|
+
readonly size: _angular_core.InputSignal<AvatarSize>;
|
|
292
|
+
readonly variant: _angular_core.InputSignal<AvatarVariant>;
|
|
293
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
294
|
+
readonly error: _angular_core.WritableSignal<boolean>;
|
|
295
|
+
protected readonly fallbackText: _angular_core.Signal<string>;
|
|
296
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
297
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAvatarComponent, never>;
|
|
298
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyAvatarComponent, "sny-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
declare const badgeVariants: (props?: ({
|
|
302
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | null | undefined;
|
|
303
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
304
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
305
|
+
type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive' | 'success' | 'warning';
|
|
306
|
+
type BadgeSize = 'sm' | 'md' | 'lg';
|
|
307
|
+
|
|
308
|
+
declare class SnyBadgeDirective {
|
|
309
|
+
readonly variant: _angular_core.InputSignal<BadgeVariant>;
|
|
310
|
+
readonly size: _angular_core.InputSignal<BadgeSize>;
|
|
311
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
312
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
313
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyBadgeDirective, never>;
|
|
314
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyBadgeDirective, "[snyBadge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
declare class SnyBreadcrumbDirective {
|
|
318
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
319
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
320
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyBreadcrumbDirective, never>;
|
|
321
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyBreadcrumbDirective, "nav[snyBreadcrumb]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
322
|
+
}
|
|
323
|
+
declare class SnyBreadcrumbListDirective {
|
|
324
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
325
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
326
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyBreadcrumbListDirective, never>;
|
|
327
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyBreadcrumbListDirective, "ol[snyBreadcrumbList]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
328
|
+
}
|
|
329
|
+
declare class SnyBreadcrumbItemDirective {
|
|
330
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
331
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
332
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyBreadcrumbItemDirective, never>;
|
|
333
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyBreadcrumbItemDirective, "li[snyBreadcrumbItem]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
334
|
+
}
|
|
335
|
+
declare class SnyBreadcrumbLinkDirective {
|
|
336
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
337
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
338
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyBreadcrumbLinkDirective, never>;
|
|
339
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyBreadcrumbLinkDirective, "[snyBreadcrumbLink]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
340
|
+
}
|
|
341
|
+
declare class SnyBreadcrumbSeparatorDirective {
|
|
342
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
343
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
344
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyBreadcrumbSeparatorDirective, never>;
|
|
345
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyBreadcrumbSeparatorDirective, "[snyBreadcrumbSeparator]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
346
|
+
}
|
|
347
|
+
declare class SnyBreadcrumbPageDirective {
|
|
348
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
349
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
350
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyBreadcrumbPageDirective, never>;
|
|
351
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyBreadcrumbPageDirective, "[snyBreadcrumbPage]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
declare const buttonGroupVariants: (props?: ({
|
|
355
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
356
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
357
|
+
type ButtonGroupOrientation = 'horizontal' | 'vertical';
|
|
358
|
+
|
|
359
|
+
declare class SnyButtonGroupDirective {
|
|
360
|
+
readonly orientation: _angular_core.InputSignal<ButtonGroupOrientation>;
|
|
361
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
362
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
363
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyButtonGroupDirective, never>;
|
|
364
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyButtonGroupDirective, "[snyButtonGroup]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
declare const checkboxVariants: (props?: ({
|
|
368
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
369
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
370
|
+
type CheckboxSize = 'sm' | 'md' | 'lg';
|
|
371
|
+
|
|
372
|
+
declare class SnyCheckboxDirective {
|
|
373
|
+
readonly size: _angular_core.InputSignal<CheckboxSize>;
|
|
374
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
375
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
376
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCheckboxDirective, never>;
|
|
377
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCheckboxDirective, "input[type=\"checkbox\"][snyCheckbox]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
declare const comboboxTriggerVariants: (props?: ({
|
|
381
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
382
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
383
|
+
type ComboboxSize = 'sm' | 'md' | 'lg';
|
|
384
|
+
|
|
385
|
+
interface ComboboxOption {
|
|
386
|
+
value: string;
|
|
387
|
+
label: string;
|
|
388
|
+
}
|
|
389
|
+
declare class SnyComboboxComponent implements OnDestroy {
|
|
390
|
+
readonly options: _angular_core.InputSignal<ComboboxOption[]>;
|
|
391
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
392
|
+
readonly searchPlaceholder: _angular_core.InputSignal<string>;
|
|
393
|
+
readonly size: _angular_core.InputSignal<ComboboxSize>;
|
|
394
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
395
|
+
readonly value: _angular_core.ModelSignal<string>;
|
|
396
|
+
readonly open: _angular_core.WritableSignal<boolean>;
|
|
397
|
+
readonly query: _angular_core.WritableSignal<string>;
|
|
398
|
+
readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
399
|
+
private readonly triggerRef;
|
|
400
|
+
private readonly searchRef;
|
|
401
|
+
private readonly dropdownRef;
|
|
402
|
+
private readonly elRef;
|
|
403
|
+
private scrollHandler;
|
|
404
|
+
private resizeHandler;
|
|
405
|
+
readonly selectedLabel: _angular_core.Signal<string>;
|
|
406
|
+
readonly filtered: _angular_core.Signal<ComboboxOption[]>;
|
|
407
|
+
protected readonly triggerClass: _angular_core.Signal<string>;
|
|
408
|
+
optionClass(index: number): string;
|
|
409
|
+
private updateDropdownPosition;
|
|
410
|
+
private addGlobalListeners;
|
|
411
|
+
private removeGlobalListeners;
|
|
412
|
+
ngOnDestroy(): void;
|
|
413
|
+
toggle(): void;
|
|
414
|
+
close(): void;
|
|
415
|
+
onSearchInput(event: Event): void;
|
|
416
|
+
select(opt: ComboboxOption): void;
|
|
417
|
+
onKeydown(event: KeyboardEvent): void;
|
|
418
|
+
onDocumentClick(event: MouseEvent): void;
|
|
419
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyComboboxComponent, never>;
|
|
420
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyComboboxComponent, "sny-combobox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
declare const skeletonVariants: (props?: ({
|
|
424
|
+
variant?: "rounded" | "line" | "circular" | null | undefined;
|
|
425
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
426
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
427
|
+
type SkeletonVariant = 'line' | 'circular' | 'rounded';
|
|
428
|
+
type SkeletonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
429
|
+
|
|
430
|
+
declare class SnySkeletonDirective {
|
|
431
|
+
readonly variant: _angular_core.InputSignal<SkeletonVariant>;
|
|
432
|
+
readonly size: _angular_core.InputSignal<SkeletonSize>;
|
|
433
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
434
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
435
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySkeletonDirective, never>;
|
|
436
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnySkeletonDirective, "[snySkeleton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
declare const radioVariants: (props?: ({
|
|
440
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
441
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
442
|
+
type RadioSize = 'sm' | 'md' | 'lg';
|
|
443
|
+
|
|
444
|
+
declare class SnyRadioDirective {
|
|
445
|
+
readonly size: _angular_core.InputSignal<RadioSize>;
|
|
446
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
447
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
448
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyRadioDirective, never>;
|
|
449
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyRadioDirective, "input[type=\"radio\"][snyRadio]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
declare const switchTrackVariants: (props?: ({
|
|
453
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
454
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
455
|
+
type SwitchSize = 'sm' | 'md' | 'lg';
|
|
456
|
+
|
|
457
|
+
declare class SnySwitchComponent {
|
|
458
|
+
readonly checked: _angular_core.ModelSignal<boolean>;
|
|
459
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
460
|
+
readonly size: _angular_core.InputSignal<SwitchSize>;
|
|
461
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
462
|
+
protected readonly trackClass: _angular_core.Signal<string>;
|
|
463
|
+
protected readonly thumbClass: _angular_core.Signal<string>;
|
|
464
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySwitchComponent, never>;
|
|
465
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnySwitchComponent, "sny-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
declare const toggleVariants: (props?: ({
|
|
469
|
+
variant?: "default" | "outline" | null | undefined;
|
|
470
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
471
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
472
|
+
type ToggleVariant = 'default' | 'outline';
|
|
473
|
+
type ToggleSize = 'sm' | 'md' | 'lg';
|
|
474
|
+
|
|
475
|
+
declare class SnyToggleDirective {
|
|
476
|
+
readonly variant: _angular_core.InputSignal<ToggleVariant>;
|
|
477
|
+
readonly size: _angular_core.InputSignal<ToggleSize>;
|
|
478
|
+
readonly pressed: _angular_core.ModelSignal<boolean>;
|
|
479
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
480
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
481
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyToggleDirective, never>;
|
|
482
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyToggleDirective, "button[snyToggle]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "pressed": "pressedChange"; }, never, never, true, never>;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
declare const sliderTrackVariants: (props?: ({
|
|
486
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
487
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
488
|
+
type SliderSize = 'sm' | 'md' | 'lg';
|
|
489
|
+
|
|
490
|
+
declare class SnySliderComponent implements OnDestroy {
|
|
491
|
+
readonly value: _angular_core.ModelSignal<number>;
|
|
492
|
+
readonly min: _angular_core.InputSignal<number>;
|
|
493
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
494
|
+
readonly step: _angular_core.InputSignal<number>;
|
|
495
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
496
|
+
readonly size: _angular_core.InputSignal<SliderSize>;
|
|
497
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
498
|
+
private readonly trackRef;
|
|
499
|
+
private moveHandler;
|
|
500
|
+
private upHandler;
|
|
501
|
+
protected readonly percentage: _angular_core.Signal<number>;
|
|
502
|
+
protected readonly trackClass: _angular_core.Signal<string>;
|
|
503
|
+
protected readonly thumbClass: _angular_core.Signal<string>;
|
|
504
|
+
private updateValueFromPosition;
|
|
505
|
+
onTrackMousedown(event: MouseEvent): void;
|
|
506
|
+
onTrackTouchstart(event: TouchEvent): void;
|
|
507
|
+
onKeydown(event: KeyboardEvent): void;
|
|
508
|
+
private removeListeners;
|
|
509
|
+
ngOnDestroy(): void;
|
|
510
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySliderComponent, never>;
|
|
511
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnySliderComponent, "sny-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
declare const loaderVariants: (props?: ({
|
|
515
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
516
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
517
|
+
type LoaderSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
518
|
+
type LoaderVariant = 'spinner' | 'dots' | 'bars';
|
|
519
|
+
|
|
520
|
+
declare class SnyLoaderComponent {
|
|
521
|
+
readonly variant: _angular_core.InputSignal<LoaderVariant>;
|
|
522
|
+
readonly size: _angular_core.InputSignal<LoaderSize>;
|
|
523
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
524
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
525
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyLoaderComponent, never>;
|
|
526
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyLoaderComponent, "sny-loader", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
527
|
+
}
|
|
528
|
+
|
|
529
|
+
declare const SNY_TABS: InjectionToken<SnyTabsDirective>;
|
|
530
|
+
declare class SnyTabsDirective {
|
|
531
|
+
readonly value: _angular_core.ModelSignal<string>;
|
|
532
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
533
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
534
|
+
select(value: string): void;
|
|
535
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTabsDirective, never>;
|
|
536
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTabsDirective, "[snyTabs]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
537
|
+
}
|
|
538
|
+
declare class SnyTabsListDirective {
|
|
539
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
540
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
541
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTabsListDirective, never>;
|
|
542
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTabsListDirective, "[snyTabsList]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
543
|
+
}
|
|
544
|
+
declare class SnyTabsTriggerDirective {
|
|
545
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
546
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
547
|
+
readonly tabs: SnyTabsDirective;
|
|
548
|
+
readonly isActive: _angular_core.Signal<boolean>;
|
|
549
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
550
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTabsTriggerDirective, never>;
|
|
551
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTabsTriggerDirective, "[snyTabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
552
|
+
}
|
|
553
|
+
declare class SnyTabsContentDirective {
|
|
554
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
555
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
556
|
+
private readonly tabs;
|
|
557
|
+
readonly isActive: _angular_core.Signal<boolean>;
|
|
558
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
559
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTabsContentDirective, never>;
|
|
560
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTabsContentDirective, "[snyTabsContent]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
declare const tabsListVariants: (props?: ({} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
564
|
+
declare const tabsTriggerVariants: (props?: ({} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
565
|
+
|
|
566
|
+
declare const selectTriggerVariants: (props?: ({
|
|
567
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
568
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
569
|
+
type SelectSize = 'sm' | 'md' | 'lg';
|
|
570
|
+
|
|
571
|
+
interface SelectOption {
|
|
572
|
+
value: string;
|
|
573
|
+
label: string;
|
|
574
|
+
}
|
|
575
|
+
declare class SnySelectComponent implements OnDestroy {
|
|
576
|
+
readonly options: _angular_core.InputSignal<SelectOption[]>;
|
|
577
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
578
|
+
readonly size: _angular_core.InputSignal<SelectSize>;
|
|
579
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
580
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
581
|
+
readonly value: _angular_core.ModelSignal<string>;
|
|
582
|
+
readonly open: _angular_core.WritableSignal<boolean>;
|
|
583
|
+
readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
584
|
+
private readonly triggerRef;
|
|
585
|
+
private readonly dropdownRef;
|
|
586
|
+
private readonly elRef;
|
|
587
|
+
private scrollHandler;
|
|
588
|
+
private resizeHandler;
|
|
589
|
+
readonly selectedLabel: _angular_core.Signal<string>;
|
|
590
|
+
protected readonly triggerClass: _angular_core.Signal<string>;
|
|
591
|
+
optionClass(index: number): string;
|
|
592
|
+
private updateDropdownPosition;
|
|
593
|
+
private addGlobalListeners;
|
|
594
|
+
private removeGlobalListeners;
|
|
595
|
+
ngOnDestroy(): void;
|
|
596
|
+
toggle(): void;
|
|
597
|
+
close(): void;
|
|
598
|
+
select(opt: SelectOption): void;
|
|
599
|
+
onTriggerKeydown(event: KeyboardEvent): void;
|
|
600
|
+
onDocumentClick(event: MouseEvent): void;
|
|
601
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySelectComponent, never>;
|
|
602
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnySelectComponent, "sny-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
603
|
+
}
|
|
604
|
+
|
|
605
|
+
declare const tableVariants: (props?: ({
|
|
606
|
+
variant?: "default" | "striped" | "bordered" | null | undefined;
|
|
607
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
608
|
+
declare const tableCellVariants: (props?: ({
|
|
609
|
+
density?: "compact" | "normal" | "comfortable" | null | undefined;
|
|
610
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
611
|
+
type TableVariant = 'default' | 'striped' | 'bordered';
|
|
612
|
+
type TableDensity = 'compact' | 'normal' | 'comfortable';
|
|
613
|
+
|
|
614
|
+
declare const SNY_TABLE: InjectionToken<SnyTableDirective>;
|
|
615
|
+
declare class SnyTableDirective {
|
|
616
|
+
readonly variant: _angular_core.InputSignal<TableVariant>;
|
|
617
|
+
readonly density: _angular_core.InputSignal<TableDensity>;
|
|
618
|
+
readonly hoverable: _angular_core.InputSignal<boolean>;
|
|
619
|
+
readonly stickyHeader: _angular_core.InputSignal<boolean>;
|
|
620
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
621
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
622
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTableDirective, never>;
|
|
623
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableDirective, "table[snyTable]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
624
|
+
}
|
|
625
|
+
declare class SnyTableHeaderDirective {
|
|
626
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
627
|
+
private readonly table;
|
|
628
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
629
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTableHeaderDirective, never>;
|
|
630
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableHeaderDirective, "thead[snyTableHeader]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
631
|
+
}
|
|
632
|
+
declare class SnyTableBodyDirective {
|
|
633
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
634
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
635
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTableBodyDirective, never>;
|
|
636
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableBodyDirective, "tbody[snyTableBody]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
637
|
+
}
|
|
638
|
+
declare class SnyTableRowDirective {
|
|
639
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
640
|
+
private readonly table;
|
|
641
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
642
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTableRowDirective, never>;
|
|
643
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableRowDirective, "tr[snyTableRow]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
644
|
+
}
|
|
645
|
+
declare class SnyTableHeadDirective {
|
|
646
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
647
|
+
private readonly table;
|
|
648
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
649
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTableHeadDirective, never>;
|
|
650
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableHeadDirective, "th[snyTableHead]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
651
|
+
}
|
|
652
|
+
declare class SnyTableCellDirective {
|
|
653
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
654
|
+
private readonly table;
|
|
655
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
656
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTableCellDirective, never>;
|
|
657
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableCellDirective, "td[snyTableCell]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
658
|
+
}
|
|
659
|
+
declare class SnyTableFooterDirective {
|
|
660
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
661
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
662
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTableFooterDirective, never>;
|
|
663
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableFooterDirective, "tfoot[snyTableFooter]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
664
|
+
}
|
|
665
|
+
declare class SnyTableCaptionDirective {
|
|
666
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
667
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
668
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTableCaptionDirective, never>;
|
|
669
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableCaptionDirective, "caption[snyTableCaption]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
interface CdkDialogRefLike<R> {
|
|
673
|
+
close(result?: R): void;
|
|
674
|
+
readonly closed: Observable<R | undefined>;
|
|
675
|
+
}
|
|
676
|
+
declare class SnySheetRef<R = unknown> {
|
|
677
|
+
private readonly cdkRef;
|
|
678
|
+
constructor(cdkRef: CdkDialogRefLike<R>);
|
|
679
|
+
close(result?: R): void;
|
|
680
|
+
get closed(): Observable<R | undefined>;
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
type SheetSide = 'left' | 'right' | 'top' | 'bottom';
|
|
684
|
+
interface SnySheetConfig {
|
|
685
|
+
side?: SheetSide;
|
|
686
|
+
closeOnBackdrop?: boolean;
|
|
687
|
+
closeOnEsc?: boolean;
|
|
688
|
+
data?: unknown;
|
|
689
|
+
ariaLabelledBy?: string;
|
|
690
|
+
ariaDescribedBy?: string;
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
declare const SNY_SHEET_DATA: InjectionToken<unknown>;
|
|
694
|
+
declare class SnySheetService {
|
|
695
|
+
private readonly cdkDialog;
|
|
696
|
+
private readonly injector;
|
|
697
|
+
open<T, R = unknown>(component: ComponentType<T>, config?: SnySheetConfig): SnySheetRef<R>;
|
|
698
|
+
closeAll(): void;
|
|
699
|
+
private _getOverlayConfig;
|
|
700
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySheetService, never>;
|
|
701
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SnySheetService>;
|
|
702
|
+
}
|
|
703
|
+
|
|
704
|
+
declare class SnySheetHeaderDirective {
|
|
705
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
706
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
707
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySheetHeaderDirective, never>;
|
|
708
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnySheetHeaderDirective, "[snySheetHeader]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
709
|
+
}
|
|
710
|
+
declare class SnySheetTitleDirective {
|
|
711
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
712
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
713
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySheetTitleDirective, never>;
|
|
714
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnySheetTitleDirective, "[snySheetTitle]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
715
|
+
}
|
|
716
|
+
declare class SnySheetDescriptionDirective {
|
|
717
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
718
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
719
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySheetDescriptionDirective, never>;
|
|
720
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnySheetDescriptionDirective, "[snySheetDescription]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
721
|
+
}
|
|
722
|
+
declare class SnySheetContentDirective {
|
|
723
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
724
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
725
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySheetContentDirective, never>;
|
|
726
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnySheetContentDirective, "[snySheetContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
727
|
+
}
|
|
728
|
+
declare class SnySheetCloseDirective {
|
|
729
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
730
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
731
|
+
private readonly dialogRef;
|
|
732
|
+
onClick(): void;
|
|
733
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySheetCloseDirective, never>;
|
|
734
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnySheetCloseDirective, "[snySheetClose]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
735
|
+
}
|
|
736
|
+
|
|
737
|
+
export { SNY_ACCORDION, SNY_ACCORDION_ITEM, SNY_CONFIG, SNY_DIALOG_DATA, SNY_SHEET_DATA, SNY_TABLE, SNY_TABS, SnyAccordionContentDirective, SnyAccordionDirective, SnyAccordionItemDirective, SnyAccordionTriggerDirective, SnyAvatarComponent, SnyBadgeDirective, SnyBreadcrumbDirective, SnyBreadcrumbItemDirective, SnyBreadcrumbLinkDirective, SnyBreadcrumbListDirective, SnyBreadcrumbPageDirective, SnyBreadcrumbSeparatorDirective, SnyButtonDirective, SnyButtonGroupDirective, SnyCardContentDirective, SnyCardDescriptionDirective, SnyCardDirective, SnyCardFooterDirective, SnyCardHeaderDirective, SnyCardTitleDirective, SnyCheckboxDirective, SnyComboboxComponent, SnyDialogCloseDirective, SnyDialogContentDirective, SnyDialogDescriptionDirective, SnyDialogFooterDirective, SnyDialogHeaderDirective, SnyDialogRef, SnyDialogService, SnyDialogTitleDirective, SnyInputDirective, SnyLabelDirective, SnyLoaderComponent, SnyRadioDirective, SnySelectComponent, SnySheetCloseDirective, SnySheetContentDirective, SnySheetDescriptionDirective, SnySheetHeaderDirective, SnySheetRef, SnySheetService, SnySheetTitleDirective, SnySkeletonDirective, SnySliderComponent, SnySwitchComponent, SnyTableBodyDirective, SnyTableCaptionDirective, SnyTableCellDirective, SnyTableDirective, SnyTableFooterDirective, SnyTableHeadDirective, SnyTableHeaderDirective, SnyTableRowDirective, SnyTabsContentDirective, SnyTabsDirective, SnyTabsListDirective, SnyTabsTriggerDirective, SnyToastService, SnyToasterComponent, SnyToggleDirective, ThemeService, avatarVariants, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxVariants, cn, comboboxTriggerVariants, inputVariants, labelVariants, loaderVariants, provideSonnyUI, radioVariants, selectTriggerVariants, skeletonVariants, sliderTrackVariants, switchTrackVariants, tableCellVariants, tableVariants, tabsListVariants, tabsTriggerVariants, toastVariants, toggleVariants };
|
|
738
|
+
export type { AvatarSize, AvatarVariant, BadgeSize, BadgeVariant, ButtonGroupOrientation, ButtonSize, ButtonVariant, CardPadding, CardVariant, CheckboxSize, ComboboxOption, ComboboxSize, InputSize, InputVariant, LoaderSize, LoaderVariant, RadioSize, SelectOption, SelectSize, SheetSide, SkeletonSize, SkeletonVariant, SliderSize, SnyDialogConfig, SnySheetConfig, SonnyConfig, SwitchSize, TableDensity, TableVariant, Theme, ToastAction, ToastConfig, ToastData, ToastPosition, ToastVariant, ToggleSize, ToggleVariant };
|