@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
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
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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"
|
|
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
|
|
2
|
-
import { ChangeDetectionStrategy, Component } from
|
|
3
|
-
import * as i1 from
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
59
|
+
|
|
60
|
+
//# sourceMappingURL=ks-digital-designsystem-angular-alert.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ks-digital-designsystem-angular-alert.mjs","
|
|
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
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import * as i1 from
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
`,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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
|
-
|
|
86
|
+
|
|
87
|
+
//# sourceMappingURL=ks-digital-designsystem-angular-breadcrumbs.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ks-digital-designsystem-angular-breadcrumbs.mjs","
|
|
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"}
|