@kern-ux-annex/kern-angular-kit 0.3.6 → 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/INTELLISENSE.md +513 -22
- package/README.md +82 -29
- package/fesm2022/kern-ux-annex-kern-angular-kit.mjs +1160 -478
- package/fesm2022/kern-ux-annex-kern-angular-kit.mjs.map +1 -1
- package/index.d.ts +829 -133
- package/package.json +5 -5
- package/schemas/kern-components.schema.json +530 -1
- package/src/lib/schemas/kern-components.schema.json +809 -0
- package/COMPONENTS.md +0 -816
package/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit } from '@angular/core';
|
|
3
|
-
import { ControlValueAccessor
|
|
2
|
+
import { AfterViewInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
4
|
|
|
5
5
|
declare class KernAccordion {
|
|
6
6
|
readonly title: _angular_core.InputSignal<string>;
|
|
@@ -9,18 +9,16 @@ declare class KernAccordion {
|
|
|
9
9
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernAccordion, "kern-accordion", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
+
declare class KernAccordionGroup {
|
|
13
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernAccordionGroup, never>;
|
|
14
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernAccordionGroup, "kern-accordion-group", never, {}, {}, never, ["*"], true, never>;
|
|
15
|
+
}
|
|
16
|
+
|
|
12
17
|
declare class KernAlert {
|
|
13
18
|
readonly title: _angular_core.InputSignal<string>;
|
|
14
|
-
readonly
|
|
19
|
+
readonly variant: _angular_core.InputSignal<"info" | "success" | "warning" | "danger">;
|
|
15
20
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernAlert, never>;
|
|
16
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernAlert, "kern-alert", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
declare class UniqueIdService {
|
|
20
|
-
private counter;
|
|
21
|
-
getUniqueId(prefix?: string): string;
|
|
22
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniqueIdService, never>;
|
|
23
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<UniqueIdService>;
|
|
21
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernAlert, "kern-alert", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
24
22
|
}
|
|
25
23
|
|
|
26
24
|
declare class KernDialog {
|
|
@@ -33,9 +31,8 @@ declare class KernDialog {
|
|
|
33
31
|
readonly btnPrimaryClickEvent: _angular_core.OutputEmitterRef<Event>;
|
|
34
32
|
readonly btnSecondaryClickEvent: _angular_core.OutputEmitterRef<Event>;
|
|
35
33
|
private readonly generatedId;
|
|
34
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
36
35
|
private readonly dialog;
|
|
37
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
38
|
-
get effectiveId(): string;
|
|
39
36
|
showModal(): void;
|
|
40
37
|
closeModal(): void;
|
|
41
38
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernDialog, never>;
|
|
@@ -48,41 +45,193 @@ declare class KernLoader {
|
|
|
48
45
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernLoader, "kern-loader", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
49
46
|
}
|
|
50
47
|
|
|
51
|
-
declare class
|
|
52
|
-
readonly
|
|
53
|
-
readonly
|
|
54
|
-
|
|
48
|
+
declare class KernBadge {
|
|
49
|
+
readonly variant: _angular_core.InputSignal<"info" | "success" | "warning" | "danger">;
|
|
50
|
+
readonly icon: _angular_core.InputSignal<string | null>;
|
|
51
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernBadge, never>;
|
|
52
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernBadge, "kern-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
declare class KernButton {
|
|
56
|
+
readonly variant: _angular_core.InputSignal<"primary" | "secondary" | "tertiary">;
|
|
57
|
+
readonly block: _angular_core.InputSignal<boolean>;
|
|
58
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
59
|
+
readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
60
|
+
readonly iconLeft: _angular_core.InputSignal<string | null>;
|
|
61
|
+
readonly iconRight: _angular_core.InputSignal<string | null>;
|
|
62
|
+
readonly srOnlyLabel: _angular_core.InputSignal<boolean>;
|
|
63
|
+
readonly clickEvent: _angular_core.OutputEmitterRef<Event>;
|
|
64
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernButton, never>;
|
|
65
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernButton, "kern-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "srOnlyLabel": { "alias": "srOnlyLabel"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, ["*"], true, never>;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
declare class KernCard {
|
|
69
|
+
readonly title: _angular_core.InputSignal<string | null>;
|
|
70
|
+
readonly titleLinkHref: _angular_core.InputSignal<string | null>;
|
|
71
|
+
readonly titleLinkTarget: _angular_core.InputSignal<"_self" | "_blank" | "_parent" | "_top">;
|
|
72
|
+
readonly preline: _angular_core.InputSignal<string | null>;
|
|
73
|
+
readonly subline: _angular_core.InputSignal<string | null>;
|
|
74
|
+
readonly imgSrc: _angular_core.InputSignal<string | null>;
|
|
75
|
+
readonly imgAlt: _angular_core.InputSignal<string | null>;
|
|
76
|
+
readonly size: _angular_core.InputSignal<"default" | "small" | "large">;
|
|
77
|
+
readonly headingLevel: _angular_core.InputSignal<"1" | "2" | "3" | "4" | "5">;
|
|
78
|
+
readonly btnPrimaryLabelText: _angular_core.InputSignal<string | null>;
|
|
79
|
+
readonly btnSecondaryLabelText: _angular_core.InputSignal<string | null>;
|
|
80
|
+
readonly titleLinkClickEvent: _angular_core.OutputEmitterRef<Event>;
|
|
81
|
+
readonly btnPrimaryClickEvent: _angular_core.OutputEmitterRef<Event>;
|
|
82
|
+
readonly btnSecondaryClickEvent: _angular_core.OutputEmitterRef<Event>;
|
|
83
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernCard, never>;
|
|
84
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernCard, "kern-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleLinkHref": { "alias": "titleLinkHref"; "required": false; "isSignal": true; }; "titleLinkTarget": { "alias": "titleLinkTarget"; "required": false; "isSignal": true; }; "preline": { "alias": "preline"; "required": false; "isSignal": true; }; "subline": { "alias": "subline"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "btnPrimaryLabelText": { "alias": "btnPrimaryLabelText"; "required": false; "isSignal": true; }; "btnSecondaryLabelText": { "alias": "btnSecondaryLabelText"; "required": false; "isSignal": true; }; }, { "titleLinkClickEvent": "titleLinkClickEvent"; "btnPrimaryClickEvent": "btnPrimaryClickEvent"; "btnSecondaryClickEvent": "btnSecondaryClickEvent"; }, never, ["*"], true, never>;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
declare class KernDivider {
|
|
88
|
+
readonly ariaHidden: _angular_core.InputSignal<boolean>;
|
|
89
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernDivider, never>;
|
|
90
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernDivider, "kern-divider", never, { "ariaHidden": { "alias": "ariaHidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
declare class KernIcon {
|
|
94
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
95
|
+
readonly ariaHidden: _angular_core.InputSignal<boolean>;
|
|
96
|
+
readonly size: _angular_core.InputSignal<"default" | "small" | "large" | "x-large">;
|
|
97
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernIcon, never>;
|
|
98
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernIcon, "kern-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
declare class KernLink {
|
|
102
|
+
readonly href: _angular_core.InputSignal<string | null>;
|
|
103
|
+
readonly target: _angular_core.InputSignal<"_self" | "_blank" | "_parent" | "_top">;
|
|
104
|
+
readonly small: _angular_core.InputSignal<boolean>;
|
|
105
|
+
readonly stretched: _angular_core.InputSignal<boolean>;
|
|
106
|
+
readonly iconLeft: _angular_core.InputSignal<string | null>;
|
|
107
|
+
readonly iconRight: _angular_core.InputSignal<string | null>;
|
|
108
|
+
readonly linkDescribedBy: _angular_core.InputSignal<string | null>;
|
|
109
|
+
readonly clickEvent: _angular_core.OutputEmitterRef<Event>;
|
|
110
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernLink, never>;
|
|
111
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernLink, "kern-link", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; "stretched": { "alias": "stretched"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "linkDescribedBy": { "alias": "linkDescribedBy"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, ["*"], true, never>;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
declare class KernProgress {
|
|
115
|
+
readonly progressId: _angular_core.InputSignal<string | undefined>;
|
|
116
|
+
readonly value: _angular_core.InputSignal<number>;
|
|
117
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
118
|
+
readonly label: _angular_core.InputSignal<string | null>;
|
|
119
|
+
readonly labelPosition: _angular_core.InputSignal<"top" | "bottom">;
|
|
55
120
|
private readonly generatedId;
|
|
56
|
-
|
|
57
|
-
|
|
121
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
122
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernProgress, never>;
|
|
123
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernProgress, "kern-progress", never, { "progressId": { "alias": "progressId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
declare class KernKopfzeile {
|
|
127
|
+
readonly fluid: _angular_core.InputSignal<boolean>;
|
|
128
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernKopfzeile, never>;
|
|
129
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernKopfzeile, "kern-kopfzeile", never, { "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
declare class KernHeading implements AfterViewInit {
|
|
133
|
+
private readonly elementRef;
|
|
134
|
+
private readonly renderer;
|
|
135
|
+
readonly level: _angular_core.InputSignal<"1" | "2" | "3" | "4" | "5" | "6">;
|
|
136
|
+
readonly size: _angular_core.InputSignal<"small" | "large" | "x-large" | "display" | "medium" | undefined>;
|
|
137
|
+
private readonly cssClass;
|
|
138
|
+
ngAfterViewInit(): void;
|
|
139
|
+
private getDefaultSizeForLevel;
|
|
140
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernHeading, never>;
|
|
141
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernHeading, "kern-heading", never, { "level": { "alias": "level"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
declare class KernBody {
|
|
145
|
+
readonly size: _angular_core.InputSignal<"default" | "small" | "large">;
|
|
146
|
+
readonly weight: _angular_core.InputSignal<"default" | "bold" | "muted">;
|
|
147
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernBody, never>;
|
|
148
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KernBody, "p[kernBody], span[kernBody]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
declare class KernTitle {
|
|
152
|
+
readonly size: _angular_core.InputSignal<"default" | "small" | "large">;
|
|
153
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernTitle, never>;
|
|
154
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KernTitle, "h1[kernTitle], h2[kernTitle], h3[kernTitle], h4[kernTitle], h5[kernTitle], h6[kernTitle], span[kernTitle], caption[kernTitle], p[kernTitle]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
declare class KernSubline {
|
|
158
|
+
readonly size: _angular_core.InputSignal<"default" | "small" | "large">;
|
|
159
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernSubline, never>;
|
|
160
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KernSubline, "h1[kernSubline], h2[kernSubline], h3[kernSubline], h4[kernSubline], h5[kernSubline], h6[kernSubline], span[kernSubline], p[kernSubline]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
declare class KernPreline {
|
|
164
|
+
readonly size: _angular_core.InputSignal<"default" | "small" | "large">;
|
|
165
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernPreline, never>;
|
|
166
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KernPreline, "h1[kernPreline], h2[kernPreline], h3[kernPreline], h4[kernPreline], h5[kernPreline], h6[kernPreline], span[kernPreline], p[kernPreline]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
declare class KernLabel implements OnChanges {
|
|
170
|
+
private optionalSpan?;
|
|
171
|
+
private readonly elementRef;
|
|
172
|
+
private readonly renderer;
|
|
173
|
+
readonly size: _angular_core.InputSignal<"default" | "small" | "large">;
|
|
174
|
+
readonly optional: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
175
|
+
readonly srOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
176
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
177
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernLabel, never>;
|
|
178
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KernLabel, "label[kernLabel], legend[kernLabel], span[kernLabel], p[kernLabel]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "srOnly": { "alias": "srOnly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
declare class KernList {
|
|
182
|
+
readonly size: _angular_core.InputSignal<"default" | "small" | "large">;
|
|
183
|
+
readonly type: _angular_core.InputSignal<"number" | "simple" | "bullet">;
|
|
184
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernList, never>;
|
|
185
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KernList, "ul[kernList], ol[kernList]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
declare class ControlValueAccessorDirective<TValue = unknown> implements ControlValueAccessor {
|
|
189
|
+
value: _angular_core.WritableSignal<TValue>;
|
|
190
|
+
disabled: _angular_core.WritableSignal<boolean>;
|
|
191
|
+
onChange: (value: TValue) => void;
|
|
58
192
|
onTouched: () => void;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
writeValue(value:
|
|
193
|
+
changeValue(value: TValue): void;
|
|
194
|
+
markTouched(): void;
|
|
195
|
+
writeValue(value: TValue): void;
|
|
196
|
+
registerOnChange(onChange: (value: TValue) => void): void;
|
|
197
|
+
registerOnTouched(onTouched: () => void): void;
|
|
62
198
|
setDisabledState?(isDisabled: boolean): void;
|
|
63
|
-
|
|
64
|
-
|
|
199
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ControlValueAccessorDirective<any>, never>;
|
|
200
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ControlValueAccessorDirective<any>, "[kernControlValueAccessor]", never, {}, {}, never, never, true, never>;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
declare class KernInputCheckbox {
|
|
204
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
205
|
+
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
206
|
+
readonly labelTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
207
|
+
readonly labelText: _angular_core.InputSignal<string | null>;
|
|
208
|
+
readonly error: _angular_core.InputSignal<boolean>;
|
|
209
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
210
|
+
private readonly generatedId;
|
|
211
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
212
|
+
protected onChange(event: Event): void;
|
|
65
213
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputCheckbox, never>;
|
|
66
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputCheckbox, "kern-input-checkbox", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required":
|
|
214
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputCheckbox, "kern-input-checkbox", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelTemplate": { "alias": "labelTemplate"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
67
215
|
}
|
|
68
216
|
|
|
69
217
|
type DatePart = 'day' | 'month' | 'year';
|
|
70
218
|
declare class KernInputDate implements ControlValueAccessor, AfterViewInit {
|
|
71
|
-
readonly
|
|
219
|
+
readonly fieldsetId: _angular_core.InputSignal<string | undefined>;
|
|
72
220
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
73
221
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
74
222
|
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
223
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
75
224
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
76
225
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
77
226
|
private readonly generatedId;
|
|
227
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
228
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
78
229
|
private readonly dayInput;
|
|
79
230
|
private readonly monthInput;
|
|
80
231
|
private readonly yearInput;
|
|
81
232
|
private day;
|
|
82
233
|
private month;
|
|
83
234
|
private year;
|
|
84
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
85
|
-
get effectiveId(): string;
|
|
86
235
|
onChange: (value: string | null) => void;
|
|
87
236
|
onTouched: () => void;
|
|
88
237
|
writeValue(value: string | null): void;
|
|
@@ -94,157 +243,186 @@ declare class KernInputDate implements ControlValueAccessor, AfterViewInit {
|
|
|
94
243
|
private renderValue;
|
|
95
244
|
protected onBlur(event: Event, type: DatePart): void;
|
|
96
245
|
get value(): string | null;
|
|
246
|
+
protected onPaste(event: ClipboardEvent): void;
|
|
97
247
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputDate, never>;
|
|
98
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputDate, "kern-input-date", never, { "
|
|
248
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputDate, "kern-input-date", never, { "fieldsetId": { "alias": "fieldsetId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
99
249
|
}
|
|
100
250
|
|
|
101
|
-
declare class KernInputEmail
|
|
251
|
+
declare class KernInputEmail {
|
|
252
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
102
253
|
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
103
254
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
104
255
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
105
256
|
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
106
257
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
107
258
|
readonly maxlength: _angular_core.InputSignal<number | null>;
|
|
259
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
108
260
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
109
261
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
262
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
263
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
110
264
|
private readonly generatedId;
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
onTouched: () => void;
|
|
114
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
115
|
-
get effectiveId(): string;
|
|
116
|
-
writeValue(value: string): void;
|
|
117
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
118
|
-
registerOnTouched(fn: () => void): void;
|
|
265
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
266
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
119
267
|
protected onKeydown(event: KeyboardEvent): void;
|
|
120
268
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputEmail, never>;
|
|
121
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputEmail, "kern-input-email", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; }, {}, never, never, true,
|
|
269
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputEmail, "kern-input-email", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
122
270
|
}
|
|
123
271
|
|
|
124
|
-
declare class
|
|
272
|
+
declare class KernInputError {
|
|
273
|
+
effectiveId: _angular_core.InputSignal<string>;
|
|
274
|
+
text: _angular_core.InputSignal<string>;
|
|
275
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputError, never>;
|
|
276
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputError, "kern-input-error", never, { "effectiveId": { "alias": "effectiveId"; "required": true; "isSignal": true; }; "text": { "alias": "text"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
declare class KernInputFile {
|
|
280
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
125
281
|
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
126
282
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
127
283
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
128
284
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
285
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
129
286
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
130
287
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
131
|
-
readonly
|
|
132
|
-
readonly
|
|
288
|
+
readonly accept: _angular_core.InputSignal<string | null>;
|
|
289
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
290
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
133
291
|
private readonly generatedId;
|
|
292
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
293
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
134
294
|
private readonly fileInput;
|
|
135
|
-
readonly changeEvent: _angular_core.OutputEmitterRef<Event>;
|
|
136
|
-
value: string | null;
|
|
137
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
138
|
-
get effectiveId(): string;
|
|
139
|
-
onChange: (value: string | null) => void;
|
|
140
|
-
onTouched: () => void;
|
|
141
|
-
writeValue(value: string | null): void;
|
|
142
|
-
registerOnChange(fn: (value: string | null) => void): void;
|
|
143
|
-
registerOnTouched(fn: () => void): void;
|
|
144
295
|
get fileList(): FileList | null;
|
|
145
|
-
|
|
296
|
+
protected onChange(event: Event): void;
|
|
146
297
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputFile, never>;
|
|
147
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputFile, "kern-input-file", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "
|
|
298
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputFile, "kern-input-file", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
declare class KernInputHint {
|
|
302
|
+
readonly hint: _angular_core.InputSignalWithTransform<{
|
|
303
|
+
template: TemplateRef<unknown> | null;
|
|
304
|
+
text: string;
|
|
305
|
+
}, string | TemplateRef<unknown>>;
|
|
306
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputHint, never>;
|
|
307
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputHint, "kern-input-hint", never, { "hint": { "alias": "hint"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
declare class KernInputNumber {
|
|
311
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
312
|
+
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
313
|
+
readonly labelText: _angular_core.InputSignal<string>;
|
|
314
|
+
readonly optional: _angular_core.InputSignal<boolean>;
|
|
315
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
316
|
+
readonly required: _angular_core.InputSignal<boolean>;
|
|
317
|
+
readonly min: _angular_core.InputSignal<number | null>;
|
|
318
|
+
readonly max: _angular_core.InputSignal<number | null>;
|
|
319
|
+
readonly step: _angular_core.InputSignal<number | null>;
|
|
320
|
+
readonly autocomplete: _angular_core.InputSignal<string | null>;
|
|
321
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
322
|
+
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
323
|
+
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
324
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
325
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
326
|
+
private readonly generatedId;
|
|
327
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
328
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
329
|
+
protected onInput(event: Event): void;
|
|
330
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
331
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputNumber, never>;
|
|
332
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputNumber, "kern-input-number", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
148
333
|
}
|
|
149
334
|
|
|
150
|
-
declare class KernInputPassword
|
|
335
|
+
declare class KernInputPassword {
|
|
336
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
151
337
|
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
152
338
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
153
339
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
154
340
|
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
155
341
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
156
342
|
readonly maxlength: _angular_core.InputSignal<number | null>;
|
|
343
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
157
344
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
158
345
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
346
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
347
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
159
348
|
private readonly generatedId;
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
164
|
-
get effectiveId(): string;
|
|
165
|
-
writeValue(value: string): void;
|
|
166
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
167
|
-
registerOnTouched(fn: () => void): void;
|
|
349
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
350
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
351
|
+
protected onInput(event: Event): void;
|
|
168
352
|
protected onKeydown(event: KeyboardEvent): void;
|
|
169
353
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputPassword, never>;
|
|
170
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputPassword, "kern-input-password", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; }, {}, never, never, true,
|
|
354
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputPassword, "kern-input-password", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
171
355
|
}
|
|
172
356
|
|
|
173
357
|
declare class KernInputRadio {
|
|
174
|
-
readonly
|
|
358
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
359
|
+
readonly fieldsetId: _angular_core.InputSignal<string | undefined>;
|
|
175
360
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
176
361
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
177
362
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
363
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
178
364
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
179
365
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
366
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
180
367
|
readonly horizontalAlignment: _angular_core.InputSignal<boolean>;
|
|
181
368
|
readonly options: _angular_core.InputSignal<{
|
|
182
369
|
value: string;
|
|
183
370
|
label: string;
|
|
184
371
|
}[]>;
|
|
185
372
|
private readonly generatedId;
|
|
186
|
-
|
|
187
|
-
onChange: (value: string | null) => void;
|
|
188
|
-
onTouched: () => void;
|
|
189
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
190
|
-
get effectiveId(): string;
|
|
191
|
-
writeValue(value: string | null): void;
|
|
192
|
-
registerOnChange(fn: (value: string | null) => void): void;
|
|
193
|
-
registerOnTouched(fn: () => void): void;
|
|
373
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
194
374
|
protected onKeydown(event: KeyboardEvent): void;
|
|
195
375
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputRadio, never>;
|
|
196
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputRadio, "kern-input-radio", never, { "
|
|
376
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputRadio, "kern-input-radio", never, { "fieldsetId": { "alias": "fieldsetId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "horizontalAlignment": { "alias": "horizontalAlignment"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
197
377
|
}
|
|
198
378
|
|
|
199
379
|
declare class KernInputSelect {
|
|
380
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
200
381
|
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
201
382
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
202
383
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
203
384
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
385
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
204
386
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
205
387
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
388
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
206
389
|
readonly options: _angular_core.InputSignal<{
|
|
207
390
|
value: string;
|
|
208
391
|
label: string;
|
|
209
392
|
}[]>;
|
|
210
393
|
private readonly generatedId;
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
215
|
-
get effectiveId(): string;
|
|
216
|
-
writeValue(value: string | null): void;
|
|
217
|
-
registerOnChange(fn: (value: string | null) => void): void;
|
|
218
|
-
registerOnTouched(fn: () => void): void;
|
|
394
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
395
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
396
|
+
protected onInput(event: Event): void;
|
|
219
397
|
protected onKeydown(event: KeyboardEvent): void;
|
|
220
398
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputSelect, never>;
|
|
221
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputSelect, "kern-input-select", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, never, true,
|
|
399
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputSelect, "kern-input-select", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
222
400
|
}
|
|
223
401
|
|
|
224
|
-
declare class KernInputTel
|
|
402
|
+
declare class KernInputTel {
|
|
403
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
225
404
|
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
226
405
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
227
406
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
228
407
|
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
229
408
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
230
409
|
readonly maxlength: _angular_core.InputSignal<number | null>;
|
|
410
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
231
411
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
232
412
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
413
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
414
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
233
415
|
private readonly generatedId;
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
238
|
-
get effectiveId(): string;
|
|
239
|
-
writeValue(value: string): void;
|
|
240
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
241
|
-
registerOnTouched(fn: () => void): void;
|
|
416
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
417
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
418
|
+
protected onInput(event: Event): void;
|
|
242
419
|
protected onKeydown(event: KeyboardEvent): void;
|
|
243
420
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputTel, never>;
|
|
244
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputTel, "kern-input-tel", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; }, {}, never, never, true,
|
|
421
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputTel, "kern-input-tel", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
245
422
|
}
|
|
246
423
|
|
|
247
|
-
declare class KernInputText
|
|
424
|
+
declare class KernInputText {
|
|
425
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
248
426
|
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
249
427
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
250
428
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
@@ -253,70 +431,178 @@ declare class KernInputText implements ControlValueAccessor {
|
|
|
253
431
|
readonly inputmode: _angular_core.InputSignal<"decimal" | "numeric" | null>;
|
|
254
432
|
readonly maxlength: _angular_core.InputSignal<number | null>;
|
|
255
433
|
readonly autocomplete: _angular_core.InputSignal<string | null>;
|
|
434
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
256
435
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
257
436
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
437
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
438
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
258
439
|
private readonly generatedId;
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
263
|
-
get effectiveId(): string;
|
|
264
|
-
writeValue(value: string): void;
|
|
265
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
266
|
-
registerOnTouched(fn: () => void): void;
|
|
267
|
-
protected onKeydown(event: KeyboardEvent): void;
|
|
440
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
441
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
442
|
+
protected onInput(event: Event): void;
|
|
268
443
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputText, never>;
|
|
269
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputText, "kern-input-text", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; }, {}, never, never, true,
|
|
444
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputText, "kern-input-text", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
270
445
|
}
|
|
271
446
|
|
|
272
|
-
declare class KernInputTextarea
|
|
447
|
+
declare class KernInputTextarea {
|
|
448
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
273
449
|
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
274
450
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
275
451
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
276
452
|
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
277
453
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
278
454
|
readonly maxlength: _angular_core.InputSignal<number | null>;
|
|
455
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
279
456
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
280
457
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
458
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
459
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
281
460
|
private readonly generatedId;
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
286
|
-
get effectiveId(): string;
|
|
287
|
-
writeValue(value: string): void;
|
|
288
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
289
|
-
registerOnTouched(fn: () => void): void;
|
|
461
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
462
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
463
|
+
protected onInput(event: Event): void;
|
|
290
464
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputTextarea, never>;
|
|
291
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputTextarea, "kern-input-textarea", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; }, {}, never, never, true,
|
|
465
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputTextarea, "kern-input-textarea", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
292
466
|
}
|
|
293
467
|
|
|
294
|
-
declare class KernInputUrl
|
|
468
|
+
declare class KernInputUrl {
|
|
469
|
+
protected readonly cva: ControlValueAccessorDirective<any>;
|
|
295
470
|
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
296
471
|
readonly labelText: _angular_core.InputSignal<string>;
|
|
297
472
|
readonly optional: _angular_core.InputSignal<boolean>;
|
|
298
473
|
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
299
474
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
300
475
|
readonly maxlength: _angular_core.InputSignal<number | null>;
|
|
476
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
301
477
|
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
302
478
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
479
|
+
readonly titleText: _angular_core.InputSignal<string | null>;
|
|
480
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
303
481
|
private readonly generatedId;
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
constructor(uniqueIdService: UniqueIdService);
|
|
308
|
-
get effectiveId(): string;
|
|
309
|
-
writeValue(value: string): void;
|
|
310
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
311
|
-
registerOnTouched(fn: () => void): void;
|
|
482
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
483
|
+
protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
|
|
484
|
+
protected onInput(event: Event): void;
|
|
312
485
|
protected onKeydown(event: KeyboardEvent): void;
|
|
313
486
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputUrl, never>;
|
|
314
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputUrl, "kern-input-url", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; }, {}, never, never, true,
|
|
487
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputUrl, "kern-input-url", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
declare class KernFieldset {
|
|
491
|
+
readonly fieldsetId: _angular_core.InputSignal<string | undefined>;
|
|
492
|
+
readonly legendText: _angular_core.InputSignal<string>;
|
|
493
|
+
readonly legendSize: _angular_core.InputSignal<"default" | "small" | "large">;
|
|
494
|
+
readonly optional: _angular_core.InputSignal<boolean>;
|
|
495
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
496
|
+
readonly hintTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
497
|
+
readonly hintText: _angular_core.InputSignal<string | null>;
|
|
498
|
+
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
499
|
+
readonly horizontalAlignment: _angular_core.InputSignal<boolean>;
|
|
500
|
+
private readonly generatedId;
|
|
501
|
+
protected readonly effectiveId: _angular_core.Signal<string>;
|
|
502
|
+
protected readonly fieldsetDescribedBy: _angular_core.Signal<string | null>;
|
|
503
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernFieldset, never>;
|
|
504
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernFieldset, "kern-fieldset", never, { "fieldsetId": { "alias": "fieldsetId"; "required": false; "isSignal": true; }; "legendText": { "alias": "legendText"; "required": true; "isSignal": true; }; "legendSize": { "alias": "legendSize"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "horizontalAlignment": { "alias": "horizontalAlignment"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
type KernTableColumn = {
|
|
508
|
+
key: string;
|
|
509
|
+
header: string;
|
|
510
|
+
numeric?: boolean;
|
|
511
|
+
};
|
|
512
|
+
type KernTableRow = Record<string, unknown>;
|
|
513
|
+
declare class KernTable {
|
|
514
|
+
readonly responsive: _angular_core.InputSignal<boolean>;
|
|
515
|
+
readonly small: _angular_core.InputSignal<boolean>;
|
|
516
|
+
readonly striped: _angular_core.InputSignal<boolean>;
|
|
517
|
+
readonly caption: _angular_core.InputSignal<string | null>;
|
|
518
|
+
readonly columns: _angular_core.InputSignal<KernTableColumn[]>;
|
|
519
|
+
readonly data: _angular_core.InputSignal<KernTableRow[]>;
|
|
520
|
+
readonly footer: _angular_core.InputSignal<KernTableRow[] | null>;
|
|
521
|
+
readonly rowHeaderKey: _angular_core.InputSignal<string | null>;
|
|
522
|
+
protected getCellText(row: KernTableRow, key: string): unknown;
|
|
523
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernTable, never>;
|
|
524
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernTable, "kern-table", never, { "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "rowHeaderKey": { "alias": "rowHeaderKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
525
|
+
}
|
|
526
|
+
|
|
527
|
+
declare class KernDescriptionList {
|
|
528
|
+
readonly items: _angular_core.InputSignal<{
|
|
529
|
+
term: string;
|
|
530
|
+
description: string;
|
|
531
|
+
}[]>;
|
|
532
|
+
readonly column: _angular_core.InputSignal<boolean>;
|
|
533
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernDescriptionList, never>;
|
|
534
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernDescriptionList, "kern-description-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
535
|
+
}
|
|
536
|
+
|
|
537
|
+
type KernTasklistData = {
|
|
538
|
+
heading: string;
|
|
539
|
+
items: {
|
|
540
|
+
number?: string | null;
|
|
541
|
+
task: string;
|
|
542
|
+
linkHref?: string | null;
|
|
543
|
+
status?: 'new' | 'incomplete' | 'completed' | 'unavailable';
|
|
544
|
+
statusId?: string | null;
|
|
545
|
+
}[];
|
|
546
|
+
};
|
|
547
|
+
declare class KernTasklist {
|
|
548
|
+
readonly tasks: _angular_core.InputSignal<KernTasklistData[]>;
|
|
549
|
+
readonly headingLevel: _angular_core.InputSignal<"1" | "2" | "3" | "4" | "5" | "6">;
|
|
550
|
+
readonly linkTarget: _angular_core.InputSignal<"_self" | "_blank" | "_parent" | "_top">;
|
|
551
|
+
private readonly generatedId;
|
|
552
|
+
protected getGeneratedStatusId(taskIndex: number, itemIndex: number): string;
|
|
553
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernTasklist, never>;
|
|
554
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernTasklist, "kern-tasklist", never, { "tasks": { "alias": "tasks"; "required": true; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "linkTarget": { "alias": "linkTarget"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
declare class KernSummary {
|
|
558
|
+
readonly titleId: _angular_core.InputSignal<string | undefined>;
|
|
559
|
+
readonly title: _angular_core.InputSignal<string | null>;
|
|
560
|
+
readonly titleNumber: _angular_core.InputSignal<string | null>;
|
|
561
|
+
readonly headingLevel: _angular_core.InputSignal<"1" | "2" | "3" | "4" | "5" | "6">;
|
|
562
|
+
readonly items: _angular_core.InputSignal<{
|
|
563
|
+
term: string;
|
|
564
|
+
description: string;
|
|
565
|
+
}[]>;
|
|
566
|
+
readonly actionLinkHref: _angular_core.InputSignal<string | null>;
|
|
567
|
+
readonly actionLinkTarget: _angular_core.InputSignal<"_self" | "_blank" | "_parent" | "_top">;
|
|
568
|
+
readonly actionLinkClickEvent: _angular_core.OutputEmitterRef<Event>;
|
|
569
|
+
private readonly generatedTitleId;
|
|
570
|
+
protected readonly effectiveTitleId: _angular_core.Signal<string>;
|
|
571
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernSummary, never>;
|
|
572
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernSummary, "kern-summary", never, { "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleNumber": { "alias": "titleNumber"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "actionLinkHref": { "alias": "actionLinkHref"; "required": false; "isSignal": true; }; "actionLinkTarget": { "alias": "actionLinkTarget"; "required": false; "isSignal": true; }; }, { "actionLinkClickEvent": "actionLinkClickEvent"; }, never, never, true, never>;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
declare class KernSummaryGroup {
|
|
576
|
+
readonly heading: _angular_core.InputSignal<string | null>;
|
|
577
|
+
readonly headingLevel: _angular_core.InputSignal<"1" | "2" | "3" | "4" | "5" | "6">;
|
|
578
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernSummaryGroup, never>;
|
|
579
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernSummaryGroup, "kern-summary-group", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
declare class KernContainer {
|
|
583
|
+
readonly fluid: _angular_core.InputSignal<boolean>;
|
|
584
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernContainer, never>;
|
|
585
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernContainer, "kern-container", never, { "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
declare class KernRow {
|
|
589
|
+
readonly verticalAlign: _angular_core.InputSignal<"start" | "center" | "end" | null>;
|
|
590
|
+
readonly horizontalAlign: _angular_core.InputSignal<"start" | "center" | "end" | "around" | "between" | "evenly" | null>;
|
|
591
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernRow, never>;
|
|
592
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernRow, "kern-row", never, { "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
declare class KernCol {
|
|
596
|
+
readonly size: _angular_core.InputSignal<number | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl", number>>>;
|
|
597
|
+
readonly offset: _angular_core.InputSignal<number | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl", number>>>;
|
|
598
|
+
get colClasses(): string[];
|
|
599
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernCol, never>;
|
|
600
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernCol, "kern-col", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
315
601
|
}
|
|
316
602
|
|
|
317
603
|
declare class KernAngularKitModule {
|
|
318
604
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernAngularKitModule, never>;
|
|
319
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KernAngularKitModule, never, [typeof KernAccordion, typeof KernAlert, typeof KernDialog, typeof KernLoader, typeof KernInputCheckbox, typeof KernInputDate, typeof KernInputEmail, typeof KernInputFile, typeof KernInputPassword, typeof KernInputRadio, typeof KernInputSelect, typeof KernInputTel, typeof KernInputText, typeof KernInputTextarea, typeof KernInputUrl], [typeof KernAccordion, typeof KernAlert, typeof KernDialog, typeof KernLoader, typeof KernInputCheckbox, typeof KernInputDate, typeof KernInputEmail, typeof KernInputFile, typeof KernInputPassword, typeof KernInputRadio, typeof KernInputSelect, typeof KernInputTel, typeof KernInputText, typeof KernInputTextarea, typeof KernInputUrl]>;
|
|
605
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KernAngularKitModule, never, [typeof KernAccordion, typeof KernAccordionGroup, typeof KernAlert, typeof KernDialog, typeof KernLoader, typeof KernInputCheckbox, typeof KernInputDate, typeof KernInputEmail, typeof KernInputFile, typeof KernInputPassword, typeof KernInputRadio, typeof KernInputSelect, typeof KernInputTel, typeof KernInputText, typeof KernInputTextarea, typeof KernInputUrl, typeof KernInputNumber, typeof KernFieldset, typeof KernHeading, typeof KernButton, typeof KernBadge, typeof KernCard, typeof KernIcon, typeof KernLink, typeof KernProgress, typeof KernDivider, typeof KernKopfzeile, typeof KernTable, typeof KernDescriptionList, typeof KernTasklist, typeof KernSummary, typeof KernSummaryGroup, typeof KernContainer, typeof KernRow, typeof KernCol, typeof KernBody, typeof KernLabel, typeof KernList, typeof KernTitle, typeof KernPreline, typeof KernSubline], [typeof KernAccordion, typeof KernAccordionGroup, typeof KernAlert, typeof KernDialog, typeof KernLoader, typeof KernInputCheckbox, typeof KernInputDate, typeof KernInputEmail, typeof KernInputFile, typeof KernInputPassword, typeof KernInputRadio, typeof KernInputSelect, typeof KernInputTel, typeof KernInputText, typeof KernInputTextarea, typeof KernInputUrl, typeof KernInputNumber, typeof KernFieldset, typeof KernHeading, typeof KernButton, typeof KernBadge, typeof KernCard, typeof KernIcon, typeof KernLink, typeof KernProgress, typeof KernDivider, typeof KernKopfzeile, typeof KernTable, typeof KernDescriptionList, typeof KernTasklist, typeof KernSummary, typeof KernSummaryGroup, typeof KernContainer, typeof KernRow, typeof KernCol, typeof KernBody, typeof KernLabel, typeof KernList, typeof KernTitle, typeof KernPreline, typeof KernSubline]>;
|
|
320
606
|
static ɵinj: _angular_core.ɵɵInjectorDeclaration<KernAngularKitModule>;
|
|
321
607
|
}
|
|
322
608
|
|
|
@@ -328,10 +614,46 @@ interface KernAccordionInputs {
|
|
|
328
614
|
title: string;
|
|
329
615
|
open?: boolean;
|
|
330
616
|
}
|
|
617
|
+
interface KernAccordionGroupInputs {
|
|
618
|
+
}
|
|
331
619
|
interface KernAlertInputs {
|
|
332
620
|
title: string;
|
|
333
621
|
type?: 'info' | 'success' | 'warning' | 'danger';
|
|
334
622
|
}
|
|
623
|
+
interface KernBadgeInputs {
|
|
624
|
+
variant?: 'info' | 'success' | 'warning' | 'danger';
|
|
625
|
+
icon?: string | null;
|
|
626
|
+
}
|
|
627
|
+
interface KernButtonInputs {
|
|
628
|
+
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
629
|
+
block?: boolean;
|
|
630
|
+
disabled?: boolean;
|
|
631
|
+
type?: 'button' | 'submit' | 'reset';
|
|
632
|
+
iconLeft?: string | null;
|
|
633
|
+
iconRight?: string | null;
|
|
634
|
+
srOnlyLabel?: boolean;
|
|
635
|
+
}
|
|
636
|
+
interface KernButtonOutputs {
|
|
637
|
+
clickEvent: Event;
|
|
638
|
+
}
|
|
639
|
+
interface KernCardInputs {
|
|
640
|
+
title?: string | null;
|
|
641
|
+
titleLinkHref?: string | null;
|
|
642
|
+
titleLinkTarget?: '_self' | '_blank' | '_parent' | '_top';
|
|
643
|
+
preline?: string | null;
|
|
644
|
+
subline?: string | null;
|
|
645
|
+
imgSrc?: string | null;
|
|
646
|
+
imgAlt?: string | null;
|
|
647
|
+
size?: 'default' | 'small' | 'large';
|
|
648
|
+
headingLevel?: '1' | '2' | '3' | '4' | '5';
|
|
649
|
+
btnPrimaryLabelText?: string | null;
|
|
650
|
+
btnSecondaryLabelText?: string | null;
|
|
651
|
+
}
|
|
652
|
+
interface KernCardOutputs {
|
|
653
|
+
titleLinkClickEvent: Event;
|
|
654
|
+
btnPrimaryClickEvent: Event;
|
|
655
|
+
btnSecondaryClickEvent: Event;
|
|
656
|
+
}
|
|
335
657
|
interface KernDialogInputs {
|
|
336
658
|
dialogId?: string;
|
|
337
659
|
title: string;
|
|
@@ -344,9 +666,76 @@ interface KernDialogOutputs {
|
|
|
344
666
|
btnPrimaryClickEvent: Event;
|
|
345
667
|
btnSecondaryClickEvent: Event;
|
|
346
668
|
}
|
|
669
|
+
interface KernDividerInputs {
|
|
670
|
+
}
|
|
671
|
+
interface KernIconInputs {
|
|
672
|
+
name: string;
|
|
673
|
+
size?: string;
|
|
674
|
+
}
|
|
675
|
+
interface KernLinkInputs {
|
|
676
|
+
href: string;
|
|
677
|
+
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
678
|
+
external?: boolean;
|
|
679
|
+
}
|
|
347
680
|
interface KernLoaderInputs {
|
|
348
681
|
text?: string;
|
|
349
682
|
}
|
|
683
|
+
interface KernProgressInputs {
|
|
684
|
+
value: number;
|
|
685
|
+
max?: number;
|
|
686
|
+
label?: string;
|
|
687
|
+
}
|
|
688
|
+
interface KernKopfzeileInputs {
|
|
689
|
+
fluid?: boolean;
|
|
690
|
+
}
|
|
691
|
+
interface KernHeadingInputs {
|
|
692
|
+
level?: '1' | '2' | '3' | '4' | '5' | '6';
|
|
693
|
+
text: string;
|
|
694
|
+
}
|
|
695
|
+
interface KernTableInputs {
|
|
696
|
+
responsive?: boolean;
|
|
697
|
+
small?: boolean;
|
|
698
|
+
striped?: boolean;
|
|
699
|
+
caption?: string | null;
|
|
700
|
+
columns: KernTableColumn[];
|
|
701
|
+
data: KernTableRow[];
|
|
702
|
+
footer?: KernTableRow[] | null;
|
|
703
|
+
rowHeaderKey?: string | null;
|
|
704
|
+
}
|
|
705
|
+
interface KernSummaryInputs {
|
|
706
|
+
titleId?: string;
|
|
707
|
+
title?: string | null;
|
|
708
|
+
titleNumber?: string | null;
|
|
709
|
+
headingLevel?: '1' | '2' | '3' | '4' | '5' | '6';
|
|
710
|
+
items: {
|
|
711
|
+
term: string;
|
|
712
|
+
description: string;
|
|
713
|
+
}[];
|
|
714
|
+
actionLinkHref?: string | null;
|
|
715
|
+
actionLinkTarget?: '_self' | '_blank' | '_parent' | '_top';
|
|
716
|
+
}
|
|
717
|
+
interface KernSummaryOutputs {
|
|
718
|
+
actionLinkClickEvent: Event;
|
|
719
|
+
}
|
|
720
|
+
interface KernSummaryGroupInputs {
|
|
721
|
+
}
|
|
722
|
+
interface KernDescriptionListInputs {
|
|
723
|
+
items: {
|
|
724
|
+
term: string;
|
|
725
|
+
description: string;
|
|
726
|
+
}[];
|
|
727
|
+
orientation?: 'horizontal' | 'vertical';
|
|
728
|
+
}
|
|
729
|
+
interface KernTasklistItem {
|
|
730
|
+
id: string;
|
|
731
|
+
text: string;
|
|
732
|
+
completed?: boolean;
|
|
733
|
+
href?: string;
|
|
734
|
+
}
|
|
735
|
+
interface KernTasklistInputs {
|
|
736
|
+
tasks: KernTasklistItem[];
|
|
737
|
+
editable?: boolean;
|
|
738
|
+
}
|
|
350
739
|
interface KernInputBaseInputs {
|
|
351
740
|
inputId?: string;
|
|
352
741
|
labelText: string;
|
|
@@ -354,10 +743,27 @@ interface KernInputBaseInputs {
|
|
|
354
743
|
readonly?: boolean;
|
|
355
744
|
required?: boolean;
|
|
356
745
|
}
|
|
746
|
+
interface KernFieldsetInputs {
|
|
747
|
+
legend: string;
|
|
748
|
+
required?: boolean;
|
|
749
|
+
}
|
|
750
|
+
interface KernInputErrorInputs {
|
|
751
|
+
errorText: string;
|
|
752
|
+
}
|
|
753
|
+
interface KernInputHintInputs {
|
|
754
|
+
hintText: string;
|
|
755
|
+
}
|
|
357
756
|
interface KernInputTextInputs extends KernInputBaseInputs {
|
|
358
757
|
inputmode?: 'decimal' | 'numeric' | null;
|
|
359
758
|
maxlength?: number | null;
|
|
360
759
|
}
|
|
760
|
+
interface KernInputNumberInputs extends KernInputBaseInputs {
|
|
761
|
+
min?: number | null;
|
|
762
|
+
max?: number | null;
|
|
763
|
+
step?: number | null;
|
|
764
|
+
autocomplete?: string | null;
|
|
765
|
+
placeholder?: string | null;
|
|
766
|
+
}
|
|
361
767
|
interface KernInputCheckboxInputs extends KernInputBaseInputs {
|
|
362
768
|
}
|
|
363
769
|
interface KernInputDateInputs extends KernInputBaseInputs {
|
|
@@ -389,16 +795,46 @@ interface KernInputTextareaInputs extends KernInputBaseInputs {
|
|
|
389
795
|
}
|
|
390
796
|
interface KernInputUrlInputs extends KernInputBaseInputs {
|
|
391
797
|
}
|
|
798
|
+
interface KernContainerInputs {
|
|
799
|
+
fluid?: boolean;
|
|
800
|
+
}
|
|
801
|
+
interface KernRowInputs {
|
|
802
|
+
verticalAlign?: 'start' | 'center' | 'end' | null;
|
|
803
|
+
horizontalAlign?: 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly' | null;
|
|
804
|
+
}
|
|
805
|
+
interface KernColInputs {
|
|
806
|
+
size?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
|
|
807
|
+
offset?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
|
|
808
|
+
}
|
|
392
809
|
/**
|
|
393
810
|
* Combined interface mapping component selectors to their input types
|
|
394
811
|
* Useful for programmatic component configuration
|
|
395
812
|
*/
|
|
396
813
|
interface KernComponentSchemas {
|
|
397
814
|
'kern-accordion': KernAccordionInputs;
|
|
815
|
+
'kern-accordion-group': KernAccordionGroupInputs;
|
|
398
816
|
'kern-alert': KernAlertInputs;
|
|
817
|
+
'kern-badge': KernBadgeInputs;
|
|
818
|
+
'kern-button': KernButtonInputs;
|
|
819
|
+
'kern-card': KernCardInputs;
|
|
399
820
|
'kern-dialog': KernDialogInputs;
|
|
821
|
+
'kern-divider': KernDividerInputs;
|
|
822
|
+
'kern-icon': KernIconInputs;
|
|
823
|
+
'kern-link': KernLinkInputs;
|
|
400
824
|
'kern-loader': KernLoaderInputs;
|
|
825
|
+
'kern-progress': KernProgressInputs;
|
|
826
|
+
'kern-kopfzeile': KernKopfzeileInputs;
|
|
827
|
+
'kern-heading': KernHeadingInputs;
|
|
828
|
+
'kern-table': KernTableInputs;
|
|
829
|
+
'kern-summary': KernSummaryInputs;
|
|
830
|
+
'kern-summary-group': KernSummaryGroupInputs;
|
|
831
|
+
'kern-description-list': KernDescriptionListInputs;
|
|
832
|
+
'kern-tasklist': KernTasklistInputs;
|
|
833
|
+
'kern-fieldset': KernFieldsetInputs;
|
|
834
|
+
'kern-input-error': KernInputErrorInputs;
|
|
835
|
+
'kern-input-hint': KernInputHintInputs;
|
|
401
836
|
'kern-input-text': KernInputTextInputs;
|
|
837
|
+
'kern-input-number': KernInputNumberInputs;
|
|
402
838
|
'kern-input-checkbox': KernInputCheckboxInputs;
|
|
403
839
|
'kern-input-date': KernInputDateInputs;
|
|
404
840
|
'kern-input-email': KernInputEmailInputs;
|
|
@@ -409,6 +845,9 @@ interface KernComponentSchemas {
|
|
|
409
845
|
'kern-input-tel': KernInputTelInputs;
|
|
410
846
|
'kern-input-textarea': KernInputTextareaInputs;
|
|
411
847
|
'kern-input-url': KernInputUrlInputs;
|
|
848
|
+
'kern-container': KernContainerInputs;
|
|
849
|
+
'kern-row': KernRowInputs;
|
|
850
|
+
'kern-col': KernColInputs;
|
|
412
851
|
}
|
|
413
852
|
/**
|
|
414
853
|
* Type helper for getting component inputs by selector
|
|
@@ -418,6 +857,19 @@ type ComponentInputs<T extends keyof KernComponentSchemas> = KernComponentSchema
|
|
|
418
857
|
* Union type of all component selectors
|
|
419
858
|
*/
|
|
420
859
|
type KernComponentSelector = keyof KernComponentSchemas;
|
|
860
|
+
/**
|
|
861
|
+
* Type helper for getting component outputs by selector
|
|
862
|
+
*/
|
|
863
|
+
interface KernComponentOutputs {
|
|
864
|
+
'kern-button': KernButtonOutputs;
|
|
865
|
+
'kern-card': KernCardOutputs;
|
|
866
|
+
'kern-dialog': KernDialogOutputs;
|
|
867
|
+
'kern-summary': KernSummaryOutputs;
|
|
868
|
+
}
|
|
869
|
+
/**
|
|
870
|
+
* Type helper for component event handlers
|
|
871
|
+
*/
|
|
872
|
+
type ComponentOutputs<T extends keyof KernComponentOutputs> = KernComponentOutputs[T];
|
|
421
873
|
|
|
422
874
|
/**
|
|
423
875
|
* Augment the global JSX namespace to provide IntelliSense for KERN components
|
|
@@ -431,11 +883,47 @@ declare global {
|
|
|
431
883
|
open?: boolean;
|
|
432
884
|
children?: any;
|
|
433
885
|
};
|
|
886
|
+
'kern-accordion-group': {
|
|
887
|
+
children?: any;
|
|
888
|
+
};
|
|
434
889
|
'kern-alert': {
|
|
435
890
|
title: string;
|
|
436
891
|
type?: 'info' | 'success' | 'warning' | 'danger';
|
|
437
892
|
children?: any;
|
|
438
893
|
};
|
|
894
|
+
'kern-badge': {
|
|
895
|
+
variant?: 'info' | 'success' | 'warning' | 'danger';
|
|
896
|
+
icon?: string | null;
|
|
897
|
+
children?: any;
|
|
898
|
+
};
|
|
899
|
+
'kern-button': {
|
|
900
|
+
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
901
|
+
block?: boolean;
|
|
902
|
+
disabled?: boolean;
|
|
903
|
+
type?: 'button' | 'submit' | 'reset';
|
|
904
|
+
iconLeft?: string | null;
|
|
905
|
+
iconRight?: string | null;
|
|
906
|
+
srOnlyLabel?: boolean;
|
|
907
|
+
onClick?: (event: Event) => void;
|
|
908
|
+
children?: any;
|
|
909
|
+
};
|
|
910
|
+
'kern-card': {
|
|
911
|
+
title?: string | null;
|
|
912
|
+
titleLinkHref?: string | null;
|
|
913
|
+
titleLinkTarget?: '_self' | '_blank' | '_parent' | '_top';
|
|
914
|
+
preline?: string | null;
|
|
915
|
+
subline?: string | null;
|
|
916
|
+
imgSrc?: string | null;
|
|
917
|
+
imgAlt?: string | null;
|
|
918
|
+
size?: 'default' | 'small' | 'large';
|
|
919
|
+
headingLevel?: '1' | '2' | '3' | '4' | '5';
|
|
920
|
+
btnPrimaryLabelText?: string | null;
|
|
921
|
+
btnSecondaryLabelText?: string | null;
|
|
922
|
+
onTitleLinkClickEvent?: (event: Event) => void;
|
|
923
|
+
onBtnPrimaryClickEvent?: (event: Event) => void;
|
|
924
|
+
onBtnSecondaryClickEvent?: (event: Event) => void;
|
|
925
|
+
children?: any;
|
|
926
|
+
};
|
|
439
927
|
'kern-dialog': {
|
|
440
928
|
dialogId?: string;
|
|
441
929
|
title: string;
|
|
@@ -447,10 +935,93 @@ declare global {
|
|
|
447
935
|
onBtnSecondaryClickEvent?: (event: Event) => void;
|
|
448
936
|
children?: any;
|
|
449
937
|
};
|
|
938
|
+
'kern-divider': {
|
|
939
|
+
children?: any;
|
|
940
|
+
};
|
|
941
|
+
'kern-icon': {
|
|
942
|
+
name: string;
|
|
943
|
+
size?: string;
|
|
944
|
+
};
|
|
945
|
+
'kern-link': {
|
|
946
|
+
href: string;
|
|
947
|
+
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
948
|
+
external?: boolean;
|
|
949
|
+
children?: any;
|
|
950
|
+
};
|
|
450
951
|
'kern-loader': {
|
|
451
952
|
text?: string;
|
|
452
953
|
children?: any;
|
|
453
954
|
};
|
|
955
|
+
'kern-progress': {
|
|
956
|
+
value: number;
|
|
957
|
+
max?: number;
|
|
958
|
+
label?: string;
|
|
959
|
+
};
|
|
960
|
+
'kern-kopfzeile': {
|
|
961
|
+
fluid?: boolean;
|
|
962
|
+
};
|
|
963
|
+
'kern-heading': {
|
|
964
|
+
level?: '1' | '2' | '3' | '4' | '5' | '6';
|
|
965
|
+
text: string;
|
|
966
|
+
};
|
|
967
|
+
'kern-table': {
|
|
968
|
+
responsive?: boolean;
|
|
969
|
+
small?: boolean;
|
|
970
|
+
striped?: boolean;
|
|
971
|
+
caption?: string | null;
|
|
972
|
+
columns: Array<{
|
|
973
|
+
key: string;
|
|
974
|
+
header: string;
|
|
975
|
+
numeric?: boolean;
|
|
976
|
+
}>;
|
|
977
|
+
data: Array<Record<string, unknown>>;
|
|
978
|
+
footer?: Array<Record<string, unknown>> | null;
|
|
979
|
+
rowHeaderKey?: string | null;
|
|
980
|
+
};
|
|
981
|
+
'kern-summary': {
|
|
982
|
+
titleId?: string;
|
|
983
|
+
title?: string | null;
|
|
984
|
+
titleNumber?: string | null;
|
|
985
|
+
headingLevel?: '1' | '2' | '3' | '4' | '5' | '6';
|
|
986
|
+
items: Array<{
|
|
987
|
+
term: string;
|
|
988
|
+
description: string;
|
|
989
|
+
}>;
|
|
990
|
+
actionLinkHref?: string | null;
|
|
991
|
+
actionLinkTarget?: '_self' | '_blank' | '_parent' | '_top';
|
|
992
|
+
onActionLinkClickEvent?: (event: Event) => void;
|
|
993
|
+
children?: any;
|
|
994
|
+
};
|
|
995
|
+
'kern-summary-group': {
|
|
996
|
+
children?: any;
|
|
997
|
+
};
|
|
998
|
+
'kern-description-list': {
|
|
999
|
+
items: Array<{
|
|
1000
|
+
term: string;
|
|
1001
|
+
description: string;
|
|
1002
|
+
}>;
|
|
1003
|
+
orientation?: 'horizontal' | 'vertical';
|
|
1004
|
+
};
|
|
1005
|
+
'kern-tasklist': {
|
|
1006
|
+
tasks: Array<{
|
|
1007
|
+
id: string;
|
|
1008
|
+
text: string;
|
|
1009
|
+
completed?: boolean;
|
|
1010
|
+
href?: string;
|
|
1011
|
+
}>;
|
|
1012
|
+
editable?: boolean;
|
|
1013
|
+
};
|
|
1014
|
+
'kern-fieldset': {
|
|
1015
|
+
legend: string;
|
|
1016
|
+
required?: boolean;
|
|
1017
|
+
children?: any;
|
|
1018
|
+
};
|
|
1019
|
+
'kern-input-error': {
|
|
1020
|
+
errorText: string;
|
|
1021
|
+
};
|
|
1022
|
+
'kern-input-hint': {
|
|
1023
|
+
hintText: string;
|
|
1024
|
+
};
|
|
454
1025
|
'kern-input-text': {
|
|
455
1026
|
inputId?: string;
|
|
456
1027
|
labelText: string;
|
|
@@ -463,6 +1034,21 @@ declare global {
|
|
|
463
1034
|
onChange?: (event: Event) => void;
|
|
464
1035
|
onInput?: (event: Event) => void;
|
|
465
1036
|
};
|
|
1037
|
+
'kern-input-number': {
|
|
1038
|
+
inputId?: string;
|
|
1039
|
+
labelText: string;
|
|
1040
|
+
optional?: boolean;
|
|
1041
|
+
readonly?: boolean;
|
|
1042
|
+
required?: boolean;
|
|
1043
|
+
min?: number | null;
|
|
1044
|
+
max?: number | null;
|
|
1045
|
+
step?: number | null;
|
|
1046
|
+
autocomplete?: string | null;
|
|
1047
|
+
placeholder?: string | null;
|
|
1048
|
+
value?: number;
|
|
1049
|
+
onChange?: (event: Event) => void;
|
|
1050
|
+
onInput?: (event: Event) => void;
|
|
1051
|
+
};
|
|
466
1052
|
'kern-input-checkbox': {
|
|
467
1053
|
inputId?: string;
|
|
468
1054
|
labelText: string;
|
|
@@ -569,6 +1155,17 @@ declare global {
|
|
|
569
1155
|
onChange?: (event: Event) => void;
|
|
570
1156
|
onInput?: (event: Event) => void;
|
|
571
1157
|
};
|
|
1158
|
+
'kern-container': {
|
|
1159
|
+
fluid?: boolean;
|
|
1160
|
+
};
|
|
1161
|
+
'kern-row': {
|
|
1162
|
+
verticalAlign?: 'start' | 'center' | 'end' | null;
|
|
1163
|
+
horizontalAlign?: 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly' | null;
|
|
1164
|
+
};
|
|
1165
|
+
'kern-col': {
|
|
1166
|
+
size?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
|
|
1167
|
+
offset?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
|
|
1168
|
+
};
|
|
572
1169
|
}
|
|
573
1170
|
}
|
|
574
1171
|
}
|
|
@@ -593,18 +1190,87 @@ interface KernAlertElement extends HTMLElement {
|
|
|
593
1190
|
title: string;
|
|
594
1191
|
type: 'info' | 'success' | 'warning' | 'danger';
|
|
595
1192
|
}
|
|
1193
|
+
interface KernBadgeElement extends HTMLElement {
|
|
1194
|
+
variant: 'info' | 'success' | 'warning' | 'danger';
|
|
1195
|
+
icon?: string | null;
|
|
1196
|
+
}
|
|
1197
|
+
interface KernButtonElement extends HTMLElement {
|
|
1198
|
+
variant: 'primary' | 'secondary' | 'tertiary';
|
|
1199
|
+
block: boolean;
|
|
1200
|
+
disabled: boolean;
|
|
1201
|
+
type: 'button' | 'submit' | 'reset';
|
|
1202
|
+
iconLeft?: string | null;
|
|
1203
|
+
iconRight?: string | null;
|
|
1204
|
+
srOnlyLabel: boolean;
|
|
1205
|
+
}
|
|
1206
|
+
interface KernCardElement extends HTMLElement {
|
|
1207
|
+
cardTitle?: string | null;
|
|
1208
|
+
titleLinkHref?: string | null;
|
|
1209
|
+
titleLinkTarget: '_self' | '_blank' | '_parent' | '_top';
|
|
1210
|
+
preline?: string | null;
|
|
1211
|
+
subline?: string | null;
|
|
1212
|
+
imgSrc?: string | null;
|
|
1213
|
+
imgAlt?: string | null;
|
|
1214
|
+
size: 'default' | 'small' | 'large';
|
|
1215
|
+
headingLevel: '1' | '2' | '3' | '4' | '5';
|
|
1216
|
+
btnPrimaryLabelText?: string | null;
|
|
1217
|
+
btnSecondaryLabelText?: string | null;
|
|
1218
|
+
}
|
|
596
1219
|
interface KernDialogElement extends HTMLElement {
|
|
597
1220
|
dialogId?: string;
|
|
598
|
-
|
|
1221
|
+
dialogTitle: string;
|
|
599
1222
|
btnCloseLabelText: string;
|
|
600
1223
|
btnPrimaryLabelText?: string | null;
|
|
601
1224
|
btnSecondaryLabelText?: string | null;
|
|
602
1225
|
showModal(): void;
|
|
603
1226
|
close(): void;
|
|
604
1227
|
}
|
|
1228
|
+
interface KernIconElement extends HTMLElement {
|
|
1229
|
+
name: string;
|
|
1230
|
+
size?: string;
|
|
1231
|
+
}
|
|
1232
|
+
interface KernLinkElement extends HTMLElement {
|
|
1233
|
+
href: string;
|
|
1234
|
+
target: '_self' | '_blank' | '_parent' | '_top';
|
|
1235
|
+
external: boolean;
|
|
1236
|
+
}
|
|
605
1237
|
interface KernLoaderElement extends HTMLElement {
|
|
606
1238
|
text: string;
|
|
607
1239
|
}
|
|
1240
|
+
interface KernProgressElement extends HTMLElement {
|
|
1241
|
+
value: number;
|
|
1242
|
+
max: number;
|
|
1243
|
+
label?: string;
|
|
1244
|
+
}
|
|
1245
|
+
interface KernKopfzeileElement extends HTMLElement {
|
|
1246
|
+
fluid?: boolean;
|
|
1247
|
+
}
|
|
1248
|
+
interface KernTableElement extends HTMLElement {
|
|
1249
|
+
responsive: boolean;
|
|
1250
|
+
small: boolean;
|
|
1251
|
+
striped: boolean;
|
|
1252
|
+
caption?: string | null;
|
|
1253
|
+
columns: Array<{
|
|
1254
|
+
key: string;
|
|
1255
|
+
header: string;
|
|
1256
|
+
numeric?: boolean;
|
|
1257
|
+
}>;
|
|
1258
|
+
data: Array<Record<string, unknown>>;
|
|
1259
|
+
footer?: Array<Record<string, unknown>> | null;
|
|
1260
|
+
rowHeaderKey?: string | null;
|
|
1261
|
+
}
|
|
1262
|
+
interface KernSummaryElement extends HTMLElement {
|
|
1263
|
+
titleId?: string;
|
|
1264
|
+
summaryTitle?: string | null;
|
|
1265
|
+
titleNumber?: string | null;
|
|
1266
|
+
headingLevel: '1' | '2' | '3' | '4' | '5' | '6';
|
|
1267
|
+
items: Array<{
|
|
1268
|
+
term: string;
|
|
1269
|
+
description: string;
|
|
1270
|
+
}>;
|
|
1271
|
+
actionLinkHref?: string | null;
|
|
1272
|
+
actionLinkTarget: '_self' | '_blank' | '_parent' | '_top';
|
|
1273
|
+
}
|
|
608
1274
|
interface KernInputElement extends HTMLElement {
|
|
609
1275
|
inputId?: string;
|
|
610
1276
|
labelText: string;
|
|
@@ -613,14 +1279,44 @@ interface KernInputElement extends HTMLElement {
|
|
|
613
1279
|
required: boolean;
|
|
614
1280
|
value: string;
|
|
615
1281
|
}
|
|
1282
|
+
interface KernContainerElement extends HTMLElement {
|
|
1283
|
+
fluid?: boolean;
|
|
1284
|
+
}
|
|
1285
|
+
interface KernRowElement extends HTMLElement {
|
|
1286
|
+
verticalAlign?: 'start' | 'center' | 'end' | null;
|
|
1287
|
+
horizontalAlign?: 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly' | null;
|
|
1288
|
+
}
|
|
1289
|
+
interface KernColElement extends HTMLElement {
|
|
1290
|
+
size?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
|
|
1291
|
+
offset?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
|
|
1292
|
+
}
|
|
616
1293
|
/**
|
|
617
1294
|
* Type guards for KERN custom elements
|
|
618
1295
|
*/
|
|
619
|
-
declare function isKernAccordion(element: Element): element is KernAccordionElement;
|
|
620
|
-
declare function isKernAlert(element: Element): element is KernAlertElement;
|
|
621
|
-
declare function
|
|
622
|
-
declare function
|
|
623
|
-
declare function
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
1296
|
+
declare function isKernAccordion(element: Element | null): element is KernAccordionElement;
|
|
1297
|
+
declare function isKernAlert(element: Element | null): element is KernAlertElement;
|
|
1298
|
+
declare function isKernBadge(element: Element | null): element is KernBadgeElement;
|
|
1299
|
+
declare function isKernButton(element: Element | null): element is KernButtonElement;
|
|
1300
|
+
declare function isKernCard(element: Element | null): element is KernCardElement;
|
|
1301
|
+
declare function isKernDialog(element: Element | null): element is KernDialogElement;
|
|
1302
|
+
declare function isKernIcon(element: Element | null): element is KernIconElement;
|
|
1303
|
+
declare function isKernLink(element: Element | null): element is KernLinkElement;
|
|
1304
|
+
declare function isKernLoader(element: Element | null): element is KernLoaderElement;
|
|
1305
|
+
declare function isKernProgress(element: Element | null): element is KernProgressElement;
|
|
1306
|
+
declare function isKernKopfzeile(element: Element | null): element is KernKopfzeileElement;
|
|
1307
|
+
declare function isKernTable(element: Element | null): element is KernTableElement;
|
|
1308
|
+
declare function isKernSummary(element: Element | null): element is KernSummaryElement;
|
|
1309
|
+
declare function isKernInput(element: Element | null): element is KernInputElement;
|
|
1310
|
+
declare function isKernContainer(element: Element | null): element is KernContainerElement;
|
|
1311
|
+
declare function isKernRow(element: Element | null): element is KernRowElement;
|
|
1312
|
+
declare function isKernCol(element: Element | null): element is KernColElement;
|
|
1313
|
+
|
|
1314
|
+
declare class UniqueIdService {
|
|
1315
|
+
private counter;
|
|
1316
|
+
getUniqueId(prefix?: string): string;
|
|
1317
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniqueIdService, never>;
|
|
1318
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<UniqueIdService>;
|
|
1319
|
+
}
|
|
1320
|
+
|
|
1321
|
+
export { ControlValueAccessorDirective, KernAccordion, KernAccordionGroup, KernAlert, KernAngularKitModule, KernBadge, KernBody, KernButton, KernCard, KernCol, KernContainer, KernDescriptionList, KernDialog, KernDivider, KernElementsModule, KernFieldset, KernHeading, KernIcon, KernInputCheckbox, KernInputDate, KernInputEmail, KernInputError, KernInputFile, KernInputHint, KernInputNumber, KernInputPassword, KernInputRadio, KernInputSelect, KernInputTel, KernInputText, KernInputTextarea, KernInputUrl, KernKopfzeile, KernLabel, KernLink, KernList, KernLoader, KernPreline, KernProgress, KernRow, KernSubline, KernSummary, KernSummaryGroup, KernTable, KernTasklist, KernTitle, UniqueIdService, isKernAccordion, isKernAlert, isKernBadge, isKernButton, isKernCard, isKernCol, isKernContainer, isKernDialog, isKernIcon, isKernInput, isKernKopfzeile, isKernLink, isKernLoader, isKernProgress, isKernRow, isKernSummary, isKernTable };
|
|
1322
|
+
export type { ComponentInputs, ComponentOutputs, KernAccordionElement, KernAccordionGroupInputs, KernAccordionInputs, KernAlertElement, KernAlertInputs, KernBadgeElement, KernBadgeInputs, KernButtonElement, KernButtonInputs, KernButtonOutputs, KernCardElement, KernCardInputs, KernCardOutputs, KernColElement, KernColInputs, KernComponentOutputs, KernComponentSchemas, KernComponentSelector, KernContainerElement, KernContainerInputs, KernDescriptionListInputs, KernDialogElement, KernDialogInputs, KernDialogOutputs, KernDividerInputs, KernFieldsetInputs, KernHeadingInputs, KernIconElement, KernIconInputs, KernInputBaseInputs, KernInputCheckboxInputs, KernInputDateInputs, KernInputElement, KernInputEmailInputs, KernInputErrorInputs, KernInputFileInputs, KernInputHintInputs, KernInputNumberInputs, KernInputPasswordInputs, KernInputRadioInputs, KernInputSelectInputs, KernInputTelInputs, KernInputTextInputs, KernInputTextareaInputs, KernInputUrlInputs, KernKopfzeileElement, KernKopfzeileInputs, KernLinkElement, KernLinkInputs, KernLoaderElement, KernLoaderInputs, KernProgressElement, KernProgressInputs, KernRowElement, KernRowInputs, KernSummaryElement, KernSummaryGroupInputs, KernSummaryInputs, KernSummaryOutputs, KernTableColumn, KernTableElement, KernTableInputs, KernTableRow, KernTasklistData, KernTasklistInputs, KernTasklistItem };
|