@ks-digital/designsystem-angular 0.0.1-alpha.75 → 0.0.1-alpha.77
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/.npmignore +25 -0
- package/fesm2022/ks-digital-designsystem-angular-__internals.mjs +148 -78
- package/fesm2022/ks-digital-designsystem-angular-__internals.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-alert.mjs +59 -33
- package/fesm2022/ks-digital-designsystem-angular-alert.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-breadcrumbs.mjs +79 -43
- package/fesm2022/ks-digital-designsystem-angular-breadcrumbs.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-button.mjs +187 -61
- package/fesm2022/ks-digital-designsystem-angular-button.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-card.mjs +136 -86
- package/fesm2022/ks-digital-designsystem-angular-card.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-chip.mjs +76 -42
- package/fesm2022/ks-digital-designsystem-angular-chip.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-details.mjs +148 -64
- package/fesm2022/ks-digital-designsystem-angular-details.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-dialog.mjs +106 -48
- package/fesm2022/ks-digital-designsystem-angular-dialog.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-dropdown.mjs +147 -45
- package/fesm2022/ks-digital-designsystem-angular-dropdown.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-error-summary.mjs +83 -48
- package/fesm2022/ks-digital-designsystem-angular-error-summary.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-forms.mjs +495 -210
- package/fesm2022/ks-digital-designsystem-angular-forms.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-heading.mjs +69 -39
- package/fesm2022/ks-digital-designsystem-angular-heading.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-link.mjs +59 -30
- package/fesm2022/ks-digital-designsystem-angular-link.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-pagination.mjs +324 -157
- package/fesm2022/ks-digital-designsystem-angular-pagination.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-paragraph.mjs +41 -24
- package/fesm2022/ks-digital-designsystem-angular-paragraph.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-popover.mjs +147 -45
- package/fesm2022/ks-digital-designsystem-angular-popover.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-search.mjs +266 -144
- package/fesm2022/ks-digital-designsystem-angular-search.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-skeleton.mjs +78 -34
- package/fesm2022/ks-digital-designsystem-angular-skeleton.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-spinner.mjs +132 -53
- package/fesm2022/ks-digital-designsystem-angular-spinner.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-suggestion.mjs +561 -297
- package/fesm2022/ks-digital-designsystem-angular-suggestion.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-table.mjs +219 -76
- package/fesm2022/ks-digital-designsystem-angular-table.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-tabs.mjs +269 -120
- package/fesm2022/ks-digital-designsystem-angular-tabs.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-tag.mjs +84 -37
- package/fesm2022/ks-digital-designsystem-angular-tag.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular-validation-message.mjs +42 -24
- package/fesm2022/ks-digital-designsystem-angular-validation-message.mjs.map +1 -1
- package/fesm2022/ks-digital-designsystem-angular.mjs +1 -6
- package/fesm2022/ks-digital-designsystem-angular.mjs.map +1 -1
- package/package.json +6 -5
- package/types/ks-digital-designsystem-angular-__internals.d.ts +51 -37
- package/types/ks-digital-designsystem-angular-alert.d.ts +18 -9
- package/types/ks-digital-designsystem-angular-breadcrumbs.d.ts +29 -13
- package/types/ks-digital-designsystem-angular-button.d.ts +67 -32
- package/types/ks-digital-designsystem-angular-card.d.ts +38 -23
- package/types/ks-digital-designsystem-angular-chip.d.ts +30 -15
- package/types/ks-digital-designsystem-angular-details.d.ts +32 -18
- package/types/ks-digital-designsystem-angular-dialog.d.ts +40 -18
- package/types/ks-digital-designsystem-angular-dropdown.d.ts +44 -13
- package/types/ks-digital-designsystem-angular-error-summary.d.ts +17 -14
- package/types/ks-digital-designsystem-angular-forms.d.ts +136 -71
- package/types/ks-digital-designsystem-angular-heading.d.ts +22 -19
- package/types/ks-digital-designsystem-angular-link.d.ts +18 -9
- package/types/ks-digital-designsystem-angular-pagination.d.ts +131 -75
- package/types/ks-digital-designsystem-angular-paragraph.d.ts +5 -8
- package/types/ks-digital-designsystem-angular-popover.d.ts +44 -13
- package/types/ks-digital-designsystem-angular-search.d.ts +62 -38
- package/types/ks-digital-designsystem-angular-skeleton.d.ts +18 -15
- package/types/ks-digital-designsystem-angular-spinner.d.ts +42 -23
- package/types/ks-digital-designsystem-angular-suggestion.d.ts +182 -116
- package/types/ks-digital-designsystem-angular-table.d.ts +67 -42
- package/types/ks-digital-designsystem-angular-tabs.d.ts +85 -56
- package/types/ks-digital-designsystem-angular-tag.d.ts +30 -15
- package/types/ks-digital-designsystem-angular-validation-message.d.ts +5 -8
- package/types/ks-digital-designsystem-angular.d.ts +2 -2
|
@@ -1,13 +1,44 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
|
|
4
|
-
declare class Dropdown {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import "@digdir/designsystemet-web/popover";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ks-digital/designsystem-angular/__internals";
|
|
4
|
+
export declare class Dropdown {
|
|
5
|
+
readonly autoPlacement: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
6
|
+
readonly variant: import("@angular/core").InputSignal<"tinted" | "default">;
|
|
7
|
+
readonly placement: import("@angular/core").InputSignal<"bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start">;
|
|
8
|
+
readonly popover: import("@angular/core").InputSignal<"auto" | "manual">;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Dropdown, never>;
|
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Dropdown, "[ksd-dropdown]", never, {
|
|
11
|
+
"autoPlacement": {
|
|
12
|
+
"alias": "autoPlacement";
|
|
13
|
+
"required": false;
|
|
14
|
+
"isSignal": true;
|
|
15
|
+
};
|
|
16
|
+
"variant": {
|
|
17
|
+
"alias": "data-variant";
|
|
18
|
+
"required": false;
|
|
19
|
+
"isSignal": true;
|
|
20
|
+
};
|
|
21
|
+
"placement": {
|
|
22
|
+
"alias": "data-placement";
|
|
23
|
+
"required": false;
|
|
24
|
+
"isSignal": true;
|
|
25
|
+
};
|
|
26
|
+
"popover": {
|
|
27
|
+
"alias": "popover";
|
|
28
|
+
"required": false;
|
|
29
|
+
"isSignal": true;
|
|
30
|
+
};
|
|
31
|
+
}, {}, never, never, true, [{
|
|
32
|
+
directive: typeof i1.HostSize;
|
|
33
|
+
inputs: {
|
|
34
|
+
"data-size": "data-size";
|
|
35
|
+
};
|
|
36
|
+
outputs: {};
|
|
37
|
+
}, {
|
|
38
|
+
directive: typeof i1.HostColor;
|
|
39
|
+
inputs: {
|
|
40
|
+
"data-color": "data-color";
|
|
41
|
+
};
|
|
42
|
+
outputs: {};
|
|
43
|
+
}]>;
|
|
44
|
+
}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import * as i1 from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@ks-digital/designsystem-angular/__internals";
|
|
3
|
+
export declare class ErrorSummary {
|
|
4
|
+
protected id: import("@angular/core").WritableSignal<string>;
|
|
5
|
+
private heading;
|
|
6
|
+
private el;
|
|
7
|
+
constructor();
|
|
8
|
+
focus(): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ErrorSummary, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ErrorSummary, "[ksd-error-summary]", never, {}, {}, ["heading"], ["*"], true, [{
|
|
11
|
+
directive: typeof i1.HostSize;
|
|
12
|
+
inputs: {
|
|
13
|
+
"data-size": "data-size";
|
|
14
|
+
};
|
|
15
|
+
outputs: {};
|
|
16
|
+
}]>;
|
|
17
|
+
}
|
|
@@ -1,81 +1,146 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import * as i1$1 from
|
|
4
|
-
|
|
1
|
+
import "@digdir/designsystemet-web/ds-field";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1$1 from "@ks-digital/designsystem-angular/__internals";
|
|
4
|
+
import * as i1 from "@ks-digital/designsystem-angular/validation-message";
|
|
5
|
+
import "@digdir/designsystemet-web/fieldset";
|
|
6
|
+
import "@digdir/designsystemet-web/readonly";
|
|
5
7
|
/**
|
|
6
8
|
* Use the Field component to connect inputs and labels
|
|
7
9
|
*/
|
|
8
|
-
declare class Field {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
10
|
+
export declare class Field {
|
|
11
|
+
/**
|
|
12
|
+
* Preferred position input for toggle inputs (radio, checkbox, switch) in field.
|
|
13
|
+
* @default start
|
|
14
|
+
*/
|
|
15
|
+
dataPosition: import("@angular/core").InputSignal<"start" | "end" | undefined>;
|
|
16
|
+
/**
|
|
17
|
+
* Legacy position input kept for backward compatibility.
|
|
18
|
+
* @deprecated Use data-position instead.
|
|
19
|
+
* @default start
|
|
20
|
+
*/
|
|
21
|
+
position: import("@angular/core").InputSignal<"start" | "end" | undefined>;
|
|
22
|
+
/**
|
|
23
|
+
* Variant forwarded to ds-field.
|
|
24
|
+
*/
|
|
25
|
+
dataVariant: import("@angular/core").InputSignal<"outline" | undefined>;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Field, never>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Field, "ksd-field", never, {
|
|
28
|
+
"dataPosition": {
|
|
29
|
+
"alias": "data-position";
|
|
30
|
+
"required": false;
|
|
31
|
+
"isSignal": true;
|
|
32
|
+
};
|
|
33
|
+
"position": {
|
|
34
|
+
"alias": "position";
|
|
35
|
+
"required": false;
|
|
36
|
+
"isSignal": true;
|
|
37
|
+
};
|
|
38
|
+
"dataVariant": {
|
|
39
|
+
"alias": "data-variant";
|
|
40
|
+
"required": false;
|
|
41
|
+
"isSignal": true;
|
|
42
|
+
};
|
|
43
|
+
}, {}, never, ["*"], true, [{
|
|
44
|
+
directive: typeof i1$1.HostSize;
|
|
45
|
+
inputs: {
|
|
46
|
+
"data-size": "data-size";
|
|
47
|
+
};
|
|
48
|
+
outputs: {};
|
|
49
|
+
}, {
|
|
50
|
+
directive: typeof i1$1.HostColor;
|
|
51
|
+
inputs: {
|
|
52
|
+
"data-color": "data-color";
|
|
53
|
+
};
|
|
54
|
+
outputs: {};
|
|
55
|
+
}]>;
|
|
26
56
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldDescription, "[ksd-field-description]", never, {}, {}, never, ["*"], true, never>;
|
|
57
|
+
export declare class FieldDescription {
|
|
58
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FieldDescription, never>;
|
|
59
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldDescription, "[ksd-field-description]", never, {}, {}, never, ["*"], true, never>;
|
|
31
60
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
61
|
+
export declare class FieldError {
|
|
62
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FieldError, never>;
|
|
63
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldError, "ksd-error, [ksd-error]", never, {}, {}, never, ["*"], true, [{
|
|
64
|
+
directive: typeof i1.ValidationMessage;
|
|
65
|
+
inputs: {};
|
|
66
|
+
outputs: {};
|
|
67
|
+
}]>;
|
|
36
68
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<Fieldset, "fieldset[ksd-fieldset]", never, {}, {}, never, ["*"], true, never>;
|
|
69
|
+
export declare class Fieldset {
|
|
70
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Fieldset, never>;
|
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Fieldset, "fieldset[ksd-fieldset]", never, {}, {}, never, ["*"], true, never>;
|
|
41
72
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldsetDescription, "p[ksd-fieldset-description]", never, {}, {}, never, ["*"], true, never>;
|
|
73
|
+
export declare class FieldsetDescription {
|
|
74
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetDescription, never>;
|
|
75
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldsetDescription, "p[ksd-fieldset-description]", never, {}, {}, never, ["*"], true, never>;
|
|
46
76
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldsetLegend, "legend[ksd-fieldset-legend]", never, {}, {}, never, ["*"], true, never>;
|
|
77
|
+
export declare class FieldsetLegend {
|
|
78
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetLegend, never>;
|
|
79
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldsetLegend, "legend[ksd-fieldset-legend]", never, {}, {}, never, ["*"], true, never>;
|
|
51
80
|
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
81
|
+
export declare class Input {
|
|
82
|
+
/**
|
|
83
|
+
* The value of the input
|
|
84
|
+
*/
|
|
85
|
+
value: import("@angular/core").WritableSignal<string | undefined>;
|
|
86
|
+
/**
|
|
87
|
+
* Whether the input is readonly
|
|
88
|
+
*/
|
|
89
|
+
readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
90
|
+
/**
|
|
91
|
+
* Disables element
|
|
92
|
+
*/
|
|
93
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
94
|
+
/**
|
|
95
|
+
* Whether the element is invalid.
|
|
96
|
+
*/
|
|
97
|
+
readonly ariaInvalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
98
|
+
onClick(event: Event): void;
|
|
99
|
+
onInput(event: Event): void;
|
|
100
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Input, never>;
|
|
101
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Input, "input[ksd-input], textarea[ksd-input], select[ksd-input]", never, {
|
|
102
|
+
"readonly": {
|
|
103
|
+
"alias": "readonly";
|
|
104
|
+
"required": false;
|
|
105
|
+
"isSignal": true;
|
|
106
|
+
};
|
|
107
|
+
"disabled": {
|
|
108
|
+
"alias": "disabled";
|
|
109
|
+
"required": false;
|
|
110
|
+
"isSignal": true;
|
|
111
|
+
};
|
|
112
|
+
"ariaInvalid": {
|
|
113
|
+
"alias": "aria-invalid";
|
|
114
|
+
"required": false;
|
|
115
|
+
"isSignal": true;
|
|
116
|
+
};
|
|
117
|
+
}, {}, never, never, true, [{
|
|
118
|
+
directive: typeof i1$1.HostSize;
|
|
119
|
+
inputs: {
|
|
120
|
+
"data-size": "data-size";
|
|
121
|
+
};
|
|
122
|
+
outputs: {};
|
|
123
|
+
}, {
|
|
124
|
+
directive: typeof i1$1.HostColor;
|
|
125
|
+
inputs: {
|
|
126
|
+
"data-color": "data-color";
|
|
127
|
+
};
|
|
128
|
+
outputs: {};
|
|
129
|
+
}]>;
|
|
74
130
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
131
|
+
export declare class Label {
|
|
132
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Label, never>;
|
|
133
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Label, "ksd-label", never, {}, {}, never, ["*"], true, [{
|
|
134
|
+
directive: typeof i1$1.HostSize;
|
|
135
|
+
inputs: {
|
|
136
|
+
"data-size": "data-size";
|
|
137
|
+
};
|
|
138
|
+
outputs: {};
|
|
139
|
+
}, {
|
|
140
|
+
directive: typeof i1$1.HostColor;
|
|
141
|
+
inputs: {
|
|
142
|
+
"data-color": "data-color";
|
|
143
|
+
};
|
|
144
|
+
outputs: {};
|
|
145
|
+
}]>;
|
|
146
|
+
}
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class Heading {
|
|
3
|
+
id: import("@angular/core").WritableSignal<string | undefined>;
|
|
4
|
+
/**
|
|
5
|
+
* Changes text sizing
|
|
6
|
+
* @default 'md'
|
|
7
|
+
*/
|
|
8
|
+
readonly dataSize: import("@angular/core").InputSignal<"2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined>;
|
|
9
|
+
/**
|
|
10
|
+
* Set the id of the heading
|
|
11
|
+
* @param id
|
|
12
|
+
*/
|
|
13
|
+
setId(id: string): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Heading, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Heading, "h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]", never, {
|
|
16
|
+
"dataSize": {
|
|
17
|
+
"alias": "data-size";
|
|
18
|
+
"required": false;
|
|
19
|
+
"isSignal": true;
|
|
20
|
+
};
|
|
21
|
+
}, {}, never, never, true, never>;
|
|
22
|
+
}
|
|
@@ -1,9 +1,18 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import * as i1 from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@ks-digital/designsystem-angular/__internals";
|
|
3
|
+
export declare class Link {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Link, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Link, "a[ksd-link]", never, {}, {}, never, ["*"], true, [{
|
|
6
|
+
directive: typeof i1.HostSize;
|
|
7
|
+
inputs: {
|
|
8
|
+
"data-size": "data-size";
|
|
9
|
+
};
|
|
10
|
+
outputs: {};
|
|
11
|
+
}, {
|
|
12
|
+
directive: typeof i1.HostColor;
|
|
13
|
+
inputs: {
|
|
14
|
+
"data-color": "data-color";
|
|
15
|
+
};
|
|
16
|
+
outputs: {};
|
|
17
|
+
}]>;
|
|
18
|
+
}
|
|
@@ -1,84 +1,140 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as i1 from
|
|
3
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@ks-digital/designsystem-angular/__internals";
|
|
4
3
|
/**
|
|
5
4
|
* A page entry, or an ellipsis placeholder that renders as an empty `<li>`.
|
|
6
5
|
*/
|
|
7
|
-
type PaginationPage = {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
export type PaginationPage = {
|
|
7
|
+
type: 'page';
|
|
8
|
+
page: number;
|
|
9
|
+
current: boolean;
|
|
10
|
+
key: string;
|
|
12
11
|
} | {
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
type: 'ellipsis';
|
|
13
|
+
key: string;
|
|
15
14
|
};
|
|
16
|
-
interface PaginationPages {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
export interface PaginationPages {
|
|
16
|
+
pages: PaginationPage[];
|
|
17
|
+
prev: number;
|
|
18
|
+
next: number;
|
|
20
19
|
}
|
|
21
|
-
declare class Pagination {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
20
|
+
export declare class Pagination {
|
|
21
|
+
/**
|
|
22
|
+
* The current page
|
|
23
|
+
*/
|
|
24
|
+
readonly current: import("@angular/core").InputSignalWithTransform<number, string | number>;
|
|
25
|
+
/**
|
|
26
|
+
* The total number of pages
|
|
27
|
+
*/
|
|
28
|
+
readonly total: import("@angular/core").InputSignalWithTransform<number, string | number>;
|
|
29
|
+
/**
|
|
30
|
+
* Sets the screen reader label for the pagination
|
|
31
|
+
*/
|
|
32
|
+
readonly ariaLabel: import("@angular/core").InputSignal<string>;
|
|
33
|
+
/**
|
|
34
|
+
* How many pages to show. Default is 7
|
|
35
|
+
*/
|
|
36
|
+
readonly show: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
37
|
+
/**
|
|
38
|
+
* E.g if "?page=%d" all the links will set href to "?page=1", "?page=2".
|
|
39
|
+
*/
|
|
40
|
+
readonly href: import("@angular/core").InputSignal<string | undefined>;
|
|
41
|
+
/**
|
|
42
|
+
* Label for the previous button. Only used when no content is projected.
|
|
43
|
+
*/
|
|
44
|
+
readonly previousLabel: import("@angular/core").InputSignal<string>;
|
|
45
|
+
/**
|
|
46
|
+
* Label for the next button. Only used when no content is projected.
|
|
47
|
+
*/
|
|
48
|
+
readonly nextLabel: import("@angular/core").InputSignal<string>;
|
|
49
|
+
/**
|
|
50
|
+
* Screen reader label for each page. Only used when no content is projected.
|
|
51
|
+
*/
|
|
52
|
+
readonly pageLabel: import("@angular/core").InputSignal<string>;
|
|
53
|
+
/**
|
|
54
|
+
* Emits the page number when a page is clicked
|
|
55
|
+
*/
|
|
56
|
+
readonly pageClicked: import("@angular/core").OutputEmitterRef<number>;
|
|
57
|
+
/**
|
|
58
|
+
* Exposes pagination data for consumer use
|
|
59
|
+
*/
|
|
60
|
+
readonly pages: import("@angular/core").Signal<PaginationPages>;
|
|
61
|
+
protected hrefFor(page: number): string | null;
|
|
62
|
+
protected labelFor(page: number): string;
|
|
63
|
+
protected onClick(e: MouseEvent): void;
|
|
64
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Pagination, never>;
|
|
65
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Pagination, "ksd-pagination", never, {
|
|
66
|
+
"current": {
|
|
67
|
+
"alias": "current";
|
|
68
|
+
"required": true;
|
|
69
|
+
"isSignal": true;
|
|
70
|
+
};
|
|
71
|
+
"total": {
|
|
72
|
+
"alias": "total";
|
|
73
|
+
"required": true;
|
|
74
|
+
"isSignal": true;
|
|
75
|
+
};
|
|
76
|
+
"ariaLabel": {
|
|
77
|
+
"alias": "aria-label";
|
|
78
|
+
"required": false;
|
|
79
|
+
"isSignal": true;
|
|
80
|
+
};
|
|
81
|
+
"show": {
|
|
82
|
+
"alias": "show";
|
|
83
|
+
"required": false;
|
|
84
|
+
"isSignal": true;
|
|
85
|
+
};
|
|
86
|
+
"href": {
|
|
87
|
+
"alias": "href";
|
|
88
|
+
"required": false;
|
|
89
|
+
"isSignal": true;
|
|
90
|
+
};
|
|
91
|
+
"previousLabel": {
|
|
92
|
+
"alias": "previousLabel";
|
|
93
|
+
"required": false;
|
|
94
|
+
"isSignal": true;
|
|
95
|
+
};
|
|
96
|
+
"nextLabel": {
|
|
97
|
+
"alias": "nextLabel";
|
|
98
|
+
"required": false;
|
|
99
|
+
"isSignal": true;
|
|
100
|
+
};
|
|
101
|
+
"pageLabel": {
|
|
102
|
+
"alias": "pageLabel";
|
|
103
|
+
"required": false;
|
|
104
|
+
"isSignal": true;
|
|
105
|
+
};
|
|
106
|
+
}, {
|
|
107
|
+
"pageClicked": "pageClicked";
|
|
108
|
+
}, never, ["*"], true, [{
|
|
109
|
+
directive: typeof i1.HostSize;
|
|
110
|
+
inputs: {
|
|
111
|
+
"data-size": "data-size";
|
|
112
|
+
};
|
|
113
|
+
outputs: {};
|
|
114
|
+
}, {
|
|
115
|
+
directive: typeof i1.HostColor;
|
|
116
|
+
inputs: {
|
|
117
|
+
"data-color": "data-color";
|
|
118
|
+
};
|
|
119
|
+
outputs: {};
|
|
120
|
+
}]>;
|
|
67
121
|
}
|
|
68
|
-
|
|
69
122
|
/** Accepts a string so the valueless `<button ksdPaginationButton>` form still type-checks. */
|
|
70
123
|
type PageInput = PaginationPage | number | string | null | undefined;
|
|
71
|
-
declare class PaginationButton {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
124
|
+
export declare class PaginationButton {
|
|
125
|
+
/**
|
|
126
|
+
* The page this control targets. Pass an entry from `pages().pages`, or a
|
|
127
|
+
* number for the previous/next controls.
|
|
128
|
+
*/
|
|
129
|
+
readonly page: import("@angular/core").InputSignal<PageInput>;
|
|
130
|
+
protected readonly pageNumber: import("@angular/core").Signal<number | null>;
|
|
131
|
+
protected readonly isCurrent: import("@angular/core").Signal<boolean>;
|
|
132
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationButton, never>;
|
|
133
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationButton, "[ksdPaginationButton]", never, {
|
|
134
|
+
"page": {
|
|
135
|
+
"alias": "ksdPaginationButton";
|
|
136
|
+
"required": false;
|
|
137
|
+
"isSignal": true;
|
|
138
|
+
};
|
|
139
|
+
}, {}, never, never, true, never>;
|
|
140
|
+
}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export { Paragraph };
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class Paragraph {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Paragraph, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Paragraph, "p[ksd-paragraph]", never, {}, {}, never, ["*"], true, never>;
|
|
5
|
+
}
|