danarakca-design-system 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +63 -0
- package/fesm2022/danarakca-design-system.mjs +8388 -0
- package/fesm2022/danarakca-design-system.mjs.map +1 -0
- package/package.json +40 -0
- package/src/lib/keu-ui.theme.scss +5 -0
- package/src/lib/styles/_tokens.scss +330 -0
- package/src/lib/styles/_utilities.scss +83 -0
- package/types/danarakca-design-system.d.ts +991 -0
|
@@ -0,0 +1,991 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, OnInit, OnChanges, TemplateRef, QueryList, ChangeDetectorRef, ElementRef, OnDestroy, AfterViewInit, SimpleChanges, AfterContentInit } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { ChangeEvent } from '@ckeditor/ckeditor5-angular';
|
|
5
|
+
import { ClassicEditor, EditorConfig } from 'ckeditor5';
|
|
6
|
+
import { SafeHtml } from '@angular/platform-browser';
|
|
7
|
+
|
|
8
|
+
type KeuButtonVariant = 'primary' | 'primary-tinted' | 'primary-outline' | 'accent' | 'accent-tinted' | 'accent-outline' | 'success' | 'success-tinted' | 'success-outline' | 'danger' | 'danger-tinted' | 'danger-outline' | 'neutral-outline' | 'ghost';
|
|
9
|
+
type KeuButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
10
|
+
type KeuBadgeVariant = 'primary' | 'accent' | 'success' | 'danger' | 'neutral' | 'white';
|
|
11
|
+
declare class KeuButtonComponent {
|
|
12
|
+
variant: KeuButtonVariant;
|
|
13
|
+
size: KeuButtonSize;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
loading: boolean;
|
|
16
|
+
block: boolean;
|
|
17
|
+
pill: boolean;
|
|
18
|
+
iconOnly: boolean;
|
|
19
|
+
leadingIcon: string;
|
|
20
|
+
trailingIcon: string;
|
|
21
|
+
showBadge: boolean;
|
|
22
|
+
badge: string | number | null;
|
|
23
|
+
badgeVariant: KeuBadgeVariant;
|
|
24
|
+
type: 'button' | 'submit' | 'reset';
|
|
25
|
+
clicked: EventEmitter<MouseEvent>;
|
|
26
|
+
get hostClasses(): string;
|
|
27
|
+
handleClick(event: MouseEvent): void;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuButtonComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuButtonComponent, "keu-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "block": { "alias": "block"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
type KeuLinkColor = 'blue' | 'white' | 'black';
|
|
33
|
+
type KeuLinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
34
|
+
declare class KeuLinkComponent {
|
|
35
|
+
href: string;
|
|
36
|
+
color: KeuLinkColor;
|
|
37
|
+
size: KeuLinkSize;
|
|
38
|
+
showIcon: boolean;
|
|
39
|
+
target: '_blank' | '_self' | '_parent' | '_top';
|
|
40
|
+
disabled: boolean;
|
|
41
|
+
get hostClasses(): string;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuLinkComponent, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuLinkComponent, "keu-link", never, { "href": { "alias": "href"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "target": { "alias": "target"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
declare class KeuContainerDirective {
|
|
47
|
+
/** Fluid = lebar penuh tanpa max-width */
|
|
48
|
+
fluid: boolean;
|
|
49
|
+
get hostClass(): string;
|
|
50
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuContainerDirective, never>;
|
|
51
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KeuContainerDirective, "[keuContainer]", never, { "fluid": { "alias": "fluid"; "required": false; }; }, {}, never, never, true, never>;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
type KeuRowAlign = 'start' | 'center' | 'end' | 'stretch';
|
|
55
|
+
type KeuRowJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
56
|
+
declare class KeuRowDirective {
|
|
57
|
+
align: KeuRowAlign;
|
|
58
|
+
justify: KeuRowJustify;
|
|
59
|
+
noGutter: boolean;
|
|
60
|
+
get hostClass(): string;
|
|
61
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuRowDirective, never>;
|
|
62
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KeuRowDirective, "[keuRow]", never, { "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "noGutter": { "alias": "noGutter"; "required": false; }; }, {}, never, never, true, never>;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
type KeuColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
|
|
66
|
+
declare class KeuColDirective {
|
|
67
|
+
/** Jumlah kolom default (semua breakpoint) */
|
|
68
|
+
span: KeuColSpan;
|
|
69
|
+
/** Override per breakpoint */
|
|
70
|
+
xs: KeuColSpan | null;
|
|
71
|
+
sm: KeuColSpan | null;
|
|
72
|
+
md: KeuColSpan | null;
|
|
73
|
+
lg: KeuColSpan | null;
|
|
74
|
+
xl: KeuColSpan | null;
|
|
75
|
+
get hostClass(): string;
|
|
76
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuColDirective, never>;
|
|
77
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KeuColDirective, "[keuCol]", never, { "span": { "alias": "span"; "required": false; }; "xs": { "alias": "xs"; "required": false; }; "sm": { "alias": "sm"; "required": false; }; "md": { "alias": "md"; "required": false; }; "lg": { "alias": "lg"; "required": false; }; "xl": { "alias": "xl"; "required": false; }; }, {}, never, never, true, never>;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
type KeuDividerOrientation = 'horizontal' | 'vertical';
|
|
81
|
+
type KeuDividerPadding = '0' | '16' | '24' | '32';
|
|
82
|
+
declare class KeuDividerComponent {
|
|
83
|
+
orientation: KeuDividerOrientation;
|
|
84
|
+
padding: KeuDividerPadding;
|
|
85
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuDividerComponent, never>;
|
|
86
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuDividerComponent, "keu-divider", never, { "orientation": { "alias": "orientation"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; }, {}, never, never, true, never>;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
type KeuInputState = 'default' | 'success' | 'error';
|
|
90
|
+
type KeuInputVariant = 'outline' | 'filled';
|
|
91
|
+
declare class KeuInputComponent implements ControlValueAccessor {
|
|
92
|
+
label: string;
|
|
93
|
+
placeholder: string;
|
|
94
|
+
helperText: string;
|
|
95
|
+
state: KeuInputState;
|
|
96
|
+
stateMessage: string;
|
|
97
|
+
variant: KeuInputVariant;
|
|
98
|
+
type: string;
|
|
99
|
+
disabled: boolean;
|
|
100
|
+
leadingIcon: string;
|
|
101
|
+
trailingIcon: string;
|
|
102
|
+
value: string;
|
|
103
|
+
private onChange;
|
|
104
|
+
private onTouched;
|
|
105
|
+
writeValue(val: string): void;
|
|
106
|
+
registerOnChange(fn: (val: string) => void): void;
|
|
107
|
+
registerOnTouched(fn: () => void): void;
|
|
108
|
+
setDisabledState(isDisabled: boolean): void;
|
|
109
|
+
onInput(event: Event): void;
|
|
110
|
+
onBlur(): void;
|
|
111
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuInputComponent, never>;
|
|
112
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuInputComponent, "keu-input", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "state": { "alias": "state"; "required": false; }; "stateMessage": { "alias": "stateMessage"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; }, {}, never, never, true, never>;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
declare class KeuSelectComponent implements ControlValueAccessor {
|
|
116
|
+
label: string;
|
|
117
|
+
placeholder: string;
|
|
118
|
+
helperText: string;
|
|
119
|
+
disabled: boolean;
|
|
120
|
+
options: {
|
|
121
|
+
value: string;
|
|
122
|
+
label: string;
|
|
123
|
+
}[];
|
|
124
|
+
value: string;
|
|
125
|
+
private onChange;
|
|
126
|
+
private onTouched;
|
|
127
|
+
writeValue(val: string): void;
|
|
128
|
+
registerOnChange(fn: (val: string) => void): void;
|
|
129
|
+
registerOnTouched(fn: () => void): void;
|
|
130
|
+
setDisabledState(isDisabled: boolean): void;
|
|
131
|
+
onSelectChange(event: Event): void;
|
|
132
|
+
onBlur(): void;
|
|
133
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuSelectComponent, never>;
|
|
134
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuSelectComponent, "keu-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
declare class KeuTextareaComponent implements ControlValueAccessor {
|
|
138
|
+
label: string;
|
|
139
|
+
placeholder: string;
|
|
140
|
+
helperText: string;
|
|
141
|
+
disabled: boolean;
|
|
142
|
+
rows: number;
|
|
143
|
+
value: string;
|
|
144
|
+
private onChange;
|
|
145
|
+
private onTouched;
|
|
146
|
+
writeValue(val: string): void;
|
|
147
|
+
registerOnChange(fn: (val: string) => void): void;
|
|
148
|
+
registerOnTouched(fn: () => void): void;
|
|
149
|
+
setDisabledState(isDisabled: boolean): void;
|
|
150
|
+
onInput(event: Event): void;
|
|
151
|
+
onBlur(): void;
|
|
152
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuTextareaComponent, never>;
|
|
153
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuTextareaComponent, "keu-textarea", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, never, true, never>;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
declare class KeuRichtextComponent implements ControlValueAccessor {
|
|
157
|
+
label: string;
|
|
158
|
+
placeholder: string;
|
|
159
|
+
helperText: string;
|
|
160
|
+
disabled: boolean;
|
|
161
|
+
height: number;
|
|
162
|
+
value: string;
|
|
163
|
+
Editor: typeof ClassicEditor;
|
|
164
|
+
editorConfig: EditorConfig;
|
|
165
|
+
private onChange;
|
|
166
|
+
private onTouched;
|
|
167
|
+
ngOnInit(): void;
|
|
168
|
+
writeValue(val: string): void;
|
|
169
|
+
registerOnChange(fn: (val: string) => void): void;
|
|
170
|
+
registerOnTouched(fn: () => void): void;
|
|
171
|
+
setDisabledState(isDisabled: boolean): void;
|
|
172
|
+
onEditorChange(event: ChangeEvent): void;
|
|
173
|
+
onBlur(): void;
|
|
174
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuRichtextComponent, never>;
|
|
175
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuRichtextComponent, "keu-richtext", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
type KeuIconNode = [string, Record<string, string | number>][];
|
|
179
|
+
|
|
180
|
+
type ExtraIcons = Record<string, KeuIconNode>;
|
|
181
|
+
declare class KeuIconComponent implements OnInit, OnChanges {
|
|
182
|
+
name: string;
|
|
183
|
+
size: number;
|
|
184
|
+
color: string;
|
|
185
|
+
stroke: number;
|
|
186
|
+
/** Extra icons not in the built-in registry */
|
|
187
|
+
extraIcons: ExtraIcons;
|
|
188
|
+
svgContent: SafeHtml;
|
|
189
|
+
private readonly sanitizer;
|
|
190
|
+
private readonly cdr;
|
|
191
|
+
ngOnInit(): void;
|
|
192
|
+
ngOnChanges(): void;
|
|
193
|
+
private render;
|
|
194
|
+
private buildSvg;
|
|
195
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuIconComponent, never>;
|
|
196
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuIconComponent, "keu-icon", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "extraIcons": { "alias": "extraIcons"; "required": false; }; }, {}, never, never, true, never>;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
type KeuChipVariant = 'default' | 'primary' | 'accent' | 'success' | 'danger' | 'outlined';
|
|
200
|
+
type KeuChipSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
201
|
+
type KeuChipShape = 'pill' | 'label';
|
|
202
|
+
declare class KeuChipComponent {
|
|
203
|
+
variant: KeuChipVariant;
|
|
204
|
+
size: KeuChipSize;
|
|
205
|
+
shape: KeuChipShape;
|
|
206
|
+
icon: string;
|
|
207
|
+
closable: boolean;
|
|
208
|
+
disabled: boolean;
|
|
209
|
+
closed: EventEmitter<void>;
|
|
210
|
+
get hostClasses(): string;
|
|
211
|
+
get iconSize(): number;
|
|
212
|
+
get closeIconSize(): number;
|
|
213
|
+
handleClose(event: MouseEvent): void;
|
|
214
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuChipComponent, never>;
|
|
215
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuChipComponent, "keu-chip", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
type KeuToggleSize = 'sm' | 'md';
|
|
219
|
+
declare class KeuToggleComponent implements ControlValueAccessor {
|
|
220
|
+
size: KeuToggleSize;
|
|
221
|
+
disabled: boolean;
|
|
222
|
+
label: string;
|
|
223
|
+
description: string;
|
|
224
|
+
checked: boolean;
|
|
225
|
+
changed: EventEmitter<boolean>;
|
|
226
|
+
private onChange;
|
|
227
|
+
private onTouched;
|
|
228
|
+
get hostClasses(): string;
|
|
229
|
+
toggle(): void;
|
|
230
|
+
writeValue(value: boolean): void;
|
|
231
|
+
registerOnChange(fn: (val: boolean) => void): void;
|
|
232
|
+
registerOnTouched(fn: () => void): void;
|
|
233
|
+
setDisabledState(isDisabled: boolean): void;
|
|
234
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuToggleComponent, never>;
|
|
235
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuToggleComponent, "keu-toggle", never, { "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
type KeuBadgeStatus = 'unread' | 'read' | 'neutral' | 'information';
|
|
239
|
+
declare class KeuBadgeComponent {
|
|
240
|
+
variant: KeuBadgeStatus;
|
|
241
|
+
value: string | number | null;
|
|
242
|
+
get hostClasses(): string;
|
|
243
|
+
get displayValue(): string;
|
|
244
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuBadgeComponent, never>;
|
|
245
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuBadgeComponent, "keu-badge", never, { "variant": { "alias": "variant"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
type KeuPaginationShape = 'square' | 'circle';
|
|
249
|
+
type KeuPaginationSize = 'sm' | 'md';
|
|
250
|
+
declare class KeuPaginationComponent {
|
|
251
|
+
totalPages: number;
|
|
252
|
+
currentPage: number;
|
|
253
|
+
shape: KeuPaginationShape;
|
|
254
|
+
size: KeuPaginationSize;
|
|
255
|
+
maxVisible: number;
|
|
256
|
+
pageChange: EventEmitter<number>;
|
|
257
|
+
get hostClasses(): string;
|
|
258
|
+
get pages(): (number | '...')[];
|
|
259
|
+
get canPrev(): boolean;
|
|
260
|
+
get canNext(): boolean;
|
|
261
|
+
goToPage(page: number | '...'): void;
|
|
262
|
+
prev(): void;
|
|
263
|
+
next(): void;
|
|
264
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuPaginationComponent, never>;
|
|
265
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuPaginationComponent, "keu-pagination", never, { "totalPages": { "alias": "totalPages"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxVisible": { "alias": "maxVisible"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
type KeuSortDirection = 'asc' | 'desc' | null;
|
|
269
|
+
interface KeuColumnDef {
|
|
270
|
+
key: string;
|
|
271
|
+
header: string;
|
|
272
|
+
sortable?: boolean;
|
|
273
|
+
width?: string;
|
|
274
|
+
align?: 'left' | 'center' | 'right';
|
|
275
|
+
}
|
|
276
|
+
interface KeuSortEvent {
|
|
277
|
+
column: string;
|
|
278
|
+
direction: KeuSortDirection;
|
|
279
|
+
}
|
|
280
|
+
declare class KeuCellDirective {
|
|
281
|
+
templateRef: TemplateRef<any>;
|
|
282
|
+
columnKey: string;
|
|
283
|
+
constructor(templateRef: TemplateRef<any>);
|
|
284
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuCellDirective, never>;
|
|
285
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KeuCellDirective, "[keuCell]", never, { "columnKey": { "alias": "keuCell"; "required": false; }; }, {}, never, never, true, never>;
|
|
286
|
+
}
|
|
287
|
+
declare class KeuHeaderCellDirective {
|
|
288
|
+
templateRef: TemplateRef<any>;
|
|
289
|
+
columnKey: string;
|
|
290
|
+
constructor(templateRef: TemplateRef<any>);
|
|
291
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuHeaderCellDirective, never>;
|
|
292
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KeuHeaderCellDirective, "[keuHeaderCell]", never, { "columnKey": { "alias": "keuHeaderCell"; "required": false; }; }, {}, never, never, true, never>;
|
|
293
|
+
}
|
|
294
|
+
declare class KeuTableEmptyDirective {
|
|
295
|
+
templateRef: TemplateRef<any>;
|
|
296
|
+
constructor(templateRef: TemplateRef<any>);
|
|
297
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuTableEmptyDirective, never>;
|
|
298
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KeuTableEmptyDirective, "[keuTableEmpty]", never, {}, {}, never, never, true, never>;
|
|
299
|
+
}
|
|
300
|
+
declare class KeuTableComponent {
|
|
301
|
+
columns: KeuColumnDef[];
|
|
302
|
+
data: any[];
|
|
303
|
+
selectable: boolean;
|
|
304
|
+
striped: boolean;
|
|
305
|
+
hoverable: boolean;
|
|
306
|
+
bordered: boolean;
|
|
307
|
+
compact: boolean;
|
|
308
|
+
emptyText: string;
|
|
309
|
+
loading: boolean;
|
|
310
|
+
stickyHeader: boolean;
|
|
311
|
+
paginated: boolean;
|
|
312
|
+
pageSize: number;
|
|
313
|
+
currentPage: number;
|
|
314
|
+
pageSizes: number[];
|
|
315
|
+
paginationShape: KeuPaginationShape;
|
|
316
|
+
sortChange: EventEmitter<KeuSortEvent>;
|
|
317
|
+
selectionChange: EventEmitter<any[]>;
|
|
318
|
+
rowClick: EventEmitter<{
|
|
319
|
+
row: any;
|
|
320
|
+
index: number;
|
|
321
|
+
}>;
|
|
322
|
+
pageChange: EventEmitter<{
|
|
323
|
+
page: number;
|
|
324
|
+
pageSize: number;
|
|
325
|
+
}>;
|
|
326
|
+
cellTemplates: QueryList<KeuCellDirective>;
|
|
327
|
+
headerCellTemplates: QueryList<KeuHeaderCellDirective>;
|
|
328
|
+
emptyTemplate?: KeuTableEmptyDirective;
|
|
329
|
+
sortColumn: string | null;
|
|
330
|
+
sortDirection: KeuSortDirection;
|
|
331
|
+
selectedRows: Set<number>;
|
|
332
|
+
allSelected: boolean;
|
|
333
|
+
get tableClasses(): string;
|
|
334
|
+
getCellTemplate(key: string): TemplateRef<any> | null;
|
|
335
|
+
getHeaderCellTemplate(key: string): TemplateRef<any> | null;
|
|
336
|
+
onSort(column: KeuColumnDef): void;
|
|
337
|
+
toggleAll(): void;
|
|
338
|
+
toggleRow(index: number): void;
|
|
339
|
+
isRowSelected(index: number): boolean;
|
|
340
|
+
onRowClick(row: any, index: number): void;
|
|
341
|
+
trackByIndex(index: number): number;
|
|
342
|
+
get totalPages(): number;
|
|
343
|
+
get paginatedData(): any[];
|
|
344
|
+
get paginationStart(): number;
|
|
345
|
+
get paginationEnd(): number;
|
|
346
|
+
onPageChange(page: number): void;
|
|
347
|
+
onPageSizeChange(event: Event): void;
|
|
348
|
+
private emitSelection;
|
|
349
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuTableComponent, never>;
|
|
350
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuTableComponent, "keu-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "paginated": { "alias": "paginated"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "paginationShape": { "alias": "paginationShape"; "required": false; }; }, { "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowClick": "rowClick"; "pageChange": "pageChange"; }, ["emptyTemplate", "cellTemplates", "headerCellTemplates"], never, true, never>;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
type KeuCheckboxLayout = 'block' | 'inline';
|
|
354
|
+
declare class KeuCheckboxComponent implements ControlValueAccessor {
|
|
355
|
+
private cdr;
|
|
356
|
+
label: string;
|
|
357
|
+
description: string;
|
|
358
|
+
disabled: boolean;
|
|
359
|
+
indeterminate: boolean;
|
|
360
|
+
layout: KeuCheckboxLayout;
|
|
361
|
+
checked: boolean;
|
|
362
|
+
checkedChange: EventEmitter<boolean>;
|
|
363
|
+
private onChange;
|
|
364
|
+
private onTouched;
|
|
365
|
+
constructor(cdr: ChangeDetectorRef);
|
|
366
|
+
get hostClasses(): string;
|
|
367
|
+
toggle(): void;
|
|
368
|
+
onKeydown(event: KeyboardEvent): void;
|
|
369
|
+
writeValue(value: boolean): void;
|
|
370
|
+
registerOnChange(fn: (value: boolean) => void): void;
|
|
371
|
+
registerOnTouched(fn: () => void): void;
|
|
372
|
+
setDisabledState(isDisabled: boolean): void;
|
|
373
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuCheckboxComponent, never>;
|
|
374
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuCheckboxComponent, "keu-checkbox", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
type KeuRadioLayout = 'block' | 'inline';
|
|
378
|
+
declare class KeuRadioComponent implements ControlValueAccessor {
|
|
379
|
+
private cdr;
|
|
380
|
+
label: string;
|
|
381
|
+
description: string;
|
|
382
|
+
disabled: boolean;
|
|
383
|
+
layout: KeuRadioLayout;
|
|
384
|
+
checked: boolean;
|
|
385
|
+
value: any;
|
|
386
|
+
name: string;
|
|
387
|
+
checkedChange: EventEmitter<boolean>;
|
|
388
|
+
valueSelect: EventEmitter<any>;
|
|
389
|
+
private onChange;
|
|
390
|
+
private onTouched;
|
|
391
|
+
constructor(cdr: ChangeDetectorRef);
|
|
392
|
+
get hostClasses(): string;
|
|
393
|
+
select(): void;
|
|
394
|
+
onKeydown(event: KeyboardEvent): void;
|
|
395
|
+
writeValue(value: any): void;
|
|
396
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
397
|
+
registerOnTouched(fn: () => void): void;
|
|
398
|
+
setDisabledState(isDisabled: boolean): void;
|
|
399
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuRadioComponent, never>;
|
|
400
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuRadioComponent, "keu-radio", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "checkedChange": "checkedChange"; "valueSelect": "valueSelect"; }, never, never, true, never>;
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
type KeuAlertVariant = 'default' | 'warning' | 'danger' | 'success';
|
|
404
|
+
declare class KeuAlertComponent {
|
|
405
|
+
variant: KeuAlertVariant;
|
|
406
|
+
title: string;
|
|
407
|
+
content: string;
|
|
408
|
+
dismissible: boolean;
|
|
409
|
+
dismissed: EventEmitter<void>;
|
|
410
|
+
visible: boolean;
|
|
411
|
+
get hostClasses(): string;
|
|
412
|
+
dismiss(): void;
|
|
413
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuAlertComponent, never>;
|
|
414
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuAlertComponent, "keu-alert", never, { "variant": { "alias": "variant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
type KeuAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
418
|
+
type KeuAvatarStatus = 'available' | 'away' | 'busy' | 'offline' | 'none';
|
|
419
|
+
declare class KeuAvatarComponent {
|
|
420
|
+
src: string;
|
|
421
|
+
alt: string;
|
|
422
|
+
initials: string;
|
|
423
|
+
size: KeuAvatarSize;
|
|
424
|
+
status: KeuAvatarStatus;
|
|
425
|
+
get hostClasses(): string;
|
|
426
|
+
get statusClasses(): string;
|
|
427
|
+
get showFallback(): boolean;
|
|
428
|
+
onImageError(): void;
|
|
429
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuAvatarComponent, never>;
|
|
430
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuAvatarComponent, "keu-avatar", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; }, {}, never, never, true, never>;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
declare class KeuAvatarGroupComponent {
|
|
434
|
+
size: KeuAvatarSize;
|
|
435
|
+
overflow: number;
|
|
436
|
+
get hostClasses(): string;
|
|
437
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuAvatarGroupComponent, never>;
|
|
438
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuAvatarGroupComponent, "keu-avatar-group", never, { "size": { "alias": "size"; "required": false; }; "overflow": { "alias": "overflow"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
439
|
+
}
|
|
440
|
+
|
|
441
|
+
type KeuBreadcrumbSeparator = 'chevron' | 'slash';
|
|
442
|
+
type KeuBreadcrumbSize = 'sm' | 'md';
|
|
443
|
+
type KeuBreadcrumbActiveStyle = 'text' | 'pill';
|
|
444
|
+
interface KeuBreadcrumbItem {
|
|
445
|
+
label: string;
|
|
446
|
+
url?: string;
|
|
447
|
+
icon?: 'home';
|
|
448
|
+
collapsed?: boolean;
|
|
449
|
+
}
|
|
450
|
+
declare class KeuBreadcrumbComponent {
|
|
451
|
+
items: KeuBreadcrumbItem[];
|
|
452
|
+
separator: KeuBreadcrumbSeparator;
|
|
453
|
+
size: KeuBreadcrumbSize;
|
|
454
|
+
activeStyle: KeuBreadcrumbActiveStyle;
|
|
455
|
+
itemClick: EventEmitter<KeuBreadcrumbItem>;
|
|
456
|
+
get hostClasses(): string;
|
|
457
|
+
isLast(index: number): boolean;
|
|
458
|
+
onItemClick(item: KeuBreadcrumbItem, event: Event): void;
|
|
459
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuBreadcrumbComponent, never>;
|
|
460
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuBreadcrumbComponent, "keu-breadcrumb", never, { "items": { "alias": "items"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "size": { "alias": "size"; "required": false; }; "activeStyle": { "alias": "activeStyle"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
interface KeuButtonGroupItem {
|
|
464
|
+
label: string;
|
|
465
|
+
value: string | number;
|
|
466
|
+
badge?: number | string;
|
|
467
|
+
}
|
|
468
|
+
type KeuButtonGroupVariant = 'button' | 'chip';
|
|
469
|
+
declare class KeuButtonGroupComponent {
|
|
470
|
+
items: KeuButtonGroupItem[];
|
|
471
|
+
value: string | number;
|
|
472
|
+
variant: KeuButtonGroupVariant;
|
|
473
|
+
scrollable: boolean;
|
|
474
|
+
valueChange: EventEmitter<string | number>;
|
|
475
|
+
scrollContainer: ElementRef<HTMLElement>;
|
|
476
|
+
get hostClasses(): string;
|
|
477
|
+
select(item: KeuButtonGroupItem): void;
|
|
478
|
+
isActive(item: KeuButtonGroupItem): boolean;
|
|
479
|
+
scrollLeft(): void;
|
|
480
|
+
scrollRight(): void;
|
|
481
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuButtonGroupComponent, never>;
|
|
482
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuButtonGroupComponent, "keu-button-group", never, { "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
type KeuSliderLabelMode = 'none' | 'below' | 'tooltip';
|
|
486
|
+
interface KeuSliderValue {
|
|
487
|
+
low: number;
|
|
488
|
+
high: number;
|
|
489
|
+
}
|
|
490
|
+
declare class KeuSliderComponent implements ControlValueAccessor {
|
|
491
|
+
private cdr;
|
|
492
|
+
min: number;
|
|
493
|
+
max: number;
|
|
494
|
+
step: number;
|
|
495
|
+
low: number;
|
|
496
|
+
high: number;
|
|
497
|
+
range: boolean;
|
|
498
|
+
labelMode: KeuSliderLabelMode;
|
|
499
|
+
disabled: boolean;
|
|
500
|
+
formatLabel: (value: number) => string;
|
|
501
|
+
valueChange: EventEmitter<KeuSliderValue>;
|
|
502
|
+
trackRef: ElementRef<HTMLDivElement>;
|
|
503
|
+
private dragging;
|
|
504
|
+
private onChange;
|
|
505
|
+
private onTouched;
|
|
506
|
+
get lowPercent(): number;
|
|
507
|
+
get highPercent(): number;
|
|
508
|
+
get fillLeft(): string;
|
|
509
|
+
get fillWidth(): string;
|
|
510
|
+
get hostClasses(): string;
|
|
511
|
+
onThumbDown(event: MouseEvent | TouchEvent, thumb: 'low' | 'high'): void;
|
|
512
|
+
onTrackClick(event: MouseEvent): void;
|
|
513
|
+
private onMove;
|
|
514
|
+
private getValueFromEvent;
|
|
515
|
+
private snapToStep;
|
|
516
|
+
private emitValue;
|
|
517
|
+
writeValue(val: KeuSliderValue | null): void;
|
|
518
|
+
registerOnChange(fn: (val: KeuSliderValue) => void): void;
|
|
519
|
+
registerOnTouched(fn: () => void): void;
|
|
520
|
+
setDisabledState(isDisabled: boolean): void;
|
|
521
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuSliderComponent, never>;
|
|
522
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuSliderComponent, "keu-slider", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "low": { "alias": "low"; "required": false; }; "high": { "alias": "high"; "required": false; }; "range": { "alias": "range"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formatLabel": { "alias": "formatLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
type KeuDatePickerMode = 'single' | 'range';
|
|
526
|
+
interface KeuDateRange {
|
|
527
|
+
start: Date | null;
|
|
528
|
+
end: Date | null;
|
|
529
|
+
}
|
|
530
|
+
interface KeuCalendarDay {
|
|
531
|
+
date: Date;
|
|
532
|
+
day: number;
|
|
533
|
+
currentMonth: boolean;
|
|
534
|
+
today: boolean;
|
|
535
|
+
selected: boolean;
|
|
536
|
+
inRange: boolean;
|
|
537
|
+
rangeStart: boolean;
|
|
538
|
+
rangeEnd: boolean;
|
|
539
|
+
disabled: boolean;
|
|
540
|
+
}
|
|
541
|
+
declare class KeuDatepickerComponent implements ControlValueAccessor {
|
|
542
|
+
private cdr;
|
|
543
|
+
private elRef;
|
|
544
|
+
mode: KeuDatePickerMode;
|
|
545
|
+
inline: boolean;
|
|
546
|
+
disabled: boolean;
|
|
547
|
+
locale: string;
|
|
548
|
+
placeholder: string;
|
|
549
|
+
label: string;
|
|
550
|
+
dateFormat: string;
|
|
551
|
+
minDate: Date | null;
|
|
552
|
+
maxDate: Date | null;
|
|
553
|
+
disabledDates: Date[];
|
|
554
|
+
disabledDays: number[];
|
|
555
|
+
showTodayButton: boolean;
|
|
556
|
+
clearable: boolean;
|
|
557
|
+
dateChange: EventEmitter<Date | null>;
|
|
558
|
+
rangeChange: EventEmitter<KeuDateRange>;
|
|
559
|
+
viewDate: Date;
|
|
560
|
+
selectedDate: Date | null;
|
|
561
|
+
rangeStart: Date | null;
|
|
562
|
+
rangeEnd: Date | null;
|
|
563
|
+
hoverDate: Date | null;
|
|
564
|
+
showPicker: boolean;
|
|
565
|
+
dropdownOpen: boolean;
|
|
566
|
+
private onChange;
|
|
567
|
+
private onTouched;
|
|
568
|
+
onDocClick(event: MouseEvent): void;
|
|
569
|
+
toggleDropdown(): void;
|
|
570
|
+
get inputDisplayValue(): string;
|
|
571
|
+
private formatDate;
|
|
572
|
+
readonly weekDays: string[];
|
|
573
|
+
readonly monthNames: string[];
|
|
574
|
+
get yearRange(): number[];
|
|
575
|
+
togglePicker(): void;
|
|
576
|
+
selectMonth(monthIndex: number): void;
|
|
577
|
+
selectYear(year: number): void;
|
|
578
|
+
prevPickerYear(): void;
|
|
579
|
+
nextPickerYear(): void;
|
|
580
|
+
get monthYearLabel(): string;
|
|
581
|
+
get monthLabel(): string;
|
|
582
|
+
get weeks(): KeuCalendarDay[][];
|
|
583
|
+
private buildDay;
|
|
584
|
+
selectDay(day: KeuCalendarDay): void;
|
|
585
|
+
onDayHover(day: KeuCalendarDay): void;
|
|
586
|
+
prevMonth(): void;
|
|
587
|
+
nextMonth(): void;
|
|
588
|
+
private isSameDay;
|
|
589
|
+
private isDaySelected;
|
|
590
|
+
private isDayDisabled;
|
|
591
|
+
private isDayInRange;
|
|
592
|
+
getDayClasses(day: KeuCalendarDay): string;
|
|
593
|
+
trackByWeek(index: number): number;
|
|
594
|
+
trackByDay(_: number, day: KeuCalendarDay): number;
|
|
595
|
+
goToToday(): void;
|
|
596
|
+
clearSelection(): void;
|
|
597
|
+
writeValue(val: Date | KeuDateRange | null): void;
|
|
598
|
+
registerOnChange(fn: (val: Date | KeuDateRange | null) => void): void;
|
|
599
|
+
registerOnTouched(fn: () => void): void;
|
|
600
|
+
setDisabledState(isDisabled: boolean): void;
|
|
601
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuDatepickerComponent, never>;
|
|
602
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuDatepickerComponent, "keu-datepicker", never, { "mode": { "alias": "mode"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, { "dateChange": "dateChange"; "rangeChange": "rangeChange"; }, never, never, true, never>;
|
|
603
|
+
}
|
|
604
|
+
|
|
605
|
+
type KeuTooltipPosition = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right';
|
|
606
|
+
type KeuTooltipTheme = 'light' | 'dark';
|
|
607
|
+
type KeuTooltipTrigger = 'hover' | 'click';
|
|
608
|
+
declare class KeuTooltipComponent implements OnDestroy {
|
|
609
|
+
private cdr;
|
|
610
|
+
private elRef;
|
|
611
|
+
text: string;
|
|
612
|
+
tooltipTitle: string;
|
|
613
|
+
description: string;
|
|
614
|
+
position: KeuTooltipPosition;
|
|
615
|
+
theme: KeuTooltipTheme;
|
|
616
|
+
trigger: KeuTooltipTrigger;
|
|
617
|
+
disabled: boolean;
|
|
618
|
+
showDelay: number;
|
|
619
|
+
hideDelay: number;
|
|
620
|
+
open: boolean;
|
|
621
|
+
private _visible;
|
|
622
|
+
private showTimer;
|
|
623
|
+
private hideTimer;
|
|
624
|
+
get isVisible(): boolean;
|
|
625
|
+
get isRich(): boolean;
|
|
626
|
+
get tooltipClasses(): string;
|
|
627
|
+
show(): void;
|
|
628
|
+
hide(): void;
|
|
629
|
+
toggle(): void;
|
|
630
|
+
onDocClick(event: MouseEvent): void;
|
|
631
|
+
ngOnDestroy(): void;
|
|
632
|
+
private clearTimers;
|
|
633
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuTooltipComponent, never>;
|
|
634
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuTooltipComponent, "keu-tooltip", never, { "text": { "alias": "text"; "required": false; }; "tooltipTitle": { "alias": "tooltipTitle"; "required": false; }; "description": { "alias": "description"; "required": false; }; "position": { "alias": "position"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "hideDelay": { "alias": "hideDelay"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
interface KeuTabItem {
|
|
638
|
+
label: string;
|
|
639
|
+
value: string;
|
|
640
|
+
badge?: string | number;
|
|
641
|
+
icon?: string;
|
|
642
|
+
disabled?: boolean;
|
|
643
|
+
}
|
|
644
|
+
type KeuTabVariant = 'underline' | 'pill' | 'boxed';
|
|
645
|
+
type KeuTabSize = 'sm' | 'md' | 'lg';
|
|
646
|
+
declare class KeuTabsComponent implements AfterViewInit, OnChanges {
|
|
647
|
+
private cdr;
|
|
648
|
+
tabs: KeuTabItem[];
|
|
649
|
+
activeTab: string;
|
|
650
|
+
variant: KeuTabVariant;
|
|
651
|
+
size: KeuTabSize;
|
|
652
|
+
fullWidth: boolean;
|
|
653
|
+
disabled: boolean;
|
|
654
|
+
iconOnly: boolean;
|
|
655
|
+
tabChange: EventEmitter<string>;
|
|
656
|
+
tabBtns: QueryList<ElementRef<HTMLButtonElement>>;
|
|
657
|
+
indicatorStyle: {
|
|
658
|
+
[key: string]: string;
|
|
659
|
+
};
|
|
660
|
+
private initialized;
|
|
661
|
+
ngAfterViewInit(): void;
|
|
662
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
663
|
+
selectTab(tab: KeuTabItem): void;
|
|
664
|
+
private updateIndicator;
|
|
665
|
+
get hostClasses(): string;
|
|
666
|
+
getTabClasses(tab: KeuTabItem): string;
|
|
667
|
+
trackByTab(_: number, tab: KeuTabItem): string;
|
|
668
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuTabsComponent, never>;
|
|
669
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuTabsComponent, "keu-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; }, { "tabChange": "tabChange"; }, never, never, true, never>;
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
type KeuProgressBarLabelMode = 'none' | 'right' | 'bottom' | 'top-floating' | 'bottom-floating';
|
|
673
|
+
type KeuProgressBarSize = 'sm' | 'md' | 'lg';
|
|
674
|
+
type KeuProgressBarVariant = 'primary' | 'success' | 'danger' | 'accent';
|
|
675
|
+
declare class KeuProgressBarComponent {
|
|
676
|
+
value: number;
|
|
677
|
+
max: number;
|
|
678
|
+
label: KeuProgressBarLabelMode;
|
|
679
|
+
size: KeuProgressBarSize;
|
|
680
|
+
variant: KeuProgressBarVariant;
|
|
681
|
+
showDot: boolean;
|
|
682
|
+
animated: boolean;
|
|
683
|
+
striped: boolean;
|
|
684
|
+
get percentage(): number;
|
|
685
|
+
get hostClasses(): string;
|
|
686
|
+
get fillStyle(): {
|
|
687
|
+
[key: string]: string;
|
|
688
|
+
};
|
|
689
|
+
get floatingStyle(): {
|
|
690
|
+
[key: string]: string;
|
|
691
|
+
};
|
|
692
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuProgressBarComponent, never>;
|
|
693
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuProgressBarComponent, "keu-progress-bar", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "showDot": { "alias": "showDot"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; }, {}, never, never, true, never>;
|
|
694
|
+
}
|
|
695
|
+
|
|
696
|
+
type KeuProgressCircleMode = 'circle' | 'half';
|
|
697
|
+
type KeuProgressCircleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
698
|
+
declare class KeuProgressCircleComponent {
|
|
699
|
+
value: number;
|
|
700
|
+
max: number;
|
|
701
|
+
mode: KeuProgressCircleMode;
|
|
702
|
+
size: KeuProgressCircleSize;
|
|
703
|
+
label: string;
|
|
704
|
+
showValue: boolean;
|
|
705
|
+
private readonly gradientId;
|
|
706
|
+
get percentage(): number;
|
|
707
|
+
get svgSize(): number;
|
|
708
|
+
get strokeWidth(): number;
|
|
709
|
+
get radius(): number;
|
|
710
|
+
get center(): number;
|
|
711
|
+
get circumference(): number;
|
|
712
|
+
get dashOffset(): number;
|
|
713
|
+
get halfCircumference(): number;
|
|
714
|
+
get halfDashOffset(): number;
|
|
715
|
+
get halfViewBox(): string;
|
|
716
|
+
get halfSvgHeight(): number;
|
|
717
|
+
get halfArcPath(): string;
|
|
718
|
+
get halfArcLength(): number;
|
|
719
|
+
get halfArcDashOffset(): number;
|
|
720
|
+
get gradId(): string;
|
|
721
|
+
get valueFontSize(): number;
|
|
722
|
+
get labelFontSize(): number;
|
|
723
|
+
get hostClasses(): string;
|
|
724
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuProgressCircleComponent, never>;
|
|
725
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuProgressCircleComponent, "keu-progress-circle", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; }, {}, never, never, true, never>;
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
type KeuRatingSize = 'sm' | 'md' | 'lg';
|
|
729
|
+
declare class KeuRatingComponent implements ControlValueAccessor {
|
|
730
|
+
/** Current rating value (supports half values like 3.5) */
|
|
731
|
+
value: number;
|
|
732
|
+
/** Maximum number of stars */
|
|
733
|
+
max: number;
|
|
734
|
+
/** Component size */
|
|
735
|
+
size: KeuRatingSize;
|
|
736
|
+
/** Read-only display mode */
|
|
737
|
+
readonly: boolean;
|
|
738
|
+
/** Disabled state */
|
|
739
|
+
disabled: boolean;
|
|
740
|
+
/** Allow half-star selection */
|
|
741
|
+
allowHalf: boolean;
|
|
742
|
+
/** Color of filled stars */
|
|
743
|
+
color: string;
|
|
744
|
+
/** Color of empty stars */
|
|
745
|
+
emptyColor: string;
|
|
746
|
+
/** Emitted when user clicks a star */
|
|
747
|
+
valueChange: EventEmitter<number>;
|
|
748
|
+
hoverValue: number;
|
|
749
|
+
private onChange;
|
|
750
|
+
private onTouched;
|
|
751
|
+
get stars(): number[];
|
|
752
|
+
get isInteractive(): boolean;
|
|
753
|
+
getStarFill(star: number): 'full' | 'half' | 'empty';
|
|
754
|
+
onStarClick(star: number, event: Event): void;
|
|
755
|
+
onStarHover(star: number, event: MouseEvent): void;
|
|
756
|
+
onStarLeave(): void;
|
|
757
|
+
writeValue(val: number): void;
|
|
758
|
+
registerOnChange(fn: (val: number) => void): void;
|
|
759
|
+
registerOnTouched(fn: () => void): void;
|
|
760
|
+
setDisabledState(isDisabled: boolean): void;
|
|
761
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuRatingComponent, never>;
|
|
762
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuRatingComponent, "keu-rating", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowHalf": { "alias": "allowHalf"; "required": false; }; "color": { "alias": "color"; "required": false; }; "emptyColor": { "alias": "emptyColor"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
763
|
+
}
|
|
764
|
+
|
|
765
|
+
interface KeuSidebarTab {
|
|
766
|
+
id: string;
|
|
767
|
+
icon: string;
|
|
768
|
+
label: string;
|
|
769
|
+
}
|
|
770
|
+
declare class KeuSidebarPanelDirective {
|
|
771
|
+
templateRef: TemplateRef<unknown>;
|
|
772
|
+
id: string;
|
|
773
|
+
constructor(templateRef: TemplateRef<unknown>);
|
|
774
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuSidebarPanelDirective, never>;
|
|
775
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KeuSidebarPanelDirective, "[keuSidebarPanel]", never, { "id": { "alias": "keuSidebarPanel"; "required": false; }; }, {}, never, never, true, never>;
|
|
776
|
+
}
|
|
777
|
+
declare class KeuSidebarComponent implements AfterContentInit {
|
|
778
|
+
/** Tab definitions */
|
|
779
|
+
tabs: KeuSidebarTab[];
|
|
780
|
+
/** Currently active tab id */
|
|
781
|
+
activeTab: string;
|
|
782
|
+
/** Title shown in panel header (defaults to active tab label) */
|
|
783
|
+
title: string;
|
|
784
|
+
/** Whether the panel content is visible */
|
|
785
|
+
open: boolean;
|
|
786
|
+
/** Position */
|
|
787
|
+
position: 'left' | 'right';
|
|
788
|
+
/** Emits when active tab changes */
|
|
789
|
+
activeTabChange: EventEmitter<string>;
|
|
790
|
+
/** Emits when panel is closed via × button */
|
|
791
|
+
closed: EventEmitter<void>;
|
|
792
|
+
/** Emits when open state changes */
|
|
793
|
+
openChange: EventEmitter<boolean>;
|
|
794
|
+
panels: QueryList<KeuSidebarPanelDirective>;
|
|
795
|
+
private panelMap;
|
|
796
|
+
ngAfterContentInit(): void;
|
|
797
|
+
private buildPanelMap;
|
|
798
|
+
get activePanel(): TemplateRef<unknown> | null;
|
|
799
|
+
get displayTitle(): string;
|
|
800
|
+
onTabClick(tab: KeuSidebarTab): void;
|
|
801
|
+
onClose(): void;
|
|
802
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuSidebarComponent, never>;
|
|
803
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuSidebarComponent, "keu-sidebar", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "title": { "alias": "title"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "activeTabChange": "activeTabChange"; "closed": "closed"; "openChange": "openChange"; }, ["panels"], never, true, never>;
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
type KeuModalVariant = 'dialog' | 'popup';
|
|
807
|
+
type KeuModalIcon = 'warning' | 'success' | 'error' | 'info' | 'none';
|
|
808
|
+
declare class KeuModalComponent {
|
|
809
|
+
/** Modal variant */
|
|
810
|
+
variant: KeuModalVariant;
|
|
811
|
+
/** Icon type displayed in the modal */
|
|
812
|
+
icon: KeuModalIcon;
|
|
813
|
+
/** Modal title */
|
|
814
|
+
title: string;
|
|
815
|
+
/** Modal description/body text */
|
|
816
|
+
description: string;
|
|
817
|
+
/** Whether the modal is visible */
|
|
818
|
+
visible: boolean;
|
|
819
|
+
/** Show close (×) button — typically for dialog variant */
|
|
820
|
+
showClose: boolean;
|
|
821
|
+
/** Primary (confirm) button text */
|
|
822
|
+
confirmText: string;
|
|
823
|
+
/** Cancel button text */
|
|
824
|
+
cancelText: string;
|
|
825
|
+
/** Show action buttons (dialog) */
|
|
826
|
+
showActions: boolean;
|
|
827
|
+
/** Close modal when clicking backdrop */
|
|
828
|
+
closeOnBackdrop: boolean;
|
|
829
|
+
/** Render inline without backdrop (for docs/preview) */
|
|
830
|
+
inline: boolean;
|
|
831
|
+
/** Custom padding for the body section, e.g. '24px 32px'. Overrides default. */
|
|
832
|
+
bodyPadding?: string;
|
|
833
|
+
/** Emitted when confirm button is clicked */
|
|
834
|
+
confirm: EventEmitter<void>;
|
|
835
|
+
/** Emitted when cancel button or close button is clicked */
|
|
836
|
+
cancel: EventEmitter<void>;
|
|
837
|
+
/** Emitted when modal visibility changes */
|
|
838
|
+
visibleChange: EventEmitter<boolean>;
|
|
839
|
+
get iconName(): string;
|
|
840
|
+
get iconColorClass(): string;
|
|
841
|
+
onConfirm(): void;
|
|
842
|
+
onCancel(): void;
|
|
843
|
+
onBackdropClick(): void;
|
|
844
|
+
onContentClick(event: Event): void;
|
|
845
|
+
private close;
|
|
846
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuModalComponent, never>;
|
|
847
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuModalComponent, "keu-modal", never, { "variant": { "alias": "variant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "confirmText": { "alias": "confirmText"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "bodyPadding": { "alias": "bodyPadding"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
|
|
848
|
+
}
|
|
849
|
+
|
|
850
|
+
interface KeuDropdownOption {
|
|
851
|
+
value: string;
|
|
852
|
+
label: string;
|
|
853
|
+
icon?: string;
|
|
854
|
+
disabled?: boolean;
|
|
855
|
+
}
|
|
856
|
+
declare class KeuDropdownComponent implements ControlValueAccessor {
|
|
857
|
+
private cdr;
|
|
858
|
+
private el;
|
|
859
|
+
label: string;
|
|
860
|
+
placeholder: string;
|
|
861
|
+
helperText: string;
|
|
862
|
+
disabled: boolean;
|
|
863
|
+
searchable: boolean;
|
|
864
|
+
searchPlaceholder: string;
|
|
865
|
+
options: KeuDropdownOption[];
|
|
866
|
+
valueChange: EventEmitter<string>;
|
|
867
|
+
isOpen: boolean;
|
|
868
|
+
value: string;
|
|
869
|
+
searchQuery: string;
|
|
870
|
+
private onChange;
|
|
871
|
+
private onTouched;
|
|
872
|
+
constructor(cdr: ChangeDetectorRef, el: ElementRef);
|
|
873
|
+
get selectedOption(): KeuDropdownOption | undefined;
|
|
874
|
+
get filteredOptions(): KeuDropdownOption[];
|
|
875
|
+
get displayLabel(): string;
|
|
876
|
+
toggle(): void;
|
|
877
|
+
select(option: KeuDropdownOption): void;
|
|
878
|
+
onDocumentClick(event: Event): void;
|
|
879
|
+
onEscape(): void;
|
|
880
|
+
writeValue(val: string): void;
|
|
881
|
+
registerOnChange(fn: (val: string) => void): void;
|
|
882
|
+
registerOnTouched(fn: () => void): void;
|
|
883
|
+
setDisabledState(isDisabled: boolean): void;
|
|
884
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuDropdownComponent, never>;
|
|
885
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuDropdownComponent, "keu-dropdown", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
886
|
+
}
|
|
887
|
+
|
|
888
|
+
interface KeuTreeNode {
|
|
889
|
+
value: string;
|
|
890
|
+
label: string;
|
|
891
|
+
children?: KeuTreeNode[];
|
|
892
|
+
disabled?: boolean;
|
|
893
|
+
}
|
|
894
|
+
type KeuTreeSelectMode = 'single' | 'multiple';
|
|
895
|
+
declare class KeuTreeSelectComponent implements ControlValueAccessor {
|
|
896
|
+
private cdr;
|
|
897
|
+
private el;
|
|
898
|
+
label: string;
|
|
899
|
+
placeholder: string;
|
|
900
|
+
helperText: string;
|
|
901
|
+
disabled: boolean;
|
|
902
|
+
searchable: boolean;
|
|
903
|
+
searchPlaceholder: string;
|
|
904
|
+
mode: KeuTreeSelectMode;
|
|
905
|
+
nodes: KeuTreeNode[];
|
|
906
|
+
valueChange: EventEmitter<string[]>;
|
|
907
|
+
isOpen: boolean;
|
|
908
|
+
searchQuery: string;
|
|
909
|
+
selectedValues: string[];
|
|
910
|
+
expandedNodes: Set<string>;
|
|
911
|
+
private onChange;
|
|
912
|
+
private onTouched;
|
|
913
|
+
constructor(cdr: ChangeDetectorRef, el: ElementRef);
|
|
914
|
+
get triggerLabel(): string;
|
|
915
|
+
get selectedChips(): Array<{
|
|
916
|
+
value: string;
|
|
917
|
+
label: string;
|
|
918
|
+
}>;
|
|
919
|
+
private findLabel;
|
|
920
|
+
toggleExpand(node: KeuTreeNode, event: Event): void;
|
|
921
|
+
isExpanded(node: KeuTreeNode): boolean;
|
|
922
|
+
hasChildren(node: KeuTreeNode): boolean;
|
|
923
|
+
isSelected(value: string): boolean;
|
|
924
|
+
isIndeterminate(node: KeuTreeNode): boolean;
|
|
925
|
+
isAllSelected(node: KeuTreeNode): boolean;
|
|
926
|
+
private getLeafValues;
|
|
927
|
+
private getAllDescendantValues;
|
|
928
|
+
toggleNode(node: KeuTreeNode): void;
|
|
929
|
+
removeChip(value: string, event: Event): void;
|
|
930
|
+
matchesSearch(node: KeuTreeNode): boolean;
|
|
931
|
+
get filteredNodes(): KeuTreeNode[];
|
|
932
|
+
private filterNodes;
|
|
933
|
+
shouldShowNode(node: KeuTreeNode): boolean;
|
|
934
|
+
toggle(): void;
|
|
935
|
+
onDocumentClick(event: Event): void;
|
|
936
|
+
onEscape(): void;
|
|
937
|
+
writeValue(val: string[]): void;
|
|
938
|
+
registerOnChange(fn: (val: string[]) => void): void;
|
|
939
|
+
registerOnTouched(fn: () => void): void;
|
|
940
|
+
setDisabledState(isDisabled: boolean): void;
|
|
941
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuTreeSelectComponent, never>;
|
|
942
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuTreeSelectComponent, "keu-tree-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "nodes": { "alias": "nodes"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
interface KeuAutocompleteOption {
|
|
946
|
+
value: string;
|
|
947
|
+
label: string;
|
|
948
|
+
sublabel?: string;
|
|
949
|
+
avatar?: string;
|
|
950
|
+
icon?: string;
|
|
951
|
+
}
|
|
952
|
+
type KeuAutocompleteMode = 'single' | 'multiple';
|
|
953
|
+
declare class KeuAutocompleteComponent implements ControlValueAccessor {
|
|
954
|
+
private cdr;
|
|
955
|
+
private el;
|
|
956
|
+
label: string;
|
|
957
|
+
placeholder: string;
|
|
958
|
+
helperText: string;
|
|
959
|
+
disabled: boolean;
|
|
960
|
+
mode: KeuAutocompleteMode;
|
|
961
|
+
trailingIcon: string;
|
|
962
|
+
options: KeuAutocompleteOption[];
|
|
963
|
+
minChars: number;
|
|
964
|
+
valueChange: EventEmitter<string[]>;
|
|
965
|
+
search: EventEmitter<string>;
|
|
966
|
+
isOpen: boolean;
|
|
967
|
+
query: string;
|
|
968
|
+
selectedValues: string[];
|
|
969
|
+
private onChange;
|
|
970
|
+
private onTouched;
|
|
971
|
+
constructor(cdr: ChangeDetectorRef, el: ElementRef);
|
|
972
|
+
get filteredOptions(): KeuAutocompleteOption[];
|
|
973
|
+
get selectedOptions(): KeuAutocompleteOption[];
|
|
974
|
+
isSelected(value: string): boolean;
|
|
975
|
+
onInputChange(): void;
|
|
976
|
+
onInputFocus(): void;
|
|
977
|
+
select(option: KeuAutocompleteOption): void;
|
|
978
|
+
removeSelected(value: string, event: Event): void;
|
|
979
|
+
clearQuery(): void;
|
|
980
|
+
onDocumentClick(event: Event): void;
|
|
981
|
+
onEscape(): void;
|
|
982
|
+
writeValue(val: string[]): void;
|
|
983
|
+
registerOnChange(fn: (val: string[]) => void): void;
|
|
984
|
+
registerOnTouched(fn: () => void): void;
|
|
985
|
+
setDisabledState(isDisabled: boolean): void;
|
|
986
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeuAutocompleteComponent, never>;
|
|
987
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KeuAutocompleteComponent, "keu-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "options": { "alias": "options"; "required": false; }; "minChars": { "alias": "minChars"; "required": false; }; }, { "valueChange": "valueChange"; "search": "search"; }, never, never, true, never>;
|
|
988
|
+
}
|
|
989
|
+
|
|
990
|
+
export { KeuAlertComponent, KeuAutocompleteComponent, KeuAvatarComponent, KeuAvatarGroupComponent, KeuBadgeComponent, KeuBreadcrumbComponent, KeuButtonComponent, KeuButtonGroupComponent, KeuCellDirective, KeuCheckboxComponent, KeuChipComponent, KeuColDirective, KeuContainerDirective, KeuDatepickerComponent, KeuDividerComponent, KeuDropdownComponent, KeuHeaderCellDirective, KeuIconComponent, KeuInputComponent, KeuLinkComponent, KeuModalComponent, KeuPaginationComponent, KeuProgressBarComponent, KeuProgressCircleComponent, KeuRadioComponent, KeuRatingComponent, KeuRichtextComponent, KeuRowDirective, KeuSelectComponent, KeuSidebarComponent, KeuSidebarPanelDirective, KeuSliderComponent, KeuTableComponent, KeuTableEmptyDirective, KeuTabsComponent, KeuTextareaComponent, KeuToggleComponent, KeuTooltipComponent, KeuTreeSelectComponent };
|
|
991
|
+
export type { KeuAlertVariant, KeuAutocompleteMode, KeuAutocompleteOption, KeuAvatarSize, KeuAvatarStatus, KeuBadgeStatus, KeuBadgeVariant, KeuBreadcrumbActiveStyle, KeuBreadcrumbItem, KeuBreadcrumbSeparator, KeuBreadcrumbSize, KeuButtonGroupItem, KeuButtonGroupVariant, KeuButtonSize, KeuButtonVariant, KeuCheckboxLayout, KeuChipShape, KeuChipSize, KeuChipVariant, KeuColSpan, KeuColumnDef, KeuDatePickerMode, KeuDateRange, KeuDividerOrientation, KeuDividerPadding, KeuDropdownOption, KeuInputState, KeuInputVariant, KeuLinkColor, KeuLinkSize, KeuModalIcon, KeuModalVariant, KeuPaginationShape, KeuPaginationSize, KeuProgressBarLabelMode, KeuProgressBarSize, KeuProgressBarVariant, KeuProgressCircleMode, KeuProgressCircleSize, KeuRadioLayout, KeuRatingSize, KeuRowAlign, KeuRowJustify, KeuSidebarTab, KeuSliderLabelMode, KeuSliderValue, KeuSortDirection, KeuSortEvent, KeuTabItem, KeuTabSize, KeuTabVariant, KeuToggleSize, KeuTooltipPosition, KeuTooltipTheme, KeuTooltipTrigger, KeuTreeNode, KeuTreeSelectMode };
|