@sonny-ui/core 0.1.0-alpha.1 → 0.1.0-alpha.11
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 +101 -32
- package/fesm2022/sonny-ui-core.mjs +3031 -42
- package/fesm2022/sonny-ui-core.mjs.map +1 -1
- package/package.json +8 -5
- package/schematics/ng-add/schema.json +1 -1
- package/schematics/ng-generate/component/index.js +182 -1
- package/schematics/ng-generate/component/schema.json +2 -2
- package/src/lib/accordion/accordion.directives.spec.ts +173 -0
- package/src/lib/accordion/accordion.directives.ts +147 -0
- package/src/lib/accordion/index.ts +8 -0
- package/src/lib/alert/alert.directives.spec.ts +154 -0
- package/src/lib/alert/alert.directives.ts +70 -0
- package/src/lib/alert/alert.variants.ts +25 -0
- package/src/lib/alert/index.ts +6 -0
- package/src/lib/avatar/avatar.component.spec.ts +75 -0
- package/src/lib/avatar/avatar.component.ts +44 -0
- package/src/lib/avatar/avatar.variants.ts +26 -0
- package/src/lib/avatar/index.ts +2 -0
- package/src/lib/badge/badge.directive.spec.ts +74 -0
- package/src/lib/badge/badge.directive.ts +18 -0
- package/src/lib/badge/badge.variants.ts +29 -0
- package/src/lib/badge/index.ts +2 -0
- package/src/lib/breadcrumb/breadcrumb.directives.spec.ts +80 -0
- package/src/lib/breadcrumb/breadcrumb.directives.ts +84 -0
- package/src/lib/breadcrumb/index.ts +8 -0
- package/src/lib/button/button.directive.spec.ts +92 -0
- package/src/lib/button/button.directive.ts +29 -0
- package/src/lib/button/button.variants.ts +30 -0
- package/src/lib/button/index.ts +2 -0
- package/src/lib/button-group/button-group.directive.spec.ts +46 -0
- package/src/lib/button-group/button-group.directive.ts +20 -0
- package/src/lib/button-group/button-group.variants.ts +18 -0
- package/src/lib/button-group/index.ts +2 -0
- package/src/lib/calendar/calendar.component.spec.ts +105 -0
- package/src/lib/calendar/calendar.component.ts +231 -0
- package/src/lib/calendar/index.ts +1 -0
- package/src/lib/card/card.directives.spec.ts +104 -0
- package/src/lib/card/card.directives.ts +78 -0
- package/src/lib/card/card.variants.ts +28 -0
- package/src/lib/card/index.ts +9 -0
- package/src/lib/carousel/carousel.directives.spec.ts +85 -0
- package/src/lib/carousel/carousel.directives.ts +164 -0
- package/src/lib/carousel/index.ts +8 -0
- package/src/lib/chat-bubble/chat-bubble.directives.spec.ts +52 -0
- package/src/lib/chat-bubble/chat-bubble.directives.ts +102 -0
- package/src/lib/chat-bubble/index.ts +11 -0
- package/src/lib/checkbox/checkbox.directive.spec.ts +57 -0
- package/src/lib/checkbox/checkbox.directive.ts +17 -0
- package/src/lib/checkbox/checkbox.variants.ts +19 -0
- package/src/lib/checkbox/index.ts +2 -0
- package/src/lib/combobox/combobox.component.spec.ts +151 -0
- package/src/lib/combobox/combobox.component.ts +279 -0
- package/src/lib/combobox/combobox.variants.ts +19 -0
- package/src/lib/combobox/index.ts +2 -0
- package/src/lib/diff/diff.component.spec.ts +47 -0
- package/src/lib/diff/diff.component.ts +83 -0
- package/src/lib/diff/index.ts +1 -0
- package/src/lib/divider/divider.component.spec.ts +48 -0
- package/src/lib/divider/divider.component.ts +52 -0
- package/src/lib/divider/divider.variants.ts +22 -0
- package/src/lib/divider/index.ts +2 -0
- package/src/lib/dock/dock.directives.spec.ts +85 -0
- package/src/lib/dock/dock.directives.ts +83 -0
- package/src/lib/dock/index.ts +1 -0
- package/src/lib/drawer/drawer.directives.spec.ts +62 -0
- package/src/lib/drawer/drawer.directives.ts +83 -0
- package/src/lib/drawer/index.ts +8 -0
- package/src/lib/dropdown/dropdown.directives.spec.ts +106 -0
- package/src/lib/dropdown/dropdown.directives.ts +143 -0
- package/src/lib/dropdown/dropdown.variants.ts +27 -0
- package/src/lib/dropdown/index.ts +15 -0
- package/src/lib/fab/fab.directives.spec.ts +60 -0
- package/src/lib/fab/fab.directives.ts +80 -0
- package/src/lib/fab/index.ts +8 -0
- package/src/lib/fieldset/fieldset.directives.spec.ts +74 -0
- package/src/lib/fieldset/fieldset.directives.ts +52 -0
- package/src/lib/fieldset/fieldset.variants.ts +15 -0
- package/src/lib/fieldset/index.ts +6 -0
- package/src/lib/file-input/file-input.component.spec.ts +114 -0
- package/src/lib/file-input/file-input.component.ts +168 -0
- package/src/lib/file-input/file-input.variants.ts +25 -0
- package/src/lib/file-input/index.ts +6 -0
- package/src/lib/indicator/index.ts +6 -0
- package/src/lib/indicator/indicator.directives.spec.ts +64 -0
- package/src/lib/indicator/indicator.directives.ts +61 -0
- package/src/lib/input/index.ts +3 -0
- package/src/lib/input/input.directive.spec.ts +103 -0
- package/src/lib/input/input.directive.ts +26 -0
- package/src/lib/input/input.variants.ts +42 -0
- package/src/lib/input/label.directive.ts +17 -0
- package/src/lib/kbd/index.ts +2 -0
- package/src/lib/kbd/kbd.directive.spec.ts +42 -0
- package/src/lib/kbd/kbd.directive.ts +19 -0
- package/src/lib/kbd/kbd.variants.ts +19 -0
- package/src/lib/link/index.ts +2 -0
- package/src/lib/link/link.directive.spec.ts +41 -0
- package/src/lib/link/link.directive.ts +19 -0
- package/src/lib/link/link.variants.ts +20 -0
- package/src/lib/list/index.ts +8 -0
- package/src/lib/list/list.directives.spec.ts +65 -0
- package/src/lib/list/list.directives.ts +86 -0
- package/src/lib/loader/index.ts +2 -0
- package/src/lib/loader/loader.component.spec.ts +58 -0
- package/src/lib/loader/loader.component.ts +48 -0
- package/src/lib/loader/loader.variants.ts +21 -0
- package/src/lib/modal/dialog-ref.ts +19 -0
- package/src/lib/modal/dialog.directives.ts +90 -0
- package/src/lib/modal/dialog.service.spec.ts +52 -0
- package/src/lib/modal/dialog.service.ts +61 -0
- package/src/lib/modal/dialog.types.ts +16 -0
- package/src/lib/modal/index.ts +11 -0
- package/src/lib/navbar/index.ts +7 -0
- package/src/lib/navbar/navbar.directives.spec.ts +59 -0
- package/src/lib/navbar/navbar.directives.ts +61 -0
- package/src/lib/pagination/index.ts +6 -0
- package/src/lib/pagination/pagination.component.spec.ts +59 -0
- package/src/lib/pagination/pagination.component.ts +144 -0
- package/src/lib/pagination/pagination.variants.ts +31 -0
- package/src/lib/progress/index.ts +7 -0
- package/src/lib/progress/progress.component.spec.ts +117 -0
- package/src/lib/progress/progress.component.ts +65 -0
- package/src/lib/progress/progress.variants.ts +43 -0
- package/src/lib/radial-progress/index.ts +5 -0
- package/src/lib/radial-progress/radial-progress.component.spec.ts +41 -0
- package/src/lib/radial-progress/radial-progress.component.ts +71 -0
- package/src/lib/radio/index.ts +2 -0
- package/src/lib/radio/radio.directive.spec.ts +46 -0
- package/src/lib/radio/radio.directive.ts +17 -0
- package/src/lib/radio/radio.variants.ts +19 -0
- package/src/lib/rating/index.ts +2 -0
- package/src/lib/rating/rating.component.spec.ts +157 -0
- package/src/lib/rating/rating.component.ts +171 -0
- package/src/lib/rating/rating.variants.ts +20 -0
- package/src/lib/select/index.ts +2 -0
- package/src/lib/select/select.component.spec.ts +112 -0
- package/src/lib/select/select.component.ts +250 -0
- package/src/lib/select/select.variants.ts +19 -0
- package/src/lib/sheet/index.ts +10 -0
- package/src/lib/sheet/sheet-ref.ts +18 -0
- package/src/lib/sheet/sheet.component.spec.ts +67 -0
- package/src/lib/sheet/sheet.directives.ts +75 -0
- package/src/lib/sheet/sheet.service.ts +100 -0
- package/src/lib/sheet/sheet.types.ts +23 -0
- package/src/lib/skeleton/index.ts +2 -0
- package/src/lib/skeleton/skeleton.directive.spec.ts +63 -0
- package/src/lib/skeleton/skeleton.directive.ts +22 -0
- package/src/lib/skeleton/skeleton.variants.ts +27 -0
- package/src/lib/slider/index.ts +2 -0
- package/src/lib/slider/slider.component.spec.ts +104 -0
- package/src/lib/slider/slider.component.ts +188 -0
- package/src/lib/slider/slider.variants.ts +25 -0
- package/src/lib/stat/index.ts +8 -0
- package/src/lib/stat/stat.directives.spec.ts +60 -0
- package/src/lib/stat/stat.directives.ts +84 -0
- package/src/lib/status/index.ts +2 -0
- package/src/lib/status/status.directive.spec.ts +43 -0
- package/src/lib/status/status.directive.ts +38 -0
- package/src/lib/status/status.variants.ts +26 -0
- package/src/lib/steps/index.ts +8 -0
- package/src/lib/steps/steps.directives.spec.ts +52 -0
- package/src/lib/steps/steps.directives.ts +80 -0
- package/src/lib/switch/index.ts +2 -0
- package/src/lib/switch/switch.component.spec.ts +98 -0
- package/src/lib/switch/switch.component.ts +84 -0
- package/src/lib/switch/switch.variants.ts +31 -0
- package/src/lib/table/index.ts +12 -0
- package/src/lib/table/table.directives.spec.ts +111 -0
- package/src/lib/table/table.directives.ts +134 -0
- package/src/lib/table/table.variants.ts +36 -0
- package/src/lib/tabs/index.ts +8 -0
- package/src/lib/tabs/tabs.directives.spec.ts +136 -0
- package/src/lib/tabs/tabs.directives.ts +130 -0
- package/src/lib/tabs/tabs.variants.ts +17 -0
- package/src/lib/textarea/index.ts +7 -0
- package/src/lib/textarea/textarea.directive.spec.ts +84 -0
- package/src/lib/textarea/textarea.directive.ts +72 -0
- package/src/lib/textarea/textarea.variants.ts +34 -0
- package/src/lib/timeline/index.ts +11 -0
- package/src/lib/timeline/timeline.directives.spec.ts +55 -0
- package/src/lib/timeline/timeline.directives.ts +90 -0
- package/src/lib/toast/index.ts +3 -0
- package/src/lib/toast/toast.service.spec.ts +71 -0
- package/src/lib/toast/toast.service.ts +60 -0
- package/src/lib/toast/toast.variants.ts +38 -0
- package/src/lib/toast/toaster.component.spec.ts +38 -0
- package/src/lib/toast/toaster.component.ts +82 -0
- package/src/lib/toggle/index.ts +2 -0
- package/src/lib/toggle/toggle.directive.spec.ts +100 -0
- package/src/lib/toggle/toggle.directive.ts +73 -0
- package/src/lib/toggle/toggle.variants.ts +25 -0
- package/src/lib/tooltip/index.ts +2 -0
- package/src/lib/tooltip/tooltip.directive.spec.ts +113 -0
- package/src/lib/tooltip/tooltip.directive.ts +131 -0
- package/src/lib/tooltip/tooltip.variants.ts +20 -0
- package/src/lib/validator/index.ts +5 -0
- package/src/lib/validator/validator.directives.spec.ts +47 -0
- package/src/lib/validator/validator.directives.ts +52 -0
- package/types/sonny-ui-core.d.ts +878 -11
package/types/sonny-ui-core.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
|
|
|
6
6
|
import * as _sonny_ui_core from '@sonny-ui/core';
|
|
7
7
|
import { ComponentType } from '@angular/cdk/overlay';
|
|
8
8
|
import { Observable } from 'rxjs';
|
|
9
|
+
import * as _angular_forms from '@angular/forms';
|
|
10
|
+
import { ControlValueAccessor, AbstractControl } from '@angular/forms';
|
|
9
11
|
|
|
10
12
|
declare function cn(...inputs: ClassValue[]): string;
|
|
11
13
|
|
|
@@ -245,12 +247,14 @@ declare const SNY_ACCORDION_ITEM: InjectionToken<SnyAccordionItemDirective>;
|
|
|
245
247
|
declare class SnyAccordionDirective {
|
|
246
248
|
readonly multi: _angular_core.InputSignal<boolean>;
|
|
247
249
|
readonly class: _angular_core.InputSignal<string>;
|
|
250
|
+
private readonly elRef;
|
|
248
251
|
private readonly _openItems;
|
|
249
252
|
protected readonly computedClass: _angular_core.Signal<string>;
|
|
250
253
|
isOpen(id: string): boolean;
|
|
251
254
|
toggle(id: string): void;
|
|
255
|
+
onKeydown(event: KeyboardEvent): void;
|
|
252
256
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAccordionDirective, never>;
|
|
253
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAccordionDirective, "[snyAccordion]",
|
|
257
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAccordionDirective, "[snyAccordion]", ["snyAccordion"], { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
254
258
|
}
|
|
255
259
|
declare class SnyAccordionItemDirective {
|
|
256
260
|
readonly value: _angular_core.InputSignal<string>;
|
|
@@ -260,7 +264,7 @@ declare class SnyAccordionItemDirective {
|
|
|
260
264
|
protected readonly computedClass: _angular_core.Signal<string>;
|
|
261
265
|
toggle(): void;
|
|
262
266
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAccordionItemDirective, never>;
|
|
263
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAccordionItemDirective, "[snyAccordionItem]",
|
|
267
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAccordionItemDirective, "[snyAccordionItem]", ["snyAccordionItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
264
268
|
}
|
|
265
269
|
declare class SnyAccordionTriggerDirective {
|
|
266
270
|
readonly class: _angular_core.InputSignal<string>;
|
|
@@ -386,7 +390,7 @@ interface ComboboxOption {
|
|
|
386
390
|
value: string;
|
|
387
391
|
label: string;
|
|
388
392
|
}
|
|
389
|
-
declare class SnyComboboxComponent implements OnDestroy {
|
|
393
|
+
declare class SnyComboboxComponent implements ControlValueAccessor, OnDestroy {
|
|
390
394
|
readonly options: _angular_core.InputSignal<ComboboxOption[]>;
|
|
391
395
|
readonly placeholder: _angular_core.InputSignal<string>;
|
|
392
396
|
readonly searchPlaceholder: _angular_core.InputSignal<string>;
|
|
@@ -396,12 +400,21 @@ declare class SnyComboboxComponent implements OnDestroy {
|
|
|
396
400
|
readonly open: _angular_core.WritableSignal<boolean>;
|
|
397
401
|
readonly query: _angular_core.WritableSignal<string>;
|
|
398
402
|
readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
403
|
+
private readonly _disabledByCva;
|
|
399
404
|
private readonly triggerRef;
|
|
400
405
|
private readonly searchRef;
|
|
401
406
|
private readonly dropdownRef;
|
|
402
407
|
private readonly elRef;
|
|
403
408
|
private scrollHandler;
|
|
404
409
|
private resizeHandler;
|
|
410
|
+
private _onChange;
|
|
411
|
+
protected onTouched: () => void;
|
|
412
|
+
private _writing;
|
|
413
|
+
constructor();
|
|
414
|
+
writeValue(val: string): void;
|
|
415
|
+
registerOnChange(fn: (value: string) => void): void;
|
|
416
|
+
registerOnTouched(fn: () => void): void;
|
|
417
|
+
setDisabledState(_isDisabled: boolean): void;
|
|
405
418
|
readonly selectedLabel: _angular_core.Signal<string>;
|
|
406
419
|
readonly filtered: _angular_core.Signal<ComboboxOption[]>;
|
|
407
420
|
protected readonly triggerClass: _angular_core.Signal<string>;
|
|
@@ -421,7 +434,7 @@ declare class SnyComboboxComponent implements OnDestroy {
|
|
|
421
434
|
}
|
|
422
435
|
|
|
423
436
|
declare const skeletonVariants: (props?: ({
|
|
424
|
-
variant?: "
|
|
437
|
+
variant?: "line" | "rounded" | "circular" | null | undefined;
|
|
425
438
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
426
439
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
427
440
|
type SkeletonVariant = 'line' | 'circular' | 'rounded';
|
|
@@ -454,11 +467,21 @@ declare const switchTrackVariants: (props?: ({
|
|
|
454
467
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
455
468
|
type SwitchSize = 'sm' | 'md' | 'lg';
|
|
456
469
|
|
|
457
|
-
declare class SnySwitchComponent {
|
|
470
|
+
declare class SnySwitchComponent implements ControlValueAccessor {
|
|
458
471
|
readonly checked: _angular_core.ModelSignal<boolean>;
|
|
459
472
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
460
473
|
readonly size: _angular_core.InputSignal<SwitchSize>;
|
|
461
474
|
readonly class: _angular_core.InputSignal<string>;
|
|
475
|
+
private readonly _disabledByCva;
|
|
476
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
477
|
+
private _onChange;
|
|
478
|
+
protected onTouched: () => void;
|
|
479
|
+
private _writing;
|
|
480
|
+
constructor();
|
|
481
|
+
writeValue(val: boolean): void;
|
|
482
|
+
registerOnChange(fn: (value: boolean) => void): void;
|
|
483
|
+
registerOnTouched(fn: () => void): void;
|
|
484
|
+
setDisabledState(isDisabled: boolean): void;
|
|
462
485
|
protected readonly trackClass: _angular_core.Signal<string>;
|
|
463
486
|
protected readonly thumbClass: _angular_core.Signal<string>;
|
|
464
487
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySwitchComponent, never>;
|
|
@@ -472,11 +495,22 @@ declare const toggleVariants: (props?: ({
|
|
|
472
495
|
type ToggleVariant = 'default' | 'outline';
|
|
473
496
|
type ToggleSize = 'sm' | 'md' | 'lg';
|
|
474
497
|
|
|
475
|
-
declare class SnyToggleDirective {
|
|
498
|
+
declare class SnyToggleDirective implements ControlValueAccessor {
|
|
476
499
|
readonly variant: _angular_core.InputSignal<ToggleVariant>;
|
|
477
500
|
readonly size: _angular_core.InputSignal<ToggleSize>;
|
|
478
501
|
readonly pressed: _angular_core.ModelSignal<boolean>;
|
|
479
502
|
readonly class: _angular_core.InputSignal<string>;
|
|
503
|
+
private readonly _disabledByCva;
|
|
504
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
505
|
+
private _onChange;
|
|
506
|
+
protected onTouched: () => void;
|
|
507
|
+
private _writing;
|
|
508
|
+
constructor();
|
|
509
|
+
writeValue(val: boolean): void;
|
|
510
|
+
registerOnChange(fn: (value: boolean) => void): void;
|
|
511
|
+
registerOnTouched(fn: () => void): void;
|
|
512
|
+
setDisabledState(isDisabled: boolean): void;
|
|
513
|
+
protected toggle(): void;
|
|
480
514
|
protected readonly computedClass: _angular_core.Signal<string>;
|
|
481
515
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyToggleDirective, never>;
|
|
482
516
|
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>;
|
|
@@ -487,7 +521,7 @@ declare const sliderTrackVariants: (props?: ({
|
|
|
487
521
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
488
522
|
type SliderSize = 'sm' | 'md' | 'lg';
|
|
489
523
|
|
|
490
|
-
declare class SnySliderComponent implements OnDestroy {
|
|
524
|
+
declare class SnySliderComponent implements ControlValueAccessor, OnDestroy {
|
|
491
525
|
readonly value: _angular_core.ModelSignal<number>;
|
|
492
526
|
readonly min: _angular_core.InputSignal<number>;
|
|
493
527
|
readonly max: _angular_core.InputSignal<number>;
|
|
@@ -495,9 +529,19 @@ declare class SnySliderComponent implements OnDestroy {
|
|
|
495
529
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
496
530
|
readonly size: _angular_core.InputSignal<SliderSize>;
|
|
497
531
|
readonly class: _angular_core.InputSignal<string>;
|
|
532
|
+
private readonly _disabledByCva;
|
|
533
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
498
534
|
private readonly trackRef;
|
|
499
535
|
private moveHandler;
|
|
500
536
|
private upHandler;
|
|
537
|
+
private _onChange;
|
|
538
|
+
protected onTouched: () => void;
|
|
539
|
+
private _writing;
|
|
540
|
+
constructor();
|
|
541
|
+
writeValue(val: number): void;
|
|
542
|
+
registerOnChange(fn: (value: number) => void): void;
|
|
543
|
+
registerOnTouched(fn: () => void): void;
|
|
544
|
+
setDisabledState(isDisabled: boolean): void;
|
|
501
545
|
protected readonly percentage: _angular_core.Signal<number>;
|
|
502
546
|
protected readonly trackClass: _angular_core.Signal<string>;
|
|
503
547
|
protected readonly thumbClass: _angular_core.Signal<string>;
|
|
@@ -533,11 +577,13 @@ declare class SnyTabsDirective {
|
|
|
533
577
|
protected readonly computedClass: _angular_core.Signal<string>;
|
|
534
578
|
select(value: string): void;
|
|
535
579
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTabsDirective, never>;
|
|
536
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTabsDirective, "[snyTabs]",
|
|
580
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTabsDirective, "[snyTabs]", ["snyTabs"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
537
581
|
}
|
|
538
582
|
declare class SnyTabsListDirective {
|
|
539
583
|
readonly class: _angular_core.InputSignal<string>;
|
|
584
|
+
private readonly elRef;
|
|
540
585
|
protected readonly computedClass: _angular_core.Signal<string>;
|
|
586
|
+
onKeydown(event: KeyboardEvent): void;
|
|
541
587
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTabsListDirective, never>;
|
|
542
588
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTabsListDirective, "[snyTabsList]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
543
589
|
}
|
|
@@ -572,7 +618,7 @@ interface SelectOption {
|
|
|
572
618
|
value: string;
|
|
573
619
|
label: string;
|
|
574
620
|
}
|
|
575
|
-
declare class SnySelectComponent implements OnDestroy {
|
|
621
|
+
declare class SnySelectComponent implements ControlValueAccessor, OnDestroy {
|
|
576
622
|
readonly options: _angular_core.InputSignal<SelectOption[]>;
|
|
577
623
|
readonly placeholder: _angular_core.InputSignal<string>;
|
|
578
624
|
readonly size: _angular_core.InputSignal<SelectSize>;
|
|
@@ -581,11 +627,21 @@ declare class SnySelectComponent implements OnDestroy {
|
|
|
581
627
|
readonly value: _angular_core.ModelSignal<string>;
|
|
582
628
|
readonly open: _angular_core.WritableSignal<boolean>;
|
|
583
629
|
readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
630
|
+
private readonly _disabledByCva;
|
|
631
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
584
632
|
private readonly triggerRef;
|
|
585
633
|
private readonly dropdownRef;
|
|
586
634
|
private readonly elRef;
|
|
587
635
|
private scrollHandler;
|
|
588
636
|
private resizeHandler;
|
|
637
|
+
private _onChange;
|
|
638
|
+
protected onTouched: () => void;
|
|
639
|
+
private _writing;
|
|
640
|
+
constructor();
|
|
641
|
+
writeValue(val: string): void;
|
|
642
|
+
registerOnChange(fn: (value: string) => void): void;
|
|
643
|
+
registerOnTouched(fn: () => void): void;
|
|
644
|
+
setDisabledState(isDisabled: boolean): void;
|
|
589
645
|
readonly selectedLabel: _angular_core.Signal<string>;
|
|
590
646
|
protected readonly triggerClass: _angular_core.Signal<string>;
|
|
591
647
|
optionClass(index: number): string;
|
|
@@ -734,5 +790,816 @@ declare class SnySheetCloseDirective {
|
|
|
734
790
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnySheetCloseDirective, "[snySheetClose]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
735
791
|
}
|
|
736
792
|
|
|
737
|
-
|
|
738
|
-
|
|
793
|
+
declare const alertVariants: (props?: ({
|
|
794
|
+
variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
|
|
795
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
796
|
+
type AlertVariant = 'default' | 'destructive' | 'success' | 'warning' | 'info';
|
|
797
|
+
|
|
798
|
+
declare class SnyAlertDirective {
|
|
799
|
+
readonly variant: _angular_core.InputSignal<AlertVariant>;
|
|
800
|
+
readonly dismissible: _angular_core.InputSignal<boolean>;
|
|
801
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
802
|
+
readonly visible: _angular_core.WritableSignal<boolean>;
|
|
803
|
+
protected readonly role: _angular_core.Signal<"status" | "alert">;
|
|
804
|
+
protected readonly ariaLive: _angular_core.Signal<"assertive" | "polite">;
|
|
805
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
806
|
+
dismiss(): void;
|
|
807
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAlertDirective, never>;
|
|
808
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAlertDirective, "[snyAlert]", ["snyAlert"], { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
809
|
+
}
|
|
810
|
+
declare class SnyAlertTitleDirective {
|
|
811
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
812
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
813
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAlertTitleDirective, never>;
|
|
814
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAlertTitleDirective, "[snyAlertTitle]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
815
|
+
}
|
|
816
|
+
declare class SnyAlertDescriptionDirective {
|
|
817
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
818
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
819
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyAlertDescriptionDirective, never>;
|
|
820
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyAlertDescriptionDirective, "[snyAlertDescription]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
821
|
+
}
|
|
822
|
+
|
|
823
|
+
declare const textareaVariants: (props?: ({
|
|
824
|
+
variant?: "default" | "error" | null | undefined;
|
|
825
|
+
textareaSize?: "sm" | "md" | "lg" | null | undefined;
|
|
826
|
+
resize?: "none" | "horizontal" | "vertical" | "both" | null | undefined;
|
|
827
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
828
|
+
type TextareaVariant = 'default' | 'error';
|
|
829
|
+
type TextareaSize = 'sm' | 'md' | 'lg';
|
|
830
|
+
type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
831
|
+
|
|
832
|
+
declare class SnyTextareaDirective {
|
|
833
|
+
readonly variant: _angular_core.InputSignal<TextareaVariant>;
|
|
834
|
+
readonly textareaSize: _angular_core.InputSignal<TextareaSize>;
|
|
835
|
+
readonly resize: _angular_core.InputSignal<TextareaResize>;
|
|
836
|
+
readonly autoResize: _angular_core.InputSignal<boolean>;
|
|
837
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
838
|
+
private readonly el;
|
|
839
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
840
|
+
constructor();
|
|
841
|
+
protected onInput(): void;
|
|
842
|
+
private adjustHeight;
|
|
843
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTextareaDirective, never>;
|
|
844
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTextareaDirective, "textarea[snyTextarea]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "textareaSize": { "alias": "textareaSize"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
declare const progressTrackVariants: (props?: ({
|
|
848
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
849
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
850
|
+
declare const progressBarVariants: (props?: ({
|
|
851
|
+
variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
852
|
+
indeterminate?: boolean | null | undefined;
|
|
853
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
854
|
+
type ProgressVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
|
|
855
|
+
type ProgressSize = 'sm' | 'md' | 'lg';
|
|
856
|
+
|
|
857
|
+
declare class SnyProgressComponent {
|
|
858
|
+
readonly value: _angular_core.InputSignal<number>;
|
|
859
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
860
|
+
readonly variant: _angular_core.InputSignal<ProgressVariant>;
|
|
861
|
+
readonly size: _angular_core.InputSignal<ProgressSize>;
|
|
862
|
+
readonly indeterminate: _angular_core.InputSignal<boolean>;
|
|
863
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
864
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
865
|
+
readonly percentage: _angular_core.Signal<number>;
|
|
866
|
+
protected readonly trackClass: _angular_core.Signal<string>;
|
|
867
|
+
protected readonly barClass: _angular_core.Signal<string>;
|
|
868
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyProgressComponent, never>;
|
|
869
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyProgressComponent, "sny-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
870
|
+
}
|
|
871
|
+
|
|
872
|
+
declare const tooltipVariants: (props?: ({
|
|
873
|
+
position?: "left" | "right" | "top" | "bottom" | null | undefined;
|
|
874
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
875
|
+
type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
876
|
+
|
|
877
|
+
declare class SnyTooltipDirective implements OnDestroy {
|
|
878
|
+
readonly snyTooltip: _angular_core.InputSignal<string>;
|
|
879
|
+
readonly tooltipPosition: _angular_core.InputSignal<TooltipPosition>;
|
|
880
|
+
readonly tooltipDelay: _angular_core.InputSignal<number>;
|
|
881
|
+
readonly tooltipDisabled: _angular_core.InputSignal<boolean>;
|
|
882
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
883
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
884
|
+
readonly tooltipId: string;
|
|
885
|
+
private readonly el;
|
|
886
|
+
private readonly renderer;
|
|
887
|
+
private showTimeout;
|
|
888
|
+
private tooltipEl;
|
|
889
|
+
constructor();
|
|
890
|
+
show(): void;
|
|
891
|
+
hide(): void;
|
|
892
|
+
ngOnDestroy(): void;
|
|
893
|
+
private createTooltip;
|
|
894
|
+
private positionTooltip;
|
|
895
|
+
private destroyTooltip;
|
|
896
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTooltipDirective, never>;
|
|
897
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTooltipDirective, "[snyTooltip]", ["snyTooltip"], { "snyTooltip": { "alias": "snyTooltip"; "required": true; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; "isSignal": true; }; "tooltipDisabled": { "alias": "tooltipDisabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
898
|
+
}
|
|
899
|
+
|
|
900
|
+
declare const dropdownContentVariants: (props?: ({} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
901
|
+
declare const dropdownItemVariants: (props?: ({
|
|
902
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
903
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
904
|
+
type DropdownItemVariant = 'default' | 'destructive';
|
|
905
|
+
|
|
906
|
+
declare const SNY_DROPDOWN: InjectionToken<SnyDropdownDirective>;
|
|
907
|
+
declare class SnyDropdownDirective {
|
|
908
|
+
private readonly elementRef;
|
|
909
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
910
|
+
toggle(): void;
|
|
911
|
+
open(): void;
|
|
912
|
+
close(): void;
|
|
913
|
+
onDocumentClick(event: MouseEvent): void;
|
|
914
|
+
onEscape(): void;
|
|
915
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDropdownDirective, never>;
|
|
916
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDropdownDirective, "[snyDropdown]", ["snyDropdown"], {}, {}, never, never, true, never>;
|
|
917
|
+
}
|
|
918
|
+
declare class SnyDropdownTriggerDirective {
|
|
919
|
+
readonly dropdown: SnyDropdownDirective;
|
|
920
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDropdownTriggerDirective, never>;
|
|
921
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDropdownTriggerDirective, "[snyDropdownTrigger]", never, {}, {}, never, never, true, never>;
|
|
922
|
+
}
|
|
923
|
+
declare class SnyDropdownContentDirective {
|
|
924
|
+
readonly dropdown: SnyDropdownDirective;
|
|
925
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
926
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
927
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDropdownContentDirective, never>;
|
|
928
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDropdownContentDirective, "[snyDropdownContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
929
|
+
}
|
|
930
|
+
declare class SnyMenuContentDirective {
|
|
931
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
932
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
933
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyMenuContentDirective, never>;
|
|
934
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyMenuContentDirective, "[snyMenuContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
935
|
+
}
|
|
936
|
+
declare class SnyMenuItemDirective {
|
|
937
|
+
private readonly dropdown;
|
|
938
|
+
readonly variant: _angular_core.InputSignal<DropdownItemVariant>;
|
|
939
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
940
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
941
|
+
onClick(): void;
|
|
942
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyMenuItemDirective, never>;
|
|
943
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyMenuItemDirective, "[snyMenuItem]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
944
|
+
}
|
|
945
|
+
declare class SnyMenuSeparatorDirective {
|
|
946
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
947
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
948
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyMenuSeparatorDirective, never>;
|
|
949
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyMenuSeparatorDirective, "[snyMenuSeparator]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
950
|
+
}
|
|
951
|
+
declare class SnyMenuLabelDirective {
|
|
952
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
953
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
954
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyMenuLabelDirective, never>;
|
|
955
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyMenuLabelDirective, "[snyMenuLabel]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
declare const fileInputVariants: (props?: ({
|
|
959
|
+
variant?: "default" | "error" | null | undefined;
|
|
960
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
961
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
962
|
+
type FileInputVariant = 'default' | 'error';
|
|
963
|
+
type FileInputSize = 'sm' | 'md' | 'lg';
|
|
964
|
+
|
|
965
|
+
declare class SnyFileInputComponent implements ControlValueAccessor {
|
|
966
|
+
readonly accept: _angular_core.InputSignal<string>;
|
|
967
|
+
readonly multiple: _angular_core.InputSignal<boolean>;
|
|
968
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
969
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
970
|
+
readonly variant: _angular_core.InputSignal<FileInputVariant>;
|
|
971
|
+
readonly size: _angular_core.InputSignal<FileInputSize>;
|
|
972
|
+
readonly maxSize: _angular_core.InputSignal<number>;
|
|
973
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
974
|
+
readonly value: _angular_core.ModelSignal<FileList | null>;
|
|
975
|
+
readonly fileChange: _angular_core.OutputEmitterRef<FileList>;
|
|
976
|
+
readonly error: _angular_core.OutputEmitterRef<string>;
|
|
977
|
+
private readonly _disabledByCva;
|
|
978
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
979
|
+
private readonly fileInputRef;
|
|
980
|
+
readonly isDragOver: _angular_core.WritableSignal<boolean>;
|
|
981
|
+
private _onChange;
|
|
982
|
+
protected onTouched: () => void;
|
|
983
|
+
private _writing;
|
|
984
|
+
constructor();
|
|
985
|
+
writeValue(val: FileList | null): void;
|
|
986
|
+
registerOnChange(fn: (value: FileList | null) => void): void;
|
|
987
|
+
registerOnTouched(fn: () => void): void;
|
|
988
|
+
setDisabledState(isDisabled: boolean): void;
|
|
989
|
+
readonly fileName: _angular_core.Signal<string>;
|
|
990
|
+
protected readonly labelClass: _angular_core.Signal<string>;
|
|
991
|
+
onFileSelected(event: Event): void;
|
|
992
|
+
onDragOver(event: DragEvent): void;
|
|
993
|
+
onDragLeave(event: DragEvent): void;
|
|
994
|
+
onDrop(event: DragEvent): void;
|
|
995
|
+
clear(): void;
|
|
996
|
+
private processFiles;
|
|
997
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyFileInputComponent, never>;
|
|
998
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyFileInputComponent, "sny-file-input", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "fileChange": "fileChange"; "error": "error"; }, never, never, true, never>;
|
|
999
|
+
}
|
|
1000
|
+
|
|
1001
|
+
declare const fieldsetVariants: (props?: ({
|
|
1002
|
+
variant?: "default" | "bordered" | null | undefined;
|
|
1003
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1004
|
+
type FieldsetVariant = 'default' | 'bordered';
|
|
1005
|
+
|
|
1006
|
+
declare class SnyFieldsetDirective {
|
|
1007
|
+
readonly variant: _angular_core.InputSignal<FieldsetVariant>;
|
|
1008
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1009
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1010
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1011
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyFieldsetDirective, never>;
|
|
1012
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyFieldsetDirective, "fieldset[snyFieldset]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1013
|
+
}
|
|
1014
|
+
declare class SnyFieldsetLegendDirective {
|
|
1015
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1016
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1017
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyFieldsetLegendDirective, never>;
|
|
1018
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyFieldsetLegendDirective, "legend[snyFieldsetLegend]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1019
|
+
}
|
|
1020
|
+
declare class SnyFieldsetContentDirective {
|
|
1021
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1022
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1023
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyFieldsetContentDirective, never>;
|
|
1024
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyFieldsetContentDirective, "[snyFieldsetContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1025
|
+
}
|
|
1026
|
+
|
|
1027
|
+
declare const ratingVariants: (props?: ({
|
|
1028
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1029
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1030
|
+
type RatingSize = 'sm' | 'md' | 'lg';
|
|
1031
|
+
type RatingVariant = 'star' | 'heart';
|
|
1032
|
+
|
|
1033
|
+
interface StarState {
|
|
1034
|
+
index: number;
|
|
1035
|
+
fill: 'full' | 'half' | 'empty';
|
|
1036
|
+
}
|
|
1037
|
+
declare class SnyRatingComponent implements ControlValueAccessor {
|
|
1038
|
+
readonly value: _angular_core.ModelSignal<number>;
|
|
1039
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
1040
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
1041
|
+
readonly size: _angular_core.InputSignal<RatingSize>;
|
|
1042
|
+
readonly ratingVariant: _angular_core.InputSignal<RatingVariant>;
|
|
1043
|
+
readonly half: _angular_core.InputSignal<boolean>;
|
|
1044
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1045
|
+
private readonly _disabledByCva;
|
|
1046
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
1047
|
+
readonly hoverValue: _angular_core.WritableSignal<number | null>;
|
|
1048
|
+
private _onChange;
|
|
1049
|
+
protected onTouched: () => void;
|
|
1050
|
+
private _writing;
|
|
1051
|
+
constructor();
|
|
1052
|
+
writeValue(val: number): void;
|
|
1053
|
+
registerOnChange(fn: (value: number) => void): void;
|
|
1054
|
+
registerOnTouched(fn: () => void): void;
|
|
1055
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1056
|
+
readonly displayValue: _angular_core.Signal<number>;
|
|
1057
|
+
readonly stars: _angular_core.Signal<StarState[]>;
|
|
1058
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1059
|
+
starClass(star: StarState): string;
|
|
1060
|
+
onStarClick(index: number): void;
|
|
1061
|
+
onStarHover(index: number): void;
|
|
1062
|
+
onMouseLeave(): void;
|
|
1063
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1064
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyRatingComponent, never>;
|
|
1065
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyRatingComponent, "sny-rating", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ratingVariant": { "alias": "ratingVariant"; "required": false; "isSignal": true; }; "half": { "alias": "half"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
1066
|
+
}
|
|
1067
|
+
|
|
1068
|
+
type NavbarVariant = 'default' | 'bordered' | 'floating';
|
|
1069
|
+
declare class SnyNavbarDirective {
|
|
1070
|
+
readonly variant: _angular_core.InputSignal<NavbarVariant>;
|
|
1071
|
+
readonly sticky: _angular_core.InputSignal<boolean>;
|
|
1072
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1073
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1074
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1075
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyNavbarDirective, never>;
|
|
1076
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyNavbarDirective, "[snyNavbar]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1077
|
+
}
|
|
1078
|
+
declare class SnyNavbarBrandDirective {
|
|
1079
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1080
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1081
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyNavbarBrandDirective, never>;
|
|
1082
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyNavbarBrandDirective, "[snyNavbarBrand]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1083
|
+
}
|
|
1084
|
+
declare class SnyNavbarContentDirective {
|
|
1085
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1086
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1087
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyNavbarContentDirective, never>;
|
|
1088
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyNavbarContentDirective, "[snyNavbarContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1089
|
+
}
|
|
1090
|
+
declare class SnyNavbarEndDirective {
|
|
1091
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1092
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1093
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyNavbarEndDirective, never>;
|
|
1094
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyNavbarEndDirective, "[snyNavbarEnd]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1095
|
+
}
|
|
1096
|
+
|
|
1097
|
+
declare const SNY_DRAWER: InjectionToken<SnyDrawerLayoutComponent>;
|
|
1098
|
+
declare class SnyDrawerLayoutComponent {
|
|
1099
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1100
|
+
readonly overlay: _angular_core.InputSignal<boolean>;
|
|
1101
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1102
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1103
|
+
toggle(): void;
|
|
1104
|
+
open(): void;
|
|
1105
|
+
close(): void;
|
|
1106
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDrawerLayoutComponent, never>;
|
|
1107
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyDrawerLayoutComponent, "[snyDrawerLayout]", ["snyDrawerLayout"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1108
|
+
}
|
|
1109
|
+
/** @deprecated Use SnyDrawerLayoutComponent instead */
|
|
1110
|
+
declare const SnyDrawerLayoutDirective: typeof SnyDrawerLayoutComponent;
|
|
1111
|
+
declare class SnyDrawerContentDirective {
|
|
1112
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1113
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1114
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDrawerContentDirective, never>;
|
|
1115
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDrawerContentDirective, "[snyDrawerContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1116
|
+
}
|
|
1117
|
+
type DrawerSide = 'left' | 'right';
|
|
1118
|
+
declare class SnyDrawerSideDirective {
|
|
1119
|
+
protected readonly drawer: SnyDrawerLayoutComponent;
|
|
1120
|
+
readonly side: _angular_core.InputSignal<DrawerSide>;
|
|
1121
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1122
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1123
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDrawerSideDirective, never>;
|
|
1124
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDrawerSideDirective, "[snyDrawerSide]", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1125
|
+
}
|
|
1126
|
+
|
|
1127
|
+
declare const paginationItemVariants: (props?: ({
|
|
1128
|
+
variant?: "default" | "outline" | "ghost" | null | undefined;
|
|
1129
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1130
|
+
active?: boolean | null | undefined;
|
|
1131
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1132
|
+
type PaginationVariant = 'default' | 'outline' | 'ghost';
|
|
1133
|
+
type PaginationSize = 'sm' | 'md' | 'lg';
|
|
1134
|
+
|
|
1135
|
+
declare class SnyPaginationComponent {
|
|
1136
|
+
readonly currentPage: _angular_core.ModelSignal<number>;
|
|
1137
|
+
readonly totalPages: _angular_core.InputSignal<number>;
|
|
1138
|
+
readonly siblingCount: _angular_core.InputSignal<number>;
|
|
1139
|
+
readonly boundaryCount: _angular_core.InputSignal<number>;
|
|
1140
|
+
readonly size: _angular_core.InputSignal<PaginationSize>;
|
|
1141
|
+
readonly variant: _angular_core.InputSignal<PaginationVariant>;
|
|
1142
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1143
|
+
readonly pages: _angular_core.Signal<(number | "ellipsis")[]>;
|
|
1144
|
+
readonly hasPrev: _angular_core.Signal<boolean>;
|
|
1145
|
+
readonly hasNext: _angular_core.Signal<boolean>;
|
|
1146
|
+
goToPage(page: number | 'ellipsis'): void;
|
|
1147
|
+
prev(): void;
|
|
1148
|
+
next(): void;
|
|
1149
|
+
pageClass(page: number): string;
|
|
1150
|
+
navBtnClass(): string;
|
|
1151
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyPaginationComponent, never>;
|
|
1152
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyPaginationComponent, "sny-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": true; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "boundaryCount": { "alias": "boundaryCount"; "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; }; }, { "currentPage": "currentPageChange"; }, never, never, true, never>;
|
|
1153
|
+
}
|
|
1154
|
+
|
|
1155
|
+
declare const dividerVariants: (props?: ({
|
|
1156
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
1157
|
+
variant?: "solid" | "dashed" | "dotted" | null | undefined;
|
|
1158
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1159
|
+
type DividerOrientation = 'horizontal' | 'vertical';
|
|
1160
|
+
type DividerVariant = 'solid' | 'dashed' | 'dotted';
|
|
1161
|
+
|
|
1162
|
+
declare class SnyDividerComponent {
|
|
1163
|
+
readonly orientation: _angular_core.InputSignal<DividerOrientation>;
|
|
1164
|
+
readonly variant: _angular_core.InputSignal<DividerVariant>;
|
|
1165
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1166
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1167
|
+
readonly hasLabel: _angular_core.Signal<boolean>;
|
|
1168
|
+
protected readonly dividerClass: _angular_core.Signal<string>;
|
|
1169
|
+
protected readonly lineClass: _angular_core.Signal<string>;
|
|
1170
|
+
protected readonly labelContainerClass: _angular_core.Signal<string>;
|
|
1171
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDividerComponent, never>;
|
|
1172
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyDividerComponent, "sny-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1173
|
+
}
|
|
1174
|
+
|
|
1175
|
+
declare const SNY_STEPS: InjectionToken<SnyStepsDirective>;
|
|
1176
|
+
type StepStatus = 'default' | 'active' | 'completed' | 'error';
|
|
1177
|
+
type StepsOrientation = 'horizontal' | 'vertical';
|
|
1178
|
+
type StepsSize = 'sm' | 'md' | 'lg';
|
|
1179
|
+
declare class SnyStepDirective {
|
|
1180
|
+
readonly status: _angular_core.InputSignal<StepStatus>;
|
|
1181
|
+
readonly icon: _angular_core.InputSignal<string>;
|
|
1182
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1183
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1184
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyStepDirective, never>;
|
|
1185
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyStepDirective, "[snyStep]", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1186
|
+
}
|
|
1187
|
+
declare class SnyStepsDirective {
|
|
1188
|
+
readonly orientation: _angular_core.InputSignal<StepsOrientation>;
|
|
1189
|
+
readonly size: _angular_core.InputSignal<StepsSize>;
|
|
1190
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1191
|
+
readonly steps: _angular_core.Signal<readonly SnyStepDirective[]>;
|
|
1192
|
+
readonly activeIndex: _angular_core.Signal<number>;
|
|
1193
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1194
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyStepsDirective, never>;
|
|
1195
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyStepsDirective, "[snySteps]", ["snySteps"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["steps"], never, true, never>;
|
|
1196
|
+
}
|
|
1197
|
+
|
|
1198
|
+
declare class SnyStatDirective {
|
|
1199
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1200
|
+
readonly titleId: string;
|
|
1201
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1202
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyStatDirective, never>;
|
|
1203
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyStatDirective, "[snyStat]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1204
|
+
}
|
|
1205
|
+
declare class SnyStatTitleDirective {
|
|
1206
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1207
|
+
readonly stat: SnyStatDirective;
|
|
1208
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1209
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyStatTitleDirective, never>;
|
|
1210
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyStatTitleDirective, "[snyStatTitle]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1211
|
+
}
|
|
1212
|
+
declare class SnyStatValueDirective {
|
|
1213
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1214
|
+
readonly stat: SnyStatDirective;
|
|
1215
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1216
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyStatValueDirective, never>;
|
|
1217
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyStatValueDirective, "[snyStatValue]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1218
|
+
}
|
|
1219
|
+
type StatDescriptionVariant = 'default' | 'success' | 'error';
|
|
1220
|
+
declare class SnyStatDescriptionDirective {
|
|
1221
|
+
readonly variant: _angular_core.InputSignal<StatDescriptionVariant>;
|
|
1222
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1223
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1224
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyStatDescriptionDirective, never>;
|
|
1225
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyStatDescriptionDirective, "[snyStatDescription]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1226
|
+
}
|
|
1227
|
+
declare class SnyStatFigureDirective {
|
|
1228
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1229
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1230
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyStatFigureDirective, never>;
|
|
1231
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyStatFigureDirective, "[snyStatFigure]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1232
|
+
}
|
|
1233
|
+
|
|
1234
|
+
declare const SNY_TIMELINE: InjectionToken<SnyTimelineDirective>;
|
|
1235
|
+
type TimelineOrientation = 'vertical' | 'horizontal';
|
|
1236
|
+
type TimelineConnect = 'start' | 'end' | 'both' | 'none';
|
|
1237
|
+
type TimelineMiddleVariant = 'default' | 'primary' | 'success' | 'error';
|
|
1238
|
+
declare class SnyTimelineItemDirective {
|
|
1239
|
+
readonly connect: _angular_core.InputSignal<TimelineConnect>;
|
|
1240
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1241
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1242
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTimelineItemDirective, never>;
|
|
1243
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTimelineItemDirective, "[snyTimelineItem]", never, { "connect": { "alias": "connect"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1244
|
+
}
|
|
1245
|
+
declare class SnyTimelineStartDirective {
|
|
1246
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1247
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1248
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTimelineStartDirective, never>;
|
|
1249
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTimelineStartDirective, "[snyTimelineStart]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1250
|
+
}
|
|
1251
|
+
declare class SnyTimelineMiddleDirective {
|
|
1252
|
+
readonly variant: _angular_core.InputSignal<TimelineMiddleVariant>;
|
|
1253
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1254
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1255
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTimelineMiddleDirective, never>;
|
|
1256
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTimelineMiddleDirective, "[snyTimelineMiddle]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1257
|
+
}
|
|
1258
|
+
declare class SnyTimelineEndDirective {
|
|
1259
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1260
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1261
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTimelineEndDirective, never>;
|
|
1262
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTimelineEndDirective, "[snyTimelineEnd]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1263
|
+
}
|
|
1264
|
+
declare class SnyTimelineDirective {
|
|
1265
|
+
readonly orientation: _angular_core.InputSignal<TimelineOrientation>;
|
|
1266
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1267
|
+
readonly items: _angular_core.Signal<readonly SnyTimelineItemDirective[]>;
|
|
1268
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1269
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyTimelineDirective, never>;
|
|
1270
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTimelineDirective, "[snyTimeline]", ["snyTimeline"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["items"], never, true, never>;
|
|
1271
|
+
}
|
|
1272
|
+
|
|
1273
|
+
declare const kbdVariants: (props?: ({
|
|
1274
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1275
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1276
|
+
type KbdSize = 'sm' | 'md' | 'lg';
|
|
1277
|
+
|
|
1278
|
+
declare class SnyKbdDirective {
|
|
1279
|
+
readonly size: _angular_core.InputSignal<KbdSize>;
|
|
1280
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1281
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1282
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyKbdDirective, never>;
|
|
1283
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyKbdDirective, "kbd[snyKbd]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1284
|
+
}
|
|
1285
|
+
|
|
1286
|
+
type ListVariant = 'default' | 'bordered' | 'hover';
|
|
1287
|
+
declare class SnyListDirective {
|
|
1288
|
+
readonly variant: _angular_core.InputSignal<ListVariant>;
|
|
1289
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1290
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1291
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyListDirective, never>;
|
|
1292
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyListDirective, "[snyList]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1293
|
+
}
|
|
1294
|
+
declare class SnyListItemDirective {
|
|
1295
|
+
readonly active: _angular_core.InputSignal<boolean>;
|
|
1296
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1297
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1298
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1299
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyListItemDirective, never>;
|
|
1300
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyListItemDirective, "[snyListItem]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1301
|
+
}
|
|
1302
|
+
declare class SnyListItemIconDirective {
|
|
1303
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1304
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1305
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyListItemIconDirective, never>;
|
|
1306
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyListItemIconDirective, "[snyListItemIcon]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1307
|
+
}
|
|
1308
|
+
declare class SnyListItemContentDirective {
|
|
1309
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1310
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1311
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyListItemContentDirective, never>;
|
|
1312
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyListItemContentDirective, "[snyListItemContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1313
|
+
}
|
|
1314
|
+
declare class SnyListItemActionDirective {
|
|
1315
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1316
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1317
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyListItemActionDirective, never>;
|
|
1318
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyListItemActionDirective, "[snyListItemAction]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1319
|
+
}
|
|
1320
|
+
|
|
1321
|
+
declare const statusVariants: (props?: ({
|
|
1322
|
+
variant?: "default" | "error" | "success" | "warning" | "info" | "neutral" | null | undefined;
|
|
1323
|
+
size?: "sm" | "md" | "xs" | null | undefined;
|
|
1324
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1325
|
+
type StatusVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
|
|
1326
|
+
type StatusSize = 'xs' | 'sm' | 'md';
|
|
1327
|
+
|
|
1328
|
+
declare class SnyStatusDirective {
|
|
1329
|
+
readonly variant: _angular_core.InputSignal<StatusVariant>;
|
|
1330
|
+
readonly size: _angular_core.InputSignal<StatusSize>;
|
|
1331
|
+
readonly pulse: _angular_core.InputSignal<boolean>;
|
|
1332
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1333
|
+
protected readonly ariaLabel: _angular_core.Signal<string>;
|
|
1334
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1335
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyStatusDirective, never>;
|
|
1336
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyStatusDirective, "[snyStatus]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pulse": { "alias": "pulse"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1337
|
+
}
|
|
1338
|
+
|
|
1339
|
+
type IndicatorPosition = 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
|
|
1340
|
+
type IndicatorVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
|
|
1341
|
+
declare class SnyIndicatorDirective {
|
|
1342
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1343
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1344
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyIndicatorDirective, never>;
|
|
1345
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyIndicatorDirective, "[snyIndicator]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1346
|
+
}
|
|
1347
|
+
declare class SnyIndicatorBadgeDirective {
|
|
1348
|
+
readonly position: _angular_core.InputSignal<IndicatorPosition>;
|
|
1349
|
+
readonly variant: _angular_core.InputSignal<IndicatorVariant>;
|
|
1350
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1351
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1352
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1353
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyIndicatorBadgeDirective, never>;
|
|
1354
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyIndicatorBadgeDirective, "[snyIndicatorBadge]", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1355
|
+
}
|
|
1356
|
+
|
|
1357
|
+
type ChatBubbleAlign = 'start' | 'end';
|
|
1358
|
+
type ChatBubbleContentVariant = 'default' | 'primary' | 'secondary' | 'accent';
|
|
1359
|
+
declare const SNY_CHAT_BUBBLE: InjectionToken<SnyChatBubbleDirective>;
|
|
1360
|
+
declare class SnyChatBubbleDirective {
|
|
1361
|
+
readonly align: _angular_core.InputSignal<ChatBubbleAlign>;
|
|
1362
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1363
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1364
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyChatBubbleDirective, never>;
|
|
1365
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyChatBubbleDirective, "[snyChatBubble]", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1366
|
+
}
|
|
1367
|
+
declare class SnyChatBubbleAvatarDirective {
|
|
1368
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1369
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1370
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyChatBubbleAvatarDirective, never>;
|
|
1371
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyChatBubbleAvatarDirective, "[snyChatBubbleAvatar]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1372
|
+
}
|
|
1373
|
+
declare class SnyChatBubbleHeaderDirective {
|
|
1374
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1375
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1376
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyChatBubbleHeaderDirective, never>;
|
|
1377
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyChatBubbleHeaderDirective, "[snyChatBubbleHeader]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1378
|
+
}
|
|
1379
|
+
declare class SnyChatBubbleContentDirective {
|
|
1380
|
+
readonly variant: _angular_core.InputSignal<ChatBubbleContentVariant>;
|
|
1381
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1382
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1383
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyChatBubbleContentDirective, never>;
|
|
1384
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyChatBubbleContentDirective, "[snyChatBubbleContent]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1385
|
+
}
|
|
1386
|
+
declare class SnyChatBubbleFooterDirective {
|
|
1387
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1388
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1389
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyChatBubbleFooterDirective, never>;
|
|
1390
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyChatBubbleFooterDirective, "[snyChatBubbleFooter]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1391
|
+
}
|
|
1392
|
+
declare class SnyChatBubbleBodyDirective {
|
|
1393
|
+
private readonly chatBubble;
|
|
1394
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1395
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1396
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyChatBubbleBodyDirective, never>;
|
|
1397
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyChatBubbleBodyDirective, "[snyChatBubbleBody]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1398
|
+
}
|
|
1399
|
+
|
|
1400
|
+
declare const SNY_CAROUSEL: InjectionToken<SnyCarouselDirective>;
|
|
1401
|
+
declare class SnyCarouselItemDirective {
|
|
1402
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1403
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1404
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCarouselItemDirective, never>;
|
|
1405
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCarouselItemDirective, "[snyCarouselItem]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1406
|
+
}
|
|
1407
|
+
declare class SnyCarouselContentDirective {
|
|
1408
|
+
private readonly carousel;
|
|
1409
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1410
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1411
|
+
protected readonly transformStyle: _angular_core.Signal<string>;
|
|
1412
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCarouselContentDirective, never>;
|
|
1413
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCarouselContentDirective, "[snyCarouselContent]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1414
|
+
}
|
|
1415
|
+
declare class SnyCarouselDirective implements OnDestroy {
|
|
1416
|
+
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
1417
|
+
readonly loop: _angular_core.InputSignal<boolean>;
|
|
1418
|
+
readonly autoplay: _angular_core.InputSignal<number>;
|
|
1419
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1420
|
+
readonly items: _angular_core.Signal<readonly SnyCarouselItemDirective[]>;
|
|
1421
|
+
readonly currentIndex: _angular_core.WritableSignal<number>;
|
|
1422
|
+
readonly totalItems: _angular_core.Signal<number>;
|
|
1423
|
+
private autoplayInterval;
|
|
1424
|
+
constructor();
|
|
1425
|
+
next(): void;
|
|
1426
|
+
prev(): void;
|
|
1427
|
+
goTo(index: number): void;
|
|
1428
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1429
|
+
ngOnDestroy(): void;
|
|
1430
|
+
private clearAutoplay;
|
|
1431
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1432
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCarouselDirective, never>;
|
|
1433
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCarouselDirective, "[snyCarousel]", ["snyCarousel"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["items"], never, true, never>;
|
|
1434
|
+
}
|
|
1435
|
+
declare class SnyCarouselPrevDirective {
|
|
1436
|
+
readonly carousel: SnyCarouselDirective;
|
|
1437
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1438
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1439
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCarouselPrevDirective, never>;
|
|
1440
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCarouselPrevDirective, "[snyCarouselPrev]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1441
|
+
}
|
|
1442
|
+
declare class SnyCarouselNextDirective {
|
|
1443
|
+
readonly carousel: SnyCarouselDirective;
|
|
1444
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1445
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1446
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCarouselNextDirective, never>;
|
|
1447
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCarouselNextDirective, "[snyCarouselNext]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1448
|
+
}
|
|
1449
|
+
|
|
1450
|
+
type DockPosition = 'bottom' | 'top';
|
|
1451
|
+
declare class SnyDockDirective {
|
|
1452
|
+
readonly position: _angular_core.InputSignal<DockPosition>;
|
|
1453
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1454
|
+
private readonly elRef;
|
|
1455
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1456
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1457
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDockDirective, never>;
|
|
1458
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDockDirective, "[snyDock]", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1459
|
+
}
|
|
1460
|
+
declare class SnyDockItemDirective {
|
|
1461
|
+
readonly active: _angular_core.InputSignal<boolean>;
|
|
1462
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1463
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1464
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDockItemDirective, never>;
|
|
1465
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyDockItemDirective, "[snyDockItem]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1466
|
+
}
|
|
1467
|
+
|
|
1468
|
+
declare const SNY_FAB: InjectionToken<SnyFabDirective>;
|
|
1469
|
+
type FabPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
1470
|
+
type FabDirection = 'up' | 'down' | 'left' | 'right';
|
|
1471
|
+
declare class SnyFabDirective {
|
|
1472
|
+
readonly position: _angular_core.InputSignal<FabPosition>;
|
|
1473
|
+
readonly direction: _angular_core.InputSignal<FabDirection>;
|
|
1474
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1475
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1476
|
+
toggle(): void;
|
|
1477
|
+
open(): void;
|
|
1478
|
+
close(): void;
|
|
1479
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1480
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyFabDirective, never>;
|
|
1481
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyFabDirective, "[snyFab]", ["snyFab"], { "position": { "alias": "position"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1482
|
+
}
|
|
1483
|
+
declare class SnyFabTriggerDirective {
|
|
1484
|
+
readonly fab: SnyFabDirective;
|
|
1485
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1486
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1487
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyFabTriggerDirective, never>;
|
|
1488
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyFabTriggerDirective, "[snyFabTrigger]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1489
|
+
}
|
|
1490
|
+
declare class SnyFabActionDirective {
|
|
1491
|
+
readonly fab: SnyFabDirective;
|
|
1492
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1493
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1494
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1495
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyFabActionDirective, never>;
|
|
1496
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyFabActionDirective, "[snyFabAction]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1497
|
+
}
|
|
1498
|
+
|
|
1499
|
+
type RadialProgressSize = 'sm' | 'md' | 'lg';
|
|
1500
|
+
type RadialProgressVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
|
|
1501
|
+
declare class SnyRadialProgressComponent {
|
|
1502
|
+
readonly value: _angular_core.InputSignal<number>;
|
|
1503
|
+
readonly size: _angular_core.InputSignal<RadialProgressSize>;
|
|
1504
|
+
readonly thickness: _angular_core.InputSignal<number>;
|
|
1505
|
+
readonly variant: _angular_core.InputSignal<RadialProgressVariant>;
|
|
1506
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1507
|
+
readonly svgSize: _angular_core.Signal<number>;
|
|
1508
|
+
readonly radius: _angular_core.Signal<number>;
|
|
1509
|
+
readonly circumference: _angular_core.Signal<number>;
|
|
1510
|
+
readonly offset: _angular_core.Signal<number>;
|
|
1511
|
+
readonly strokeClass: _angular_core.Signal<string>;
|
|
1512
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyRadialProgressComponent, never>;
|
|
1513
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyRadialProgressComponent, "sny-radial-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1514
|
+
}
|
|
1515
|
+
|
|
1516
|
+
declare class SnyDiffComponent {
|
|
1517
|
+
readonly value: _angular_core.ModelSignal<number>;
|
|
1518
|
+
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
1519
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1520
|
+
readonly isDragging: _angular_core.WritableSignal<boolean>;
|
|
1521
|
+
onPointerDown(event: PointerEvent): void;
|
|
1522
|
+
onPointerMove(event: PointerEvent): void;
|
|
1523
|
+
onPointerUp(): void;
|
|
1524
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1525
|
+
private updateValue;
|
|
1526
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDiffComponent, never>;
|
|
1527
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyDiffComponent, "sny-diff", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[snyDiffAfter]", "[snyDiffBefore]"], true, never>;
|
|
1528
|
+
}
|
|
1529
|
+
|
|
1530
|
+
declare const linkVariants: (props?: ({
|
|
1531
|
+
variant?: "default" | "secondary" | "primary" | "hover" | null | undefined;
|
|
1532
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1533
|
+
type LinkVariant = 'default' | 'primary' | 'secondary' | 'hover';
|
|
1534
|
+
|
|
1535
|
+
declare class SnyLinkDirective {
|
|
1536
|
+
readonly variant: _angular_core.InputSignal<LinkVariant>;
|
|
1537
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1538
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1539
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyLinkDirective, never>;
|
|
1540
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyLinkDirective, "a[snyLink]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1541
|
+
}
|
|
1542
|
+
|
|
1543
|
+
interface CalendarDay {
|
|
1544
|
+
date: Date;
|
|
1545
|
+
day: number;
|
|
1546
|
+
isCurrentMonth: boolean;
|
|
1547
|
+
isToday: boolean;
|
|
1548
|
+
isSelected: boolean;
|
|
1549
|
+
isDisabled: boolean;
|
|
1550
|
+
}
|
|
1551
|
+
declare class SnyCalendarComponent implements ControlValueAccessor {
|
|
1552
|
+
readonly value: _angular_core.ModelSignal<Date | null>;
|
|
1553
|
+
readonly min: _angular_core.InputSignal<Date | undefined>;
|
|
1554
|
+
readonly max: _angular_core.InputSignal<Date | undefined>;
|
|
1555
|
+
readonly locale: _angular_core.InputSignal<string>;
|
|
1556
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1557
|
+
private readonly _disabledByCva;
|
|
1558
|
+
readonly viewDate: _angular_core.WritableSignal<Date>;
|
|
1559
|
+
readonly weekDays: string[];
|
|
1560
|
+
private _onChange;
|
|
1561
|
+
protected onTouched: () => void;
|
|
1562
|
+
private _writing;
|
|
1563
|
+
constructor();
|
|
1564
|
+
writeValue(val: Date | null): void;
|
|
1565
|
+
registerOnChange(fn: (value: Date | null) => void): void;
|
|
1566
|
+
registerOnTouched(fn: () => void): void;
|
|
1567
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1568
|
+
readonly monthYearLabel: _angular_core.Signal<string>;
|
|
1569
|
+
readonly days: _angular_core.Signal<CalendarDay[]>;
|
|
1570
|
+
prevMonth(): void;
|
|
1571
|
+
nextMonth(): void;
|
|
1572
|
+
selectDate(date: Date): void;
|
|
1573
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1574
|
+
dayClass(day: CalendarDay): string;
|
|
1575
|
+
private navigateDays;
|
|
1576
|
+
private createDay;
|
|
1577
|
+
private isSameDay;
|
|
1578
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCalendarComponent, never>;
|
|
1579
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyCalendarComponent, "sny-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
1580
|
+
}
|
|
1581
|
+
|
|
1582
|
+
type ValidatorHintVariant = 'error' | 'success' | 'warning' | 'info';
|
|
1583
|
+
declare class SnyValidatorDirective {
|
|
1584
|
+
readonly control: _angular_core.InputSignal<AbstractControl<any, any, any> | null>;
|
|
1585
|
+
readonly state: _angular_core.InputSignal<"default" | "error" | "success" | "warning">;
|
|
1586
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1587
|
+
readonly errors: _angular_core.Signal<_angular_forms.ValidationErrors | null>;
|
|
1588
|
+
readonly showErrors: _angular_core.Signal<boolean>;
|
|
1589
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1590
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyValidatorDirective, never>;
|
|
1591
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyValidatorDirective, "[snyValidator]", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1592
|
+
}
|
|
1593
|
+
declare class SnyValidatorHintDirective {
|
|
1594
|
+
readonly when: _angular_core.InputSignal<string>;
|
|
1595
|
+
readonly type: _angular_core.InputSignal<ValidatorHintVariant>;
|
|
1596
|
+
/** @deprecated Use `type` instead */
|
|
1597
|
+
readonly variant: _angular_core.InputSignal<ValidatorHintVariant | undefined>;
|
|
1598
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1599
|
+
protected readonly computedClass: _angular_core.Signal<string>;
|
|
1600
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyValidatorHintDirective, never>;
|
|
1601
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyValidatorHintDirective, "[snyValidatorHint]", never, { "when": { "alias": "when"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
export { SNY_ACCORDION, SNY_ACCORDION_ITEM, SNY_CAROUSEL, SNY_CHAT_BUBBLE, SNY_CONFIG, SNY_DIALOG_DATA, SNY_DRAWER, SNY_DROPDOWN, SNY_FAB, SNY_SHEET_DATA, SNY_STEPS, SNY_TABLE, SNY_TABS, SNY_TIMELINE, SnyAccordionContentDirective, SnyAccordionDirective, SnyAccordionItemDirective, SnyAccordionTriggerDirective, SnyAlertDescriptionDirective, SnyAlertDirective, SnyAlertTitleDirective, SnyAvatarComponent, SnyBadgeDirective, SnyBreadcrumbDirective, SnyBreadcrumbItemDirective, SnyBreadcrumbLinkDirective, SnyBreadcrumbListDirective, SnyBreadcrumbPageDirective, SnyBreadcrumbSeparatorDirective, SnyButtonDirective, SnyButtonGroupDirective, SnyCalendarComponent, SnyCardContentDirective, SnyCardDescriptionDirective, SnyCardDirective, SnyCardFooterDirective, SnyCardHeaderDirective, SnyCardTitleDirective, SnyCarouselContentDirective, SnyCarouselDirective, SnyCarouselItemDirective, SnyCarouselNextDirective, SnyCarouselPrevDirective, SnyChatBubbleAvatarDirective, SnyChatBubbleBodyDirective, SnyChatBubbleContentDirective, SnyChatBubbleDirective, SnyChatBubbleFooterDirective, SnyChatBubbleHeaderDirective, SnyCheckboxDirective, SnyComboboxComponent, SnyDialogCloseDirective, SnyDialogContentDirective, SnyDialogDescriptionDirective, SnyDialogFooterDirective, SnyDialogHeaderDirective, SnyDialogRef, SnyDialogService, SnyDialogTitleDirective, SnyDiffComponent, SnyDividerComponent, SnyDockDirective, SnyDockItemDirective, SnyDrawerContentDirective, SnyDrawerLayoutComponent, SnyDrawerLayoutDirective, SnyDrawerSideDirective, SnyDropdownContentDirective, SnyDropdownDirective, SnyDropdownTriggerDirective, SnyFabActionDirective, SnyFabDirective, SnyFabTriggerDirective, SnyFieldsetContentDirective, SnyFieldsetDirective, SnyFieldsetLegendDirective, SnyFileInputComponent, SnyIndicatorBadgeDirective, SnyIndicatorDirective, SnyInputDirective, SnyKbdDirective, SnyLabelDirective, SnyLinkDirective, SnyListDirective, SnyListItemActionDirective, SnyListItemContentDirective, SnyListItemDirective, SnyListItemIconDirective, SnyLoaderComponent, SnyMenuContentDirective, SnyMenuItemDirective, SnyMenuLabelDirective, SnyMenuSeparatorDirective, SnyNavbarBrandDirective, SnyNavbarContentDirective, SnyNavbarDirective, SnyNavbarEndDirective, SnyPaginationComponent, SnyProgressComponent, SnyRadialProgressComponent, SnyRadioDirective, SnyRatingComponent, SnySelectComponent, SnySheetCloseDirective, SnySheetContentDirective, SnySheetDescriptionDirective, SnySheetHeaderDirective, SnySheetRef, SnySheetService, SnySheetTitleDirective, SnySkeletonDirective, SnySliderComponent, SnyStatDescriptionDirective, SnyStatDirective, SnyStatFigureDirective, SnyStatTitleDirective, SnyStatValueDirective, SnyStatusDirective, SnyStepDirective, SnyStepsDirective, SnySwitchComponent, SnyTableBodyDirective, SnyTableCaptionDirective, SnyTableCellDirective, SnyTableDirective, SnyTableFooterDirective, SnyTableHeadDirective, SnyTableHeaderDirective, SnyTableRowDirective, SnyTabsContentDirective, SnyTabsDirective, SnyTabsListDirective, SnyTabsTriggerDirective, SnyTextareaDirective, SnyTimelineDirective, SnyTimelineEndDirective, SnyTimelineItemDirective, SnyTimelineMiddleDirective, SnyTimelineStartDirective, SnyToastService, SnyToasterComponent, SnyToggleDirective, SnyTooltipDirective, SnyValidatorDirective, SnyValidatorHintDirective, ThemeService, alertVariants, avatarVariants, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxVariants, cn, comboboxTriggerVariants, dividerVariants, dropdownContentVariants, dropdownItemVariants, fieldsetVariants, fileInputVariants, inputVariants, kbdVariants, labelVariants, linkVariants, loaderVariants, paginationItemVariants, progressBarVariants, progressTrackVariants, provideSonnyUI, radioVariants, ratingVariants, selectTriggerVariants, skeletonVariants, sliderTrackVariants, statusVariants, switchTrackVariants, tableCellVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleVariants, tooltipVariants };
|
|
1605
|
+
export type { AlertVariant, AvatarSize, AvatarVariant, BadgeSize, BadgeVariant, ButtonGroupOrientation, ButtonSize, ButtonVariant, CardPadding, CardVariant, ChatBubbleAlign, ChatBubbleContentVariant, CheckboxSize, ComboboxOption, ComboboxSize, DividerOrientation, DividerVariant, DockPosition, DrawerSide, DropdownItemVariant, FabDirection, FabPosition, FieldsetVariant, FileInputSize, FileInputVariant, IndicatorPosition, IndicatorVariant, InputSize, InputVariant, KbdSize, LinkVariant, ListVariant, LoaderSize, LoaderVariant, NavbarVariant, PaginationSize, PaginationVariant, ProgressSize, ProgressVariant, RadialProgressSize, RadialProgressVariant, RadioSize, RatingSize, RatingVariant, SelectOption, SelectSize, SheetSide, SkeletonSize, SkeletonVariant, SliderSize, SnyDialogConfig, SnySheetConfig, SonnyConfig, StatDescriptionVariant, StatusSize, StatusVariant, StepStatus, StepsOrientation, StepsSize, SwitchSize, TableDensity, TableVariant, TextareaResize, TextareaSize, TextareaVariant, Theme, TimelineConnect, TimelineMiddleVariant, TimelineOrientation, ToastAction, ToastConfig, ToastData, ToastPosition, ToastVariant, ToggleSize, ToggleVariant, TooltipPosition, ValidatorHintVariant };
|