@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.
Files changed (77) hide show
  1. package/.npmignore +25 -0
  2. package/fesm2022/ks-digital-designsystem-angular-__internals.mjs +148 -78
  3. package/fesm2022/ks-digital-designsystem-angular-__internals.mjs.map +1 -1
  4. package/fesm2022/ks-digital-designsystem-angular-alert.mjs +59 -33
  5. package/fesm2022/ks-digital-designsystem-angular-alert.mjs.map +1 -1
  6. package/fesm2022/ks-digital-designsystem-angular-breadcrumbs.mjs +79 -43
  7. package/fesm2022/ks-digital-designsystem-angular-breadcrumbs.mjs.map +1 -1
  8. package/fesm2022/ks-digital-designsystem-angular-button.mjs +187 -61
  9. package/fesm2022/ks-digital-designsystem-angular-button.mjs.map +1 -1
  10. package/fesm2022/ks-digital-designsystem-angular-card.mjs +136 -86
  11. package/fesm2022/ks-digital-designsystem-angular-card.mjs.map +1 -1
  12. package/fesm2022/ks-digital-designsystem-angular-chip.mjs +76 -42
  13. package/fesm2022/ks-digital-designsystem-angular-chip.mjs.map +1 -1
  14. package/fesm2022/ks-digital-designsystem-angular-details.mjs +148 -64
  15. package/fesm2022/ks-digital-designsystem-angular-details.mjs.map +1 -1
  16. package/fesm2022/ks-digital-designsystem-angular-dialog.mjs +106 -48
  17. package/fesm2022/ks-digital-designsystem-angular-dialog.mjs.map +1 -1
  18. package/fesm2022/ks-digital-designsystem-angular-dropdown.mjs +147 -45
  19. package/fesm2022/ks-digital-designsystem-angular-dropdown.mjs.map +1 -1
  20. package/fesm2022/ks-digital-designsystem-angular-error-summary.mjs +83 -48
  21. package/fesm2022/ks-digital-designsystem-angular-error-summary.mjs.map +1 -1
  22. package/fesm2022/ks-digital-designsystem-angular-forms.mjs +495 -210
  23. package/fesm2022/ks-digital-designsystem-angular-forms.mjs.map +1 -1
  24. package/fesm2022/ks-digital-designsystem-angular-heading.mjs +69 -39
  25. package/fesm2022/ks-digital-designsystem-angular-heading.mjs.map +1 -1
  26. package/fesm2022/ks-digital-designsystem-angular-link.mjs +59 -30
  27. package/fesm2022/ks-digital-designsystem-angular-link.mjs.map +1 -1
  28. package/fesm2022/ks-digital-designsystem-angular-pagination.mjs +324 -157
  29. package/fesm2022/ks-digital-designsystem-angular-pagination.mjs.map +1 -1
  30. package/fesm2022/ks-digital-designsystem-angular-paragraph.mjs +41 -24
  31. package/fesm2022/ks-digital-designsystem-angular-paragraph.mjs.map +1 -1
  32. package/fesm2022/ks-digital-designsystem-angular-popover.mjs +147 -45
  33. package/fesm2022/ks-digital-designsystem-angular-popover.mjs.map +1 -1
  34. package/fesm2022/ks-digital-designsystem-angular-search.mjs +266 -144
  35. package/fesm2022/ks-digital-designsystem-angular-search.mjs.map +1 -1
  36. package/fesm2022/ks-digital-designsystem-angular-skeleton.mjs +78 -34
  37. package/fesm2022/ks-digital-designsystem-angular-skeleton.mjs.map +1 -1
  38. package/fesm2022/ks-digital-designsystem-angular-spinner.mjs +132 -53
  39. package/fesm2022/ks-digital-designsystem-angular-spinner.mjs.map +1 -1
  40. package/fesm2022/ks-digital-designsystem-angular-suggestion.mjs +561 -297
  41. package/fesm2022/ks-digital-designsystem-angular-suggestion.mjs.map +1 -1
  42. package/fesm2022/ks-digital-designsystem-angular-table.mjs +219 -76
  43. package/fesm2022/ks-digital-designsystem-angular-table.mjs.map +1 -1
  44. package/fesm2022/ks-digital-designsystem-angular-tabs.mjs +269 -120
  45. package/fesm2022/ks-digital-designsystem-angular-tabs.mjs.map +1 -1
  46. package/fesm2022/ks-digital-designsystem-angular-tag.mjs +84 -37
  47. package/fesm2022/ks-digital-designsystem-angular-tag.mjs.map +1 -1
  48. package/fesm2022/ks-digital-designsystem-angular-validation-message.mjs +42 -24
  49. package/fesm2022/ks-digital-designsystem-angular-validation-message.mjs.map +1 -1
  50. package/fesm2022/ks-digital-designsystem-angular.mjs +1 -6
  51. package/fesm2022/ks-digital-designsystem-angular.mjs.map +1 -1
  52. package/package.json +6 -5
  53. package/types/ks-digital-designsystem-angular-__internals.d.ts +51 -37
  54. package/types/ks-digital-designsystem-angular-alert.d.ts +18 -9
  55. package/types/ks-digital-designsystem-angular-breadcrumbs.d.ts +29 -13
  56. package/types/ks-digital-designsystem-angular-button.d.ts +67 -32
  57. package/types/ks-digital-designsystem-angular-card.d.ts +38 -23
  58. package/types/ks-digital-designsystem-angular-chip.d.ts +30 -15
  59. package/types/ks-digital-designsystem-angular-details.d.ts +32 -18
  60. package/types/ks-digital-designsystem-angular-dialog.d.ts +40 -18
  61. package/types/ks-digital-designsystem-angular-dropdown.d.ts +44 -13
  62. package/types/ks-digital-designsystem-angular-error-summary.d.ts +17 -14
  63. package/types/ks-digital-designsystem-angular-forms.d.ts +136 -71
  64. package/types/ks-digital-designsystem-angular-heading.d.ts +22 -19
  65. package/types/ks-digital-designsystem-angular-link.d.ts +18 -9
  66. package/types/ks-digital-designsystem-angular-pagination.d.ts +131 -75
  67. package/types/ks-digital-designsystem-angular-paragraph.d.ts +5 -8
  68. package/types/ks-digital-designsystem-angular-popover.d.ts +44 -13
  69. package/types/ks-digital-designsystem-angular-search.d.ts +62 -38
  70. package/types/ks-digital-designsystem-angular-skeleton.d.ts +18 -15
  71. package/types/ks-digital-designsystem-angular-spinner.d.ts +42 -23
  72. package/types/ks-digital-designsystem-angular-suggestion.d.ts +182 -116
  73. package/types/ks-digital-designsystem-angular-table.d.ts +67 -42
  74. package/types/ks-digital-designsystem-angular-tabs.d.ts +85 -56
  75. package/types/ks-digital-designsystem-angular-tag.d.ts +30 -15
  76. package/types/ks-digital-designsystem-angular-validation-message.d.ts +5 -8
  77. package/types/ks-digital-designsystem-angular.d.ts +2 -2
@@ -1,43 +1,68 @@
1
- import * as _angular_core from '@angular/core';
2
-
3
- declare class Table {
4
- /**
5
- * Will give the table a hover effect on rows
6
- * @default false
7
- */
8
- readonly hover: _angular_core.InputSignalWithTransform<boolean, unknown>;
9
- /**
10
- * Will give the table a rounded border
11
- * @default false
12
- */
13
- readonly border: _angular_core.InputSignalWithTransform<boolean, unknown>;
14
- /**
15
- * Will make the table header sticky
16
- * @default false
17
- */
18
- readonly stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
19
- /**
20
- * Will give the table zebra striping
21
- * @default false
22
- */
23
- readonly zebra: _angular_core.InputSignalWithTransform<boolean, unknown>;
24
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
25
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "table[ksd-table]", never, { "hover": { "alias": "data-hover"; "required": false; "isSignal": true; }; "border": { "alias": "data-border"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "data-sticky-header"; "required": false; "isSignal": true; }; "zebra": { "alias": "data-zebra"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
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
- declare class TableHeaderCell {
29
- /**
30
- * If 'none' | 'ascending' | 'descending' will add a button to the header cell and change aria-sort and icon
31
- * @default undefined
32
- */
33
- readonly sort: _angular_core.InputSignal<"none" | "ascending" | "descending" | undefined>;
34
- /**
35
- * Emitted when the sort button is clicked
36
- * @emits void
37
- */
38
- readonly sortChange: _angular_core.OutputEmitterRef<void>;
39
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableHeaderCell, never>;
40
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableHeaderCell, "th[ksd-header-cell]", never, { "sort": { "alias": "aria-sort"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, ["*"], true, never>;
41
- }
42
-
43
- export { Table, TableHeaderCell };
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 * as i0 from '@angular/core';
2
- import { TemplateRef } from '@angular/core';
3
- import * as i1 from '@ks-digital/designsystem-angular/__internals';
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
- * 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;
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
- * 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: i0.InputSignal<string | undefined>;
29
- /**
30
- * Emits tab click details when this tab is clicked.
31
- */
32
- readonly tabClicked: i0.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: i0.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, { "tabId": { "alias": "tabId"; "required": false; "isSignal": true; }; }, { "tabClicked": "tabClicked"; }, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
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
- declare class Tabs {
44
- /**
45
- * Emits tab click details when any tab is clicked.
46
- */
47
- readonly tabClicked: i0.OutputEmitterRef<TabClickEvent>;
48
- readonly tabs: i0.Signal<readonly TabsTab[]>;
49
- protected onTabClick(index: number, tab: TabsTab): void;
50
- static ɵfac: i0.ɵɵFactoryDeclaration<Tabs, never>;
51
- static ɵcmp: i0.ɵɵComponentDeclaration<Tabs, "ksd-tabs", never, {}, { "tabClicked": "tabClicked"; }, ["tabs"], ["ksd-tabs-panel"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
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
- declare class TabsList {
55
- static ɵfac: i0.ɵɵFactoryDeclaration<TabsList, never>;
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
- declare class TabsPanel {
60
- static ɵfac: i0.ɵɵFactoryDeclaration<TabsPanel, never>;
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 '@angular/core';
2
- import * as i1 from '@ks-digital/designsystem-angular/__internals';
3
-
4
- declare class Tag {
5
- /**
6
- * The visual variant of the tag
7
- *
8
- * @default 'default'
9
- */
10
- readonly variant: i0.InputSignal<"default" | "outline">;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<Tag, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<Tag, "ksd-tag", never, { "variant": { "alias": "data-variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
13
- }
14
-
15
- export { Tag };
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 '@angular/core';
2
-
3
- declare class ValidationMessage {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<ValidationMessage, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<ValidationMessage, "[ksd-validation-message]", never, {}, {}, never, never, true, never>;
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 {};