@ks-digital/designsystem-angular 0.0.1-alpha.75 → 0.0.1-alpha.76
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,43 +1,68 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class Table {
|
|
3
|
+
/**
|
|
4
|
+
* Will give the table a hover effect on rows
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
readonly hover: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
8
|
+
/**
|
|
9
|
+
* Will give the table a rounded border
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
readonly border: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
13
|
+
/**
|
|
14
|
+
* Will make the table header sticky
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
18
|
+
/**
|
|
19
|
+
* Will give the table zebra striping
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
22
|
+
readonly zebra: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Table, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Table, "table[ksd-table]", never, {
|
|
25
|
+
"hover": {
|
|
26
|
+
"alias": "data-hover";
|
|
27
|
+
"required": false;
|
|
28
|
+
"isSignal": true;
|
|
29
|
+
};
|
|
30
|
+
"border": {
|
|
31
|
+
"alias": "data-border";
|
|
32
|
+
"required": false;
|
|
33
|
+
"isSignal": true;
|
|
34
|
+
};
|
|
35
|
+
"stickyHeader": {
|
|
36
|
+
"alias": "data-sticky-header";
|
|
37
|
+
"required": false;
|
|
38
|
+
"isSignal": true;
|
|
39
|
+
};
|
|
40
|
+
"zebra": {
|
|
41
|
+
"alias": "data-zebra";
|
|
42
|
+
"required": false;
|
|
43
|
+
"isSignal": true;
|
|
44
|
+
};
|
|
45
|
+
}, {}, never, ["*"], true, never>;
|
|
26
46
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
47
|
+
export declare class TableHeaderCell {
|
|
48
|
+
/**
|
|
49
|
+
* If 'none' | 'ascending' | 'descending' will add a button to the header cell and change aria-sort and icon
|
|
50
|
+
* @default undefined
|
|
51
|
+
*/
|
|
52
|
+
readonly sort: import("@angular/core").InputSignal<"none" | "ascending" | "descending" | undefined>;
|
|
53
|
+
/**
|
|
54
|
+
* Emitted when the sort button is clicked
|
|
55
|
+
* @emits void
|
|
56
|
+
*/
|
|
57
|
+
readonly sortChange: import("@angular/core").OutputEmitterRef<void>;
|
|
58
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableHeaderCell, never>;
|
|
59
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableHeaderCell, "th[ksd-header-cell]", never, {
|
|
60
|
+
"sort": {
|
|
61
|
+
"alias": "aria-sort";
|
|
62
|
+
"required": false;
|
|
63
|
+
"isSignal": true;
|
|
64
|
+
};
|
|
65
|
+
}, {
|
|
66
|
+
"sortChange": "sortChange";
|
|
67
|
+
}, never, ["*"], true, never>;
|
|
68
|
+
}
|
|
@@ -1,65 +1,94 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
import "@digdir/designsystemet-web/ds-tabs";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import { TemplateRef } from "@angular/core";
|
|
4
|
+
import * as i1 from "@ks-digital/designsystem-angular/__internals";
|
|
5
5
|
/**
|
|
6
6
|
* Payload emitted from `tabClicked` on both `ksd-tabs` and `ksd-tabs-tab`.
|
|
7
7
|
*/
|
|
8
8
|
interface TabClickEvent {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
/**
|
|
10
|
+
* Zero-based index of the clicked tab in its current render order.
|
|
11
|
+
*/
|
|
12
|
+
index: number;
|
|
13
|
+
/**
|
|
14
|
+
* Consumer-provided stable tab identifier from `tabId`.
|
|
15
|
+
*
|
|
16
|
+
* `undefined` when `tabId` is not provided.
|
|
17
|
+
*/
|
|
18
|
+
tabId: string | undefined;
|
|
19
19
|
}
|
|
20
|
-
declare class TabsTab {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
20
|
+
export declare class TabsTab {
|
|
21
|
+
/**
|
|
22
|
+
* Stable identifier for this tab.
|
|
23
|
+
*
|
|
24
|
+
* Recommended for logic such as analytics, routing and persisted state.
|
|
25
|
+
*
|
|
26
|
+
* If omitted, `tabClicked` emits `tabId: undefined`.
|
|
27
|
+
*/
|
|
28
|
+
readonly tabId: import("@angular/core").InputSignal<string | undefined>;
|
|
29
|
+
/**
|
|
30
|
+
* Emits tab click details when this tab is clicked.
|
|
31
|
+
*/
|
|
32
|
+
readonly tabClicked: import("@angular/core").OutputEmitterRef<TabClickEvent>;
|
|
33
|
+
/**
|
|
34
|
+
* Hack to get the content of the tab from outside so that we can
|
|
35
|
+
* keep the dom structure needed without additional host elements
|
|
36
|
+
*/
|
|
37
|
+
templateRef: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
|
|
38
|
+
emitTabClicked(event: TabClickEvent): void;
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsTab, never>;
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsTab, "ksd-tabs-tab", never, {
|
|
41
|
+
"tabId": {
|
|
42
|
+
"alias": "tabId";
|
|
43
|
+
"required": false;
|
|
44
|
+
"isSignal": true;
|
|
45
|
+
};
|
|
46
|
+
}, {
|
|
47
|
+
"tabClicked": "tabClicked";
|
|
48
|
+
}, never, ["*"], true, [{
|
|
49
|
+
directive: typeof i1.HostSize;
|
|
50
|
+
inputs: {
|
|
51
|
+
"data-size": "data-size";
|
|
52
|
+
};
|
|
53
|
+
outputs: {};
|
|
54
|
+
}, {
|
|
55
|
+
directive: typeof i1.HostColor;
|
|
56
|
+
inputs: {
|
|
57
|
+
"data-color": "data-color";
|
|
58
|
+
};
|
|
59
|
+
outputs: {};
|
|
60
|
+
}]>;
|
|
41
61
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
62
|
+
export declare class Tabs {
|
|
63
|
+
/**
|
|
64
|
+
* Emits tab click details when any tab is clicked.
|
|
65
|
+
*/
|
|
66
|
+
readonly tabClicked: import("@angular/core").OutputEmitterRef<TabClickEvent>;
|
|
67
|
+
readonly tabs: import("@angular/core").Signal<readonly TabsTab[]>;
|
|
68
|
+
protected onTabClick(index: number, tab: TabsTab): void;
|
|
69
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Tabs, never>;
|
|
70
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Tabs, "ksd-tabs", never, {}, {
|
|
71
|
+
"tabClicked": "tabClicked";
|
|
72
|
+
}, ["tabs"], ["ksd-tabs-panel"], true, [{
|
|
73
|
+
directive: typeof i1.HostSize;
|
|
74
|
+
inputs: {
|
|
75
|
+
"data-size": "data-size";
|
|
76
|
+
};
|
|
77
|
+
outputs: {};
|
|
78
|
+
}, {
|
|
79
|
+
directive: typeof i1.HostColor;
|
|
80
|
+
inputs: {
|
|
81
|
+
"data-color": "data-color";
|
|
82
|
+
};
|
|
83
|
+
outputs: {};
|
|
84
|
+
}]>;
|
|
52
85
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TabsList, "ksd-tabs-list", never, {}, {}, never, ["*"], true, never>;
|
|
86
|
+
export declare class TabsList {
|
|
87
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsList, never>;
|
|
88
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsList, "ksd-tabs-list", never, {}, {}, never, ["*"], true, never>;
|
|
57
89
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TabsPanel, "ksd-tabs-panel", never, {}, {}, never, ["*"], true, never>;
|
|
90
|
+
export declare class TabsPanel {
|
|
91
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsPanel, never>;
|
|
92
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsPanel, "ksd-tabs-panel", never, {}, {}, never, ["*"], true, never>;
|
|
62
93
|
}
|
|
63
|
-
|
|
64
|
-
export { Tabs, TabsList, TabsPanel, TabsTab };
|
|
65
|
-
export type { TabClickEvent };
|
|
94
|
+
export type { TabClickEvent };
|
|
@@ -1,15 +1,30 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import * as i1 from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@ks-digital/designsystem-angular/__internals";
|
|
3
|
+
export declare class Tag {
|
|
4
|
+
/**
|
|
5
|
+
* The visual variant of the tag
|
|
6
|
+
*
|
|
7
|
+
* @default 'default'
|
|
8
|
+
*/
|
|
9
|
+
readonly variant: import("@angular/core").InputSignal<"default" | "outline">;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Tag, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Tag, "ksd-tag", never, {
|
|
12
|
+
"variant": {
|
|
13
|
+
"alias": "data-variant";
|
|
14
|
+
"required": false;
|
|
15
|
+
"isSignal": true;
|
|
16
|
+
};
|
|
17
|
+
}, {}, never, ["*"], true, [{
|
|
18
|
+
directive: typeof i1.HostSize;
|
|
19
|
+
inputs: {
|
|
20
|
+
"data-size": "data-size";
|
|
21
|
+
};
|
|
22
|
+
outputs: {};
|
|
23
|
+
}, {
|
|
24
|
+
directive: typeof i1.HostColor;
|
|
25
|
+
inputs: {
|
|
26
|
+
"data-color": "data-color";
|
|
27
|
+
};
|
|
28
|
+
outputs: {};
|
|
29
|
+
}]>;
|
|
30
|
+
}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export { ValidationMessage };
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ValidationMessage {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ValidationMessage, never>;
|
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ValidationMessage, "[ksd-validation-message]", never, {}, {}, never, never, true, never>;
|
|
5
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
1
|
+
declare const _default: undefined;
|
|
2
|
+
export {};
|