dasar-ui 1.1.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -14
- package/fesm2022/dasar-ui.mjs +9664 -0
- package/fesm2022/dasar-ui.mjs.map +1 -0
- package/package.json +39 -42
- package/types/dasar-ui.d.ts +2114 -0
- package/.editorconfig +0 -17
- package/.nvmrc +0 -1
- package/.prettierrc +0 -12
- package/.vscode/extensions.json +0 -4
- package/.vscode/launch.json +0 -20
- package/.vscode/settings.json +0 -4
- package/.vscode/tasks.json +0 -42
- package/CHANGELOG.md +0 -18
- package/angular.json +0 -37
- package/projects/dasar-ui/README.md +0 -64
- package/projects/dasar-ui/ng-package.json +0 -10
- package/projects/dasar-ui/package.json +0 -27
- package/projects/dasar-ui/src/lib/components/dasar-button/dasar-button.html +0 -9
- package/projects/dasar-ui/src/lib/components/dasar-button/dasar-button.scss +0 -352
- package/projects/dasar-ui/src/lib/components/dasar-button/dasar-button.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-button/dasar-button.ts +0 -154
- package/projects/dasar-ui/src/lib/components/dasar-button-group/dasar-button-group.html +0 -1
- package/projects/dasar-ui/src/lib/components/dasar-button-group/dasar-button-group.scss +0 -69
- package/projects/dasar-ui/src/lib/components/dasar-button-group/dasar-button-group.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-button-group/dasar-button-group.ts +0 -30
- package/projects/dasar-ui/src/lib/components/dasar-calendar/dasar-calendar.html +0 -158
- package/projects/dasar-ui/src/lib/components/dasar-calendar/dasar-calendar.scss +0 -371
- package/projects/dasar-ui/src/lib/components/dasar-calendar/dasar-calendar.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-calendar/dasar-calendar.ts +0 -458
- package/projects/dasar-ui/src/lib/components/dasar-card/dasar-card.html +0 -80
- package/projects/dasar-ui/src/lib/components/dasar-card/dasar-card.scss +0 -184
- package/projects/dasar-ui/src/lib/components/dasar-card/dasar-card.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-card/dasar-card.ts +0 -294
- package/projects/dasar-ui/src/lib/components/dasar-chip/dasar-chip.html +0 -42
- package/projects/dasar-ui/src/lib/components/dasar-chip/dasar-chip.scss +0 -38
- package/projects/dasar-ui/src/lib/components/dasar-chip/dasar-chip.ts +0 -207
- package/projects/dasar-ui/src/lib/components/dasar-datepicker/dasar-datepicker.html +0 -102
- package/projects/dasar-ui/src/lib/components/dasar-datepicker/dasar-datepicker.scss +0 -301
- package/projects/dasar-ui/src/lib/components/dasar-datepicker/dasar-datepicker.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-datepicker/dasar-datepicker.ts +0 -527
- package/projects/dasar-ui/src/lib/components/dasar-icon/dasar-icon.html +0 -1
- package/projects/dasar-ui/src/lib/components/dasar-icon/dasar-icon.registry.ts +0 -5089
- package/projects/dasar-ui/src/lib/components/dasar-icon/dasar-icon.scss +0 -24
- package/projects/dasar-ui/src/lib/components/dasar-icon/dasar-icon.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-icon/dasar-icon.ts +0 -97
- package/projects/dasar-ui/src/lib/components/dasar-input/dasar-input.html +0 -54
- package/projects/dasar-ui/src/lib/components/dasar-input/dasar-input.scss +0 -281
- package/projects/dasar-ui/src/lib/components/dasar-input/dasar-input.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-input/dasar-input.ts +0 -323
- package/projects/dasar-ui/src/lib/components/dasar-menu/dasar-menu.html +0 -63
- package/projects/dasar-ui/src/lib/components/dasar-menu/dasar-menu.scss +0 -195
- package/projects/dasar-ui/src/lib/components/dasar-menu/dasar-menu.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-menu/dasar-menu.ts +0 -240
- package/projects/dasar-ui/src/lib/components/dasar-number-input/dasar-number-input.html +0 -90
- package/projects/dasar-ui/src/lib/components/dasar-number-input/dasar-number-input.scss +0 -358
- package/projects/dasar-ui/src/lib/components/dasar-number-input/dasar-number-input.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-number-input/dasar-number-input.ts +0 -337
- package/projects/dasar-ui/src/lib/components/dasar-pagination/dasar-pagination.html +0 -98
- package/projects/dasar-ui/src/lib/components/dasar-pagination/dasar-pagination.scss +0 -51
- package/projects/dasar-ui/src/lib/components/dasar-pagination/dasar-pagination.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-pagination/dasar-pagination.ts +0 -99
- package/projects/dasar-ui/src/lib/components/dasar-pin/dasar-pin.css +0 -0
- package/projects/dasar-ui/src/lib/components/dasar-pin/dasar-pin.html +0 -1
- package/projects/dasar-ui/src/lib/components/dasar-pin/dasar-pin.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-pin/dasar-pin.ts +0 -9
- package/projects/dasar-ui/src/lib/components/dasar-pivot-table/dasar-pivot-table.html +0 -163
- package/projects/dasar-ui/src/lib/components/dasar-pivot-table/dasar-pivot-table.scss +0 -283
- package/projects/dasar-ui/src/lib/components/dasar-pivot-table/dasar-pivot-table.ts +0 -230
- package/projects/dasar-ui/src/lib/components/dasar-radio/dasar-radio.css +0 -0
- package/projects/dasar-ui/src/lib/components/dasar-radio/dasar-radio.html +0 -1
- package/projects/dasar-ui/src/lib/components/dasar-radio/dasar-radio.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-radio/dasar-radio.ts +0 -9
- package/projects/dasar-ui/src/lib/components/dasar-select/dasar-select.html +0 -185
- package/projects/dasar-ui/src/lib/components/dasar-select/dasar-select.scss +0 -347
- package/projects/dasar-ui/src/lib/components/dasar-select/dasar-select.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-select/dasar-select.ts +0 -497
- package/projects/dasar-ui/src/lib/components/dasar-slider/dasar-slider.css +0 -0
- package/projects/dasar-ui/src/lib/components/dasar-slider/dasar-slider.html +0 -1
- package/projects/dasar-ui/src/lib/components/dasar-slider/dasar-slider.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-slider/dasar-slider.ts +0 -9
- package/projects/dasar-ui/src/lib/components/dasar-table/dasar-table.html +0 -162
- package/projects/dasar-ui/src/lib/components/dasar-table/dasar-table.scss +0 -283
- package/projects/dasar-ui/src/lib/components/dasar-table/dasar-table.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-table/dasar-table.ts +0 -380
- package/projects/dasar-ui/src/lib/components/dasar-tabs/dasar-tabs.html +0 -41
- package/projects/dasar-ui/src/lib/components/dasar-tabs/dasar-tabs.scss +0 -126
- package/projects/dasar-ui/src/lib/components/dasar-tabs/dasar-tabs.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-tabs/dasar-tabs.ts +0 -72
- package/projects/dasar-ui/src/lib/components/dasar-textarea/dasar-textarea.html +0 -43
- package/projects/dasar-ui/src/lib/components/dasar-textarea/dasar-textarea.scss +0 -189
- package/projects/dasar-ui/src/lib/components/dasar-textarea/dasar-textarea.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-textarea/dasar-textarea.ts +0 -139
- package/projects/dasar-ui/src/lib/components/dasar-theme-provider/dasar-theme-provider.ts +0 -286
- package/projects/dasar-ui/src/lib/components/dasar-toast/dasar-toast.css +0 -0
- package/projects/dasar-ui/src/lib/components/dasar-toast/dasar-toast.html +0 -1
- package/projects/dasar-ui/src/lib/components/dasar-toast/dasar-toast.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-toast/dasar-toast.ts +0 -9
- package/projects/dasar-ui/src/lib/components/dasar-toggle/dasar-toggle.css +0 -0
- package/projects/dasar-ui/src/lib/components/dasar-toggle/dasar-toggle.html +0 -1
- package/projects/dasar-ui/src/lib/components/dasar-toggle/dasar-toggle.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-toggle/dasar-toggle.ts +0 -9
- package/projects/dasar-ui/src/lib/components/dasar-tooltip/dasar-tooltip.css +0 -0
- package/projects/dasar-ui/src/lib/components/dasar-tooltip/dasar-tooltip.html +0 -1
- package/projects/dasar-ui/src/lib/components/dasar-tooltip/dasar-tooltip.spec.ts +0 -21
- package/projects/dasar-ui/src/lib/components/dasar-tooltip/dasar-tooltip.ts +0 -9
- package/projects/dasar-ui/src/lib/models/theme.model.ts +0 -643
- package/projects/dasar-ui/src/lib/models/type.model.ts +0 -11
- package/projects/dasar-ui/src/lib/services/theme.service.ts +0 -643
- package/projects/dasar-ui/src/lib/styles/theme.ts +0 -70
- package/projects/dasar-ui/src/lib/utils/common.ts +0 -175
- package/projects/dasar-ui/src/public-api.ts +0 -23
- package/projects/dasar-ui/tsconfig.lib.json +0 -21
- package/projects/dasar-ui/tsconfig.lib.prod.json +0 -11
- package/projects/dasar-ui/tsconfig.spec.json +0 -11
- package/tsconfig.json +0 -37
- /package/{projects/dasar-ui/src/lib/styles → styles}/theme.scss +0 -0
|
@@ -0,0 +1,2114 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, TemplateRef, QueryList, OnChanges, SimpleChanges, OnInit, ElementRef, InjectionToken, RendererFactory2 } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { ScaleAttributeType as ScaleAttributeType$1 } from '@models/type.model';
|
|
5
|
+
import * as dasar_ui from 'dasar-ui';
|
|
6
|
+
import { SafeHtml } from '@angular/platform-browser';
|
|
7
|
+
import { DasarThemeMode as DasarThemeMode$1, DasarComponentConfig as DasarComponentConfig$1, DasarThemeConfig as DasarThemeConfig$1, DasarThemeCommon as DasarThemeCommon$1, DasarThemeButton as DasarThemeButton$1, DasarThemeCalendar as DasarThemeCalendar$1, DasarThemeCard as DasarThemeCard$1, DasarThemeChip as DasarThemeChip$1, DasarThemeDatepicker as DasarThemeDatepicker$1, DasarThemeInput as DasarThemeInput$1, DasarThemeMenu as DasarThemeMenu$1, DasarThemeSelect as DasarThemeSelect$1 } from '@models/theme.model';
|
|
8
|
+
import { Observable } from 'rxjs';
|
|
9
|
+
|
|
10
|
+
type DasarButtonGroupOrientationType = 'horizontal' | 'vertical';
|
|
11
|
+
declare class DasarButtonGroup {
|
|
12
|
+
orientation: DasarButtonGroupOrientationType;
|
|
13
|
+
attached: boolean;
|
|
14
|
+
get buttonClasses(): Record<string, boolean>;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarButtonGroup, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarButtonGroup, "dasar-button-group", never, { "orientation": { "alias": "orientation"; "required": false; }; "attached": { "alias": "attached"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
17
|
+
static ngAcceptInputType_attached: unknown;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
type ClassType = string | string[] | Set<string> | {
|
|
21
|
+
[klass: string]: any;
|
|
22
|
+
} | null | undefined;
|
|
23
|
+
type StyleType = Partial<CSSStyleDeclaration> | {
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
} | null;
|
|
26
|
+
type ScaleAttributeType = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
27
|
+
|
|
28
|
+
type DasarNumberInputSize = Extract<ScaleAttributeType, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
|
|
29
|
+
type DasarNumberInputAppearanceType = 'outline' | 'filled';
|
|
30
|
+
type DasarNumberInputRadiusType = ScaleAttributeType;
|
|
31
|
+
interface DasarNumberInputConfig {
|
|
32
|
+
appearance?: DasarNumberInputAppearanceType;
|
|
33
|
+
radius?: DasarNumberInputRadiusType;
|
|
34
|
+
size?: DasarNumberInputSize;
|
|
35
|
+
label?: string;
|
|
36
|
+
labelRight?: string;
|
|
37
|
+
placeholder?: string;
|
|
38
|
+
hint?: string;
|
|
39
|
+
step?: number;
|
|
40
|
+
min?: number;
|
|
41
|
+
max?: number;
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
fullWidth?: boolean;
|
|
44
|
+
error?: boolean;
|
|
45
|
+
containerClass?: ClassType;
|
|
46
|
+
inputClass?: ClassType;
|
|
47
|
+
hostClass?: ClassType;
|
|
48
|
+
hintClass?: ClassType;
|
|
49
|
+
containerStyle?: StyleType;
|
|
50
|
+
inputStyle?: StyleType;
|
|
51
|
+
hintStyle?: StyleType;
|
|
52
|
+
hideOverflow?: boolean;
|
|
53
|
+
}
|
|
54
|
+
declare class DasarNumberInputExtraLabelSlot {
|
|
55
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarNumberInputExtraLabelSlot, never>;
|
|
56
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarNumberInputExtraLabelSlot, "[extra-label-slot]", never, {}, {}, never, never, true, never>;
|
|
57
|
+
}
|
|
58
|
+
declare class DasarNumberInputPrefixSlot {
|
|
59
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarNumberInputPrefixSlot, never>;
|
|
60
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarNumberInputPrefixSlot, "[prefix-slot]", never, {}, {}, never, never, true, never>;
|
|
61
|
+
}
|
|
62
|
+
declare class DasarNumberInputDecrementSlot {
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarNumberInputDecrementSlot, never>;
|
|
64
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarNumberInputDecrementSlot, "[decrement-slot]", never, {}, {}, never, never, true, never>;
|
|
65
|
+
}
|
|
66
|
+
declare class DasarNumberInputIncrementSlot {
|
|
67
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarNumberInputIncrementSlot, never>;
|
|
68
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarNumberInputIncrementSlot, "[increment-slot]", never, {}, {}, never, never, true, never>;
|
|
69
|
+
}
|
|
70
|
+
declare class DasarNumberInput implements ControlValueAccessor {
|
|
71
|
+
providedExtraLabelSlot?: DasarNumberInputExtraLabelSlot;
|
|
72
|
+
providedDecrement?: DasarNumberInputDecrementSlot;
|
|
73
|
+
providedIncrement?: DasarNumberInputIncrementSlot;
|
|
74
|
+
providedPrefix?: DasarNumberInputPrefixSlot;
|
|
75
|
+
private themeProvider;
|
|
76
|
+
private themeService;
|
|
77
|
+
private cdr;
|
|
78
|
+
appearance: NonNullable<DasarNumberInputAppearanceType | undefined>;
|
|
79
|
+
radius: NonNullable<ScaleAttributeType | undefined>;
|
|
80
|
+
size: NonNullable<DasarNumberInputSize | undefined>;
|
|
81
|
+
label: string | undefined;
|
|
82
|
+
labelRight: string | undefined;
|
|
83
|
+
placeholder: string;
|
|
84
|
+
hint: string;
|
|
85
|
+
step: number;
|
|
86
|
+
min: number | undefined;
|
|
87
|
+
max: number | undefined;
|
|
88
|
+
disabled: NonNullable<boolean | undefined>;
|
|
89
|
+
fullWidth: NonNullable<boolean | undefined>;
|
|
90
|
+
error: NonNullable<boolean | undefined>;
|
|
91
|
+
containerClass: NonNullable<ClassType> | null;
|
|
92
|
+
inputClass: NonNullable<ClassType> | null;
|
|
93
|
+
hostClass: NonNullable<ClassType> | null;
|
|
94
|
+
hintClass: NonNullable<ClassType> | null;
|
|
95
|
+
containerStyle: NonNullable<StyleType | undefined> | null;
|
|
96
|
+
inputStyle: NonNullable<StyleType | undefined> | null;
|
|
97
|
+
hintStyle: NonNullable<StyleType | undefined> | null;
|
|
98
|
+
hideOverflow: NonNullable<boolean | undefined>;
|
|
99
|
+
valueChange: EventEmitter<number | null>;
|
|
100
|
+
onIncrementClick: EventEmitter<number>;
|
|
101
|
+
onDecrementClick: EventEmitter<number>;
|
|
102
|
+
onInputFocus: EventEmitter<FocusEvent>;
|
|
103
|
+
onInputBlur: EventEmitter<FocusEvent>;
|
|
104
|
+
onInputChange: EventEmitter<Event>;
|
|
105
|
+
readonly baseClass = true;
|
|
106
|
+
get hasFullWidth(): boolean;
|
|
107
|
+
get isDisabled(): boolean;
|
|
108
|
+
private _value;
|
|
109
|
+
get value(): number | null;
|
|
110
|
+
set value(val: number | null);
|
|
111
|
+
onTouched: any;
|
|
112
|
+
onChange: any;
|
|
113
|
+
get hasDecrementSlot(): boolean;
|
|
114
|
+
get hasIncrementSlot(): boolean;
|
|
115
|
+
get hasExtraLabelSlot(): boolean;
|
|
116
|
+
get hasPrefixSlot(): boolean;
|
|
117
|
+
writeValue(value: any): void;
|
|
118
|
+
registerOnChange(fn: any): void;
|
|
119
|
+
registerOnTouched(fn: any): void;
|
|
120
|
+
setDisabledState(isDisabled: boolean): void;
|
|
121
|
+
onDecrement(event: MouseEvent): void;
|
|
122
|
+
onIncrement(event: MouseEvent): void;
|
|
123
|
+
onInput(event: Event): void;
|
|
124
|
+
onFocus(event: FocusEvent): void;
|
|
125
|
+
onBlur(event: FocusEvent): void;
|
|
126
|
+
private updateValue;
|
|
127
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarNumberInput, never>;
|
|
128
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarNumberInput, "dasar-number-input", never, { "appearance": { "alias": "appearance"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelRight": { "alias": "labelRight"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "full-width"; "required": false; }; "error": { "alias": "error"; "required": false; }; "containerClass": { "alias": "container-class"; "required": false; }; "inputClass": { "alias": "input-class"; "required": false; }; "hostClass": { "alias": "host-class"; "required": false; }; "hintClass": { "alias": "hint-class"; "required": false; }; "containerStyle": { "alias": "container-style"; "required": false; }; "inputStyle": { "alias": "input-style"; "required": false; }; "hintStyle": { "alias": "hint-style"; "required": false; }; "hideOverflow": { "alias": "hide-overflow"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "onIncrementClick": "onIncrementClick"; "onDecrementClick": "onDecrementClick"; "onInputFocus": "onInputFocus"; "onInputBlur": "onInputBlur"; "onInputChange": "onInputChange"; }, ["providedExtraLabelSlot", "providedDecrement", "providedIncrement", "providedPrefix"], ["[extra-label-slot]", "[prefix-slot]", "[decrement-slot]", "[increment-slot]"], true, never>;
|
|
129
|
+
static ngAcceptInputType_disabled: unknown;
|
|
130
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
131
|
+
static ngAcceptInputType_error: unknown;
|
|
132
|
+
static ngAcceptInputType_hideOverflow: unknown;
|
|
133
|
+
}
|
|
134
|
+
declare const DasarNumberInputComponent: readonly [typeof DasarNumberInputDecrementSlot, typeof DasarNumberInputIncrementSlot, typeof DasarNumberInputPrefixSlot, typeof DasarNumberInput];
|
|
135
|
+
|
|
136
|
+
type DasarPaginationRadiusType = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
137
|
+
type DasarPaginationAppearanceType = 'solid' | 'subtle' | 'outline';
|
|
138
|
+
type DasarPaginationSizeType = 'sm' | 'md' | 'lg';
|
|
139
|
+
declare class DasarPagination {
|
|
140
|
+
showFirstLast: boolean;
|
|
141
|
+
disabled: boolean;
|
|
142
|
+
appearance: DasarPaginationAppearanceType;
|
|
143
|
+
radius: DasarPaginationRadiusType;
|
|
144
|
+
size: DasarPaginationSizeType;
|
|
145
|
+
siblingCount: number;
|
|
146
|
+
currentPage: number;
|
|
147
|
+
pageSize: number;
|
|
148
|
+
totalItems: number;
|
|
149
|
+
pageChange: EventEmitter<number>;
|
|
150
|
+
get totalPages(): number;
|
|
151
|
+
get pages(): (number | string)[];
|
|
152
|
+
private range;
|
|
153
|
+
goToPage(page: number | string): void;
|
|
154
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPagination, never>;
|
|
155
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarPagination, "dasar-pagination", never, { "showFirstLast": { "alias": "showFirstLast"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "siblingCount": { "alias": "siblingCount"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
|
|
156
|
+
static ngAcceptInputType_showFirstLast: unknown;
|
|
157
|
+
static ngAcceptInputType_disabled: unknown;
|
|
158
|
+
}
|
|
159
|
+
declare const DasarPaginationComponent: readonly [typeof DasarPagination];
|
|
160
|
+
|
|
161
|
+
type DasarTextareaSizeType = Extract<ScaleAttributeType$1, 'sm' | 'md' | 'lg'>;
|
|
162
|
+
type DasarTextareaAppearanceType = 'outline' | 'filled';
|
|
163
|
+
type DasarTextareaRadiusType = ScaleAttributeType$1;
|
|
164
|
+
declare class DasarTextareaLabelSlot {
|
|
165
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTextareaLabelSlot, never>;
|
|
166
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarTextareaLabelSlot, "[label-slot]", never, {}, {}, never, never, true, never>;
|
|
167
|
+
}
|
|
168
|
+
declare class DasarTextareaExtraLabelSlot {
|
|
169
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTextareaExtraLabelSlot, never>;
|
|
170
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarTextareaExtraLabelSlot, "[extra-label-slot]", never, {}, {}, never, never, true, never>;
|
|
171
|
+
}
|
|
172
|
+
declare class DasarTextarea implements ControlValueAccessor {
|
|
173
|
+
extraLabelSlot?: DasarTextareaExtraLabelSlot;
|
|
174
|
+
labelSlot?: DasarTextareaLabelSlot;
|
|
175
|
+
appearance: DasarTextareaAppearanceType;
|
|
176
|
+
labelRight?: string | TemplateRef<any>;
|
|
177
|
+
size: DasarTextareaSizeType;
|
|
178
|
+
radius: DasarTextareaRadiusType;
|
|
179
|
+
hint: string;
|
|
180
|
+
placeholder: string;
|
|
181
|
+
label?: string;
|
|
182
|
+
rows: number;
|
|
183
|
+
cols: number;
|
|
184
|
+
fullWidth: boolean;
|
|
185
|
+
disabled: boolean;
|
|
186
|
+
readonly: boolean;
|
|
187
|
+
error: boolean;
|
|
188
|
+
containerClass: string | string[] | Set<string> | {
|
|
189
|
+
[klass: string]: any;
|
|
190
|
+
};
|
|
191
|
+
textareaClass: string | string[] | Set<string> | {
|
|
192
|
+
[klass: string]: any;
|
|
193
|
+
};
|
|
194
|
+
hostClass: string | string[] | Set<string> | {
|
|
195
|
+
[klass: string]: any;
|
|
196
|
+
};
|
|
197
|
+
containerStyle: Record<string, any> | null;
|
|
198
|
+
textareaStyle: Record<string, any> | null;
|
|
199
|
+
hostStyle: Record<string, any> | null;
|
|
200
|
+
private cdr;
|
|
201
|
+
_value: any;
|
|
202
|
+
get value(): any;
|
|
203
|
+
set value(val: any);
|
|
204
|
+
valueChange: EventEmitter<any>;
|
|
205
|
+
readonly baseClass = true;
|
|
206
|
+
get hasFullWidth(): boolean;
|
|
207
|
+
get isDisabled(): boolean;
|
|
208
|
+
onChange: any;
|
|
209
|
+
onTouched: any;
|
|
210
|
+
writeValue(val: any): void;
|
|
211
|
+
registerOnChange(fn: any): void;
|
|
212
|
+
registerOnTouched(fn: any): void;
|
|
213
|
+
setDisabledState(isDisabled: boolean): void;
|
|
214
|
+
onInput(event: Event): void;
|
|
215
|
+
onBlur(): void;
|
|
216
|
+
isTemplate(value: any): boolean;
|
|
217
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTextarea, never>;
|
|
218
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarTextarea, "dasar-textarea", never, { "appearance": { "alias": "appearance"; "required": false; }; "labelRight": { "alias": "labelRight"; "required": false; }; "size": { "alias": "size"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "error": { "alias": "error"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "textareaClass": { "alias": "textareaClass"; "required": false; }; "hostClass": { "alias": "hostClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "textareaStyle": { "alias": "textareaStyle"; "required": false; }; "hostStyle": { "alias": "hostStyle"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, ["extraLabelSlot", "labelSlot"], ["[label-slot]", "[extra-label-slot]"], true, never>;
|
|
219
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
220
|
+
static ngAcceptInputType_disabled: unknown;
|
|
221
|
+
static ngAcceptInputType_readonly: unknown;
|
|
222
|
+
static ngAcceptInputType_error: unknown;
|
|
223
|
+
}
|
|
224
|
+
declare const DasarTextareaComponent: readonly [typeof DasarTextareaExtraLabelSlot, typeof DasarTextareaLabelSlot, typeof DasarTextarea];
|
|
225
|
+
|
|
226
|
+
type DasarTableAppearance = 'outline' | 'filled' | 'elevated' | 'borderless';
|
|
227
|
+
type DasarTableSize = Extract<ScaleAttributeType, 'sm' | 'md' | 'lg'>;
|
|
228
|
+
type DasarTableSpacing = 'compact' | 'normal' | 'relaxed';
|
|
229
|
+
type DasarTableSortDirection = 'asc' | 'desc' | null;
|
|
230
|
+
interface DasarTableColumn {
|
|
231
|
+
cellClass?: ClassType | ((row: any, index: number) => ClassType);
|
|
232
|
+
cellStyle?: StyleType | ((row: any, index: number) => StyleType);
|
|
233
|
+
align?: 'left' | 'center' | 'right';
|
|
234
|
+
headerClass?: ClassType;
|
|
235
|
+
headerStyle?: StyleType;
|
|
236
|
+
sortable?: boolean;
|
|
237
|
+
width?: string;
|
|
238
|
+
label?: string;
|
|
239
|
+
key: string;
|
|
240
|
+
}
|
|
241
|
+
interface DasarTableSortEvent {
|
|
242
|
+
column: string;
|
|
243
|
+
direction: DasarTableSortDirection;
|
|
244
|
+
}
|
|
245
|
+
interface DasarTableConfig {
|
|
246
|
+
data?: any[];
|
|
247
|
+
columns?: DasarTableColumn[];
|
|
248
|
+
fluid?: boolean;
|
|
249
|
+
striped?: boolean;
|
|
250
|
+
hoverable?: boolean;
|
|
251
|
+
loading?: boolean;
|
|
252
|
+
expandable?: boolean;
|
|
253
|
+
appearance?: DasarTableAppearance;
|
|
254
|
+
spacing?: DasarTableSpacing;
|
|
255
|
+
size?: DasarTableSize;
|
|
256
|
+
sortKey?: string | null;
|
|
257
|
+
sortDirection?: DasarTableSortDirection;
|
|
258
|
+
emptyTitle?: string;
|
|
259
|
+
emptyDescription?: string;
|
|
260
|
+
loadingText?: string;
|
|
261
|
+
containerClass?: ClassType;
|
|
262
|
+
containerStyle?: StyleType;
|
|
263
|
+
wrapperClass?: ClassType;
|
|
264
|
+
wrapperStyle?: StyleType;
|
|
265
|
+
tableClass?: ClassType;
|
|
266
|
+
tableStyle?: StyleType;
|
|
267
|
+
headerClass?: ClassType;
|
|
268
|
+
headerStyle?: StyleType;
|
|
269
|
+
bodyClass?: ClassType;
|
|
270
|
+
bodyStyle?: StyleType;
|
|
271
|
+
paginationClass?: ClassType;
|
|
272
|
+
paginationStyle?: StyleType;
|
|
273
|
+
}
|
|
274
|
+
declare class DasarTableHeaderSlot {
|
|
275
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTableHeaderSlot, never>;
|
|
276
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarTableHeaderSlot, "[header-slot]", never, {}, {}, never, never, true, never>;
|
|
277
|
+
}
|
|
278
|
+
declare class DasarTableBodySlot {
|
|
279
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTableBodySlot, never>;
|
|
280
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarTableBodySlot, "[body-slot]", never, {}, {}, never, never, true, never>;
|
|
281
|
+
}
|
|
282
|
+
declare class DasarTableEmptySlot {
|
|
283
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTableEmptySlot, never>;
|
|
284
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarTableEmptySlot, "[empty-slot]", never, {}, {}, never, never, true, never>;
|
|
285
|
+
}
|
|
286
|
+
declare class DasarTablePaginationSlot {
|
|
287
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTablePaginationSlot, never>;
|
|
288
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarTablePaginationSlot, "[pagination-slot]", never, {}, {}, never, never, true, never>;
|
|
289
|
+
}
|
|
290
|
+
declare class DasarTableExpandedSlot {
|
|
291
|
+
templateRef: TemplateRef<any>;
|
|
292
|
+
constructor(templateRef: TemplateRef<any>);
|
|
293
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTableExpandedSlot, never>;
|
|
294
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarTableExpandedSlot, "[expanded-slot]", never, {}, {}, never, never, true, never>;
|
|
295
|
+
}
|
|
296
|
+
declare class DasarTableCellDirective {
|
|
297
|
+
templateRef: TemplateRef<any>;
|
|
298
|
+
columnName: string;
|
|
299
|
+
constructor(templateRef: TemplateRef<any>);
|
|
300
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTableCellDirective, never>;
|
|
301
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarTableCellDirective, "[cell-slot]", never, { "columnName": { "alias": "cell-slot"; "required": false; }; }, {}, never, never, true, never>;
|
|
302
|
+
}
|
|
303
|
+
declare class DasarTable {
|
|
304
|
+
cellTemplates: QueryList<DasarTableCellDirective>;
|
|
305
|
+
providedPagination?: DasarTablePaginationSlot;
|
|
306
|
+
providedExpanded?: DasarTableExpandedSlot;
|
|
307
|
+
providedHeader?: DasarTableHeaderSlot;
|
|
308
|
+
providedEmpty?: DasarTableEmptySlot;
|
|
309
|
+
providedBody?: DasarTableBodySlot;
|
|
310
|
+
private themeProvider;
|
|
311
|
+
private themeService;
|
|
312
|
+
data: any[] | never[];
|
|
313
|
+
columns: never[] | DasarTableColumn[];
|
|
314
|
+
fluid: NonNullable<boolean | undefined>;
|
|
315
|
+
striped: NonNullable<boolean | undefined>;
|
|
316
|
+
hoverable: NonNullable<boolean | undefined>;
|
|
317
|
+
loading: NonNullable<boolean | undefined>;
|
|
318
|
+
expandable: NonNullable<boolean | undefined>;
|
|
319
|
+
appearance: NonNullable<DasarTableAppearance | undefined>;
|
|
320
|
+
spacing: NonNullable<DasarTableSpacing | undefined>;
|
|
321
|
+
size: NonNullable<DasarTableSize | undefined>;
|
|
322
|
+
sortKey: string | null;
|
|
323
|
+
sortDirection: DasarTableSortDirection;
|
|
324
|
+
emptyTitle: string;
|
|
325
|
+
emptyDescription: string;
|
|
326
|
+
loadingText: string;
|
|
327
|
+
containerClass: NonNullable<ClassType>;
|
|
328
|
+
wrapperClass: NonNullable<ClassType>;
|
|
329
|
+
tableClass: NonNullable<ClassType>;
|
|
330
|
+
headerClass: NonNullable<ClassType>;
|
|
331
|
+
bodyClass: NonNullable<ClassType>;
|
|
332
|
+
paginationClass: NonNullable<ClassType>;
|
|
333
|
+
containerStyle: NonNullable<StyleType | undefined> | null;
|
|
334
|
+
wrapperStyle: NonNullable<StyleType | undefined> | null;
|
|
335
|
+
tableStyle: NonNullable<StyleType | undefined> | null;
|
|
336
|
+
headerStyle: NonNullable<StyleType | undefined> | null;
|
|
337
|
+
bodyStyle: NonNullable<StyleType | undefined> | null;
|
|
338
|
+
paginationStyle: NonNullable<StyleType | undefined> | null;
|
|
339
|
+
onRowClick: EventEmitter<{
|
|
340
|
+
row: any;
|
|
341
|
+
index: number;
|
|
342
|
+
event: MouseEvent;
|
|
343
|
+
}>;
|
|
344
|
+
onRowDblClick: EventEmitter<{
|
|
345
|
+
row: any;
|
|
346
|
+
index: number;
|
|
347
|
+
event: MouseEvent;
|
|
348
|
+
}>;
|
|
349
|
+
onRowContextMenu: EventEmitter<{
|
|
350
|
+
row: any;
|
|
351
|
+
index: number;
|
|
352
|
+
event: MouseEvent;
|
|
353
|
+
}>;
|
|
354
|
+
onSortChange: EventEmitter<DasarTableSortEvent>;
|
|
355
|
+
onRowExpandChange: EventEmitter<{
|
|
356
|
+
row: any;
|
|
357
|
+
index: number;
|
|
358
|
+
expanded: boolean;
|
|
359
|
+
}>;
|
|
360
|
+
readonly baseClass = true;
|
|
361
|
+
expandedRows: Set<number>;
|
|
362
|
+
get hasHeader(): boolean;
|
|
363
|
+
get hasBody(): boolean;
|
|
364
|
+
get hasEmpty(): boolean;
|
|
365
|
+
get hasPagination(): boolean;
|
|
366
|
+
get hasExpanded(): boolean;
|
|
367
|
+
getColHeaderClass(col: DasarTableColumn): ClassType;
|
|
368
|
+
getColHeaderStyle(col: DasarTableColumn): StyleType;
|
|
369
|
+
getColCellClass(col: DasarTableColumn, row: any, index: number): ClassType;
|
|
370
|
+
getColCellStyle(col: DasarTableColumn, row: any, index: number): StyleType;
|
|
371
|
+
getCellTemplate(columnName: string): TemplateRef<any> | null;
|
|
372
|
+
onSort(columnKey: string): void;
|
|
373
|
+
toggleExpand(row: any, index: number, event: MouseEvent): void;
|
|
374
|
+
isExpanded(index: number): boolean;
|
|
375
|
+
rowClick(row: any, index: number, event: MouseEvent): void;
|
|
376
|
+
rowDblClick(row: any, index: number, event: MouseEvent): void;
|
|
377
|
+
rowContextMenu(row: any, index: number, event: MouseEvent): void;
|
|
378
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTable, never>;
|
|
379
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarTable, "dasar-table", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sortKey": { "alias": "sortKey"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; }; "emptyDescription": { "alias": "emptyDescription"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "wrapperClass": { "alias": "wrapperClass"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; "paginationClass": { "alias": "paginationClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "wrapperStyle": { "alias": "wrapperStyle"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "bodyStyle": { "alias": "bodyStyle"; "required": false; }; "paginationStyle": { "alias": "paginationStyle"; "required": false; }; }, { "onRowClick": "onRowClick"; "onRowDblClick": "onRowDblClick"; "onRowContextMenu": "onRowContextMenu"; "onSortChange": "onSortChange"; "onRowExpandChange": "onRowExpandChange"; }, ["providedPagination", "providedExpanded", "providedHeader", "providedEmpty", "providedBody", "cellTemplates"], ["[header-slot]", "[body-slot]", "[empty-slot]", "*", "[pagination-slot]"], true, never>;
|
|
380
|
+
static ngAcceptInputType_fluid: unknown;
|
|
381
|
+
static ngAcceptInputType_striped: unknown;
|
|
382
|
+
static ngAcceptInputType_hoverable: unknown;
|
|
383
|
+
static ngAcceptInputType_loading: unknown;
|
|
384
|
+
static ngAcceptInputType_expandable: unknown;
|
|
385
|
+
}
|
|
386
|
+
declare const DasarTableComponent: readonly [typeof DasarTablePaginationSlot, typeof DasarTableCellDirective, typeof DasarTableExpandedSlot, typeof DasarTableHeaderSlot, typeof DasarTableEmptySlot, typeof DasarTableBodySlot, typeof DasarTable];
|
|
387
|
+
|
|
388
|
+
type DasarMenuPlacementType = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
389
|
+
type DasarMenuSizeType = Extract<ScaleAttributeType, 'sm' | 'md' | 'lg'>;
|
|
390
|
+
type DasarMenuAppearanceType = 'none' | 'outline' | 'filled';
|
|
391
|
+
type DasarMenuRadiusType = ScaleAttributeType;
|
|
392
|
+
interface DasarMenuItem {
|
|
393
|
+
label: string;
|
|
394
|
+
value: any;
|
|
395
|
+
iconName?: string;
|
|
396
|
+
disabled?: boolean;
|
|
397
|
+
divider?: boolean;
|
|
398
|
+
[key: string]: any;
|
|
399
|
+
}
|
|
400
|
+
interface DasarMenuConfig {
|
|
401
|
+
placement?: DasarMenuPlacementType;
|
|
402
|
+
appearance?: DasarMenuAppearanceType;
|
|
403
|
+
radius?: DasarMenuRadiusType;
|
|
404
|
+
label?: string;
|
|
405
|
+
size?: DasarMenuSizeType;
|
|
406
|
+
items?: DasarMenuItem[];
|
|
407
|
+
containerStyle?: StyleType;
|
|
408
|
+
panelStyle?: StyleType;
|
|
409
|
+
itemStyle?: StyleType;
|
|
410
|
+
containerClass?: ClassType;
|
|
411
|
+
panelClass?: ClassType;
|
|
412
|
+
itemClass?: ClassType;
|
|
413
|
+
disabled?: boolean;
|
|
414
|
+
fluid?: boolean;
|
|
415
|
+
}
|
|
416
|
+
declare class DasarMenuPrefixSlot {
|
|
417
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarMenuPrefixSlot, never>;
|
|
418
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarMenuPrefixSlot, "[prefix-slot]", never, {}, {}, never, never, true, never>;
|
|
419
|
+
}
|
|
420
|
+
declare class DasarMenuSuffixSlot {
|
|
421
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarMenuSuffixSlot, never>;
|
|
422
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarMenuSuffixSlot, "[suffix-slot]", never, {}, {}, never, never, true, never>;
|
|
423
|
+
}
|
|
424
|
+
declare class DasarMenuLabelSlot {
|
|
425
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarMenuLabelSlot, never>;
|
|
426
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarMenuLabelSlot, "[menu-label-slot]", never, {}, {}, never, never, true, never>;
|
|
427
|
+
}
|
|
428
|
+
declare class DasarMenuItemTemplate {
|
|
429
|
+
templateRef: TemplateRef<any>;
|
|
430
|
+
constructor(templateRef: TemplateRef<any>);
|
|
431
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarMenuItemTemplate, never>;
|
|
432
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarMenuItemTemplate, "[menu-item-template]", never, {}, {}, never, never, true, never>;
|
|
433
|
+
}
|
|
434
|
+
declare class DasarMenu {
|
|
435
|
+
providedMenuItem?: DasarMenuItemTemplate;
|
|
436
|
+
providedMenuLabel?: DasarMenuLabelSlot;
|
|
437
|
+
providedMenuPrefix?: DasarMenuPrefixSlot;
|
|
438
|
+
providedMenuSuffix?: DasarMenuSuffixSlot;
|
|
439
|
+
private themeProvider;
|
|
440
|
+
private themeService;
|
|
441
|
+
private cdr;
|
|
442
|
+
private elementRef;
|
|
443
|
+
isOpen: i0.WritableSignal<boolean>;
|
|
444
|
+
placement: NonNullable<DasarMenuPlacementType | undefined>;
|
|
445
|
+
appearance: NonNullable<DasarMenuAppearanceType | undefined>;
|
|
446
|
+
radius: NonNullable<ScaleAttributeType | undefined>;
|
|
447
|
+
size: NonNullable<DasarMenuSizeType | undefined>;
|
|
448
|
+
label: string | undefined;
|
|
449
|
+
items: never[] | DasarMenuItem[];
|
|
450
|
+
containerStyle: NonNullable<StyleType | undefined> | null;
|
|
451
|
+
panelStyle: NonNullable<StyleType | undefined> | null;
|
|
452
|
+
itemStyle: NonNullable<StyleType | undefined> | null;
|
|
453
|
+
containerClass: NonNullable<ClassType> | null;
|
|
454
|
+
panelClass: NonNullable<ClassType> | null;
|
|
455
|
+
itemClass: NonNullable<ClassType> | null;
|
|
456
|
+
disabled: NonNullable<boolean | undefined>;
|
|
457
|
+
fluid: NonNullable<boolean | undefined>;
|
|
458
|
+
onItemClick: EventEmitter<DasarMenuItem>;
|
|
459
|
+
onPanelOpen: EventEmitter<void>;
|
|
460
|
+
onPanelClose: EventEmitter<void>;
|
|
461
|
+
readonly baseClass = true;
|
|
462
|
+
onDocumentClick(event: MouseEvent): void;
|
|
463
|
+
onGlobalSelectOpened(event: any): void;
|
|
464
|
+
get hasMenuLabel(): boolean;
|
|
465
|
+
get hasMenuItem(): boolean;
|
|
466
|
+
toggle(event?: Event): void;
|
|
467
|
+
open(): void;
|
|
468
|
+
close(): void;
|
|
469
|
+
onItemSelect(item: DasarMenuItem, event: Event): void;
|
|
470
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarMenu, never>;
|
|
471
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarMenu, "dasar-menu", never, { "placement": { "alias": "placement"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "items": { "alias": "items"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "itemStyle": { "alias": "itemStyle"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "itemClass": { "alias": "itemClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; }, { "onItemClick": "onItemClick"; "onPanelOpen": "onPanelOpen"; "onPanelClose": "onPanelClose"; }, ["providedMenuItem", "providedMenuLabel", "providedMenuPrefix", "providedMenuSuffix"], ["[prefix-slot]", "[menu-label-slot]", "*", "[suffix-slot]"], true, never>;
|
|
472
|
+
static ngAcceptInputType_disabled: unknown;
|
|
473
|
+
static ngAcceptInputType_fluid: unknown;
|
|
474
|
+
}
|
|
475
|
+
declare const DasarMenuComponent: readonly [typeof DasarMenuLabelSlot, typeof DasarMenuItemTemplate, typeof DasarMenuPrefixSlot, typeof DasarMenuSuffixSlot, typeof DasarMenu];
|
|
476
|
+
|
|
477
|
+
type DasarTabsRadiusType = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
478
|
+
type DasarTabsAppearanceType = 'solid' | 'subtle' | 'outline';
|
|
479
|
+
type DasarTabsSizeType = 'compact' | 'normal';
|
|
480
|
+
declare class DasarTabItemSlotDirective {
|
|
481
|
+
templateRef: TemplateRef<any>;
|
|
482
|
+
constructor(templateRef: TemplateRef<any>);
|
|
483
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTabItemSlotDirective, never>;
|
|
484
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarTabItemSlotDirective, "[tab-item-slot]", never, {}, {}, never, never, true, never>;
|
|
485
|
+
}
|
|
486
|
+
declare class DasarTabs {
|
|
487
|
+
tabItemSlotDirectives: QueryList<DasarTabItemSlotDirective>;
|
|
488
|
+
fluid: boolean;
|
|
489
|
+
appearance: DasarTabsAppearanceType;
|
|
490
|
+
radius: DasarTabsRadiusType;
|
|
491
|
+
size: DasarTabsSizeType;
|
|
492
|
+
activeIndex: number;
|
|
493
|
+
items: string[];
|
|
494
|
+
containerStyle: Record<string, any> | null;
|
|
495
|
+
contentStyle: Record<string, any> | null;
|
|
496
|
+
listStyle: Record<string, any> | null;
|
|
497
|
+
containerClass: string;
|
|
498
|
+
contentClass: string;
|
|
499
|
+
listClass: string;
|
|
500
|
+
tabsChanged: EventEmitter<number>;
|
|
501
|
+
tabsClicked: EventEmitter<number>;
|
|
502
|
+
readonly baseClass = true;
|
|
503
|
+
selectTab(index: number): void;
|
|
504
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTabs, never>;
|
|
505
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarTabs, "dasar-tabs", never, { "fluid": { "alias": "fluid"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "items": { "alias": "items"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "contentClass": { "alias": "contentClass"; "required": false; }; "listClass": { "alias": "listClass"; "required": false; }; }, { "tabsChanged": "tabsChanged"; "tabsClicked": "tabsClicked"; }, ["tabItemSlotDirectives"], ["*"], true, never>;
|
|
506
|
+
static ngAcceptInputType_fluid: unknown;
|
|
507
|
+
}
|
|
508
|
+
declare class DasarTabsModule {
|
|
509
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarTabsModule, never>;
|
|
510
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DasarTabsModule, never, [typeof DasarTabItemSlotDirective, typeof DasarTabs], [typeof DasarTabItemSlotDirective, typeof DasarTabs]>;
|
|
511
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DasarTabsModule>;
|
|
512
|
+
}
|
|
513
|
+
declare const DasarTabsComponent: readonly [typeof DasarTabs, typeof DasarTabItemSlotDirective];
|
|
514
|
+
|
|
515
|
+
type DasarPivotAggregator = 'sum' | 'count' | 'avg' | 'min' | 'max';
|
|
516
|
+
type DasarPivotTableAppearance = 'outline' | 'filled' | 'elevated' | 'borderless';
|
|
517
|
+
type DasarPivotTableSpacing = 'compact' | 'normal' | 'relaxed';
|
|
518
|
+
type DasarPivotTableSize = 'sm' | 'md' | 'lg';
|
|
519
|
+
type DasarPivotTableSortDirection = 'asc' | 'desc' | null;
|
|
520
|
+
interface DasarPivotTableSortEvent {
|
|
521
|
+
key: string;
|
|
522
|
+
direction: DasarPivotTableSortDirection;
|
|
523
|
+
}
|
|
524
|
+
declare class DasarPivotCellTemplate {
|
|
525
|
+
templateRef: TemplateRef<any>;
|
|
526
|
+
constructor(templateRef: TemplateRef<any>);
|
|
527
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPivotCellTemplate, never>;
|
|
528
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarPivotCellTemplate, "[pivot-cell-template]", never, {}, {}, never, never, true, never>;
|
|
529
|
+
}
|
|
530
|
+
declare class DasarPivotRowHeaderTemplate {
|
|
531
|
+
templateRef: TemplateRef<any>;
|
|
532
|
+
constructor(templateRef: TemplateRef<any>);
|
|
533
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPivotRowHeaderTemplate, never>;
|
|
534
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarPivotRowHeaderTemplate, "[pivot-row-header-template]", never, {}, {}, never, never, true, never>;
|
|
535
|
+
}
|
|
536
|
+
declare class DasarPivotColHeaderTemplate {
|
|
537
|
+
templateRef: TemplateRef<any>;
|
|
538
|
+
constructor(templateRef: TemplateRef<any>);
|
|
539
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPivotColHeaderTemplate, never>;
|
|
540
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarPivotColHeaderTemplate, "[pivot-col-header-template]", never, {}, {}, never, never, true, never>;
|
|
541
|
+
}
|
|
542
|
+
declare class DasarPivotTableHeaderSlot {
|
|
543
|
+
templateRef: TemplateRef<any>;
|
|
544
|
+
constructor(templateRef: TemplateRef<any>);
|
|
545
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPivotTableHeaderSlot, never>;
|
|
546
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarPivotTableHeaderSlot, "[pivot-header-slot]", never, {}, {}, never, never, true, never>;
|
|
547
|
+
}
|
|
548
|
+
declare class DasarPivotTableBodySlot {
|
|
549
|
+
templateRef: TemplateRef<any>;
|
|
550
|
+
constructor(templateRef: TemplateRef<any>);
|
|
551
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPivotTableBodySlot, never>;
|
|
552
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarPivotTableBodySlot, "[pivot-body-slot]", never, {}, {}, never, never, true, never>;
|
|
553
|
+
}
|
|
554
|
+
declare class DasarPivotTableEmptySlot {
|
|
555
|
+
templateRef: TemplateRef<any>;
|
|
556
|
+
constructor(templateRef: TemplateRef<any>);
|
|
557
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPivotTableEmptySlot, never>;
|
|
558
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarPivotTableEmptySlot, "[pivot-empty-slot]", never, {}, {}, never, never, true, never>;
|
|
559
|
+
}
|
|
560
|
+
declare class DasarPivotTablePaginationSlot {
|
|
561
|
+
templateRef: TemplateRef<any>;
|
|
562
|
+
constructor(templateRef: TemplateRef<any>);
|
|
563
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPivotTablePaginationSlot, never>;
|
|
564
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarPivotTablePaginationSlot, "[pivot-pagination-slot]", never, {}, {}, never, never, true, never>;
|
|
565
|
+
}
|
|
566
|
+
declare class DasarPivotTableExpandedSlot {
|
|
567
|
+
templateRef: TemplateRef<any>;
|
|
568
|
+
constructor(templateRef: TemplateRef<any>);
|
|
569
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPivotTableExpandedSlot, never>;
|
|
570
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarPivotTableExpandedSlot, "[pivot-expanded-slot]", never, {}, {}, never, never, true, never>;
|
|
571
|
+
}
|
|
572
|
+
declare class DasarPivotTable implements OnChanges {
|
|
573
|
+
rowHeaderTemplate?: DasarPivotRowHeaderTemplate;
|
|
574
|
+
colHeaderTemplate?: DasarPivotColHeaderTemplate;
|
|
575
|
+
cellTemplate?: DasarPivotCellTemplate;
|
|
576
|
+
providedHeader?: DasarPivotTableHeaderSlot;
|
|
577
|
+
providedBody?: DasarPivotTableBodySlot;
|
|
578
|
+
providedEmpty?: DasarPivotTableEmptySlot;
|
|
579
|
+
providedPagination?: DasarPivotTablePaginationSlot;
|
|
580
|
+
providedExpanded?: DasarPivotTableExpandedSlot;
|
|
581
|
+
data: any[];
|
|
582
|
+
rowField: string;
|
|
583
|
+
colField: string;
|
|
584
|
+
valField: string;
|
|
585
|
+
aggregator: DasarPivotAggregator;
|
|
586
|
+
rowLabel: string;
|
|
587
|
+
colLabel: string;
|
|
588
|
+
showRowTotals: boolean;
|
|
589
|
+
showColTotals: boolean;
|
|
590
|
+
emptyText: string;
|
|
591
|
+
appearance: DasarPivotTableAppearance;
|
|
592
|
+
spacing: DasarPivotTableSpacing;
|
|
593
|
+
size: DasarPivotTableSize;
|
|
594
|
+
loading: boolean;
|
|
595
|
+
emptyTitle: string;
|
|
596
|
+
emptyDescription: string;
|
|
597
|
+
loadingText: string;
|
|
598
|
+
sortKey: string | null;
|
|
599
|
+
sortDirection: DasarPivotTableSortDirection;
|
|
600
|
+
cellClassFn?: (val: number | null, row: string, col: string) => string | string[] | Record<string, boolean>;
|
|
601
|
+
cellStyleFn?: (val: number | null, row: string, col: string) => Record<string, string>;
|
|
602
|
+
rowClick: EventEmitter<{
|
|
603
|
+
row: any;
|
|
604
|
+
index: number;
|
|
605
|
+
event: MouseEvent;
|
|
606
|
+
}>;
|
|
607
|
+
rowDblclick: EventEmitter<{
|
|
608
|
+
row: any;
|
|
609
|
+
index: number;
|
|
610
|
+
event: MouseEvent;
|
|
611
|
+
}>;
|
|
612
|
+
rowContextMenu: EventEmitter<{
|
|
613
|
+
row: any;
|
|
614
|
+
index: number;
|
|
615
|
+
event: MouseEvent;
|
|
616
|
+
}>;
|
|
617
|
+
sortChange: EventEmitter<DasarPivotTableSortEvent>;
|
|
618
|
+
rowExpandChange: EventEmitter<{
|
|
619
|
+
row: any;
|
|
620
|
+
index: number;
|
|
621
|
+
expanded: boolean;
|
|
622
|
+
}>;
|
|
623
|
+
rowHeaders: string[];
|
|
624
|
+
colHeaders: string[];
|
|
625
|
+
matrix: Record<string, Record<string, number | null>>;
|
|
626
|
+
rowTotals: Record<string, number | null>;
|
|
627
|
+
colTotals: Record<string, number | null>;
|
|
628
|
+
grandTotal: number | null;
|
|
629
|
+
expandedRows: Set<string>;
|
|
630
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
631
|
+
private buildPivotMatrix;
|
|
632
|
+
private aggregate;
|
|
633
|
+
private resetState;
|
|
634
|
+
handleRowClick(row: string, index: number, event: MouseEvent): void;
|
|
635
|
+
handleRowDblclick(row: string, index: number, event: MouseEvent): void;
|
|
636
|
+
handleRowContextMenu(row: string, index: number, event: MouseEvent): void;
|
|
637
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarPivotTable, never>;
|
|
638
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarPivotTable, "dasar-pivot-table", never, { "data": { "alias": "data"; "required": true; }; "rowField": { "alias": "rowField"; "required": true; }; "colField": { "alias": "colField"; "required": true; }; "valField": { "alias": "valField"; "required": false; }; "aggregator": { "alias": "aggregator"; "required": false; }; "rowLabel": { "alias": "rowLabel"; "required": false; }; "colLabel": { "alias": "colLabel"; "required": false; }; "showRowTotals": { "alias": "showRowTotals"; "required": false; }; "showColTotals": { "alias": "showColTotals"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; }; "emptyDescription": { "alias": "emptyDescription"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "sortKey": { "alias": "sortKey"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "cellClassFn": { "alias": "cellClassFn"; "required": false; }; "cellStyleFn": { "alias": "cellStyleFn"; "required": false; }; }, { "rowClick": "rowClick"; "rowDblclick": "rowDblclick"; "rowContextMenu": "rowContextMenu"; "sortChange": "sortChange"; "rowExpandChange": "rowExpandChange"; }, ["rowHeaderTemplate", "colHeaderTemplate", "cellTemplate", "providedHeader", "providedBody", "providedEmpty", "providedPagination", "providedExpanded"], never, true, never>;
|
|
639
|
+
}
|
|
640
|
+
declare const DasarPivotTableComponent: readonly [typeof DasarPivotTable, typeof DasarPivotCellTemplate, typeof DasarPivotRowHeaderTemplate, typeof DasarPivotColHeaderTemplate, typeof DasarPivotTableHeaderSlot, typeof DasarPivotTableBodySlot, typeof DasarPivotTableEmptySlot, typeof DasarPivotTablePaginationSlot, typeof DasarPivotTableExpandedSlot];
|
|
641
|
+
|
|
642
|
+
type DasarDatepickerPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
643
|
+
type DasarDatepickerSize = Extract<ScaleAttributeType, 'sm' | 'md' | 'lg'>;
|
|
644
|
+
type DasarDatepickerAppearance = 'outline' | 'filled' | 'subtle';
|
|
645
|
+
type DasarDatepickerRadius = ScaleAttributeType;
|
|
646
|
+
type DasarDatepickerType = 'date';
|
|
647
|
+
interface DasarDatepickerConfig {
|
|
648
|
+
fullWidth?: boolean;
|
|
649
|
+
clearable?: boolean;
|
|
650
|
+
disabled?: boolean;
|
|
651
|
+
fluid?: boolean;
|
|
652
|
+
error?: boolean;
|
|
653
|
+
displayFormat?: string;
|
|
654
|
+
valueFormat?: string;
|
|
655
|
+
placement?: DasarDatepickerPlacement;
|
|
656
|
+
appearance?: DasarDatepickerAppearance;
|
|
657
|
+
extraLabel?: string;
|
|
658
|
+
placeholder?: string;
|
|
659
|
+
radius?: DasarDatepickerRadius;
|
|
660
|
+
type?: DasarDatepickerType;
|
|
661
|
+
size?: DasarDatepickerSize;
|
|
662
|
+
locale?: string;
|
|
663
|
+
label?: string;
|
|
664
|
+
hint?: string;
|
|
665
|
+
containerClass?: ClassType;
|
|
666
|
+
wrapperClass?: ClassType;
|
|
667
|
+
triggerClass?: ClassType;
|
|
668
|
+
dropdownClass?: ClassType;
|
|
669
|
+
labelWrapperClass?: ClassType;
|
|
670
|
+
hintWrapperClass?: ClassType;
|
|
671
|
+
wrapperStyle?: StyleType;
|
|
672
|
+
triggerStyle?: StyleType;
|
|
673
|
+
labelWrapperStyle?: StyleType;
|
|
674
|
+
hintWrapperStyle?: StyleType;
|
|
675
|
+
containerStyle?: StyleType;
|
|
676
|
+
dropdownStyle?: StyleType;
|
|
677
|
+
}
|
|
678
|
+
declare class DasarDatepickerPrefixSlot {
|
|
679
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarDatepickerPrefixSlot, never>;
|
|
680
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarDatepickerPrefixSlot, "[prefix-slot]", never, {}, {}, never, never, true, never>;
|
|
681
|
+
}
|
|
682
|
+
declare class DasarDatepickerLabelSlot {
|
|
683
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarDatepickerLabelSlot, never>;
|
|
684
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarDatepickerLabelSlot, "[label-slot]", never, {}, {}, never, never, true, never>;
|
|
685
|
+
}
|
|
686
|
+
declare class DasarDatepickerExtraLabelSlot {
|
|
687
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarDatepickerExtraLabelSlot, never>;
|
|
688
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarDatepickerExtraLabelSlot, "[extra-label-slot]", never, {}, {}, never, never, true, never>;
|
|
689
|
+
}
|
|
690
|
+
declare class DasarDatepickerExtraHeaderSlot {
|
|
691
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarDatepickerExtraHeaderSlot, never>;
|
|
692
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarDatepickerExtraHeaderSlot, "[extra-header-slot]", never, {}, {}, never, never, true, never>;
|
|
693
|
+
}
|
|
694
|
+
declare class DasarDatepickerExtraFooterSlot {
|
|
695
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarDatepickerExtraFooterSlot, never>;
|
|
696
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarDatepickerExtraFooterSlot, "[extra-footer-slot]", never, {}, {}, never, never, true, never>;
|
|
697
|
+
}
|
|
698
|
+
declare class DasarDatepickerHintSlot {
|
|
699
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarDatepickerHintSlot, never>;
|
|
700
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarDatepickerHintSlot, "[hint-slot]", never, {}, {}, never, never, true, never>;
|
|
701
|
+
}
|
|
702
|
+
declare class DasarDatepicker implements OnInit, ControlValueAccessor {
|
|
703
|
+
private themeProvider;
|
|
704
|
+
private themeService;
|
|
705
|
+
private cdr;
|
|
706
|
+
private elementRef;
|
|
707
|
+
extraHeaderSlot?: DasarDatepickerExtraHeaderSlot;
|
|
708
|
+
extraFooterSlot?: DasarDatepickerExtraFooterSlot;
|
|
709
|
+
extraLabelSlot?: DasarDatepickerExtraLabelSlot;
|
|
710
|
+
labelSlot?: DasarDatepickerLabelSlot;
|
|
711
|
+
hintSlot?: DasarDatepickerHintSlot;
|
|
712
|
+
prefixSlot?: DasarDatepickerPrefixSlot;
|
|
713
|
+
triggerEl?: ElementRef<HTMLElement>;
|
|
714
|
+
dropdownEl?: ElementRef<HTMLElement>;
|
|
715
|
+
displayFormat: string;
|
|
716
|
+
valueFormat: string;
|
|
717
|
+
locale: string;
|
|
718
|
+
placement: NonNullable<DasarDatepickerPlacement | undefined>;
|
|
719
|
+
appearance: NonNullable<DasarDatepickerAppearance | undefined>;
|
|
720
|
+
radius: NonNullable<ScaleAttributeType | undefined>;
|
|
721
|
+
type: "date";
|
|
722
|
+
size: NonNullable<DasarDatepickerSize | undefined>;
|
|
723
|
+
placeholder: string;
|
|
724
|
+
label: string | undefined;
|
|
725
|
+
extraLabel: string | undefined;
|
|
726
|
+
hint: string | undefined;
|
|
727
|
+
containerClass: NonNullable<ClassType> | null;
|
|
728
|
+
wrapperClass: NonNullable<ClassType> | null;
|
|
729
|
+
triggerClass: NonNullable<ClassType> | null;
|
|
730
|
+
dropdownClass: NonNullable<ClassType> | null;
|
|
731
|
+
labelWrapperClass: NonNullable<ClassType> | null;
|
|
732
|
+
hintWrapperClass: NonNullable<ClassType> | null;
|
|
733
|
+
containerStyle: NonNullable<StyleType | undefined> | null;
|
|
734
|
+
wrapperStyle: NonNullable<StyleType | undefined> | null;
|
|
735
|
+
triggerStyle: NonNullable<StyleType | undefined> | null;
|
|
736
|
+
dropdownStyle: NonNullable<StyleType | undefined> | null;
|
|
737
|
+
labelWrapperStyle: NonNullable<StyleType | undefined> | null;
|
|
738
|
+
hintWrapperStyle: NonNullable<StyleType | undefined> | null;
|
|
739
|
+
fullWidth: NonNullable<boolean | undefined>;
|
|
740
|
+
clearable: NonNullable<boolean | undefined>;
|
|
741
|
+
disabled: NonNullable<boolean | undefined>;
|
|
742
|
+
fluid: NonNullable<boolean | undefined>;
|
|
743
|
+
error: NonNullable<boolean | undefined>;
|
|
744
|
+
valueChange: EventEmitter<any>;
|
|
745
|
+
onDateSelected: EventEmitter<any>;
|
|
746
|
+
onInitialized: EventEmitter<void>;
|
|
747
|
+
onClickIn: EventEmitter<Event>;
|
|
748
|
+
onClickOut: EventEmitter<Event>;
|
|
749
|
+
onNextMonthClick: EventEmitter<void>;
|
|
750
|
+
onPrevMonthClick: EventEmitter<void>;
|
|
751
|
+
onNextYearClick: EventEmitter<void>;
|
|
752
|
+
onPrevYearClick: EventEmitter<void>;
|
|
753
|
+
onCleared: EventEmitter<void>;
|
|
754
|
+
onCouched: EventEmitter<void>;
|
|
755
|
+
onFocus: EventEmitter<void | Event>;
|
|
756
|
+
onBlur: EventEmitter<void | Event>;
|
|
757
|
+
readonly baseClass = true;
|
|
758
|
+
get hasFullWidth(): boolean;
|
|
759
|
+
get isDisabled(): boolean;
|
|
760
|
+
private _value;
|
|
761
|
+
internalDate: Date | null;
|
|
762
|
+
isOpen: boolean;
|
|
763
|
+
private isFocused;
|
|
764
|
+
get value(): any;
|
|
765
|
+
set value(val: any);
|
|
766
|
+
onTouched: any;
|
|
767
|
+
onChange: any;
|
|
768
|
+
ngOnInit(): void;
|
|
769
|
+
get hasLabelRow(): boolean;
|
|
770
|
+
get hasHintRow(): boolean;
|
|
771
|
+
get formattedDisplay(): string;
|
|
772
|
+
writeValue(value: any): void;
|
|
773
|
+
registerOnChange(fn: any): void;
|
|
774
|
+
registerOnTouched(fn: any): void;
|
|
775
|
+
setDisabledState(isDisabled: boolean): void;
|
|
776
|
+
onClickOutside(event: Event): void;
|
|
777
|
+
private syncInternalDate;
|
|
778
|
+
private setFocus;
|
|
779
|
+
toggleDropdown(event: Event): void;
|
|
780
|
+
clearValue(event: Event): void;
|
|
781
|
+
onCalendarSelect(date: Date | null): void;
|
|
782
|
+
private formatReturnValue;
|
|
783
|
+
private calculateSmartPlacement;
|
|
784
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarDatepicker, never>;
|
|
785
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarDatepicker, "dasar-datepicker", never, { "displayFormat": { "alias": "display-format"; "required": false; }; "valueFormat": { "alias": "value-format"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "extraLabel": { "alias": "extra-label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "containerClass": { "alias": "container-class"; "required": false; }; "wrapperClass": { "alias": "wrapper-class"; "required": false; }; "triggerClass": { "alias": "trigger-class"; "required": false; }; "dropdownClass": { "alias": "dropdown-class"; "required": false; }; "labelWrapperClass": { "alias": "label-wrapper-class"; "required": false; }; "hintWrapperClass": { "alias": "hint-wrapper-class"; "required": false; }; "containerStyle": { "alias": "container-style"; "required": false; }; "wrapperStyle": { "alias": "wrapper-style"; "required": false; }; "triggerStyle": { "alias": "trigger-style"; "required": false; }; "dropdownStyle": { "alias": "dropdown-style"; "required": false; }; "labelWrapperStyle": { "alias": "label-wrapper-style"; "required": false; }; "hintWrapperStyle": { "alias": "hint-wrapper-style"; "required": false; }; "fullWidth": { "alias": "full-width"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "error": { "alias": "error"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "onDateSelected": "onDateSelected"; "onInitialized": "onInitialized"; "onClickIn": "onClickIn"; "onClickOut": "onClickOut"; "onNextMonthClick": "onNextMonthClick"; "onPrevMonthClick": "onPrevMonthClick"; "onNextYearClick": "onNextYearClick"; "onPrevYearClick": "onPrevYearClick"; "onCleared": "onCleared"; "onCouched": "onCouched"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["extraHeaderSlot", "extraFooterSlot", "extraLabelSlot", "labelSlot", "hintSlot", "prefixSlot"], ["[label-slot]", "[extra-label-slot]", "[prefix-slot]", "[extra-footer-slot]", "[hint-slot]"], true, never>;
|
|
786
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
787
|
+
static ngAcceptInputType_clearable: unknown;
|
|
788
|
+
static ngAcceptInputType_disabled: unknown;
|
|
789
|
+
static ngAcceptInputType_fluid: unknown;
|
|
790
|
+
static ngAcceptInputType_error: unknown;
|
|
791
|
+
}
|
|
792
|
+
declare const DasarDatepickerComponent: readonly [typeof DasarDatepicker, typeof DasarDatepickerLabelSlot, typeof DasarDatepickerExtraLabelSlot, typeof DasarDatepickerExtraHeaderSlot, typeof DasarDatepickerExtraFooterSlot, typeof DasarDatepickerHintSlot, typeof DasarDatepickerPrefixSlot];
|
|
793
|
+
|
|
794
|
+
type DasarCalendarSizeType = Extract<ScaleAttributeType, 'sm' | 'md' | 'lg'>;
|
|
795
|
+
type DasarCalendarAppearance = 'outline' | 'borderless';
|
|
796
|
+
type DasarCalendarVariant = 'dashboard' | 'dropdown';
|
|
797
|
+
type DasarCalendarRadius = ScaleAttributeType;
|
|
798
|
+
interface DasarCalendarConfig {
|
|
799
|
+
appearance?: 'outline' | 'borderless';
|
|
800
|
+
variant?: 'dashboard' | 'dropdown';
|
|
801
|
+
size?: DasarCalendarSizeType;
|
|
802
|
+
radius?: DasarCalendarRadius;
|
|
803
|
+
containerStyle?: StyleType;
|
|
804
|
+
containerClass?: ClassType;
|
|
805
|
+
headerClass?: ClassType;
|
|
806
|
+
headerStyle?: StyleType;
|
|
807
|
+
hideFullDate?: boolean;
|
|
808
|
+
weekdayFormat?: string;
|
|
809
|
+
headerFormat?: string;
|
|
810
|
+
valueFormat?: string;
|
|
811
|
+
hideHeader?: boolean;
|
|
812
|
+
fullWidth?: boolean;
|
|
813
|
+
disabled?: boolean;
|
|
814
|
+
locale?: string;
|
|
815
|
+
}
|
|
816
|
+
interface CalendarDay {
|
|
817
|
+
isCurrentMonth: boolean;
|
|
818
|
+
weekdayStr?: string;
|
|
819
|
+
fullDateStr: string;
|
|
820
|
+
isSelected: boolean;
|
|
821
|
+
dayNumber: number;
|
|
822
|
+
isToday: boolean;
|
|
823
|
+
date: Date;
|
|
824
|
+
}
|
|
825
|
+
declare class DasarCalendarHeaderTemplate {
|
|
826
|
+
templateRef: TemplateRef<any>;
|
|
827
|
+
constructor(templateRef: TemplateRef<any>);
|
|
828
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCalendarHeaderTemplate, never>;
|
|
829
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCalendarHeaderTemplate, "[calendar-header-template]", never, {}, {}, never, never, true, never>;
|
|
830
|
+
}
|
|
831
|
+
declare class DasarCalendarPrevYearTemplate {
|
|
832
|
+
templateRef: TemplateRef<any>;
|
|
833
|
+
constructor(templateRef: TemplateRef<any>);
|
|
834
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCalendarPrevYearTemplate, never>;
|
|
835
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCalendarPrevYearTemplate, "[calendar-prev-year-template]", never, {}, {}, never, never, true, never>;
|
|
836
|
+
}
|
|
837
|
+
declare class DasarCalendarPrevMonthTemplate {
|
|
838
|
+
templateRef: TemplateRef<any>;
|
|
839
|
+
constructor(templateRef: TemplateRef<any>);
|
|
840
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCalendarPrevMonthTemplate, never>;
|
|
841
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCalendarPrevMonthTemplate, "[calendar-prev-month-template]", never, {}, {}, never, never, true, never>;
|
|
842
|
+
}
|
|
843
|
+
declare class DasarCalendarTodayTemplate {
|
|
844
|
+
templateRef: TemplateRef<any>;
|
|
845
|
+
constructor(templateRef: TemplateRef<any>);
|
|
846
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCalendarTodayTemplate, never>;
|
|
847
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCalendarTodayTemplate, "[calendar-today-template]", never, {}, {}, never, never, true, never>;
|
|
848
|
+
}
|
|
849
|
+
declare class DasarCalendarNextMonthTemplate {
|
|
850
|
+
templateRef: TemplateRef<any>;
|
|
851
|
+
constructor(templateRef: TemplateRef<any>);
|
|
852
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCalendarNextMonthTemplate, never>;
|
|
853
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCalendarNextMonthTemplate, "[calendar-next-month-template]", never, {}, {}, never, never, true, never>;
|
|
854
|
+
}
|
|
855
|
+
declare class DasarCalendarNextYearTemplate {
|
|
856
|
+
templateRef: TemplateRef<any>;
|
|
857
|
+
constructor(templateRef: TemplateRef<any>);
|
|
858
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCalendarNextYearTemplate, never>;
|
|
859
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCalendarNextYearTemplate, "[calendar-next-year-template]", never, {}, {}, never, never, true, never>;
|
|
860
|
+
}
|
|
861
|
+
declare class DasarCalendarFooterSlot {
|
|
862
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCalendarFooterSlot, never>;
|
|
863
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCalendarFooterSlot, "[calendar-footer-slot]", never, {}, {}, never, never, true, never>;
|
|
864
|
+
}
|
|
865
|
+
declare class DasarCalendar implements OnInit, OnChanges, ControlValueAccessor {
|
|
866
|
+
prevMonthTemplate?: DasarCalendarPrevMonthTemplate;
|
|
867
|
+
nextMonthTemplate?: DasarCalendarNextMonthTemplate;
|
|
868
|
+
prevYearTemplate?: DasarCalendarPrevYearTemplate;
|
|
869
|
+
nextYearTemplate?: DasarCalendarNextYearTemplate;
|
|
870
|
+
headerTemplate?: DasarCalendarHeaderTemplate;
|
|
871
|
+
todayTemplate?: DasarCalendarTodayTemplate;
|
|
872
|
+
footerSlot?: DasarCalendarFooterSlot;
|
|
873
|
+
private themeProvider;
|
|
874
|
+
private themeService;
|
|
875
|
+
headerFormat: string;
|
|
876
|
+
valueFormat: string;
|
|
877
|
+
size: NonNullable<dasar_ui.DasarSelectSizeType | undefined>;
|
|
878
|
+
weekdayFormat: string;
|
|
879
|
+
locale: string;
|
|
880
|
+
appearance: NonNullable<"outline" | "borderless" | undefined>;
|
|
881
|
+
variant: NonNullable<"dashboard" | "dropdown" | undefined>;
|
|
882
|
+
radius: NonNullable<ScaleAttributeType | undefined>;
|
|
883
|
+
containerStyle: NonNullable<StyleType | undefined> | null;
|
|
884
|
+
containerClass: NonNullable<ClassType> | null;
|
|
885
|
+
headerClass: NonNullable<ClassType> | null;
|
|
886
|
+
headerStyle: NonNullable<StyleType | undefined> | null;
|
|
887
|
+
disabled: NonNullable<boolean | undefined>;
|
|
888
|
+
hideHeader: NonNullable<boolean | undefined>;
|
|
889
|
+
fullWidth: NonNullable<boolean | undefined>;
|
|
890
|
+
hideFullDate: NonNullable<boolean | undefined>;
|
|
891
|
+
onMonthChange: EventEmitter<Date>;
|
|
892
|
+
onYearChange: EventEmitter<Date>;
|
|
893
|
+
onPrevMonthClick: EventEmitter<Date>;
|
|
894
|
+
onNextMonthClick: EventEmitter<Date>;
|
|
895
|
+
onPrevYearClick: EventEmitter<Date>;
|
|
896
|
+
onNextYearClick: EventEmitter<Date>;
|
|
897
|
+
onTodayClick: EventEmitter<Date>;
|
|
898
|
+
readonly baseClass = true;
|
|
899
|
+
get hasFullWidth(): boolean;
|
|
900
|
+
private _value;
|
|
901
|
+
private cdr;
|
|
902
|
+
weekdays: string[];
|
|
903
|
+
viewMode: 'days' | 'months' | 'years';
|
|
904
|
+
currentViewDate: Date;
|
|
905
|
+
calendarDays: CalendarDay[];
|
|
906
|
+
onTouched: any;
|
|
907
|
+
onChange: any;
|
|
908
|
+
get value(): Date | null;
|
|
909
|
+
set value(val: Date | null | string | number);
|
|
910
|
+
valueChange: EventEmitter<Date | null>;
|
|
911
|
+
ngOnInit(): void;
|
|
912
|
+
ngOnChanges(): void;
|
|
913
|
+
get currentMonthYear(): string;
|
|
914
|
+
get monthsList(): {
|
|
915
|
+
name: string;
|
|
916
|
+
index: number;
|
|
917
|
+
}[];
|
|
918
|
+
get yearsList(): number[];
|
|
919
|
+
get localizedDropdownWeekdays(): string[];
|
|
920
|
+
toggleViewMode(): void;
|
|
921
|
+
selectMonth(monthIndex: number, event: Event): void;
|
|
922
|
+
selectYear(year: number, event: Event): void;
|
|
923
|
+
writeValue(value: any): void;
|
|
924
|
+
registerOnChange(fn: any): void;
|
|
925
|
+
registerOnTouched(fn: any): void;
|
|
926
|
+
setDisabledState(isDisabled: boolean): void;
|
|
927
|
+
getTimeSafe(date: Date | null): number | null;
|
|
928
|
+
changeMonth(offset: number, event?: Event): void;
|
|
929
|
+
changeYear(offset: number, event?: Event): void;
|
|
930
|
+
goToToday(event?: Event): void;
|
|
931
|
+
selectDate(day: CalendarDay, event: Event): void;
|
|
932
|
+
generateCalendar(): void;
|
|
933
|
+
private createCalendarDay;
|
|
934
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCalendar, never>;
|
|
935
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarCalendar, "dasar-calendar", never, { "headerFormat": { "alias": "header-format"; "required": false; }; "valueFormat": { "alias": "value-format"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weekdayFormat": { "alias": "weekday-format"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "containerStyle": { "alias": "container-style"; "required": false; }; "containerClass": { "alias": "container-class"; "required": false; }; "headerClass": { "alias": "header-class"; "required": false; }; "headerStyle": { "alias": "header-style"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideHeader": { "alias": "hide-header"; "required": false; }; "fullWidth": { "alias": "full-width"; "required": false; }; "hideFullDate": { "alias": "hide-full-date"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; "onPrevMonthClick": "onPrevMonthClick"; "onNextMonthClick": "onNextMonthClick"; "onPrevYearClick": "onPrevYearClick"; "onNextYearClick": "onNextYearClick"; "onTodayClick": "onTodayClick"; "valueChange": "valueChange"; }, ["prevMonthTemplate", "nextMonthTemplate", "prevYearTemplate", "nextYearTemplate", "headerTemplate", "todayTemplate", "footerSlot"], ["[calendar-footer-slot]"], true, never>;
|
|
936
|
+
static ngAcceptInputType_disabled: unknown;
|
|
937
|
+
static ngAcceptInputType_hideHeader: unknown;
|
|
938
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
939
|
+
static ngAcceptInputType_hideFullDate: unknown;
|
|
940
|
+
}
|
|
941
|
+
declare const DasarCalendarComponent: readonly [typeof DasarCalendar, typeof DasarCalendarFooterSlot, typeof DasarCalendarHeaderTemplate, typeof DasarCalendarPrevYearTemplate, typeof DasarCalendarPrevMonthTemplate, typeof DasarCalendarTodayTemplate, typeof DasarCalendarNextMonthTemplate, typeof DasarCalendarNextYearTemplate];
|
|
942
|
+
|
|
943
|
+
type DasarButtonSizeType = Extract<ScaleAttributeType, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
|
|
944
|
+
type DasarButtonVariantType = 'primary' | 'success' | 'warning' | 'danger' | 'secondary' | 'ghost';
|
|
945
|
+
type DasarButtonAppearanceType = 'solid' | 'subtle' | 'outline';
|
|
946
|
+
type DasarButtonType = 'button' | 'submit' | 'reset';
|
|
947
|
+
type DasarButtonRadiusType = ScaleAttributeType;
|
|
948
|
+
interface DasarButtonConfig {
|
|
949
|
+
appearance?: DasarButtonAppearanceType;
|
|
950
|
+
variant?: DasarButtonVariantType;
|
|
951
|
+
radius?: DasarButtonRadiusType;
|
|
952
|
+
size?: DasarButtonSizeType;
|
|
953
|
+
buttonStyle?: StyleType;
|
|
954
|
+
buttonClass?: ClassType;
|
|
955
|
+
type?: DasarButtonType;
|
|
956
|
+
fullWidth?: boolean;
|
|
957
|
+
iconOnly?: boolean;
|
|
958
|
+
disabled?: boolean;
|
|
959
|
+
fluid?: boolean;
|
|
960
|
+
}
|
|
961
|
+
declare class DasarButton {
|
|
962
|
+
private themeProvider;
|
|
963
|
+
private themeService;
|
|
964
|
+
appearance: NonNullable<DasarButtonAppearanceType | undefined>;
|
|
965
|
+
variant: NonNullable<DasarButtonVariantType | undefined>;
|
|
966
|
+
radius: NonNullable<ScaleAttributeType | undefined>;
|
|
967
|
+
size: NonNullable<DasarButtonSizeType | undefined>;
|
|
968
|
+
buttonStyle: NonNullable<StyleType | undefined> | null;
|
|
969
|
+
buttonClass: NonNullable<ClassType> | null;
|
|
970
|
+
type: NonNullable<DasarButtonType | undefined>;
|
|
971
|
+
disabled: NonNullable<boolean | undefined>;
|
|
972
|
+
fluid: NonNullable<boolean | undefined>;
|
|
973
|
+
fullWidth: NonNullable<boolean | undefined>;
|
|
974
|
+
iconOnly: NonNullable<boolean | undefined>;
|
|
975
|
+
get hostClasses(): string;
|
|
976
|
+
get buttonClasses(): Record<string, boolean>;
|
|
977
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarButton, never>;
|
|
978
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarButton, "dasar-button", never, { "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "buttonStyle": { "alias": "button-style"; "required": false; }; "buttonClass": { "alias": "button-class"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "fullWidth": { "alias": "full-width"; "required": false; }; "iconOnly": { "alias": "icon-only"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
979
|
+
static ngAcceptInputType_disabled: unknown;
|
|
980
|
+
static ngAcceptInputType_fluid: unknown;
|
|
981
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
982
|
+
static ngAcceptInputType_iconOnly: unknown;
|
|
983
|
+
}
|
|
984
|
+
declare const DasarButtonComponent: readonly [typeof DasarButton];
|
|
985
|
+
|
|
986
|
+
type DasarChipAppearanceType = DasarButtonAppearanceType;
|
|
987
|
+
type DasarChipVariantType = DasarButtonVariantType;
|
|
988
|
+
interface DasarChipConfig {
|
|
989
|
+
closeIconName?: string;
|
|
990
|
+
appearance?: DasarChipAppearanceType;
|
|
991
|
+
variant?: DasarChipVariantType;
|
|
992
|
+
iconName?: string;
|
|
993
|
+
radius?: DasarButtonRadiusType;
|
|
994
|
+
size?: DasarButtonSizeType;
|
|
995
|
+
label?: string;
|
|
996
|
+
removable?: boolean;
|
|
997
|
+
disabled?: boolean;
|
|
998
|
+
fluid?: boolean;
|
|
999
|
+
containerStyle?: StyleType;
|
|
1000
|
+
contentStyle?: StyleType;
|
|
1001
|
+
labelStyle?: StyleType;
|
|
1002
|
+
containerClass?: ClassType;
|
|
1003
|
+
contentClass?: ClassType;
|
|
1004
|
+
labelClass?: ClassType;
|
|
1005
|
+
}
|
|
1006
|
+
declare class DasarChipLabelSlot {
|
|
1007
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarChipLabelSlot, never>;
|
|
1008
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarChipLabelSlot, "[chip-label-slot]", never, {}, {}, never, never, true, never>;
|
|
1009
|
+
}
|
|
1010
|
+
declare class DasarChipCloseSlot {
|
|
1011
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarChipCloseSlot, never>;
|
|
1012
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarChipCloseSlot, "[chip-close-slot]", never, {}, {}, never, never, true, never>;
|
|
1013
|
+
}
|
|
1014
|
+
declare class DasarChip {
|
|
1015
|
+
private themeProvider;
|
|
1016
|
+
private themeService;
|
|
1017
|
+
private cdr;
|
|
1018
|
+
closeIconName: string;
|
|
1019
|
+
appearance: NonNullable<DasarButtonAppearanceType | undefined>;
|
|
1020
|
+
variant: NonNullable<DasarButtonVariantType | undefined>;
|
|
1021
|
+
iconName: string | undefined;
|
|
1022
|
+
radius: NonNullable<ScaleAttributeType | undefined>;
|
|
1023
|
+
size: NonNullable<DasarButtonSizeType | undefined>;
|
|
1024
|
+
label: string | undefined;
|
|
1025
|
+
containerStyle: NonNullable<StyleType | undefined> | null;
|
|
1026
|
+
contentStyle: NonNullable<StyleType | undefined> | null;
|
|
1027
|
+
labelStyle: NonNullable<StyleType | undefined> | null;
|
|
1028
|
+
containerClass: NonNullable<ClassType> | null;
|
|
1029
|
+
contentClass: NonNullable<ClassType> | null;
|
|
1030
|
+
labelClass: NonNullable<ClassType> | null;
|
|
1031
|
+
removable: NonNullable<boolean | undefined>;
|
|
1032
|
+
disabled: NonNullable<boolean | undefined>;
|
|
1033
|
+
fluid: NonNullable<boolean | undefined>;
|
|
1034
|
+
labelSlot?: DasarChipLabelSlot;
|
|
1035
|
+
closeSlot?: DasarChipCloseSlot;
|
|
1036
|
+
onClick: EventEmitter<Event>;
|
|
1037
|
+
onRemove: EventEmitter<Event>;
|
|
1038
|
+
readonly baseClass = true;
|
|
1039
|
+
onHostClick(event: MouseEvent): void;
|
|
1040
|
+
click(event: Event): void;
|
|
1041
|
+
remove(event: Event): void;
|
|
1042
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarChip, never>;
|
|
1043
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarChip, "dasar-chip", never, { "closeIconName": { "alias": "close-icon-name"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "iconName": { "alias": "icon-name"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "containerStyle": { "alias": "container-style"; "required": false; }; "contentStyle": { "alias": "content-style"; "required": false; }; "labelStyle": { "alias": "label-style"; "required": false; }; "containerClass": { "alias": "container-class"; "required": false; }; "contentClass": { "alias": "content-class"; "required": false; }; "labelClass": { "alias": "label-class"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; }, { "onClick": "onClick"; "onRemove": "onRemove"; }, ["labelSlot", "closeSlot"], ["[chip-label-slot]", "*", "[chip-close-slot]"], true, never>;
|
|
1044
|
+
static ngAcceptInputType_removable: unknown;
|
|
1045
|
+
static ngAcceptInputType_disabled: unknown;
|
|
1046
|
+
static ngAcceptInputType_fluid: unknown;
|
|
1047
|
+
}
|
|
1048
|
+
declare const DasarChipComponent: readonly [typeof DasarChip, typeof DasarChipLabelSlot, typeof DasarChipCloseSlot];
|
|
1049
|
+
|
|
1050
|
+
type DasarSelectSizeType = Extract<ScaleAttributeType, 'sm' | 'md' | 'lg'>;
|
|
1051
|
+
type DasarSelectChipSizeType = Extract<ScaleAttributeType, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
|
|
1052
|
+
type DasarSelectMultipleDisplayType = 'text' | 'chip' | null;
|
|
1053
|
+
type DasarSelectAppearanceType = 'outline' | 'filled';
|
|
1054
|
+
type DasarSelectRadiusType = ScaleAttributeType;
|
|
1055
|
+
interface DasarSelectConfig {
|
|
1056
|
+
multipleType?: DasarSelectMultipleDisplayType;
|
|
1057
|
+
arrowIconName?: string;
|
|
1058
|
+
debounceTime?: number;
|
|
1059
|
+
appearance?: DasarSelectAppearanceType;
|
|
1060
|
+
radius?: DasarSelectRadiusType;
|
|
1061
|
+
options?: DasarSelectOption[];
|
|
1062
|
+
chipSize?: DasarSelectChipSizeType;
|
|
1063
|
+
size?: DasarSelectSizeType;
|
|
1064
|
+
hint?: string;
|
|
1065
|
+
placeholder?: string;
|
|
1066
|
+
labelRight?: string;
|
|
1067
|
+
label?: string;
|
|
1068
|
+
dropdownPanelClass?: ClassType;
|
|
1069
|
+
containerClass?: ClassType;
|
|
1070
|
+
optionClass?: ClassType;
|
|
1071
|
+
dropdownPanelStyle?: StyleType;
|
|
1072
|
+
containerStyle?: StyleType;
|
|
1073
|
+
fullWidth?: boolean;
|
|
1074
|
+
clearable?: boolean;
|
|
1075
|
+
searchable?: boolean;
|
|
1076
|
+
disabled?: boolean;
|
|
1077
|
+
loading?: boolean;
|
|
1078
|
+
error?: boolean;
|
|
1079
|
+
hideOverflow?: boolean;
|
|
1080
|
+
}
|
|
1081
|
+
declare class DasarSelectPrefixSlot {
|
|
1082
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarSelectPrefixSlot, never>;
|
|
1083
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarSelectPrefixSlot, "[prefix-slot]", never, {}, {}, never, never, true, never>;
|
|
1084
|
+
}
|
|
1085
|
+
declare class DasarSelectSuffixSlot {
|
|
1086
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarSelectSuffixSlot, never>;
|
|
1087
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarSelectSuffixSlot, "[suffix-slot]", never, {}, {}, never, never, true, never>;
|
|
1088
|
+
}
|
|
1089
|
+
declare class DasarSelectLabelSlot {
|
|
1090
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarSelectLabelSlot, never>;
|
|
1091
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarSelectLabelSlot, "[label-slot]", never, {}, {}, never, never, true, never>;
|
|
1092
|
+
}
|
|
1093
|
+
declare class DasarSelectExtraLabelSlot {
|
|
1094
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarSelectExtraLabelSlot, never>;
|
|
1095
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarSelectExtraLabelSlot, "[extra-label-slot]", never, {}, {}, never, never, true, never>;
|
|
1096
|
+
}
|
|
1097
|
+
declare class DasarSelectOptionLoadingSlot {
|
|
1098
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarSelectOptionLoadingSlot, never>;
|
|
1099
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarSelectOptionLoadingSlot, "[option-loading-slot]", never, {}, {}, never, never, true, never>;
|
|
1100
|
+
}
|
|
1101
|
+
declare class DasarSelectOptionEmptySlot {
|
|
1102
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarSelectOptionEmptySlot, never>;
|
|
1103
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarSelectOptionEmptySlot, "[option-empty-slot]", never, {}, {}, never, never, true, never>;
|
|
1104
|
+
}
|
|
1105
|
+
declare class DasarSelectChipTemplate {
|
|
1106
|
+
templateRef: TemplateRef<any>;
|
|
1107
|
+
constructor(templateRef: TemplateRef<any>);
|
|
1108
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarSelectChipTemplate, never>;
|
|
1109
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarSelectChipTemplate, "[chip-template]", never, {}, {}, never, never, true, never>;
|
|
1110
|
+
}
|
|
1111
|
+
declare class DasarSelectOptionTemplate {
|
|
1112
|
+
templateRef: TemplateRef<any>;
|
|
1113
|
+
constructor(templateRef: TemplateRef<any>);
|
|
1114
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarSelectOptionTemplate, never>;
|
|
1115
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarSelectOptionTemplate, "[option-template]", never, {}, {}, never, never, true, never>;
|
|
1116
|
+
}
|
|
1117
|
+
interface DasarSelectOption {
|
|
1118
|
+
chipVariant?: DasarChipVariantType;
|
|
1119
|
+
chipClass?: ClassType;
|
|
1120
|
+
chipStyle?: StyleType;
|
|
1121
|
+
disabled?: boolean;
|
|
1122
|
+
iconName?: string;
|
|
1123
|
+
label: string;
|
|
1124
|
+
value: any;
|
|
1125
|
+
[key: string]: any;
|
|
1126
|
+
}
|
|
1127
|
+
declare class DasarSelect implements ControlValueAccessor {
|
|
1128
|
+
searchInput?: ElementRef<HTMLInputElement>;
|
|
1129
|
+
optionLoadingSlot?: DasarSelectOptionLoadingSlot;
|
|
1130
|
+
optionEmptySlot?: DasarSelectOptionEmptySlot;
|
|
1131
|
+
optionTemplate?: DasarSelectOptionTemplate;
|
|
1132
|
+
extraLabelSlot?: DasarSelectExtraLabelSlot;
|
|
1133
|
+
chipTemplate?: DasarSelectChipTemplate;
|
|
1134
|
+
prefixSlot?: DasarSelectPrefixSlot;
|
|
1135
|
+
suffixSlot?: DasarSelectSuffixSlot;
|
|
1136
|
+
labelSlot?: DasarSelectLabelSlot;
|
|
1137
|
+
private themeProvider;
|
|
1138
|
+
private themeService;
|
|
1139
|
+
private cdr;
|
|
1140
|
+
private elementRef;
|
|
1141
|
+
private debounceTimer;
|
|
1142
|
+
searchQuery: string;
|
|
1143
|
+
isOpen: boolean;
|
|
1144
|
+
multipleType: DasarSelectMultipleDisplayType;
|
|
1145
|
+
chipSize: DasarSelectChipSizeType;
|
|
1146
|
+
arrowIconName: string;
|
|
1147
|
+
debounceTime: number;
|
|
1148
|
+
appearance: NonNullable<DasarSelectAppearanceType | undefined>;
|
|
1149
|
+
radius: NonNullable<ScaleAttributeType | undefined>;
|
|
1150
|
+
options: never[] | DasarSelectOption[];
|
|
1151
|
+
size: NonNullable<DasarSelectSizeType | undefined>;
|
|
1152
|
+
hint: string | undefined;
|
|
1153
|
+
placeholder: string;
|
|
1154
|
+
label: string | undefined;
|
|
1155
|
+
labelRight: string | undefined;
|
|
1156
|
+
dropdownPanelClass: NonNullable<ClassType> | null;
|
|
1157
|
+
containerClass: NonNullable<ClassType> | null;
|
|
1158
|
+
optionClass: NonNullable<ClassType> | null;
|
|
1159
|
+
dropdownPanelStyle: NonNullable<StyleType | undefined> | null;
|
|
1160
|
+
containerStyle: NonNullable<StyleType | undefined> | null;
|
|
1161
|
+
fullWidth: NonNullable<boolean | undefined>;
|
|
1162
|
+
clearable: NonNullable<boolean | undefined>;
|
|
1163
|
+
searchable: NonNullable<boolean | undefined>;
|
|
1164
|
+
disabled: NonNullable<boolean | undefined>;
|
|
1165
|
+
loading: NonNullable<boolean | undefined>;
|
|
1166
|
+
error: NonNullable<boolean | undefined>;
|
|
1167
|
+
hideOverflow: NonNullable<boolean | undefined>;
|
|
1168
|
+
valueChange: EventEmitter<any>;
|
|
1169
|
+
onBlurEvent: EventEmitter<FocusEvent>;
|
|
1170
|
+
onSearchChange: EventEmitter<string>;
|
|
1171
|
+
onFocus: EventEmitter<FocusEvent>;
|
|
1172
|
+
onPanelOpened: EventEmitter<void>;
|
|
1173
|
+
onPanelClosed: EventEmitter<void>;
|
|
1174
|
+
onCleared: EventEmitter<void>;
|
|
1175
|
+
readonly baseClass = true;
|
|
1176
|
+
get hasFullWidth(): boolean;
|
|
1177
|
+
get isDisabled(): boolean;
|
|
1178
|
+
_value: any;
|
|
1179
|
+
get value(): any;
|
|
1180
|
+
set value(val: any);
|
|
1181
|
+
onChange: any;
|
|
1182
|
+
onTouched: any;
|
|
1183
|
+
writeValue(val: any): void;
|
|
1184
|
+
registerOnChange(fn: any): void;
|
|
1185
|
+
registerOnTouched(fn: any): void;
|
|
1186
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1187
|
+
get hasValue(): boolean;
|
|
1188
|
+
get isMultiple(): boolean;
|
|
1189
|
+
get selectedOption(): DasarSelectOption | undefined;
|
|
1190
|
+
get selectedOptions(): DasarSelectOption[];
|
|
1191
|
+
get filteredOptions(): DasarSelectOption[];
|
|
1192
|
+
onDocumentClick(event: MouseEvent): void;
|
|
1193
|
+
onGlobalSelectOpened(event: any): void;
|
|
1194
|
+
removeOption(option: DasarSelectOption, event: Event): void;
|
|
1195
|
+
clearSelection(event: Event): void;
|
|
1196
|
+
toggleDropdown(): void;
|
|
1197
|
+
openPanel(): void;
|
|
1198
|
+
closePanel(): void;
|
|
1199
|
+
isOptionSelected(option: DasarSelectOption): boolean;
|
|
1200
|
+
selectOption(option: DasarSelectOption, event: Event): void;
|
|
1201
|
+
getMultipleDisplayText(): string;
|
|
1202
|
+
onSearchInput(query: string): void;
|
|
1203
|
+
onInputFocus(event?: FocusEvent): void;
|
|
1204
|
+
onInputBlur(event?: FocusEvent): void;
|
|
1205
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarSelect, never>;
|
|
1206
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarSelect, "dasar-select", never, { "multipleType": { "alias": "multiple-type"; "required": false; }; "chipSize": { "alias": "chip-size"; "required": false; }; "arrowIconName": { "alias": "arrow-icon-name"; "required": false; }; "debounceTime": { "alias": "debounce-time"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "options": { "alias": "options"; "required": false; }; "size": { "alias": "size"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelRight": { "alias": "labelRight"; "required": false; }; "dropdownPanelClass": { "alias": "dropdown-panel-class"; "required": false; }; "containerClass": { "alias": "container-class"; "required": false; }; "optionClass": { "alias": "option-class"; "required": false; }; "dropdownPanelStyle": { "alias": "dropdown-panel-style"; "required": false; }; "containerStyle": { "alias": "container-style"; "required": false; }; "fullWidth": { "alias": "full-width"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "hideOverflow": { "alias": "hide-overflow"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "onBlurEvent": "onBlurEvent"; "onSearchChange": "onSearchChange"; "onFocus": "onFocus"; "onPanelOpened": "onPanelOpened"; "onPanelClosed": "onPanelClosed"; "onCleared": "onCleared"; }, ["optionLoadingSlot", "optionEmptySlot", "optionTemplate", "extraLabelSlot", "chipTemplate", "prefixSlot", "suffixSlot", "labelSlot"], ["[label-slot]", "[extra-label-slot]", "[prefix-slot]", "[suffix-slot]", "[option-loading-slot]", "[option-empty-slot]"], true, never>;
|
|
1207
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
1208
|
+
static ngAcceptInputType_clearable: unknown;
|
|
1209
|
+
static ngAcceptInputType_searchable: unknown;
|
|
1210
|
+
static ngAcceptInputType_disabled: unknown;
|
|
1211
|
+
static ngAcceptInputType_loading: unknown;
|
|
1212
|
+
static ngAcceptInputType_error: unknown;
|
|
1213
|
+
static ngAcceptInputType_hideOverflow: unknown;
|
|
1214
|
+
}
|
|
1215
|
+
declare const DasarSelectComponent: readonly [typeof DasarSelect, typeof DasarSelectLabelSlot, typeof DasarSelectSuffixSlot, typeof DasarSelectChipTemplate, typeof DasarSelectOptionTemplate, typeof DasarSelectExtraLabelSlot, typeof DasarSelectOptionEmptySlot, typeof DasarSelectOptionLoadingSlot, typeof DasarSelectPrefixSlot];
|
|
1216
|
+
|
|
1217
|
+
type DasarIconSizeType = ScaleAttributeType | number;
|
|
1218
|
+
interface DasarIconConfig {
|
|
1219
|
+
size?: DasarIconSizeType;
|
|
1220
|
+
stroke?: number;
|
|
1221
|
+
fluid?: boolean;
|
|
1222
|
+
color?: string;
|
|
1223
|
+
name?: string;
|
|
1224
|
+
}
|
|
1225
|
+
declare class DasarIcon implements OnInit {
|
|
1226
|
+
private themeProvider;
|
|
1227
|
+
private themeService;
|
|
1228
|
+
private readonly cdr;
|
|
1229
|
+
private sanitizer;
|
|
1230
|
+
fluid: NonNullable<boolean | undefined>;
|
|
1231
|
+
size: NonNullable<DasarIconSizeType | undefined>;
|
|
1232
|
+
color: string;
|
|
1233
|
+
stroke: number;
|
|
1234
|
+
name: string;
|
|
1235
|
+
get hostClasses(): string;
|
|
1236
|
+
get computedSize(): string | number;
|
|
1237
|
+
get svgContent(): SafeHtml;
|
|
1238
|
+
ngOnInit(): void;
|
|
1239
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarIcon, never>;
|
|
1240
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarIcon, "dasar-icon", never, { "fluid": { "alias": "fluid"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
|
|
1241
|
+
static ngAcceptInputType_fluid: unknown;
|
|
1242
|
+
}
|
|
1243
|
+
declare const DasarIconComponent: readonly [typeof DasarIcon];
|
|
1244
|
+
|
|
1245
|
+
type DasarCardSize = Extract<ScaleAttributeType, 'sm' | 'md' | 'lg'>;
|
|
1246
|
+
type DasarCardAppearance = 'outline' | 'borderless' | 'elevated';
|
|
1247
|
+
type DasarCardSpacing = 'normal' | 'compact';
|
|
1248
|
+
type DasarCardRadius = ScaleAttributeType;
|
|
1249
|
+
interface DasarCardConfig {
|
|
1250
|
+
appearance?: 'outline' | 'borderless' | 'elevated';
|
|
1251
|
+
spacing?: 'normal' | 'compact';
|
|
1252
|
+
radius?: ScaleAttributeType;
|
|
1253
|
+
size?: Extract<ScaleAttributeType, 'sm' | 'md' | 'lg'>;
|
|
1254
|
+
label?: string;
|
|
1255
|
+
contentHeaderStyle?: StyleType;
|
|
1256
|
+
extraHeaderStyle?: StyleType;
|
|
1257
|
+
containerStyle?: StyleType;
|
|
1258
|
+
captionStyle?: StyleType;
|
|
1259
|
+
headerStyle?: StyleType;
|
|
1260
|
+
actionStyle?: StyleType;
|
|
1261
|
+
bodyStyle?: StyleType;
|
|
1262
|
+
contentHeaderClass?: ClassType;
|
|
1263
|
+
extraHeaderClass?: ClassType;
|
|
1264
|
+
containerClass?: ClassType;
|
|
1265
|
+
captionClass?: ClassType;
|
|
1266
|
+
actionClass?: ClassType;
|
|
1267
|
+
headerClass?: ClassType;
|
|
1268
|
+
bodyClass?: ClassType;
|
|
1269
|
+
captionFluid?: boolean;
|
|
1270
|
+
hideOverflow?: boolean;
|
|
1271
|
+
headerFluid?: boolean;
|
|
1272
|
+
actionFluid?: boolean;
|
|
1273
|
+
bodyFluid?: boolean;
|
|
1274
|
+
fullWidth?: boolean;
|
|
1275
|
+
closable?: boolean;
|
|
1276
|
+
fluid?: boolean;
|
|
1277
|
+
}
|
|
1278
|
+
declare class DasarCardExtraHeaderSlot {
|
|
1279
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCardExtraHeaderSlot, never>;
|
|
1280
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCardExtraHeaderSlot, "[extra-header-slot]", never, {}, {}, never, never, true, never>;
|
|
1281
|
+
}
|
|
1282
|
+
declare class DasarCardCaptionSlot {
|
|
1283
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCardCaptionSlot, never>;
|
|
1284
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCardCaptionSlot, "[caption-slot]", never, {}, {}, never, never, true, never>;
|
|
1285
|
+
}
|
|
1286
|
+
declare class DasarCardHeaderSlot {
|
|
1287
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCardHeaderSlot, never>;
|
|
1288
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCardHeaderSlot, "[header-slot]", never, {}, {}, never, never, true, never>;
|
|
1289
|
+
}
|
|
1290
|
+
declare class DasarCardActionSlot {
|
|
1291
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCardActionSlot, never>;
|
|
1292
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarCardActionSlot, "[action-slot]", never, {}, {}, never, never, true, never>;
|
|
1293
|
+
}
|
|
1294
|
+
declare class DasarCard {
|
|
1295
|
+
providedExtraHeader?: DasarCardExtraHeaderSlot;
|
|
1296
|
+
providedCaption?: DasarCardCaptionSlot;
|
|
1297
|
+
providedHeader?: DasarCardHeaderSlot;
|
|
1298
|
+
providedAction?: DasarCardActionSlot;
|
|
1299
|
+
private themeProvider;
|
|
1300
|
+
private themeService;
|
|
1301
|
+
private cdr;
|
|
1302
|
+
isClosed: i0.WritableSignal<boolean>;
|
|
1303
|
+
appearance: NonNullable<"outline" | "borderless" | "elevated" | undefined>;
|
|
1304
|
+
spacing: NonNullable<"compact" | "normal" | undefined>;
|
|
1305
|
+
radius: NonNullable<ScaleAttributeType | undefined>;
|
|
1306
|
+
size: NonNullable<"sm" | "md" | "lg" | undefined>;
|
|
1307
|
+
label: string | undefined;
|
|
1308
|
+
contentHeaderStyle: NonNullable<StyleType | undefined> | null;
|
|
1309
|
+
extraHeaderStyle: NonNullable<StyleType | undefined> | null;
|
|
1310
|
+
containerStyle: NonNullable<StyleType | undefined> | null;
|
|
1311
|
+
captionStyle: NonNullable<StyleType | undefined> | null;
|
|
1312
|
+
headerStyle: NonNullable<StyleType | undefined> | null;
|
|
1313
|
+
actionStyle: NonNullable<StyleType | undefined> | null;
|
|
1314
|
+
bodyStyle: NonNullable<StyleType | undefined> | null;
|
|
1315
|
+
contentHeaderClass: NonNullable<ClassType> | null;
|
|
1316
|
+
extraHeaderClass: NonNullable<ClassType> | null;
|
|
1317
|
+
containerClass: NonNullable<ClassType> | null;
|
|
1318
|
+
captionClass: NonNullable<ClassType> | null;
|
|
1319
|
+
actionClass: NonNullable<ClassType> | null;
|
|
1320
|
+
headerClass: NonNullable<ClassType> | null;
|
|
1321
|
+
bodyClass: NonNullable<ClassType> | null;
|
|
1322
|
+
closable: NonNullable<boolean | undefined>;
|
|
1323
|
+
fluid: NonNullable<boolean | undefined>;
|
|
1324
|
+
headerFluid: NonNullable<boolean | undefined>;
|
|
1325
|
+
actionFluid: NonNullable<boolean | undefined>;
|
|
1326
|
+
bodyFluid: NonNullable<boolean | undefined>;
|
|
1327
|
+
fullWidth: NonNullable<boolean | undefined>;
|
|
1328
|
+
captionFluid: NonNullable<boolean | undefined>;
|
|
1329
|
+
hideOverflow: NonNullable<boolean | undefined>;
|
|
1330
|
+
onClose: EventEmitter<void>;
|
|
1331
|
+
readonly baseClass = true;
|
|
1332
|
+
get hasFullWidth(): boolean;
|
|
1333
|
+
get hasExtraHeader(): boolean;
|
|
1334
|
+
get hasHeader(): boolean;
|
|
1335
|
+
get hasCaption(): boolean;
|
|
1336
|
+
get hasAction(): boolean;
|
|
1337
|
+
closeCard(): void;
|
|
1338
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarCard, never>;
|
|
1339
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarCard, "dasar-card", never, { "appearance": { "alias": "appearance"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "contentHeaderStyle": { "alias": "content-header-style"; "required": false; }; "extraHeaderStyle": { "alias": "extra-header-style"; "required": false; }; "containerStyle": { "alias": "container-style"; "required": false; }; "captionStyle": { "alias": "caption-style"; "required": false; }; "headerStyle": { "alias": "header-style"; "required": false; }; "actionStyle": { "alias": "action-style"; "required": false; }; "bodyStyle": { "alias": "body-style"; "required": false; }; "contentHeaderClass": { "alias": "content-header-class"; "required": false; }; "extraHeaderClass": { "alias": "extra-header-class"; "required": false; }; "containerClass": { "alias": "container-class"; "required": false; }; "captionClass": { "alias": "caption-class"; "required": false; }; "actionClass": { "alias": "action-class"; "required": false; }; "headerClass": { "alias": "header-class"; "required": false; }; "bodyClass": { "alias": "body-class"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "headerFluid": { "alias": "header-fluid"; "required": false; }; "actionFluid": { "alias": "action-fluid"; "required": false; }; "bodyFluid": { "alias": "body-fluid"; "required": false; }; "fullWidth": { "alias": "full-width"; "required": false; }; "captionFluid": { "alias": "caption-fluid"; "required": false; }; "hideOverflow": { "alias": "hide-overflow"; "required": false; }; }, { "onClose": "onClose"; }, ["providedExtraHeader", "providedCaption", "providedHeader", "providedAction"], ["[header-slot]", "[caption-slot]", "[extra-header-slot]", "*", "[action-slot]"], true, never>;
|
|
1340
|
+
static ngAcceptInputType_closable: unknown;
|
|
1341
|
+
static ngAcceptInputType_fluid: unknown;
|
|
1342
|
+
static ngAcceptInputType_headerFluid: unknown;
|
|
1343
|
+
static ngAcceptInputType_actionFluid: unknown;
|
|
1344
|
+
static ngAcceptInputType_bodyFluid: unknown;
|
|
1345
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
1346
|
+
static ngAcceptInputType_captionFluid: unknown;
|
|
1347
|
+
static ngAcceptInputType_hideOverflow: unknown;
|
|
1348
|
+
}
|
|
1349
|
+
declare const DasarCardComponent: readonly [typeof DasarCardExtraHeaderSlot, typeof DasarCardCaptionSlot, typeof DasarCardHeaderSlot, typeof DasarCardActionSlot, typeof DasarCard];
|
|
1350
|
+
|
|
1351
|
+
type DasarInputType = 'text' | 'password' | 'email' | 'number' | 'search' | 'url' | 'tel';
|
|
1352
|
+
type DasarInputMaskType = 'thousand' | 'date' | 'decimal' | ((val: string) => string);
|
|
1353
|
+
type DasarInputSizeType = Extract<ScaleAttributeType, 'sm' | 'md' | 'lg'>;
|
|
1354
|
+
type DasarInputAppearanceType = 'outline' | 'filled';
|
|
1355
|
+
type DasarInputRadiusType = ScaleAttributeType;
|
|
1356
|
+
interface DasarInputConfig {
|
|
1357
|
+
appearance?: DasarInputAppearanceType;
|
|
1358
|
+
labelRight?: string;
|
|
1359
|
+
radius?: DasarInputRadiusType;
|
|
1360
|
+
size?: DasarInputSizeType;
|
|
1361
|
+
type?: DasarInputType;
|
|
1362
|
+
mask?: DasarInputMaskType;
|
|
1363
|
+
hint?: string;
|
|
1364
|
+
placeholder?: string;
|
|
1365
|
+
label?: string;
|
|
1366
|
+
fullWidth?: boolean;
|
|
1367
|
+
disabled?: boolean;
|
|
1368
|
+
readonly?: boolean;
|
|
1369
|
+
fluid?: boolean;
|
|
1370
|
+
error?: boolean;
|
|
1371
|
+
containerClass?: ClassType;
|
|
1372
|
+
inputClass?: ClassType;
|
|
1373
|
+
hostClass?: ClassType;
|
|
1374
|
+
hintClass?: ClassType;
|
|
1375
|
+
containerStyle?: StyleType;
|
|
1376
|
+
inputStyle?: StyleType;
|
|
1377
|
+
hostStyle?: StyleType;
|
|
1378
|
+
hintStyle?: StyleType;
|
|
1379
|
+
hideOverflow?: boolean;
|
|
1380
|
+
}
|
|
1381
|
+
declare class DasarInputExtraLabelSlot {
|
|
1382
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarInputExtraLabelSlot, never>;
|
|
1383
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarInputExtraLabelSlot, "[extra-label-slot]", never, {}, {}, never, never, true, never>;
|
|
1384
|
+
}
|
|
1385
|
+
declare class DasarInputPrefixSlot {
|
|
1386
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarInputPrefixSlot, never>;
|
|
1387
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarInputPrefixSlot, "[prefix-slot]", never, {}, {}, never, never, true, never>;
|
|
1388
|
+
}
|
|
1389
|
+
declare class DasarInputSuffixSlot {
|
|
1390
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarInputSuffixSlot, never>;
|
|
1391
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DasarInputSuffixSlot, "[suffix-slot]", never, {}, {}, never, never, true, never>;
|
|
1392
|
+
}
|
|
1393
|
+
declare class DasarInput implements ControlValueAccessor {
|
|
1394
|
+
extraLabelSlot?: DasarInputExtraLabelSlot;
|
|
1395
|
+
private themeProvider;
|
|
1396
|
+
private themeService;
|
|
1397
|
+
private cdr;
|
|
1398
|
+
appearance: DasarInputAppearanceType;
|
|
1399
|
+
labelRight: string | undefined;
|
|
1400
|
+
radius: NonNullable<ScaleAttributeType | undefined>;
|
|
1401
|
+
size: NonNullable<DasarInputSizeType | undefined>;
|
|
1402
|
+
type: NonNullable<DasarInputType | undefined>;
|
|
1403
|
+
mask: NonNullable<DasarInputMaskType | undefined> | undefined;
|
|
1404
|
+
hint: string;
|
|
1405
|
+
placeholder: string;
|
|
1406
|
+
label: string | undefined;
|
|
1407
|
+
fullWidth: NonNullable<boolean | undefined>;
|
|
1408
|
+
disabled: NonNullable<boolean | undefined>;
|
|
1409
|
+
readonly: NonNullable<boolean | undefined>;
|
|
1410
|
+
fluid: NonNullable<boolean | undefined>;
|
|
1411
|
+
error: NonNullable<boolean | undefined>;
|
|
1412
|
+
containerClass: NonNullable<ClassType> | null;
|
|
1413
|
+
inputClass: NonNullable<ClassType> | null;
|
|
1414
|
+
hostClass: NonNullable<ClassType> | null;
|
|
1415
|
+
hintClass: NonNullable<ClassType> | null;
|
|
1416
|
+
containerStyle: NonNullable<StyleType | undefined> | null;
|
|
1417
|
+
inputStyle: NonNullable<StyleType | undefined> | null;
|
|
1418
|
+
hostStyle: NonNullable<StyleType | undefined> | null;
|
|
1419
|
+
hintStyle: NonNullable<StyleType | undefined> | null;
|
|
1420
|
+
hideOverflow: NonNullable<boolean | undefined>;
|
|
1421
|
+
onTouched: any;
|
|
1422
|
+
onChange: any;
|
|
1423
|
+
private _value;
|
|
1424
|
+
get value(): any;
|
|
1425
|
+
set value(val: any);
|
|
1426
|
+
valueChange: EventEmitter<any>;
|
|
1427
|
+
get hostClasses(): string;
|
|
1428
|
+
private formatValue;
|
|
1429
|
+
writeValue(value: any): void;
|
|
1430
|
+
registerOnChange(fn: any): void;
|
|
1431
|
+
registerOnTouched(fn: any): void;
|
|
1432
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1433
|
+
onInput(event: Event): void;
|
|
1434
|
+
onBlur(): void;
|
|
1435
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarInput, never>;
|
|
1436
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarInput, "dasar-input", never, { "appearance": { "alias": "appearance"; "required": false; }; "labelRight": { "alias": "label-right"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "fullWidth": { "alias": "full-width"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "error": { "alias": "error"; "required": false; }; "containerClass": { "alias": "container-class"; "required": false; }; "inputClass": { "alias": "input-class"; "required": false; }; "hostClass": { "alias": "host-class"; "required": false; }; "hintClass": { "alias": "hint-class"; "required": false; }; "containerStyle": { "alias": "container-style"; "required": false; }; "inputStyle": { "alias": "input-style"; "required": false; }; "hostStyle": { "alias": "host-style"; "required": false; }; "hintStyle": { "alias": "hint-style"; "required": false; }; "hideOverflow": { "alias": "hide-overflow"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, ["extraLabelSlot"], ["[extra-label-slot]", "[prefix-slot]", "[suffix-slot]"], true, never>;
|
|
1437
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
1438
|
+
static ngAcceptInputType_disabled: unknown;
|
|
1439
|
+
static ngAcceptInputType_readonly: unknown;
|
|
1440
|
+
static ngAcceptInputType_fluid: unknown;
|
|
1441
|
+
static ngAcceptInputType_error: unknown;
|
|
1442
|
+
static ngAcceptInputType_hideOverflow: unknown;
|
|
1443
|
+
}
|
|
1444
|
+
declare const DasarInputComponent: readonly [typeof DasarInput, typeof DasarInputExtraLabelSlot, typeof DasarInputPrefixSlot, typeof DasarInputSuffixSlot];
|
|
1445
|
+
|
|
1446
|
+
declare const DASAR_THEME_PROVIDER: InjectionToken<DasarThemeProviderComponent>;
|
|
1447
|
+
declare const defaultLightCommonTokens: DasarThemeCommon$1;
|
|
1448
|
+
declare const defaultDarkCommonTokens: DasarThemeCommon$1;
|
|
1449
|
+
declare class DasarThemeProviderComponent implements OnChanges {
|
|
1450
|
+
private el;
|
|
1451
|
+
private parentProvider;
|
|
1452
|
+
activeMode: i0.WritableSignal<DasarThemeMode$1>;
|
|
1453
|
+
private previouslyInjectedVars;
|
|
1454
|
+
componentConfig?: DasarComponentConfig$1;
|
|
1455
|
+
tokenConfig?: DasarThemeConfig$1['tokens'];
|
|
1456
|
+
colorConfig?: DasarThemeConfig$1['colors'];
|
|
1457
|
+
mode: DasarThemeMode$1;
|
|
1458
|
+
constructor(el: ElementRef);
|
|
1459
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1460
|
+
getResolvedCommonTokens(mode: DasarThemeMode$1): DasarThemeCommon$1;
|
|
1461
|
+
private applyTokenConfig;
|
|
1462
|
+
private injectMappedTokens;
|
|
1463
|
+
private injectColors;
|
|
1464
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarThemeProviderComponent, never>;
|
|
1465
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DasarThemeProviderComponent, "dasar-theme-provider", never, { "componentConfig": { "alias": "componentConfig"; "required": false; }; "tokenConfig": { "alias": "tokenConfig"; "required": false; }; "colorConfig": { "alias": "colorConfig"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1466
|
+
}
|
|
1467
|
+
|
|
1468
|
+
declare const commonMap: Record<keyof DasarThemeCommon$1, string>;
|
|
1469
|
+
declare const buttonMap: Record<keyof DasarThemeButton$1, string>;
|
|
1470
|
+
declare const inputMap: Record<keyof DasarThemeInput$1, string>;
|
|
1471
|
+
declare const calendarMap: Record<keyof DasarThemeCalendar$1, string>;
|
|
1472
|
+
declare const datepickerMap: Record<keyof DasarThemeDatepicker$1, string>;
|
|
1473
|
+
declare const chipMap: Record<keyof DasarThemeChip$1, string>;
|
|
1474
|
+
declare const selectMap: Record<keyof DasarThemeSelect$1, string>;
|
|
1475
|
+
declare const cardMap: Record<keyof DasarThemeCard$1, string>;
|
|
1476
|
+
declare const menuMap: Record<keyof DasarThemeMenu$1, string>;
|
|
1477
|
+
declare const tableMap: Record<string, string>;
|
|
1478
|
+
declare class DasarThemeService {
|
|
1479
|
+
private themeState;
|
|
1480
|
+
theme$: Observable<DasarThemeConfig$1>;
|
|
1481
|
+
private initialConfig;
|
|
1482
|
+
private platformId;
|
|
1483
|
+
private document;
|
|
1484
|
+
private renderer;
|
|
1485
|
+
constructor(rendererFactory: RendererFactory2);
|
|
1486
|
+
setGlobalTheme(config: DasarThemeConfig$1, targetElement?: HTMLElement): void;
|
|
1487
|
+
themeVariable(): DasarThemeConfig$1;
|
|
1488
|
+
private injectMappedTokens;
|
|
1489
|
+
private injectColors;
|
|
1490
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DasarThemeService, never>;
|
|
1491
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
1492
|
+
}
|
|
1493
|
+
|
|
1494
|
+
type DasarThemeMode = 'light' | 'dark';
|
|
1495
|
+
interface DasarThemeScale {
|
|
1496
|
+
50?: string;
|
|
1497
|
+
100?: string;
|
|
1498
|
+
200?: string;
|
|
1499
|
+
300?: string;
|
|
1500
|
+
400?: string;
|
|
1501
|
+
500?: string;
|
|
1502
|
+
700?: string;
|
|
1503
|
+
800?: string;
|
|
1504
|
+
900?: string;
|
|
1505
|
+
base: string;
|
|
1506
|
+
}
|
|
1507
|
+
interface DasarThemeColors {
|
|
1508
|
+
primary: DasarThemeScale;
|
|
1509
|
+
neutral: DasarThemeScale;
|
|
1510
|
+
success: DasarThemeScale;
|
|
1511
|
+
danger: DasarThemeScale;
|
|
1512
|
+
warning: DasarThemeScale;
|
|
1513
|
+
}
|
|
1514
|
+
interface DasarThemeCommon {
|
|
1515
|
+
primaryColor?: string;
|
|
1516
|
+
primaryHoverColor?: string;
|
|
1517
|
+
primaryActiveColor?: string;
|
|
1518
|
+
primarySurfaceColor?: string;
|
|
1519
|
+
textPrimaryColor?: string;
|
|
1520
|
+
textSecondaryColor?: string;
|
|
1521
|
+
textDisabledColor?: string;
|
|
1522
|
+
textInverseColor?: string;
|
|
1523
|
+
bgWindowColor?: string;
|
|
1524
|
+
bgDefaultColor?: string;
|
|
1525
|
+
bgSurfaceColor?: string;
|
|
1526
|
+
bgHoverColor?: string;
|
|
1527
|
+
borderSubtleColor?: string;
|
|
1528
|
+
borderStrongColor?: string;
|
|
1529
|
+
fontSans?: string;
|
|
1530
|
+
fontHero?: string;
|
|
1531
|
+
fontWeightRegular?: string;
|
|
1532
|
+
fontWeightMedium?: string;
|
|
1533
|
+
fontWeightSemibold?: string;
|
|
1534
|
+
fontWeightBold?: string;
|
|
1535
|
+
fontSizeXss?: string;
|
|
1536
|
+
fontSizeXs?: string;
|
|
1537
|
+
fontSizeSm?: string;
|
|
1538
|
+
fontSizeBase?: string;
|
|
1539
|
+
fontSizeLg?: string;
|
|
1540
|
+
fontSizeXl?: string;
|
|
1541
|
+
lineHeightNormal?: string;
|
|
1542
|
+
lineHeightTight?: string;
|
|
1543
|
+
}
|
|
1544
|
+
interface DasarThemeCommonDark {
|
|
1545
|
+
primaryColor?: string;
|
|
1546
|
+
primaryHoverColor?: string;
|
|
1547
|
+
primaryActiveColor?: string;
|
|
1548
|
+
primarySurfaceColor?: string;
|
|
1549
|
+
textPrimaryColor?: string;
|
|
1550
|
+
textSecondaryColor?: string;
|
|
1551
|
+
textDisabledColor?: string;
|
|
1552
|
+
textInverseColor?: string;
|
|
1553
|
+
bgWindowColor?: string;
|
|
1554
|
+
bgDefaultColor?: string;
|
|
1555
|
+
bgSurfaceColor?: string;
|
|
1556
|
+
bgHoverColor?: string;
|
|
1557
|
+
borderSubtleColor?: string;
|
|
1558
|
+
borderStrongColor?: string;
|
|
1559
|
+
fontSans?: string;
|
|
1560
|
+
fontHero?: string;
|
|
1561
|
+
fontSize?: string;
|
|
1562
|
+
fontWeightRegular?: string;
|
|
1563
|
+
fontWeightMedium?: string;
|
|
1564
|
+
fontWeightSemibold?: string;
|
|
1565
|
+
fontWeightBold?: string;
|
|
1566
|
+
fontSizeXss?: string;
|
|
1567
|
+
fontSizeXs?: string;
|
|
1568
|
+
fontSizeSm?: string;
|
|
1569
|
+
fontSizeBase?: string;
|
|
1570
|
+
fontSizeLg?: string;
|
|
1571
|
+
fontSizeXl?: string;
|
|
1572
|
+
lineHeightNormal?: string;
|
|
1573
|
+
lineHeightTight?: string;
|
|
1574
|
+
}
|
|
1575
|
+
interface DasarThemeButton {
|
|
1576
|
+
fontWeight?: string;
|
|
1577
|
+
gap?: string;
|
|
1578
|
+
heightXs?: string;
|
|
1579
|
+
paddingHorizontalXs?: string;
|
|
1580
|
+
iconSizeXs?: string;
|
|
1581
|
+
heightSm?: string;
|
|
1582
|
+
paddingHorizontalSm?: string;
|
|
1583
|
+
iconSizeSm?: string;
|
|
1584
|
+
heightMd?: string;
|
|
1585
|
+
paddingHorizontalMd?: string;
|
|
1586
|
+
iconSizeMd?: string;
|
|
1587
|
+
heightLg?: string;
|
|
1588
|
+
paddingHorizontalLg?: string;
|
|
1589
|
+
iconSizeLg?: string;
|
|
1590
|
+
heightXl?: string;
|
|
1591
|
+
paddingHorizontalXl?: string;
|
|
1592
|
+
iconSizeXl?: string;
|
|
1593
|
+
radiusNone?: string;
|
|
1594
|
+
radiusXs?: string;
|
|
1595
|
+
radiusSm?: string;
|
|
1596
|
+
radiusMd?: string;
|
|
1597
|
+
radiusLg?: string;
|
|
1598
|
+
radiusXl?: string;
|
|
1599
|
+
radiusFull?: string;
|
|
1600
|
+
disabledBg?: string;
|
|
1601
|
+
disabledBorder?: string;
|
|
1602
|
+
disabledColor?: string;
|
|
1603
|
+
primaryBg?: string;
|
|
1604
|
+
primaryBorder?: string;
|
|
1605
|
+
primaryColor?: string;
|
|
1606
|
+
primaryHoverBg?: string;
|
|
1607
|
+
primaryHoverBorder?: string;
|
|
1608
|
+
primaryFocusRing?: string;
|
|
1609
|
+
primarySubtleBg?: string;
|
|
1610
|
+
primarySubtleColor?: string;
|
|
1611
|
+
primarySubtleHoverBg?: string;
|
|
1612
|
+
primarySubtleHoverColor?: string;
|
|
1613
|
+
primaryOutlineBorder?: string;
|
|
1614
|
+
primaryOutlineColor?: string;
|
|
1615
|
+
primaryOutlineHoverBg?: string;
|
|
1616
|
+
successBg?: string;
|
|
1617
|
+
successBorder?: string;
|
|
1618
|
+
successColor?: string;
|
|
1619
|
+
successFocusRing?: string;
|
|
1620
|
+
successSubtleBg?: string;
|
|
1621
|
+
successSubtleColor?: string;
|
|
1622
|
+
successSubtleHoverBg?: string;
|
|
1623
|
+
successSubtleHoverColor?: string;
|
|
1624
|
+
successOutlineBorder?: string;
|
|
1625
|
+
successOutlineColor?: string;
|
|
1626
|
+
successOutlineHoverBg?: string;
|
|
1627
|
+
warningBg?: string;
|
|
1628
|
+
warningBorder?: string;
|
|
1629
|
+
warningColor?: string;
|
|
1630
|
+
warningFocusRing?: string;
|
|
1631
|
+
warningSubtleBg?: string;
|
|
1632
|
+
warningSubtleColor?: string;
|
|
1633
|
+
warningSubtleHoverBg?: string;
|
|
1634
|
+
warningSubtleHoverColor?: string;
|
|
1635
|
+
warningOutlineBorder?: string;
|
|
1636
|
+
warningOutlineColor?: string;
|
|
1637
|
+
warningOutlineHoverBg?: string;
|
|
1638
|
+
dangerBg?: string;
|
|
1639
|
+
dangerBorder?: string;
|
|
1640
|
+
dangerColor?: string;
|
|
1641
|
+
dangerFocusRing?: string;
|
|
1642
|
+
dangerSubtleBg?: string;
|
|
1643
|
+
dangerSubtleColor?: string;
|
|
1644
|
+
dangerSubtleHoverBg?: string;
|
|
1645
|
+
dangerSubtleHoverColor?: string;
|
|
1646
|
+
dangerOutlineBorder?: string;
|
|
1647
|
+
dangerOutlineColor?: string;
|
|
1648
|
+
dangerOutlineHoverBg?: string;
|
|
1649
|
+
secondaryBg?: string;
|
|
1650
|
+
secondaryBorder?: string;
|
|
1651
|
+
secondaryColor?: string;
|
|
1652
|
+
secondaryHoverBg?: string;
|
|
1653
|
+
secondaryFocusRing?: string;
|
|
1654
|
+
secondarySubtleBg?: string;
|
|
1655
|
+
secondarySubtleColor?: string;
|
|
1656
|
+
secondarySubtleHoverBg?: string;
|
|
1657
|
+
secondarySubtleHoverColor?: string;
|
|
1658
|
+
secondaryOutlineBorder?: string;
|
|
1659
|
+
secondaryOutlineColor?: string;
|
|
1660
|
+
secondaryOutlineHoverBg?: string;
|
|
1661
|
+
ghostColor?: string;
|
|
1662
|
+
ghostHoverBg?: string;
|
|
1663
|
+
ghostHoverColor?: string;
|
|
1664
|
+
ghostFocusRing?: string;
|
|
1665
|
+
}
|
|
1666
|
+
interface DasarThemeChip {
|
|
1667
|
+
closeMarginRight?: string;
|
|
1668
|
+
closeMarginLeft?: string;
|
|
1669
|
+
closePadding?: string;
|
|
1670
|
+
closeHoverBg?: string;
|
|
1671
|
+
innerGap?: string;
|
|
1672
|
+
}
|
|
1673
|
+
interface DasarThemeInput {
|
|
1674
|
+
wrapperGap?: string;
|
|
1675
|
+
gap?: string;
|
|
1676
|
+
color?: string;
|
|
1677
|
+
labelFontsize?: string;
|
|
1678
|
+
labelFontWeight?: string;
|
|
1679
|
+
labelColor?: string;
|
|
1680
|
+
labelRightFontsize?: string;
|
|
1681
|
+
labelRightColor?: string;
|
|
1682
|
+
heightXs?: string;
|
|
1683
|
+
paddingHorizontalXs?: string;
|
|
1684
|
+
heightSm?: string;
|
|
1685
|
+
paddingHorizontalSm?: string;
|
|
1686
|
+
heightMd?: string;
|
|
1687
|
+
paddingHorizontalMd?: string;
|
|
1688
|
+
heightLg?: string;
|
|
1689
|
+
paddingHorizontalLg?: string;
|
|
1690
|
+
heightXl?: string;
|
|
1691
|
+
paddingHorizontalXl?: string;
|
|
1692
|
+
radiusNone?: string;
|
|
1693
|
+
radiusXs?: string;
|
|
1694
|
+
radiusSm?: string;
|
|
1695
|
+
radiusMd?: string;
|
|
1696
|
+
radiusLg?: string;
|
|
1697
|
+
radiusXl?: string;
|
|
1698
|
+
radiusFull?: string;
|
|
1699
|
+
outlineBg?: string;
|
|
1700
|
+
outlineBorder?: string;
|
|
1701
|
+
outlineHoverBorder?: string;
|
|
1702
|
+
outlineFocusBorder?: string;
|
|
1703
|
+
outlineFocusRing?: string;
|
|
1704
|
+
filledBg?: string;
|
|
1705
|
+
filledBorder?: string;
|
|
1706
|
+
filledHoverBg?: string;
|
|
1707
|
+
filledFocusBg?: string;
|
|
1708
|
+
filledFocusBorder?: string;
|
|
1709
|
+
filledFocusRing?: string;
|
|
1710
|
+
errorBorder?: string;
|
|
1711
|
+
errorFocusRing?: string;
|
|
1712
|
+
disabledBg?: string;
|
|
1713
|
+
disabledBorder?: string;
|
|
1714
|
+
disabledOpacity?: string;
|
|
1715
|
+
placeholderColor?: string;
|
|
1716
|
+
autofillBg?: string;
|
|
1717
|
+
autofillColor?: string;
|
|
1718
|
+
hintFontSize?: string;
|
|
1719
|
+
hintColor?: string;
|
|
1720
|
+
hintErrorColor?: string;
|
|
1721
|
+
}
|
|
1722
|
+
interface DasarThemeCalendar {
|
|
1723
|
+
calendarBg?: string;
|
|
1724
|
+
outlineBorder?: string;
|
|
1725
|
+
outlineBg?: string;
|
|
1726
|
+
padding?: string;
|
|
1727
|
+
paddingMd?: string;
|
|
1728
|
+
radiusNone?: string;
|
|
1729
|
+
radiusXs?: string;
|
|
1730
|
+
radiusSm?: string;
|
|
1731
|
+
radiusMd?: string;
|
|
1732
|
+
radiusLg?: string;
|
|
1733
|
+
radiusXl?: string;
|
|
1734
|
+
radiusFull?: string;
|
|
1735
|
+
headerMarginBottom?: string;
|
|
1736
|
+
headerGap?: string;
|
|
1737
|
+
titleGap?: string;
|
|
1738
|
+
chevronColor?: string;
|
|
1739
|
+
titleFontWeight?: string;
|
|
1740
|
+
titleColor?: string;
|
|
1741
|
+
titleFontSize?: string;
|
|
1742
|
+
actionsGap?: string;
|
|
1743
|
+
gridBorder?: string;
|
|
1744
|
+
gridRadiusNone?: string;
|
|
1745
|
+
gridRadiusXs?: string;
|
|
1746
|
+
gridRadiusSm?: string;
|
|
1747
|
+
gridRadiusMd?: string;
|
|
1748
|
+
gridRadiusLg?: string;
|
|
1749
|
+
gridRadiusXl?: string;
|
|
1750
|
+
gridRadiusFull?: string;
|
|
1751
|
+
weekdayFontWeight?: string;
|
|
1752
|
+
weekdayColor?: string;
|
|
1753
|
+
weekdayPaddingBottom?: string;
|
|
1754
|
+
weekdayFontSize?: string;
|
|
1755
|
+
cellBg?: string;
|
|
1756
|
+
otherMonthBg?: string;
|
|
1757
|
+
dashboardCellPadding?: string;
|
|
1758
|
+
dashboardCellMinHeight?: string;
|
|
1759
|
+
dashboardCellPaddingSm?: string;
|
|
1760
|
+
dashboardCellMinHeightSm?: string;
|
|
1761
|
+
dashboardCellPaddingMd?: string;
|
|
1762
|
+
dashboardCellMinHeightMd?: string;
|
|
1763
|
+
dashboardCellHoverBg?: string;
|
|
1764
|
+
dashboardBoxSize?: string;
|
|
1765
|
+
todayColor?: string;
|
|
1766
|
+
todayBg?: string;
|
|
1767
|
+
selectedIndicator?: string;
|
|
1768
|
+
dashboardSelectedBg?: string;
|
|
1769
|
+
dropdownCellHeight?: string;
|
|
1770
|
+
dropdownCellHoverBg?: string;
|
|
1771
|
+
dropdownNumberFontWeight?: string;
|
|
1772
|
+
dropdownNumberColor?: string;
|
|
1773
|
+
dropdownNumberFontSize?: string;
|
|
1774
|
+
dropdownBoxSize?: string;
|
|
1775
|
+
dropdownOtherMonthColor?: string;
|
|
1776
|
+
dropdownSelectedBg?: string;
|
|
1777
|
+
dropdownSelectedColor?: string;
|
|
1778
|
+
dropdownSelectedFontWeight?: string;
|
|
1779
|
+
dropdownTodayBorder?: string;
|
|
1780
|
+
dropdownTodayColor?: string;
|
|
1781
|
+
pickerBorder?: string;
|
|
1782
|
+
pickerBg?: string;
|
|
1783
|
+
pickerRadius?: string;
|
|
1784
|
+
pickerMaxHeight?: string;
|
|
1785
|
+
pickerCellBorder?: string;
|
|
1786
|
+
pickerCellFontWeight?: string;
|
|
1787
|
+
pickerCellColor?: string;
|
|
1788
|
+
pickerCellBg?: string;
|
|
1789
|
+
pickerCellRadius?: string;
|
|
1790
|
+
pickerCellHeight?: string;
|
|
1791
|
+
pickerCellHoverBg?: string;
|
|
1792
|
+
pickerCellHoverBorder?: string;
|
|
1793
|
+
pickerSelectedBg?: string;
|
|
1794
|
+
pickerSelectedColor?: string;
|
|
1795
|
+
pickerSelectedBorder?: string;
|
|
1796
|
+
pickerSelectedFontWeight?: string;
|
|
1797
|
+
}
|
|
1798
|
+
interface DasarThemeDatepicker {
|
|
1799
|
+
disabledOpacity?: string;
|
|
1800
|
+
disabledBg?: string;
|
|
1801
|
+
wrapperGap?: string;
|
|
1802
|
+
errorBorder?: string;
|
|
1803
|
+
errorFocusRing?: string;
|
|
1804
|
+
labelFontsize?: string;
|
|
1805
|
+
labelFontWeight?: string;
|
|
1806
|
+
labelColor?: string;
|
|
1807
|
+
labelMarginBottom?: string;
|
|
1808
|
+
labelRightFontsize?: string;
|
|
1809
|
+
labelRightFontWeight?: string;
|
|
1810
|
+
labelRightColor?: string;
|
|
1811
|
+
hintFontSize?: string;
|
|
1812
|
+
hintColor?: string;
|
|
1813
|
+
hintErrorColor?: string;
|
|
1814
|
+
triggerColor?: string;
|
|
1815
|
+
gap?: string;
|
|
1816
|
+
radiusSm?: string;
|
|
1817
|
+
triggerValueColor?: string;
|
|
1818
|
+
iconColor?: string;
|
|
1819
|
+
clearIconColor?: string;
|
|
1820
|
+
heightXs?: string;
|
|
1821
|
+
paddingHorizontalXs?: string;
|
|
1822
|
+
heightSm?: string;
|
|
1823
|
+
paddingHorizontalSm?: string;
|
|
1824
|
+
heightMd?: string;
|
|
1825
|
+
paddingHorizontalMd?: string;
|
|
1826
|
+
heightLg?: string;
|
|
1827
|
+
paddingHorizontalLg?: string;
|
|
1828
|
+
heightXl?: string;
|
|
1829
|
+
paddingHorizontalXl?: string;
|
|
1830
|
+
radiusNone?: string;
|
|
1831
|
+
radiusXs?: string;
|
|
1832
|
+
radiusMd?: string;
|
|
1833
|
+
radiusLg?: string;
|
|
1834
|
+
radiusXl?: string;
|
|
1835
|
+
radiusFull?: string;
|
|
1836
|
+
outlineBg?: string;
|
|
1837
|
+
outlineBorder?: string;
|
|
1838
|
+
outlineHoverBorder?: string;
|
|
1839
|
+
outlineFocusBorder?: string;
|
|
1840
|
+
outlineFocusRing?: string;
|
|
1841
|
+
filledBg?: string;
|
|
1842
|
+
filledBorder?: string;
|
|
1843
|
+
filledHoverBg?: string;
|
|
1844
|
+
filledFocusBg?: string;
|
|
1845
|
+
filledFocusBorder?: string;
|
|
1846
|
+
filledFocusRing?: string;
|
|
1847
|
+
subtleBg?: string;
|
|
1848
|
+
subtleBorder?: string;
|
|
1849
|
+
subtleHoverBg?: string;
|
|
1850
|
+
subtleFocusBg?: string;
|
|
1851
|
+
dropdownShadow?: string;
|
|
1852
|
+
dropdownBg?: string;
|
|
1853
|
+
dropdownBorder?: string;
|
|
1854
|
+
dropdownRadius?: string;
|
|
1855
|
+
dropdownZIndex?: string;
|
|
1856
|
+
dropdownWidth?: string;
|
|
1857
|
+
}
|
|
1858
|
+
interface DasarThemeSelect {
|
|
1859
|
+
wrapperGap?: string;
|
|
1860
|
+
labelFontsize?: string;
|
|
1861
|
+
labelFontWeight?: string;
|
|
1862
|
+
labelColor?: string;
|
|
1863
|
+
labelRightFontsize?: string;
|
|
1864
|
+
labelRightColor?: string;
|
|
1865
|
+
paddingLeft?: string;
|
|
1866
|
+
radiusSm?: string;
|
|
1867
|
+
gap?: string;
|
|
1868
|
+
color?: string;
|
|
1869
|
+
outlineBg?: string;
|
|
1870
|
+
outlineBorder?: string;
|
|
1871
|
+
outlineHoverBorder?: string;
|
|
1872
|
+
outlineFocusBorder?: string;
|
|
1873
|
+
outlineFocusRing?: string;
|
|
1874
|
+
filledBg?: string;
|
|
1875
|
+
filledBorder?: string;
|
|
1876
|
+
filledHoverBg?: string;
|
|
1877
|
+
filledFocusBg?: string;
|
|
1878
|
+
filledFocusBorder?: string;
|
|
1879
|
+
filledFocusRing?: string;
|
|
1880
|
+
errorBorder?: string;
|
|
1881
|
+
errorFocusRing?: string;
|
|
1882
|
+
disabledBg?: string;
|
|
1883
|
+
disabledBorder?: string;
|
|
1884
|
+
disabledOpacity?: string;
|
|
1885
|
+
heightXs?: string;
|
|
1886
|
+
paddingHorizontalXs?: string;
|
|
1887
|
+
heightSm?: string;
|
|
1888
|
+
paddingHorizontalSm?: string;
|
|
1889
|
+
heightMd?: string;
|
|
1890
|
+
paddingHorizontalMd?: string;
|
|
1891
|
+
heightLg?: string;
|
|
1892
|
+
paddingHorizontalLg?: string;
|
|
1893
|
+
heightXl?: string;
|
|
1894
|
+
paddingHorizontalXl?: string;
|
|
1895
|
+
radiusNone?: string;
|
|
1896
|
+
radiusXs?: string;
|
|
1897
|
+
radiusMd?: string;
|
|
1898
|
+
radiusLg?: string;
|
|
1899
|
+
radiusXl?: string;
|
|
1900
|
+
radiusFull?: string;
|
|
1901
|
+
valueColor?: string;
|
|
1902
|
+
placeholderColor?: string;
|
|
1903
|
+
searchColor?: string;
|
|
1904
|
+
searchPlaceholderColor?: string;
|
|
1905
|
+
loaderColor?: string;
|
|
1906
|
+
arrowColor?: string;
|
|
1907
|
+
dropdownMaxHeight?: string;
|
|
1908
|
+
dropdownBg?: string;
|
|
1909
|
+
dropdownBorder?: string;
|
|
1910
|
+
dropdownRadius?: string;
|
|
1911
|
+
dropdownShadow?: string;
|
|
1912
|
+
dropdownZIndex?: string;
|
|
1913
|
+
optionPaddingY?: string;
|
|
1914
|
+
optionPaddingX?: string;
|
|
1915
|
+
optionFontSize?: string;
|
|
1916
|
+
optionColor?: string;
|
|
1917
|
+
optionHoverBg?: string;
|
|
1918
|
+
optionSelectedBg?: string;
|
|
1919
|
+
optionSelectedColor?: string;
|
|
1920
|
+
optionSelectedFontWeight?: string;
|
|
1921
|
+
optionDisabledColor?: string;
|
|
1922
|
+
stateColor?: string;
|
|
1923
|
+
hintFontSize?: string;
|
|
1924
|
+
hintColor?: string;
|
|
1925
|
+
hintErrorColor?: string;
|
|
1926
|
+
}
|
|
1927
|
+
interface DasarThemeCard {
|
|
1928
|
+
background?: string;
|
|
1929
|
+
outlineBorder?: string;
|
|
1930
|
+
elevatedBorder?: string;
|
|
1931
|
+
elevatedShadow?: string;
|
|
1932
|
+
radiusNone?: string;
|
|
1933
|
+
radiusXs?: string;
|
|
1934
|
+
radiusSm?: string;
|
|
1935
|
+
radiusMd?: string;
|
|
1936
|
+
radiusLg?: string;
|
|
1937
|
+
radiusXl?: string;
|
|
1938
|
+
radiusFull?: string;
|
|
1939
|
+
normalHeaderPaddingVertical?: string;
|
|
1940
|
+
normalHeaderPaddingHorizontal?: string;
|
|
1941
|
+
normalBodyPaddingVertical?: string;
|
|
1942
|
+
normalBodyPaddingHorizontal?: string;
|
|
1943
|
+
normalActionsPadding?: string;
|
|
1944
|
+
compactHeaderPadding?: string;
|
|
1945
|
+
compactBodyPadding?: string;
|
|
1946
|
+
compactActionsPadding?: string;
|
|
1947
|
+
fontSizeSm?: string;
|
|
1948
|
+
fontSizeMd?: string;
|
|
1949
|
+
fontSizeLg?: string;
|
|
1950
|
+
headerBorder?: string;
|
|
1951
|
+
titleColor?: string;
|
|
1952
|
+
titleFontWeight?: string;
|
|
1953
|
+
bodyColor?: string;
|
|
1954
|
+
captionColor?: string;
|
|
1955
|
+
captionFontSize?: string;
|
|
1956
|
+
actionsBackground?: string;
|
|
1957
|
+
actionsGap?: string;
|
|
1958
|
+
}
|
|
1959
|
+
interface DasarThemeTable {
|
|
1960
|
+
radius?: string;
|
|
1961
|
+
background?: string;
|
|
1962
|
+
outlineBorder?: string;
|
|
1963
|
+
filledBackground?: string;
|
|
1964
|
+
filledBorder?: string;
|
|
1965
|
+
filledRowBorder?: string;
|
|
1966
|
+
filledRowBackground?: string;
|
|
1967
|
+
elevatedBorder?: string;
|
|
1968
|
+
elevatedShadow?: string;
|
|
1969
|
+
radiusNone?: string;
|
|
1970
|
+
borderlessBackground?: string;
|
|
1971
|
+
fontSizeSm?: string;
|
|
1972
|
+
fontSizeMd?: string;
|
|
1973
|
+
fontSizeLg?: string;
|
|
1974
|
+
compactPaddingVertical?: string;
|
|
1975
|
+
compactPaddingHorizontal?: string;
|
|
1976
|
+
normalPaddingVertical?: string;
|
|
1977
|
+
normalPaddingHorizontal?: string;
|
|
1978
|
+
relaxedPaddingVertical?: string;
|
|
1979
|
+
relaxedPaddingHorizontal?: string;
|
|
1980
|
+
color?: string;
|
|
1981
|
+
headerBackground?: string;
|
|
1982
|
+
headerFontWeight?: string;
|
|
1983
|
+
headerColor?: string;
|
|
1984
|
+
headerHoverBackground?: string;
|
|
1985
|
+
headerContentGap?: string;
|
|
1986
|
+
sortIndicatorSize?: string;
|
|
1987
|
+
sortActiveColor?: string;
|
|
1988
|
+
rowBorder?: string;
|
|
1989
|
+
rowHoverBackground?: string;
|
|
1990
|
+
rowHoverIndicatorWidth?: string;
|
|
1991
|
+
rowHoverIndicatorColor?: string;
|
|
1992
|
+
stripeBackground?: string;
|
|
1993
|
+
expandBtnColor?: string;
|
|
1994
|
+
expandBtnRadius?: string;
|
|
1995
|
+
expandBtnHoverBackground?: string;
|
|
1996
|
+
expandBtnHoverColor?: string;
|
|
1997
|
+
stateCellPadding?: string;
|
|
1998
|
+
stateContentGap?: string;
|
|
1999
|
+
stateContentColor?: string;
|
|
2000
|
+
spinnerTrack?: string;
|
|
2001
|
+
spinnerColor?: string;
|
|
2002
|
+
emptyContentGap?: string;
|
|
2003
|
+
emptyTitleFontWeight?: string;
|
|
2004
|
+
emptyTitleColor?: string;
|
|
2005
|
+
emptyTitleFontSize?: string;
|
|
2006
|
+
emptyDescColor?: string;
|
|
2007
|
+
emptyDescFontSize?: string;
|
|
2008
|
+
paginationPaddingVertical?: string;
|
|
2009
|
+
paginationPaddingHorizontal?: string;
|
|
2010
|
+
paginationBorder?: string;
|
|
2011
|
+
paginationBackground?: string;
|
|
2012
|
+
}
|
|
2013
|
+
interface DasarThemeMenu {
|
|
2014
|
+
triggerPaddingHorizontal?: string;
|
|
2015
|
+
triggerGap?: string;
|
|
2016
|
+
outlineBorder?: string;
|
|
2017
|
+
outlineBackground?: string;
|
|
2018
|
+
outlineHoverBorder?: string;
|
|
2019
|
+
outlineFocusBorder?: string;
|
|
2020
|
+
outlineFocusRing?: string;
|
|
2021
|
+
filledBorder?: string;
|
|
2022
|
+
filledBackground?: string;
|
|
2023
|
+
filledHoverBackground?: string;
|
|
2024
|
+
filledFocusBackground?: string;
|
|
2025
|
+
filledFocusBorder?: string;
|
|
2026
|
+
filledFocusRing?: string;
|
|
2027
|
+
disabledOpacity?: string;
|
|
2028
|
+
heightSm?: string;
|
|
2029
|
+
fontSizeSm?: string;
|
|
2030
|
+
heightMd?: string;
|
|
2031
|
+
fontSizeMd?: string;
|
|
2032
|
+
heightLg?: string;
|
|
2033
|
+
fontSizeLg?: string;
|
|
2034
|
+
radiusNone?: string;
|
|
2035
|
+
radiusXs?: string;
|
|
2036
|
+
radiusSm?: string;
|
|
2037
|
+
radiusMd?: string;
|
|
2038
|
+
radiusLg?: string;
|
|
2039
|
+
radiusXl?: string;
|
|
2040
|
+
radiusFull?: string;
|
|
2041
|
+
panelMinWidth?: string;
|
|
2042
|
+
panelBackground?: string;
|
|
2043
|
+
panelBorder?: string;
|
|
2044
|
+
panelRadius?: string;
|
|
2045
|
+
panelShadow?: string;
|
|
2046
|
+
panelPadding?: string;
|
|
2047
|
+
panelZIndex?: string;
|
|
2048
|
+
panelOffset?: string;
|
|
2049
|
+
itemGap?: string;
|
|
2050
|
+
itemPaddingVertical?: string;
|
|
2051
|
+
itemPaddingHorizontal?: string;
|
|
2052
|
+
itemFontSize?: string;
|
|
2053
|
+
itemColor?: string;
|
|
2054
|
+
itemRadius?: string;
|
|
2055
|
+
itemHoverBackground?: string;
|
|
2056
|
+
itemHoverColor?: string;
|
|
2057
|
+
itemDisabledColor?: string;
|
|
2058
|
+
dividerHeight?: string;
|
|
2059
|
+
dividerBackground?: string;
|
|
2060
|
+
dividerMarginVertical?: string;
|
|
2061
|
+
}
|
|
2062
|
+
interface DasarComponentCommonConfig {
|
|
2063
|
+
size?: Extract<ScaleAttributeType, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
|
|
2064
|
+
radius?: ScaleAttributeType;
|
|
2065
|
+
}
|
|
2066
|
+
type DasarComponentConfig = {
|
|
2067
|
+
common?: DasarComponentCommonConfig;
|
|
2068
|
+
} & {
|
|
2069
|
+
numberInput?: DasarNumberInputConfig;
|
|
2070
|
+
datepicker?: DasarDatepickerConfig;
|
|
2071
|
+
calendar?: DasarCalendarConfig;
|
|
2072
|
+
select?: DasarSelectConfig;
|
|
2073
|
+
button?: DasarButtonConfig;
|
|
2074
|
+
input?: DasarInputConfig;
|
|
2075
|
+
card?: DasarCardConfig;
|
|
2076
|
+
chip?: DasarChipConfig;
|
|
2077
|
+
icon?: DasarIconConfig;
|
|
2078
|
+
menu?: DasarMenuConfig;
|
|
2079
|
+
table?: DasarTableConfig;
|
|
2080
|
+
};
|
|
2081
|
+
interface DasarThemeConfig {
|
|
2082
|
+
mode: DasarThemeMode;
|
|
2083
|
+
colors?: DasarThemeColors;
|
|
2084
|
+
components?: DasarComponentConfig;
|
|
2085
|
+
tokens?: {
|
|
2086
|
+
light?: {
|
|
2087
|
+
common?: DasarThemeCommon;
|
|
2088
|
+
button?: DasarThemeButton;
|
|
2089
|
+
input?: DasarThemeInput;
|
|
2090
|
+
calendar?: DasarThemeCalendar;
|
|
2091
|
+
datepicker?: DasarThemeDatepicker;
|
|
2092
|
+
chip?: DasarThemeChip;
|
|
2093
|
+
select?: DasarThemeSelect;
|
|
2094
|
+
card?: DasarThemeCard;
|
|
2095
|
+
menu?: DasarThemeMenu;
|
|
2096
|
+
table?: DasarThemeTable;
|
|
2097
|
+
};
|
|
2098
|
+
dark?: {
|
|
2099
|
+
common?: DasarThemeCommon;
|
|
2100
|
+
button?: DasarThemeButton;
|
|
2101
|
+
input?: DasarThemeInput;
|
|
2102
|
+
calendar?: DasarThemeCalendar;
|
|
2103
|
+
datepicker?: DasarThemeDatepicker;
|
|
2104
|
+
chip?: DasarThemeChip;
|
|
2105
|
+
select?: DasarThemeSelect;
|
|
2106
|
+
card?: DasarThemeCard;
|
|
2107
|
+
menu?: DasarThemeMenu;
|
|
2108
|
+
table?: DasarThemeTable;
|
|
2109
|
+
};
|
|
2110
|
+
};
|
|
2111
|
+
}
|
|
2112
|
+
|
|
2113
|
+
export { DASAR_THEME_PROVIDER, DasarButton, DasarButtonComponent, DasarButtonGroup, DasarCalendar, DasarCalendarComponent, DasarCalendarFooterSlot, DasarCalendarHeaderTemplate, DasarCalendarNextMonthTemplate, DasarCalendarNextYearTemplate, DasarCalendarPrevMonthTemplate, DasarCalendarPrevYearTemplate, DasarCalendarTodayTemplate, DasarCard, DasarCardActionSlot, DasarCardCaptionSlot, DasarCardComponent, DasarCardExtraHeaderSlot, DasarCardHeaderSlot, DasarChip, DasarChipCloseSlot, DasarChipComponent, DasarChipLabelSlot, DasarDatepicker, DasarDatepickerComponent, DasarDatepickerExtraFooterSlot, DasarDatepickerExtraHeaderSlot, DasarDatepickerExtraLabelSlot, DasarDatepickerHintSlot, DasarDatepickerLabelSlot, DasarDatepickerPrefixSlot, DasarIcon, DasarIconComponent, DasarInput, DasarInputComponent, DasarInputExtraLabelSlot, DasarInputPrefixSlot, DasarInputSuffixSlot, DasarMenu, DasarMenuComponent, DasarMenuItemTemplate, DasarMenuLabelSlot, DasarMenuPrefixSlot, DasarMenuSuffixSlot, DasarNumberInput, DasarNumberInputComponent, DasarNumberInputDecrementSlot, DasarNumberInputExtraLabelSlot, DasarNumberInputIncrementSlot, DasarNumberInputPrefixSlot, DasarPagination, DasarPaginationComponent, DasarPivotCellTemplate, DasarPivotColHeaderTemplate, DasarPivotRowHeaderTemplate, DasarPivotTable, DasarPivotTableBodySlot, DasarPivotTableComponent, DasarPivotTableEmptySlot, DasarPivotTableExpandedSlot, DasarPivotTableHeaderSlot, DasarPivotTablePaginationSlot, DasarSelect, DasarSelectChipTemplate, DasarSelectComponent, DasarSelectExtraLabelSlot, DasarSelectLabelSlot, DasarSelectOptionEmptySlot, DasarSelectOptionLoadingSlot, DasarSelectOptionTemplate, DasarSelectPrefixSlot, DasarSelectSuffixSlot, DasarTabItemSlotDirective, DasarTable, DasarTableBodySlot, DasarTableCellDirective, DasarTableComponent, DasarTableEmptySlot, DasarTableExpandedSlot, DasarTableHeaderSlot, DasarTablePaginationSlot, DasarTabs, DasarTabsComponent, DasarTabsModule, DasarTextarea, DasarTextareaComponent, DasarTextareaExtraLabelSlot, DasarTextareaLabelSlot, DasarThemeProviderComponent, DasarThemeService, buttonMap, calendarMap, cardMap, chipMap, commonMap, datepickerMap, defaultDarkCommonTokens, defaultLightCommonTokens, inputMap, menuMap, selectMap, tableMap };
|
|
2114
|
+
export type { DasarButtonAppearanceType, DasarButtonConfig, DasarButtonGroupOrientationType, DasarButtonRadiusType, DasarButtonSizeType, DasarButtonType, DasarButtonVariantType, DasarCalendarAppearance, DasarCalendarConfig, DasarCalendarRadius, DasarCalendarSizeType, DasarCalendarVariant, DasarCardAppearance, DasarCardConfig, DasarCardRadius, DasarCardSize, DasarCardSpacing, DasarChipAppearanceType, DasarChipConfig, DasarChipVariantType, DasarComponentCommonConfig, DasarComponentConfig, DasarDatepickerAppearance, DasarDatepickerConfig, DasarDatepickerPlacement, DasarDatepickerRadius, DasarDatepickerSize, DasarDatepickerType, DasarIconConfig, DasarIconSizeType, DasarInputAppearanceType, DasarInputConfig, DasarInputMaskType, DasarInputRadiusType, DasarInputSizeType, DasarInputType, DasarMenuAppearanceType, DasarMenuConfig, DasarMenuItem, DasarMenuPlacementType, DasarMenuRadiusType, DasarMenuSizeType, DasarNumberInputAppearanceType, DasarNumberInputConfig, DasarNumberInputRadiusType, DasarNumberInputSize, DasarPaginationAppearanceType, DasarPaginationRadiusType, DasarPaginationSizeType, DasarPivotAggregator, DasarPivotTableAppearance, DasarPivotTableSize, DasarPivotTableSortDirection, DasarPivotTableSortEvent, DasarPivotTableSpacing, DasarSelectAppearanceType, DasarSelectChipSizeType, DasarSelectConfig, DasarSelectMultipleDisplayType, DasarSelectOption, DasarSelectRadiusType, DasarSelectSizeType, DasarTableAppearance, DasarTableColumn, DasarTableConfig, DasarTableSize, DasarTableSortDirection, DasarTableSortEvent, DasarTableSpacing, DasarTabsAppearanceType, DasarTabsRadiusType, DasarTabsSizeType, DasarTextareaAppearanceType, DasarTextareaRadiusType, DasarTextareaSizeType, DasarThemeButton, DasarThemeCalendar, DasarThemeCard, DasarThemeChip, DasarThemeColors, DasarThemeCommon, DasarThemeCommonDark, DasarThemeConfig, DasarThemeDatepicker, DasarThemeInput, DasarThemeMenu, DasarThemeMode, DasarThemeScale, DasarThemeSelect, DasarThemeTable };
|