@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
package/.npmignore ADDED
@@ -0,0 +1,25 @@
1
+ # Nested package.json's are only needed for development.
2
+ alert/package.json
3
+ breadcrumbs/package.json
4
+ button/package.json
5
+ card/package.json
6
+ __internals/package.json
7
+ chip/package.json
8
+ details/package.json
9
+ dialog/package.json
10
+ dropdown/package.json
11
+ error-summary/package.json
12
+ forms/package.json
13
+ heading/package.json
14
+ link/package.json
15
+ pagination/package.json
16
+ paragraph/package.json
17
+ popover/package.json
18
+ search/package.json
19
+ skeleton/package.json
20
+ spinner/package.json
21
+ suggestion/package.json
22
+ table/package.json
23
+ tabs/package.json
24
+ tag/package.json
25
+ validation-message/package.json
@@ -1,82 +1,152 @@
1
- import * as i0 from '@angular/core';
2
- import { input, Directive, isDevMode } from '@angular/core';
3
-
4
- /**
5
- * Applies data-size attribute to host-element.
6
- */
7
- class HostSize {
8
- /**
9
- * Changes size for descendant Designsystemet components. Select from predefined sizes.
10
- * @attribute data-size
11
- */
12
- dataSize = input(undefined, { ...(ngDevMode ? { debugName: "dataSize" } : /* istanbul ignore next */ {}), alias: 'data-size' });
13
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HostSize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
14
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HostSize, isStandalone: true, inputs: { dataSize: { classPropertyName: "dataSize", publicName: "data-size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "dataSize() || null" } }, ngImport: i0 });
15
- }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HostSize, decorators: [{
17
- type: Directive,
18
- args: [{
19
- host: {
20
- '[attr.data-size]': 'dataSize() || null',
21
- },
22
- }]
23
- }], propDecorators: { dataSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-size", required: false }] }] } });
24
- /**
25
- * Applies data-color attribute to host-element for all colors, including severity colors.
26
- */
27
- class HostColor {
28
- /**
29
- * Changes color for descendant Designsystemet components.
30
- * Select from predefined colors and colors defined in theme.
31
- * @attribute data-color
32
- */
33
- dataColor = input(undefined, { ...(ngDevMode ? { debugName: "dataColor" } : /* istanbul ignore next */ {}), alias: 'data-color' });
34
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HostColor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
35
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HostColor, isStandalone: true, inputs: { dataColor: { classPropertyName: "dataColor", publicName: "data-color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-color": "dataColor() || null" } }, ngImport: i0 });
36
- }
37
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HostColor, decorators: [{
38
- type: Directive,
39
- args: [{
40
- host: {
41
- '[attr.data-color]': 'dataColor() || null',
42
- },
43
- }]
44
- }], propDecorators: { dataColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-color", required: false }] }] } });
45
- /**
46
- * Applies data-color attribute to host-element for severity colors.
47
- */
48
- class HostSeverityColors {
49
- /**
50
- * Changes color for descendant Designsystemet components.
51
- * Select from predefined colors and colors defined in theme.
52
- * @attribute data-color
53
- */
54
- dataColor = input(undefined, { ...(ngDevMode ? { debugName: "dataColor" } : /* istanbul ignore next */ {}), alias: 'data-color' });
55
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HostSeverityColors, deps: [], target: i0.ɵɵFactoryTarget.Directive });
56
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HostSeverityColors, isStandalone: true, inputs: { dataColor: { classPropertyName: "dataColor", publicName: "data-color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-color": "dataColor() || null" } }, ngImport: i0 });
57
- }
58
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HostSeverityColors, decorators: [{
59
- type: Directive,
60
- args: [{
61
- host: {
62
- '[attr.data-color]': 'dataColor() || null',
63
- },
64
- }]
65
- }], propDecorators: { dataColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-color", required: false }] }] } });
66
-
67
- const logIfDevMode = ({ component, message, }) => {
68
- if (isDevMode()) {
69
- console.log(`[${component}] ${message}`);
70
- }
1
+ import * as i0 from "@angular/core";
2
+ import { Directive, input, isDevMode } from "@angular/core";
3
+ var HostSize = class HostSize {
4
+ dataSize = input(void 0, {
5
+ ...ngDevMode ? { debugName: "dataSize" } : /* istanbul ignore next */ {},
6
+ alias: "data-size"
7
+ });
8
+ static ɵfac = i0.ɵɵngDeclareFactory({
9
+ minVersion: "12.0.0",
10
+ version: "22.2.1",
11
+ ngImport: i0,
12
+ type: HostSize,
13
+ deps: [],
14
+ target: i0.ɵɵFactoryTarget.Directive
15
+ });
16
+ static ɵdir = i0.ɵɵngDeclareDirective({
17
+ minVersion: "17.1.0",
18
+ version: "22.2.1",
19
+ type: HostSize,
20
+ isStandalone: true,
21
+ inputs: { dataSize: {
22
+ classPropertyName: "dataSize",
23
+ publicName: "data-size",
24
+ isSignal: true,
25
+ isRequired: false,
26
+ transformFunction: null
27
+ } },
28
+ host: { properties: { "attr.data-size": "dataSize() || null" } },
29
+ ngImport: i0
30
+ });
31
+ };
32
+ i0.ɵɵngDeclareClassMetadata({
33
+ minVersion: "12.0.0",
34
+ version: "22.2.1",
35
+ ngImport: i0,
36
+ type: HostSize,
37
+ decorators: [{
38
+ type: Directive,
39
+ args: [{ host: { "[attr.data-size]": "dataSize() || null" } }]
40
+ }],
41
+ propDecorators: { dataSize: [{
42
+ type: i0.Input,
43
+ args: [{
44
+ isSignal: true,
45
+ alias: "data-size",
46
+ required: false
47
+ }]
48
+ }] }
49
+ });
50
+ var HostColor = class HostColor {
51
+ dataColor = input(void 0, {
52
+ ...ngDevMode ? { debugName: "dataColor" } : /* istanbul ignore next */ {},
53
+ alias: "data-color"
54
+ });
55
+ static ɵfac = i0.ɵɵngDeclareFactory({
56
+ minVersion: "12.0.0",
57
+ version: "22.2.1",
58
+ ngImport: i0,
59
+ type: HostColor,
60
+ deps: [],
61
+ target: i0.ɵɵFactoryTarget.Directive
62
+ });
63
+ static ɵdir = i0.ɵɵngDeclareDirective({
64
+ minVersion: "17.1.0",
65
+ version: "22.2.1",
66
+ type: HostColor,
67
+ isStandalone: true,
68
+ inputs: { dataColor: {
69
+ classPropertyName: "dataColor",
70
+ publicName: "data-color",
71
+ isSignal: true,
72
+ isRequired: false,
73
+ transformFunction: null
74
+ } },
75
+ host: { properties: { "attr.data-color": "dataColor() || null" } },
76
+ ngImport: i0
77
+ });
78
+ };
79
+ i0.ɵɵngDeclareClassMetadata({
80
+ minVersion: "12.0.0",
81
+ version: "22.2.1",
82
+ ngImport: i0,
83
+ type: HostColor,
84
+ decorators: [{
85
+ type: Directive,
86
+ args: [{ host: { "[attr.data-color]": "dataColor() || null" } }]
87
+ }],
88
+ propDecorators: { dataColor: [{
89
+ type: i0.Input,
90
+ args: [{
91
+ isSignal: true,
92
+ alias: "data-color",
93
+ required: false
94
+ }]
95
+ }] }
96
+ });
97
+ var HostSeverityColors = class HostSeverityColors {
98
+ dataColor = input(void 0, {
99
+ ...ngDevMode ? { debugName: "dataColor" } : /* istanbul ignore next */ {},
100
+ alias: "data-color"
101
+ });
102
+ static ɵfac = i0.ɵɵngDeclareFactory({
103
+ minVersion: "12.0.0",
104
+ version: "22.2.1",
105
+ ngImport: i0,
106
+ type: HostSeverityColors,
107
+ deps: [],
108
+ target: i0.ɵɵFactoryTarget.Directive
109
+ });
110
+ static ɵdir = i0.ɵɵngDeclareDirective({
111
+ minVersion: "17.1.0",
112
+ version: "22.2.1",
113
+ type: HostSeverityColors,
114
+ isStandalone: true,
115
+ inputs: { dataColor: {
116
+ classPropertyName: "dataColor",
117
+ publicName: "data-color",
118
+ isSignal: true,
119
+ isRequired: false,
120
+ transformFunction: null
121
+ } },
122
+ host: { properties: { "attr.data-color": "dataColor() || null" } },
123
+ ngImport: i0
124
+ });
125
+ };
126
+ i0.ɵɵngDeclareClassMetadata({
127
+ minVersion: "12.0.0",
128
+ version: "22.2.1",
129
+ ngImport: i0,
130
+ type: HostSeverityColors,
131
+ decorators: [{
132
+ type: Directive,
133
+ args: [{ host: { "[attr.data-color]": "dataColor() || null" } }]
134
+ }],
135
+ propDecorators: { dataColor: [{
136
+ type: i0.Input,
137
+ args: [{
138
+ isSignal: true,
139
+ alias: "data-color",
140
+ required: false
141
+ }]
142
+ }] }
143
+ });
144
+ const logIfDevMode = ({ component, message }) => {
145
+ if (isDevMode()) console.log(`[${component}] ${message}`);
71
146
  };
72
-
73
147
  const randomId = () => {
74
- return `${Math.random().toString(36).slice(2, 7)}`;
148
+ return `${Math.random().toString(36).slice(2, 7)}`;
75
149
  };
76
-
77
- /**
78
- * Generated bundle index. Do not edit.
79
- */
80
-
81
150
  export { HostColor, HostSeverityColors, HostSize, logIfDevMode, randomId };
82
- //# sourceMappingURL=ks-digital-designsystem-angular-__internals.mjs.map
151
+
152
+ //# sourceMappingURL=ks-digital-designsystem-angular-__internals.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ks-digital-designsystem-angular-__internals.mjs","sources":["../../../../packages/angular/__internals/src/host-directives.ts","../../../../packages/angular/__internals/src/log-if-devmode.ts","../../../../packages/angular/__internals/src/random-id.ts","../../../../packages/angular/__internals/src/ks-digital-designsystem-angular-__internals.ts"],"sourcesContent":["import { Directive, input } from '@angular/core'\nimport {\n ColorDefinitions,\n SeverityColorDefinitions,\n Size,\n} from '@ks-digital/designsystem-themes/types'\n\n/**\n * Applies data-size attribute to host-element.\n */\n@Directive({\n host: {\n '[attr.data-size]': 'dataSize() || null',\n },\n})\nexport class HostSize {\n /**\n * Changes size for descendant Designsystemet components. Select from predefined sizes.\n * @attribute data-size\n */\n readonly dataSize = input<Size>(undefined, {\n alias: 'data-size',\n })\n}\n\n/**\n * Applies data-color attribute to host-element for all colors, including severity colors.\n */\n@Directive({\n host: {\n '[attr.data-color]': 'dataColor() || null',\n },\n})\nexport class HostColor {\n /**\n * Changes color for descendant Designsystemet components.\n * Select from predefined colors and colors defined in theme.\n * @attribute data-color\n */\n readonly dataColor = input<\n keyof ColorDefinitions | keyof SeverityColorDefinitions\n >(undefined, { alias: 'data-color' })\n}\n\n/**\n * Applies data-color attribute to host-element for severity colors.\n */\n@Directive({\n host: {\n '[attr.data-color]': 'dataColor() || null',\n },\n})\nexport class HostSeverityColors {\n /**\n * Changes color for descendant Designsystemet components.\n * Select from predefined colors and colors defined in theme.\n * @attribute data-color\n */\n readonly dataColor = input<keyof SeverityColorDefinitions>(undefined, {\n alias: 'data-color',\n })\n}\n","import { isDevMode } from '@angular/core'\n\nexport const logIfDevMode = ({\n component,\n message,\n}: {\n component: string\n message: string\n}) => {\n if (isDevMode()) {\n console.log(`[${component}] ${message}`)\n }\n}\n","export const randomId = () => {\n return `${Math.random().toString(36).slice(2, 7)}`\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ks-digital-designsystem-angular-__internals.mjs","names":[],"sources":["../../../../packages/angular/__internals/src/host-directives.ts","../../../../packages/angular/__internals/src/log-if-devmode.ts","../../../../packages/angular/__internals/src/random-id.ts"],"sourcesContent":["import { Directive, input } from '@angular/core'\nimport {\n ColorDefinitions,\n SeverityColorDefinitions,\n Size,\n} from '@ks-digital/designsystem-themes/types'\n\n/**\n * Applies data-size attribute to host-element.\n */\n@Directive({\n host: {\n '[attr.data-size]': 'dataSize() || null',\n },\n})\nexport class HostSize {\n /**\n * Changes size for descendant Designsystemet components. Select from predefined sizes.\n * @attribute data-size\n */\n readonly dataSize = input<Size>(undefined, {\n alias: 'data-size',\n })\n}\n\n/**\n * Applies data-color attribute to host-element for all colors, including severity colors.\n */\n@Directive({\n host: {\n '[attr.data-color]': 'dataColor() || null',\n },\n})\nexport class HostColor {\n /**\n * Changes color for descendant Designsystemet components.\n * Select from predefined colors and colors defined in theme.\n * @attribute data-color\n */\n readonly dataColor = input<\n keyof ColorDefinitions | keyof SeverityColorDefinitions\n >(undefined, { alias: 'data-color' })\n}\n\n/**\n * Applies data-color attribute to host-element for severity colors.\n */\n@Directive({\n host: {\n '[attr.data-color]': 'dataColor() || null',\n },\n})\nexport class HostSeverityColors {\n /**\n * Changes color for descendant Designsystemet components.\n * Select from predefined colors and colors defined in theme.\n * @attribute data-color\n */\n readonly dataColor = input<keyof SeverityColorDefinitions>(undefined, {\n alias: 'data-color',\n })\n}\n","import { isDevMode } from '@angular/core'\n\nexport const logIfDevMode = ({\n component,\n message,\n}: {\n component: string\n message: string\n}) => {\n if (isDevMode()) {\n console.log(`[${component}] ${message}`)\n }\n}\n","export const randomId = () => {\n return `${Math.random().toString(36).slice(2, 7)}`\n}\n"],"mappings":";;AAeA,IAAa,WAAb,MAAa,SAAQ;CAKV,WAAW,MAAY,QAAS;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EACvC,OAAO;CAAW,CAAA;CANT,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAQ,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAR,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAQ,cAAA;EAAA,QAAA,EAAA,UAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,qBAAA,EAAA;EAAA,UAAA;CAAA,CAAA;;AAAR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAQ,YAAA,CAAA;EALpB,MAAA;EAAU,MAAA,CAAA,EACT,MAAM,EACJ,oBAAoB,qBACrB,EACF,CAAA;;;;;;;;;;;AAmBD,IAAa,YAAb,MAAa,UAAS;CAMX,YAAY,MAEnB,QAAS;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAY,CAAA;CARvB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,mBAAA,sBAAA,EAAA;EAAA,UAAA;CAAA,CAAA;;AAAT,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EALrB,MAAA;EAAU,MAAA,CAAA,EACT,MAAM,EACJ,qBAAqB,sBACtB,EACF,CAAA;;;;;;;;;;;AAoBD,IAAa,qBAAb,MAAa,mBAAkB;CAMpB,YAAY,MAAsC,QAAS;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAClE,OAAO;CAAY,CAAA;CAPV,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAkB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAlB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAkB,cAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,mBAAA,sBAAA,EAAA;EAAA,UAAA;CAAA,CAAA;;AAAlB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAL9B,MAAA;EAAU,MAAA,CAAA,EACT,MAAM,EACJ,qBAAqB,sBACtB,EACF,CAAA;;;;;;;;;;;ACjDD,MAAa,gBAAgB,EAC3B,WACA,cAIG;CACH,IAAI,UAAS,GACX,QAAQ,IAAI,IAAI,UAAS,IAAK,SAAS;AAE3C;ACZA,MAAa,iBAAgB;CAC3B,OAAO,GAAG,KAAK,OAAM,CAAE,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;AACjD"}
@@ -1,34 +1,60 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import * as i1 from '@ks-digital/designsystem-angular/__internals';
4
- import { HostSize, HostSeverityColors } from '@ks-digital/designsystem-angular/__internals';
5
-
6
- /**
7
- * Alerts are used to inform users about important information, warnings, errors, or success.
8
- */
9
- class Alert {
10
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Alert, deps: [], target: i0.ɵɵFactoryTarget.Component });
11
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: Alert, isStandalone: true, selector: "ksd-alert", host: { classAttribute: "ds-alert" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostSeverityColors, inputs: ["data-color", "data-color"] }], ngImport: i0, template: ` <ng-content />`, isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
12
- }
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Alert, decorators: [{
14
- type: Component,
15
- args: [{ selector: 'ksd-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: ` <ng-content />`, host: {
16
- class: 'ds-alert',
17
- }, hostDirectives: [
18
- {
19
- directive: HostSize,
20
- inputs: ['data-size'],
21
- },
22
- {
23
- directive: HostSeverityColors,
24
- inputs: ['data-color'],
25
- },
26
- ], styles: [":host{display:block}\n"] }]
27
- }] });
28
-
29
- /**
30
- * Generated bundle index. Do not edit.
31
- */
32
-
1
+ import * as i0 from "@angular/core";
2
+ import { ChangeDetectionStrategy, Component } from "@angular/core";
3
+ import * as i1 from "@ks-digital/designsystem-angular/__internals";
4
+ import { HostSeverityColors, HostSize } from "@ks-digital/designsystem-angular/__internals";
5
+ var Alert = class Alert {
6
+ static ɵfac = i0.ɵɵngDeclareFactory({
7
+ minVersion: "12.0.0",
8
+ version: "22.2.1",
9
+ ngImport: i0,
10
+ type: Alert,
11
+ deps: [],
12
+ target: i0.ɵɵFactoryTarget.Component
13
+ });
14
+ static ɵcmp = i0.ɵɵngDeclareComponent({
15
+ minVersion: "14.0.0",
16
+ version: "22.2.1",
17
+ type: Alert,
18
+ isStandalone: true,
19
+ selector: "ksd-alert",
20
+ host: { classAttribute: "ds-alert" },
21
+ hostDirectives: [{
22
+ directive: i1.HostSize,
23
+ inputs: ["data-size", "data-size"]
24
+ }, {
25
+ directive: i1.HostSeverityColors,
26
+ inputs: ["data-color", "data-color"]
27
+ }],
28
+ ngImport: i0,
29
+ template: ` <ng-content />`,
30
+ isInline: true,
31
+ styles: [":host{display:block}\n"],
32
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
33
+ });
34
+ };
35
+ i0.ɵɵngDeclareClassMetadata({
36
+ minVersion: "12.0.0",
37
+ version: "22.2.1",
38
+ ngImport: i0,
39
+ type: Alert,
40
+ decorators: [{
41
+ type: Component,
42
+ args: [{
43
+ selector: "ksd-alert",
44
+ changeDetection: ChangeDetectionStrategy.OnPush,
45
+ template: ` <ng-content />`,
46
+ host: { class: "ds-alert" },
47
+ hostDirectives: [{
48
+ directive: HostSize,
49
+ inputs: ["data-size"]
50
+ }, {
51
+ directive: HostSeverityColors,
52
+ inputs: ["data-color"]
53
+ }],
54
+ styles: [":host{display:block}\n"]
55
+ }]
56
+ }]
57
+ });
33
58
  export { Alert };
34
- //# sourceMappingURL=ks-digital-designsystem-angular-alert.mjs.map
59
+
60
+ //# sourceMappingURL=ks-digital-designsystem-angular-alert.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ks-digital-designsystem-angular-alert.mjs","sources":["../../../../packages/angular/alert/src/alert.ts","../../../../packages/angular/alert/src/ks-digital-designsystem-angular-alert.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core'\nimport {\n HostSeverityColors,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n/**\n * Alerts are used to inform users about important information, warnings, errors, or success.\n */\n@Component({\n selector: 'ksd-alert',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: ` <ng-content />`,\n host: {\n class: 'ds-alert',\n },\n styles: `\n :host {\n display: block;\n }\n `,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostSeverityColors,\n inputs: ['data-color'],\n },\n ],\n})\nexport class Alert {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAMA;;AAEG;MAwBU,KAAK,CAAA;uGAAL,KAAK,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAL,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAK,yQApBN,CAAA,eAAA,CAAiB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAoBhB,KAAK,EAAA,UAAA,EAAA,CAAA;kBAvBjB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,mBACJ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,iBAAiB,EAAA,IAAA,EACrB;AACJ,wBAAA,KAAK,EAAE,UAAU;qBAClB,EAAA,cAAA,EAMe;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,WAAW,CAAC;AACtB,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,kBAAkB;4BAC7B,MAAM,EAAE,CAAC,YAAY,CAAC;AACvB,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AC9BH;;AAEG;;;;"}
1
+ {"version":3,"file":"ks-digital-designsystem-angular-alert.mjs","names":[],"sources":["../../../../packages/angular/alert/src/alert.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core'\nimport {\n HostSeverityColors,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n/**\n * Alerts are used to inform users about important information, warnings, errors, or success.\n */\n@Component({\n selector: 'ksd-alert',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: ` <ng-content />`,\n host: {\n class: 'ds-alert',\n },\n styles: `\n :host {\n display: block;\n }\n `,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostSeverityColors,\n inputs: ['data-color'],\n },\n ],\n})\nexport class Alert {}\n"],"mappings":";;;;AAgCA,IAAa,QAAb,MAAa,MAAK;CAAL,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAK,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAL,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAK,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,WAAA;EAAA,gBAAA,CAAA;GAAA,WAAA,GAAA;GAAA,QAAA,CAAA,aAAA,WAAA;EAAA,GAAA;GAAA,WAAA,GAAA;GAAA,QAAA,CAAA,cAAA,YAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UApBN;EAAiB,UAAA;EAAA,QAAA,CAAA,wBAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAoBhB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAK,YAAA,CAAA;EAvBjB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAW,iBACJ,wBAAwB;GAAM,UACrC;GAAiB,MACrB,EACJ,OAAO,WACR;GAAA,gBAMe,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;GAAA,QAAA,CAAA,wBAAA;EAAA,CAAA"}
@@ -1,51 +1,87 @@
1
- import * as i0 from '@angular/core';
2
- import { input, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import '@digdir/designsystemet-web/ds-breadcrumbs';
4
- import * as i1 from '@ks-digital/designsystem-angular/__internals';
5
- import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
6
-
7
- class Breadcrumbs {
8
- /**
9
- * Sets the screen reader label for the pagination
10
- */
11
- ariaLabel = input('Du er her:', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
12
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Breadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component });
13
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: Breadcrumbs, isStandalone: true, selector: "ksd-breadcrumbs", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "null" } }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: `
1
+ import * as i0 from "@angular/core";
2
+ import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, input } from "@angular/core";
3
+ import "@digdir/designsystemet-web/ds-breadcrumbs";
4
+ import * as i1 from "@ks-digital/designsystem-angular/__internals";
5
+ import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
6
+ var Breadcrumbs = class Breadcrumbs {
7
+ ariaLabel = input("Du er her:", {
8
+ ...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
9
+ alias: "aria-label"
10
+ });
11
+ static ɵfac = i0.ɵɵngDeclareFactory({
12
+ minVersion: "12.0.0",
13
+ version: "22.2.1",
14
+ ngImport: i0,
15
+ type: Breadcrumbs,
16
+ deps: [],
17
+ target: i0.ɵɵFactoryTarget.Component
18
+ });
19
+ static ɵcmp = i0.ɵɵngDeclareComponent({
20
+ minVersion: "17.1.0",
21
+ version: "22.2.1",
22
+ type: Breadcrumbs,
23
+ isStandalone: true,
24
+ selector: "ksd-breadcrumbs",
25
+ inputs: { ariaLabel: {
26
+ classPropertyName: "ariaLabel",
27
+ publicName: "aria-label",
28
+ isSignal: true,
29
+ isRequired: false,
30
+ transformFunction: null
31
+ } },
32
+ host: { properties: { "attr.aria-label": "null" } },
33
+ hostDirectives: [{
34
+ directive: i1.HostSize,
35
+ inputs: ["data-size", "data-size"]
36
+ }, {
37
+ directive: i1.HostColor,
38
+ inputs: ["data-color", "data-color"]
39
+ }],
40
+ ngImport: i0,
41
+ template: `
14
42
  <ds-breadcrumbs class="ds-breadcrumbs" [attr.aria-label]="ariaLabel()">
15
43
  <ng-content />
16
44
  </ds-breadcrumbs>
17
- `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
18
- }
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Breadcrumbs, decorators: [{
20
- type: Component,
21
- args: [{
22
- selector: 'ksd-breadcrumbs',
23
- changeDetection: ChangeDetectionStrategy.OnPush,
24
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
25
- template: `
45
+ `,
46
+ isInline: true,
47
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
48
+ });
49
+ };
50
+ i0.ɵɵngDeclareClassMetadata({
51
+ minVersion: "12.0.0",
52
+ version: "22.2.1",
53
+ ngImport: i0,
54
+ type: Breadcrumbs,
55
+ decorators: [{
56
+ type: Component,
57
+ args: [{
58
+ selector: "ksd-breadcrumbs",
59
+ changeDetection: ChangeDetectionStrategy.OnPush,
60
+ schemas: [CUSTOM_ELEMENTS_SCHEMA],
61
+ template: `
26
62
  <ds-breadcrumbs class="ds-breadcrumbs" [attr.aria-label]="ariaLabel()">
27
63
  <ng-content />
28
64
  </ds-breadcrumbs>
29
65
  `,
30
- host: {
31
- '[attr.aria-label]': 'null',
32
- },
33
- hostDirectives: [
34
- {
35
- directive: HostSize,
36
- inputs: ['data-size'],
37
- },
38
- {
39
- directive: HostColor,
40
- inputs: ['data-color'],
41
- },
42
- ],
43
- }]
44
- }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
45
-
46
- /**
47
- * Generated bundle index. Do not edit.
48
- */
49
-
66
+ host: { "[attr.aria-label]": "null" },
67
+ hostDirectives: [{
68
+ directive: HostSize,
69
+ inputs: ["data-size"]
70
+ }, {
71
+ directive: HostColor,
72
+ inputs: ["data-color"]
73
+ }]
74
+ }]
75
+ }],
76
+ propDecorators: { ariaLabel: [{
77
+ type: i0.Input,
78
+ args: [{
79
+ isSignal: true,
80
+ alias: "aria-label",
81
+ required: false
82
+ }]
83
+ }] }
84
+ });
50
85
  export { Breadcrumbs };
51
- //# sourceMappingURL=ks-digital-designsystem-angular-breadcrumbs.mjs.map
86
+
87
+ //# sourceMappingURL=ks-digital-designsystem-angular-breadcrumbs.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ks-digital-designsystem-angular-breadcrumbs.mjs","sources":["../../../../packages/angular/breadcrumbs/src/breadcrumbs.ts","../../../../packages/angular/breadcrumbs/src/ks-digital-designsystem-angular-breadcrumbs.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n CUSTOM_ELEMENTS_SCHEMA,\n input,\n} from '@angular/core'\nimport '@digdir/designsystemet-web/ds-breadcrumbs'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n selector: 'ksd-breadcrumbs',\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n template: `\n <ds-breadcrumbs class=\"ds-breadcrumbs\" [attr.aria-label]=\"ariaLabel()\">\n <ng-content />\n </ds-breadcrumbs>\n `,\n host: {\n '[attr.aria-label]': 'null',\n },\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n})\nexport class Breadcrumbs {\n /**\n * Sets the screen reader label for the pagination\n */\n readonly ariaLabel = input<string>('Du er her:', { alias: 'aria-label' })\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAmCa,WAAW,CAAA;AACtB;;AAEG;IACM,SAAS,GAAG,KAAK,CAAS,YAAY,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;uGAJ9D,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAnBZ;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAeU,WAAW,EAAA,UAAA,EAAA,CAAA;kBAvBvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,mBAAmB,EAAE,MAAM;AAC5B,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,WAAW,CAAC;AACtB,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,SAAS;4BACpB,MAAM,EAAE,CAAC,YAAY,CAAC;AACvB,yBAAA;AACF,qBAAA;AACF,iBAAA;;;AClCD;;AAEG;;;;"}
1
+ {"version":3,"file":"ks-digital-designsystem-angular-breadcrumbs.mjs","names":[],"sources":["../../../../packages/angular/breadcrumbs/src/breadcrumbs.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n CUSTOM_ELEMENTS_SCHEMA,\n input,\n} from '@angular/core'\nimport '@digdir/designsystemet-web/ds-breadcrumbs'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n selector: 'ksd-breadcrumbs',\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n template: `\n <ds-breadcrumbs class=\"ds-breadcrumbs\" [attr.aria-label]=\"ariaLabel()\">\n <ng-content />\n </ds-breadcrumbs>\n `,\n host: {\n '[attr.aria-label]': 'null',\n },\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n})\nexport class Breadcrumbs {\n /**\n * Sets the screen reader label for the pagination\n */\n readonly ariaLabel = input<string>('Du er her:', { alias: 'aria-label' })\n}\n"],"mappings":";;;;;AAmCA,IAAa,cAAb,MAAa,YAAW;CAIb,YAAY,MAAc,cAAY;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAY,CAAA;CAJ3D,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAW,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,mBAAA,OAAA,EAAA;EAAA,gBAAA,CAAA;GAAA,WAAA,GAAA;GAAA,QAAA,CAAA,aAAA,WAAA;EAAA,GAAA;GAAA,WAAA,GAAA;GAAA,QAAA,CAAA,cAAA,YAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UAnBZ;;;;;EAIT,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAeU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EAvBvB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,SAAS,CAAC,sBAAsB;GAChC,UAAU;;;;;GAKV,MAAM,EACJ,qBAAqB,OACtB;GACD,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;EACF,CAAA"}