@eduboxpro/studio 0.1.25 → 0.1.27
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/fesm2022/eduboxpro-studio.mjs +424 -9
- package/fesm2022/eduboxpro-studio.mjs.map +1 -1
- package/index.d.ts +112 -38
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -486,7 +486,7 @@ declare class BadgeComponent {
|
|
|
486
486
|
radiusInput: _angular_core.InputSignal<BadgeRadius | undefined>;
|
|
487
487
|
variant: _angular_core.Signal<"solid" | "outline" | "soft" | "dot">;
|
|
488
488
|
size: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
489
|
-
color: _angular_core.Signal<"
|
|
489
|
+
color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | "info" | "neutral">;
|
|
490
490
|
radius: _angular_core.Signal<"sm" | "md" | "lg" | "full">;
|
|
491
491
|
icon: _angular_core.InputSignal<string | undefined>;
|
|
492
492
|
iconPosition: _angular_core.InputSignal<BadgeIconPosition>;
|
|
@@ -644,27 +644,27 @@ declare class ButtonComponent {
|
|
|
644
644
|
private readonly buttonDefaults;
|
|
645
645
|
variantInput: _angular_core.InputSignal<"solid" | "outline" | "ghost" | undefined>;
|
|
646
646
|
sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
|
|
647
|
-
colorInput: _angular_core.InputSignal<"
|
|
648
|
-
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "
|
|
647
|
+
colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
|
|
648
|
+
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
|
|
649
649
|
shadowInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | undefined>;
|
|
650
650
|
compactInput: _angular_core.InputSignal<boolean | undefined>;
|
|
651
651
|
variant: _angular_core.Signal<"solid" | "outline" | "ghost">;
|
|
652
652
|
size: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
653
|
-
color: _angular_core.Signal<"
|
|
654
|
-
radius: _angular_core.Signal<"sm" | "md" | "lg" | "
|
|
653
|
+
color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning">;
|
|
654
|
+
radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full">;
|
|
655
655
|
shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
|
|
656
656
|
compact: _angular_core.Signal<boolean>;
|
|
657
657
|
disabled: _angular_core.InputSignal<boolean>;
|
|
658
658
|
loading: _angular_core.InputSignal<boolean>;
|
|
659
659
|
loadingText: _angular_core.InputSignal<string>;
|
|
660
660
|
fullWidth: _angular_core.InputSignal<boolean>;
|
|
661
|
-
type: _angular_core.InputSignal<"
|
|
661
|
+
type: _angular_core.InputSignal<"button" | "reset" | "submit">;
|
|
662
662
|
icon: _angular_core.InputSignal<string | undefined>;
|
|
663
663
|
iconPosition: _angular_core.InputSignal<"left" | "right" | "only">;
|
|
664
664
|
href: _angular_core.InputSignal<string | undefined>;
|
|
665
665
|
target: _angular_core.InputSignal<"_blank" | "_self" | "_parent" | "_top">;
|
|
666
666
|
badge: _angular_core.InputSignal<string | number | undefined>;
|
|
667
|
-
badgeColor: _angular_core.InputSignal<"
|
|
667
|
+
badgeColor: _angular_core.InputSignal<"primary" | "error" | "warning">;
|
|
668
668
|
ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
669
669
|
clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
670
670
|
protected iconSize: _angular_core.Signal<number>;
|
|
@@ -681,13 +681,13 @@ declare class ButtonGroupComponent {
|
|
|
681
681
|
orientationInput: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
|
|
682
682
|
sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
|
|
683
683
|
variantInput: _angular_core.InputSignal<"solid" | "outline" | "ghost" | undefined>;
|
|
684
|
-
colorInput: _angular_core.InputSignal<"
|
|
685
|
-
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "
|
|
684
|
+
colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
|
|
685
|
+
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
|
|
686
686
|
orientation: _angular_core.Signal<"vertical" | "horizontal">;
|
|
687
687
|
size: _angular_core.Signal<"sm" | "md" | "lg" | undefined>;
|
|
688
688
|
variant: _angular_core.Signal<"solid" | "outline" | "ghost" | undefined>;
|
|
689
|
-
color: _angular_core.Signal<"
|
|
690
|
-
radius: _angular_core.Signal<"sm" | "md" | "lg" | "
|
|
689
|
+
color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
|
|
690
|
+
radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
|
|
691
691
|
attached: _angular_core.InputSignal<boolean>;
|
|
692
692
|
fullWidth: _angular_core.InputSignal<boolean>;
|
|
693
693
|
disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -734,9 +734,9 @@ declare class CardComponent {
|
|
|
734
734
|
paddingInput: _angular_core.InputSignal<CardPadding | undefined>;
|
|
735
735
|
variant: _angular_core.Signal<"ghost" | "filled" | "outlined" | "elevated">;
|
|
736
736
|
size: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
737
|
-
color: _angular_core.Signal<"
|
|
738
|
-
radius: _angular_core.Signal<"sm" | "md" | "lg" | "
|
|
739
|
-
shadow: _angular_core.Signal<"sm" | "md" | "lg" | "
|
|
737
|
+
color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | "neutral" | "default">;
|
|
738
|
+
radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl">;
|
|
739
|
+
shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl">;
|
|
740
740
|
padding: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
|
|
741
741
|
orientation: _angular_core.InputSignal<CardOrientation>;
|
|
742
742
|
imagePosition: _angular_core.InputSignal<CardImagePosition>;
|
|
@@ -1074,7 +1074,7 @@ declare class ColorPickerComponent implements ControlValueAccessor, AfterViewIni
|
|
|
1074
1074
|
protected readonly colorAreaCanvas: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
|
|
1075
1075
|
variantInput: _angular_core.InputSignal<ColorPickerVariant | undefined>;
|
|
1076
1076
|
sizeInput: _angular_core.InputSignal<ColorPickerSize | undefined>;
|
|
1077
|
-
variant: _angular_core.Signal<"
|
|
1077
|
+
variant: _angular_core.Signal<"inline" | "popover" | "input">;
|
|
1078
1078
|
size: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
1079
1079
|
format: _angular_core.InputSignal<ColorFormat>;
|
|
1080
1080
|
showAlpha: _angular_core.InputSignal<boolean>;
|
|
@@ -1131,7 +1131,7 @@ declare const DEFAULT_COLOR_PRESETS: ColorSwatchGroup[];
|
|
|
1131
1131
|
declare class ColorPickerCompactComponent implements ControlValueAccessor {
|
|
1132
1132
|
private readonly configService;
|
|
1133
1133
|
trigger: _angular_core.InputSignal<"click" | "hover">;
|
|
1134
|
-
position: _angular_core.InputSignal<"
|
|
1134
|
+
position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
|
|
1135
1135
|
popoverWidth: _angular_core.InputSignal<string>;
|
|
1136
1136
|
showArrow: _angular_core.InputSignal<boolean>;
|
|
1137
1137
|
closeOnClickOutside: _angular_core.InputSignal<boolean>;
|
|
@@ -1211,7 +1211,7 @@ declare class DrawerComponent {
|
|
|
1211
1211
|
sizeInput: _angular_core.InputSignal<DrawerSize | undefined>;
|
|
1212
1212
|
customWidth: _angular_core.InputSignal<string | undefined>;
|
|
1213
1213
|
customHeight: _angular_core.InputSignal<string | undefined>;
|
|
1214
|
-
position: _angular_core.Signal<"
|
|
1214
|
+
position: _angular_core.Signal<"left" | "right" | "top" | "bottom">;
|
|
1215
1215
|
size: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full">;
|
|
1216
1216
|
modalInput: _angular_core.InputSignal<boolean | undefined>;
|
|
1217
1217
|
closeOnEscapeInput: _angular_core.InputSignal<boolean | undefined>;
|
|
@@ -1430,10 +1430,10 @@ declare class InputComponent implements ControlValueAccessor {
|
|
|
1430
1430
|
protected readonly inputEl: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
1431
1431
|
variantInput: _angular_core.InputSignal<"outline" | "filled" | "underline" | undefined>;
|
|
1432
1432
|
sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
|
|
1433
|
-
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "
|
|
1433
|
+
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
|
|
1434
1434
|
variant: _angular_core.Signal<"outline" | "filled" | "underline">;
|
|
1435
1435
|
size: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
1436
|
-
radius: _angular_core.Signal<"sm" | "md" | "lg" | "
|
|
1436
|
+
radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
|
|
1437
1437
|
disabled: _angular_core.InputSignal<boolean>;
|
|
1438
1438
|
readonly: _angular_core.InputSignal<boolean>;
|
|
1439
1439
|
loading: _angular_core.InputSignal<boolean>;
|
|
@@ -1659,10 +1659,10 @@ declare class PhoneInputComponent implements ControlValueAccessor, Validator {
|
|
|
1659
1659
|
protected readonly inputEl: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
1660
1660
|
variantInput: _angular_core.InputSignal<"outline" | "filled" | "underline" | undefined>;
|
|
1661
1661
|
sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
|
|
1662
|
-
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "
|
|
1662
|
+
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
|
|
1663
1663
|
variant: _angular_core.Signal<"outline" | "filled" | "underline">;
|
|
1664
1664
|
size: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
1665
|
-
radius: _angular_core.Signal<"sm" | "md" | "lg" | "
|
|
1665
|
+
radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
|
|
1666
1666
|
country: _angular_core.ModelSignal<PhoneCountry>;
|
|
1667
1667
|
showCountrySelector: _angular_core.InputSignal<boolean>;
|
|
1668
1668
|
showFlag: _angular_core.InputSignal<boolean>;
|
|
@@ -1825,12 +1825,12 @@ declare class PopoverComponent {
|
|
|
1825
1825
|
triggerInput: _angular_core.InputSignal<PopoverTrigger | undefined>;
|
|
1826
1826
|
openDelay: _angular_core.InputSignal<number>;
|
|
1827
1827
|
closeDelay: _angular_core.InputSignal<number>;
|
|
1828
|
-
trigger: _angular_core.Signal<"click" | "
|
|
1828
|
+
trigger: _angular_core.Signal<"click" | "hover" | "focus" | "manual">;
|
|
1829
1829
|
positionInput: _angular_core.InputSignal<PopoverPosition | undefined>;
|
|
1830
1830
|
offset: _angular_core.InputSignal<number>;
|
|
1831
1831
|
preventOverflow: _angular_core.InputSignal<boolean>;
|
|
1832
1832
|
flipValue: _angular_core.InputSignal<boolean>;
|
|
1833
|
-
position: _angular_core.Signal<"
|
|
1833
|
+
position: _angular_core.Signal<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
|
|
1834
1834
|
variantInput: _angular_core.InputSignal<PopoverVariant | undefined>;
|
|
1835
1835
|
sizeInput: _angular_core.InputSignal<PopoverSize | undefined>;
|
|
1836
1836
|
width: _angular_core.InputSignal<PopoverWidth>;
|
|
@@ -1838,7 +1838,7 @@ declare class PopoverComponent {
|
|
|
1838
1838
|
maxWidth: _angular_core.InputSignal<string | number | undefined>;
|
|
1839
1839
|
maxHeight: _angular_core.InputSignal<string | number | undefined>;
|
|
1840
1840
|
padding: _angular_core.InputSignal<string | undefined>;
|
|
1841
|
-
variant: _angular_core.Signal<"default" | "
|
|
1841
|
+
variant: _angular_core.Signal<"default" | "minimal" | "bordered" | "shadow">;
|
|
1842
1842
|
size: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
1843
1843
|
arrow: _angular_core.InputSignal<boolean>;
|
|
1844
1844
|
arrowSize: _angular_core.InputSignal<number>;
|
|
@@ -1849,7 +1849,7 @@ declare class PopoverComponent {
|
|
|
1849
1849
|
overlayOpacity: _angular_core.InputSignal<number>;
|
|
1850
1850
|
animationInput: _angular_core.InputSignal<PopoverAnimation | undefined>;
|
|
1851
1851
|
animationDuration: _angular_core.InputSignal<number>;
|
|
1852
|
-
animation: _angular_core.Signal<"
|
|
1852
|
+
animation: _angular_core.Signal<"none" | "fade" | "scale" | "slide">;
|
|
1853
1853
|
showHeader: _angular_core.InputSignal<boolean>;
|
|
1854
1854
|
showFooter: _angular_core.InputSignal<boolean>;
|
|
1855
1855
|
showCloseButton: _angular_core.InputSignal<boolean>;
|
|
@@ -1985,17 +1985,20 @@ interface SelectDisplayContext<T = any> {
|
|
|
1985
1985
|
highlighted: boolean;
|
|
1986
1986
|
}
|
|
1987
1987
|
|
|
1988
|
-
declare class SelectComponent<T = any> implements ControlValueAccessor {
|
|
1988
|
+
declare class SelectComponent<T = any> implements ControlValueAccessor, OnDestroy {
|
|
1989
1989
|
private readonly configService;
|
|
1990
1990
|
private readonly selectDefaults;
|
|
1991
|
+
private readonly document;
|
|
1992
|
+
private readonly renderer;
|
|
1993
|
+
private readonly hostEl;
|
|
1991
1994
|
protected readonly triggerEl: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
|
|
1992
1995
|
protected readonly dropdownEl: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
1993
1996
|
variantInput: _angular_core.InputSignal<SelectVariant | undefined>;
|
|
1994
1997
|
sizeInput: _angular_core.InputSignal<SelectSize | undefined>;
|
|
1995
|
-
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "
|
|
1998
|
+
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
|
|
1996
1999
|
variant: _angular_core.Signal<"outline" | "filled" | "underline">;
|
|
1997
2000
|
size: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
1998
|
-
radius: _angular_core.Signal<"sm" | "md" | "lg" | "
|
|
2001
|
+
radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
|
|
1999
2002
|
options: _angular_core.InputSignal<SelectOption<T>[] | SelectOptionGroup<T>[]>;
|
|
2000
2003
|
placeholder: _angular_core.InputSignal<string>;
|
|
2001
2004
|
multiple: _angular_core.InputSignal<boolean>;
|
|
@@ -2014,6 +2017,7 @@ declare class SelectComponent<T = any> implements ControlValueAccessor {
|
|
|
2014
2017
|
fullWidth: _angular_core.InputSignal<boolean>;
|
|
2015
2018
|
maxHeight: _angular_core.InputSignal<string>;
|
|
2016
2019
|
position: _angular_core.InputSignal<SelectPosition>;
|
|
2020
|
+
appendToBody: _angular_core.InputSignal<boolean>;
|
|
2017
2021
|
searchPlaceholder: _angular_core.InputSignal<string>;
|
|
2018
2022
|
valueChange: _angular_core.OutputEmitterRef<T | T[] | null>;
|
|
2019
2023
|
searchChange: _angular_core.OutputEmitterRef<string>;
|
|
@@ -2029,7 +2033,9 @@ declare class SelectComponent<T = any> implements ControlValueAccessor {
|
|
|
2029
2033
|
protected generatedId: string;
|
|
2030
2034
|
private onChange;
|
|
2031
2035
|
private onTouched;
|
|
2036
|
+
private portalContainer;
|
|
2032
2037
|
constructor();
|
|
2038
|
+
ngOnDestroy(): void;
|
|
2033
2039
|
protected flattenedOptions: _angular_core.Signal<SelectOption<T>[]>;
|
|
2034
2040
|
protected filteredOptions: _angular_core.Signal<SelectOption<T>[]>;
|
|
2035
2041
|
protected selectedOptions: _angular_core.Signal<SelectOption<T> | SelectOption<T>[] | null>;
|
|
@@ -2056,8 +2062,10 @@ declare class SelectComponent<T = any> implements ControlValueAccessor {
|
|
|
2056
2062
|
registerOnChange(fn: any): void;
|
|
2057
2063
|
registerOnTouched(fn: any): void;
|
|
2058
2064
|
setDisabledState(isDisabled: boolean): void;
|
|
2065
|
+
private attachDropdownToBody;
|
|
2066
|
+
private detachDropdownFromBody;
|
|
2059
2067
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
|
|
2060
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "studio-select", never, { "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "radiusInput": { "alias": "radius"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "optionSelected": "optionSelected"; }, never, never, true, never>;
|
|
2068
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "studio-select", never, { "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "radiusInput": { "alias": "radius"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "optionSelected": "optionSelected"; }, never, never, true, never>;
|
|
2061
2069
|
}
|
|
2062
2070
|
|
|
2063
2071
|
/**
|
|
@@ -2180,6 +2188,72 @@ declare class SwitchComponent implements ControlValueAccessor {
|
|
|
2180
2188
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "studio-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "colorInput": { "alias": "color"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange": "checkedChange"; }, never, never, true, never>;
|
|
2181
2189
|
}
|
|
2182
2190
|
|
|
2191
|
+
/**
|
|
2192
|
+
* Pagination component types
|
|
2193
|
+
*/
|
|
2194
|
+
type PaginationSize = 'sm' | 'md' | 'lg';
|
|
2195
|
+
type PaginationVariant = 'default' | 'minimal' | 'compact';
|
|
2196
|
+
interface PaginationPageChangeEvent {
|
|
2197
|
+
page: number;
|
|
2198
|
+
pageSize: number;
|
|
2199
|
+
totalItems: number;
|
|
2200
|
+
totalPages: number;
|
|
2201
|
+
}
|
|
2202
|
+
interface PaginationPageSizeChangeEvent {
|
|
2203
|
+
pageSize: number;
|
|
2204
|
+
previousPageSize: number;
|
|
2205
|
+
}
|
|
2206
|
+
|
|
2207
|
+
/**
|
|
2208
|
+
* Pagination component for navigating through pages of data
|
|
2209
|
+
*
|
|
2210
|
+
* @example
|
|
2211
|
+
* <studio-pagination
|
|
2212
|
+
* [(page)]="currentPage"
|
|
2213
|
+
* [(pageSize)]="pageSize"
|
|
2214
|
+
* [totalItems]="100"
|
|
2215
|
+
* [pageSizeOptions]="[10, 25, 50]"
|
|
2216
|
+
* (pageChange)="onPageChange($event)"
|
|
2217
|
+
* />
|
|
2218
|
+
*/
|
|
2219
|
+
declare class PaginationComponent {
|
|
2220
|
+
page: _angular_core.ModelSignal<number>;
|
|
2221
|
+
pageSize: _angular_core.ModelSignal<number>;
|
|
2222
|
+
totalItems: _angular_core.InputSignal<number>;
|
|
2223
|
+
pageSizeOptions: _angular_core.InputSignal<number[]>;
|
|
2224
|
+
size: _angular_core.InputSignal<PaginationSize>;
|
|
2225
|
+
variant: _angular_core.InputSignal<PaginationVariant>;
|
|
2226
|
+
maxVisiblePages: _angular_core.InputSignal<number>;
|
|
2227
|
+
showPageSizeSelector: _angular_core.InputSignal<boolean>;
|
|
2228
|
+
showPageNumbers: _angular_core.InputSignal<boolean>;
|
|
2229
|
+
showInfo: _angular_core.InputSignal<boolean>;
|
|
2230
|
+
showFirstLast: _angular_core.InputSignal<boolean>;
|
|
2231
|
+
pageSizeLabel: _angular_core.InputSignal<string>;
|
|
2232
|
+
previousLabel: _angular_core.InputSignal<string>;
|
|
2233
|
+
nextLabel: _angular_core.InputSignal<string>;
|
|
2234
|
+
firstLabel: _angular_core.InputSignal<string>;
|
|
2235
|
+
lastLabel: _angular_core.InputSignal<string>;
|
|
2236
|
+
infoTemplate: _angular_core.InputSignal<string>;
|
|
2237
|
+
pageChange: _angular_core.OutputEmitterRef<PaginationPageChangeEvent>;
|
|
2238
|
+
pageSizeChange: _angular_core.OutputEmitterRef<PaginationPageSizeChangeEvent>;
|
|
2239
|
+
protected totalPages: _angular_core.Signal<number>;
|
|
2240
|
+
protected isFirstPage: _angular_core.Signal<boolean>;
|
|
2241
|
+
protected isLastPage: _angular_core.Signal<boolean>;
|
|
2242
|
+
protected iconSize: _angular_core.Signal<number>;
|
|
2243
|
+
protected hostClasses: _angular_core.Signal<string>;
|
|
2244
|
+
protected infoText: _angular_core.Signal<string>;
|
|
2245
|
+
protected visiblePages: _angular_core.Signal<number[]>;
|
|
2246
|
+
goToPage(pageNum: number): void;
|
|
2247
|
+
goToFirst(): void;
|
|
2248
|
+
goToLast(): void;
|
|
2249
|
+
goToPrevious(): void;
|
|
2250
|
+
goToNext(): void;
|
|
2251
|
+
onPageSizeChange(newSize: number): void;
|
|
2252
|
+
private emitPageChange;
|
|
2253
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
|
|
2254
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "studio-pagination", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "showPageNumbers": { "alias": "showPageNumbers"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; "showFirstLast": { "alias": "showFirstLast"; "required": false; "isSignal": true; }; "pageSizeLabel": { "alias": "pageSizeLabel"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "firstLabel": { "alias": "firstLabel"; "required": false; "isSignal": true; }; "lastLabel": { "alias": "lastLabel"; "required": false; "isSignal": true; }; "infoTemplate": { "alias": "infoTemplate"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
|
|
2255
|
+
}
|
|
2256
|
+
|
|
2183
2257
|
/**
|
|
2184
2258
|
* Table component types and interfaces
|
|
2185
2259
|
* Enterprise-grade type-safe table with full feature set
|
|
@@ -2384,7 +2458,7 @@ declare class TableComponent<T = any> {
|
|
|
2384
2458
|
private readonly tableDefaults;
|
|
2385
2459
|
variantInput: _angular_core.InputSignal<TableVariant | undefined>;
|
|
2386
2460
|
densityInput: _angular_core.InputSignal<TableDensity | undefined>;
|
|
2387
|
-
variant: _angular_core.Signal<"default" | "
|
|
2461
|
+
variant: _angular_core.Signal<"default" | "minimal" | "bordered" | "striped">;
|
|
2388
2462
|
density: _angular_core.Signal<"compact" | "comfortable" | "spacious">;
|
|
2389
2463
|
data: _angular_core.InputSignal<T[]>;
|
|
2390
2464
|
columns: _angular_core.InputSignal<TableColumn<T>[]>;
|
|
@@ -2693,8 +2767,8 @@ type TextareaRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
|
2693
2767
|
|
|
2694
2768
|
declare class TooltipComponent {
|
|
2695
2769
|
content: _angular_core.InputSignal<string>;
|
|
2696
|
-
trigger: _angular_core.InputSignal<"click" | "
|
|
2697
|
-
position: _angular_core.InputSignal<"
|
|
2770
|
+
trigger: _angular_core.InputSignal<"click" | "hover" | "focus">;
|
|
2771
|
+
position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
|
|
2698
2772
|
openDelay: _angular_core.InputSignal<number>;
|
|
2699
2773
|
closeDelay: _angular_core.InputSignal<number>;
|
|
2700
2774
|
arrow: _angular_core.InputSignal<boolean>;
|
|
@@ -2727,14 +2801,14 @@ declare class ButtonToggleGroupComponent implements ControlValueAccessor {
|
|
|
2727
2801
|
orientationInput: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
|
|
2728
2802
|
sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
|
|
2729
2803
|
variantInput: _angular_core.InputSignal<"solid" | "outline" | "ghost" | undefined>;
|
|
2730
|
-
colorInput: _angular_core.InputSignal<"
|
|
2731
|
-
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "
|
|
2804
|
+
colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
|
|
2805
|
+
radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
|
|
2732
2806
|
shadowInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | undefined>;
|
|
2733
2807
|
orientation: _angular_core.Signal<"vertical" | "horizontal">;
|
|
2734
2808
|
size: _angular_core.Signal<"sm" | "md" | "lg">;
|
|
2735
2809
|
variant: _angular_core.Signal<"solid" | "outline" | "ghost">;
|
|
2736
|
-
color: _angular_core.Signal<"
|
|
2737
|
-
radius: _angular_core.Signal<"sm" | "md" | "lg" | "
|
|
2810
|
+
color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning">;
|
|
2811
|
+
radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full">;
|
|
2738
2812
|
shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
|
|
2739
2813
|
attached: _angular_core.InputSignal<boolean>;
|
|
2740
2814
|
fullWidth: _angular_core.InputSignal<boolean>;
|
|
@@ -3053,5 +3127,5 @@ declare function loadGoogleFonts(fonts: Array<{
|
|
|
3053
3127
|
display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
|
|
3054
3128
|
}>): void;
|
|
3055
3129
|
|
|
3056
|
-
export { BadgeComponent, BadgeWrapperComponent, BottomNavigationComponent, ButtonComponent, ButtonGroupComponent, ButtonToggleGroupComponent, COUNTRY_OPTIONS, CardComponent, ChatComponent, ChatInputComponent, ChatMessageComponent, CheckboxComponent, ColorPickerCompactComponent, ColorPickerComponent, DEFAULT_COLOR_PRESETS, DrawerComponent, DrawerService, DropdownComponent, IconComponent, InputComponent, InspectorComponent, MASK_PRESETS, MaskDirective, MaskEngine, MenuComponent, ModalComponent, NavbarComponent, PhoneInputComponent, PopoverComponent, RadioButtonComponent, STUDIO_CONFIG, SelectComponent, SidebarComponent, StudioConfigService, SwitchComponent, TableColumnDirective, TableComponent, TabsComponent, TextareaComponent, ThemeSwitchComponent, TooltipComponent, classNames, isSafeUrl, loadGoogleFont, loadGoogleFonts, provideStudioConfig, provideStudioIcons, sanitizeUrl, withConfigDefault };
|
|
3057
|
-
export type { BadgeColor, BadgeDefaultsConfig, BadgeIconPosition, BadgeRadius, BadgeSize, BadgeVariant, BadgeWrapperPosition, BadgeWrapperSize, BottomNavigationDefaultsConfig, BottomNavigationFabPosition, BottomNavigationItem, BottomNavigationLabelMode, BottomNavigationSize, BottomNavigationVariant, ButtonDefaultsConfig, ButtonGroupDefaultsConfig, ButtonToggleGroupDefaultsConfig, ButtonToggleGroupOption, ButtonToggleGroupValue, CardColor, CardDefaultsConfig, CardImagePosition, CardOrientation, CardPadding, CardRadius, CardShadow, CardSize, CardVariant, ChatMessage, ChatSize, ChatUser, ChatVariant, CheckboxColor, CheckboxDefaultsConfig, CheckboxRadius, CheckboxSize, CheckboxVariant, ColorConfig, ColorFormat, ColorPickerDefaultsConfig, ColorPickerSize, ColorPickerVariant, ColorPreset, ColorSwatchGroup, ColorValue, ComponentsConfig, CountryOption, DrawerAnimationEasing, DrawerCloseButtonPosition, DrawerConfig, DrawerDefaultsConfig, DrawerPosition, DrawerRadius, DrawerRole, DrawerShadowSize, DrawerSize, DropdownDefaultsConfig, DropdownItem, DropdownPosition, EmptyStateConfig, HSL, InputDefaultsConfig, InputMode, InputType, InspectorComponentSize, InspectorComponentVariant, InspectorData, InspectorGroup, InspectorGroupDivider, InspectorOption, InspectorParameter, InspectorParameterType, InspectorSection, InspectorSpacing, MaskConfig, MaskPreset, MaskResult, MaskToken, MenuColor, MenuExpandEvent, MenuExpandIconPosition, MenuItem, MenuItemBadgeColor, MenuItemClickEvent, MenuItemCommandEvent, MenuItemIconPosition, MenuItemTarget, MenuItemTooltipPosition, MenuMode, MenuOrientation, MenuRadius, MenuSize, MenuSpacing, MenuVariant, ModalAnimation, ModalDefaultsConfig, ModalPosition, ModalSize, ModalVariant, NavbarColor, NavbarShadow, NavbarSize, NavbarVariant, PhoneCountry, PopoverAnimation, PopoverBoundary, PopoverConfig, PopoverDefaultsConfig, PopoverPosition, PopoverSize, PopoverTrigger, PopoverVariant, PopoverWidth, RGB, RadioButtonColor, RadioButtonDefaultsConfig, RadioButtonRadius, RadioButtonSize, RadioButtonVariant, RowAction, RowExpansion, SelectDefaultsConfig, SelectDisplayContext, SelectOption, SelectOptionGroup, SelectPosition, SelectSize, SelectVariant, SelectionEvent, SelectionMode, SidebarConfig, SidebarDefaultsConfig, SidebarPosition, SidebarSize, SidebarVariant, SortDirection, SortEvent, StudioConfig, StudioThemeConfig, SwitchDefaultsConfig, TabItem, TableCellContext, TableColumn, TableDefaultsConfig, TableDensity, TableHeaderContext, TableSort, TableState, TableVariant, TabsDefaultsConfig, TabsOrientation, TabsSize, TabsVariant, TextareaColor, TextareaDefaultsConfig, TextareaRadius, TextareaSize, TextareaVariant, ThemeMode, TooltipDefaultsConfig };
|
|
3130
|
+
export { BadgeComponent, BadgeWrapperComponent, BottomNavigationComponent, ButtonComponent, ButtonGroupComponent, ButtonToggleGroupComponent, COUNTRY_OPTIONS, CardComponent, ChatComponent, ChatInputComponent, ChatMessageComponent, CheckboxComponent, ColorPickerCompactComponent, ColorPickerComponent, DEFAULT_COLOR_PRESETS, DrawerComponent, DrawerService, DropdownComponent, IconComponent, InputComponent, InspectorComponent, MASK_PRESETS, MaskDirective, MaskEngine, MenuComponent, ModalComponent, NavbarComponent, PaginationComponent, PhoneInputComponent, PopoverComponent, RadioButtonComponent, STUDIO_CONFIG, SelectComponent, SidebarComponent, StudioConfigService, SwitchComponent, TableColumnDirective, TableComponent, TabsComponent, TextareaComponent, ThemeSwitchComponent, TooltipComponent, classNames, isSafeUrl, loadGoogleFont, loadGoogleFonts, provideStudioConfig, provideStudioIcons, sanitizeUrl, withConfigDefault };
|
|
3131
|
+
export type { BadgeColor, BadgeDefaultsConfig, BadgeIconPosition, BadgeRadius, BadgeSize, BadgeVariant, BadgeWrapperPosition, BadgeWrapperSize, BottomNavigationDefaultsConfig, BottomNavigationFabPosition, BottomNavigationItem, BottomNavigationLabelMode, BottomNavigationSize, BottomNavigationVariant, ButtonDefaultsConfig, ButtonGroupDefaultsConfig, ButtonToggleGroupDefaultsConfig, ButtonToggleGroupOption, ButtonToggleGroupValue, CardColor, CardDefaultsConfig, CardImagePosition, CardOrientation, CardPadding, CardRadius, CardShadow, CardSize, CardVariant, ChatMessage, ChatSize, ChatUser, ChatVariant, CheckboxColor, CheckboxDefaultsConfig, CheckboxRadius, CheckboxSize, CheckboxVariant, ColorConfig, ColorFormat, ColorPickerDefaultsConfig, ColorPickerSize, ColorPickerVariant, ColorPreset, ColorSwatchGroup, ColorValue, ComponentsConfig, CountryOption, DrawerAnimationEasing, DrawerCloseButtonPosition, DrawerConfig, DrawerDefaultsConfig, DrawerPosition, DrawerRadius, DrawerRole, DrawerShadowSize, DrawerSize, DropdownDefaultsConfig, DropdownItem, DropdownPosition, EmptyStateConfig, HSL, InputDefaultsConfig, InputMode, InputType, InspectorComponentSize, InspectorComponentVariant, InspectorData, InspectorGroup, InspectorGroupDivider, InspectorOption, InspectorParameter, InspectorParameterType, InspectorSection, InspectorSpacing, MaskConfig, MaskPreset, MaskResult, MaskToken, MenuColor, MenuExpandEvent, MenuExpandIconPosition, MenuItem, MenuItemBadgeColor, MenuItemClickEvent, MenuItemCommandEvent, MenuItemIconPosition, MenuItemTarget, MenuItemTooltipPosition, MenuMode, MenuOrientation, MenuRadius, MenuSize, MenuSpacing, MenuVariant, ModalAnimation, ModalDefaultsConfig, ModalPosition, ModalSize, ModalVariant, NavbarColor, NavbarShadow, NavbarSize, NavbarVariant, PaginationPageChangeEvent, PaginationPageSizeChangeEvent, PaginationSize, PaginationVariant, PhoneCountry, PopoverAnimation, PopoverBoundary, PopoverConfig, PopoverDefaultsConfig, PopoverPosition, PopoverSize, PopoverTrigger, PopoverVariant, PopoverWidth, RGB, RadioButtonColor, RadioButtonDefaultsConfig, RadioButtonRadius, RadioButtonSize, RadioButtonVariant, RowAction, RowExpansion, SelectDefaultsConfig, SelectDisplayContext, SelectOption, SelectOptionGroup, SelectPosition, SelectSize, SelectVariant, SelectionEvent, SelectionMode, SidebarConfig, SidebarDefaultsConfig, SidebarPosition, SidebarSize, SidebarVariant, SortDirection, SortEvent, StudioConfig, StudioThemeConfig, SwitchDefaultsConfig, TabItem, TableCellContext, TableColumn, TableDefaultsConfig, TableDensity, TableHeaderContext, TableSort, TableState, TableVariant, TabsDefaultsConfig, TabsOrientation, TabsSize, TabsVariant, TextareaColor, TextareaDefaultsConfig, TextareaRadius, TextareaSize, TextareaVariant, ThemeMode, TooltipDefaultsConfig };
|