@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,77 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import {
|
|
3
|
-
import * as i1 from
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
i0.ɵɵ
|
|
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
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, input } from "@angular/core";
|
|
3
|
+
import * as i1 from "@ks-digital/designsystem-angular/__internals";
|
|
4
|
+
import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
|
|
5
|
+
var Chip = class Chip {
|
|
6
|
+
dataRemovable = input(false, {
|
|
7
|
+
...ngDevMode ? { debugName: "dataRemovable" } : /* istanbul ignore next */ {},
|
|
8
|
+
alias: "data-removable"
|
|
9
|
+
});
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
11
|
+
minVersion: "12.0.0",
|
|
12
|
+
version: "22.2.0",
|
|
13
|
+
ngImport: i0,
|
|
14
|
+
type: Chip,
|
|
15
|
+
deps: [],
|
|
16
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
17
|
+
});
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
19
|
+
minVersion: "17.1.0",
|
|
20
|
+
version: "22.2.0",
|
|
21
|
+
type: Chip,
|
|
22
|
+
isStandalone: true,
|
|
23
|
+
selector: "label[ksd-chip], button[ksd-chip]",
|
|
24
|
+
inputs: { dataRemovable: {
|
|
25
|
+
classPropertyName: "dataRemovable",
|
|
26
|
+
publicName: "data-removable",
|
|
27
|
+
isSignal: true,
|
|
28
|
+
isRequired: false,
|
|
29
|
+
transformFunction: null
|
|
30
|
+
} },
|
|
31
|
+
host: { classAttribute: "ds-chip" },
|
|
32
|
+
hostDirectives: [{
|
|
33
|
+
directive: i1.HostSize,
|
|
34
|
+
inputs: ["data-size", "data-size"]
|
|
35
|
+
}, {
|
|
36
|
+
directive: i1.HostColor,
|
|
37
|
+
inputs: ["data-color", "data-color"]
|
|
38
|
+
}],
|
|
39
|
+
ngImport: i0,
|
|
40
|
+
template: `<ng-content />`,
|
|
41
|
+
isInline: true,
|
|
42
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
46
|
+
minVersion: "12.0.0",
|
|
47
|
+
version: "22.2.0",
|
|
48
|
+
ngImport: i0,
|
|
49
|
+
type: Chip,
|
|
50
|
+
decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{
|
|
53
|
+
selector: "label[ksd-chip], button[ksd-chip]",
|
|
54
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
55
|
+
template: `<ng-content />`,
|
|
56
|
+
host: { class: "ds-chip" },
|
|
57
|
+
hostDirectives: [{
|
|
58
|
+
directive: HostSize,
|
|
59
|
+
inputs: ["data-size"]
|
|
60
|
+
}, {
|
|
61
|
+
directive: HostColor,
|
|
62
|
+
inputs: ["data-color"]
|
|
63
|
+
}]
|
|
64
|
+
}]
|
|
65
|
+
}],
|
|
66
|
+
propDecorators: { dataRemovable: [{
|
|
67
|
+
type: i0.Input,
|
|
68
|
+
args: [{
|
|
69
|
+
isSignal: true,
|
|
70
|
+
alias: "data-removable",
|
|
71
|
+
required: false
|
|
72
|
+
}]
|
|
73
|
+
}] }
|
|
74
|
+
});
|
|
42
75
|
export { Chip };
|
|
43
|
-
|
|
76
|
+
|
|
77
|
+
//# sourceMappingURL=ks-digital-designsystem-angular-chip.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ks-digital-designsystem-angular-chip.mjs","
|
|
1
|
+
{"version":3,"file":"ks-digital-designsystem-angular-chip.mjs","names":[],"sources":["../../../../packages/angular/chip/src/chip.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n selector: 'label[ksd-chip], button[ksd-chip]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `<ng-content />`,\n host: {\n class: 'ds-chip',\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 Chip {\n /**\n * Whether the chip is removable or not. If true, a remove icon will be displayed.\n * If using this, you should add an aria-label as well, e.g \"Slett {item}\"\n * @attribute data-removable\n */\n dataRemovable = input<boolean>(false, { alias: 'data-removable' })\n}\n"],"mappings":";;;;AAwBA,IAAa,OAAb,MAAa,KAAI;CAMf,gBAAgB,MAAe,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,gBAAA,+BAAA,CAAA;EAAI,OAAO;CAAgB,CAAA;CANpD,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAI,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAJ,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAI,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,eAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA,EAAA,gBAAA,UAAA;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,UAfL;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAef,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAI,YAAA,CAAA;EAlBhB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,UAAU;GACV,MAAM,EACJ,OAAO,UACR;GACD,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;EACF,CAAA"}
|
|
@@ -1,65 +1,149 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import * as i1 from
|
|
5
|
-
import {
|
|
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
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Directive, input } from "@angular/core";
|
|
3
|
+
import "@digdir/designsystemet-web/details";
|
|
4
|
+
import * as i1 from "@ks-digital/designsystem-angular/__internals";
|
|
5
|
+
import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
|
|
6
|
+
var Details = class Details {
|
|
7
|
+
dataVariant = input("default", {
|
|
8
|
+
...ngDevMode ? { debugName: "dataVariant" } : /* istanbul ignore next */ {},
|
|
9
|
+
alias: "data-variant"
|
|
10
|
+
});
|
|
11
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
12
|
+
minVersion: "12.0.0",
|
|
13
|
+
version: "22.2.0",
|
|
14
|
+
ngImport: i0,
|
|
15
|
+
type: Details,
|
|
16
|
+
deps: [],
|
|
17
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
18
|
+
});
|
|
19
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
20
|
+
minVersion: "17.1.0",
|
|
21
|
+
version: "22.2.0",
|
|
22
|
+
type: Details,
|
|
23
|
+
isStandalone: true,
|
|
24
|
+
selector: "details[ksd-details]",
|
|
25
|
+
inputs: { dataVariant: {
|
|
26
|
+
classPropertyName: "dataVariant",
|
|
27
|
+
publicName: "data-variant",
|
|
28
|
+
isSignal: true,
|
|
29
|
+
isRequired: false,
|
|
30
|
+
transformFunction: null
|
|
31
|
+
} },
|
|
32
|
+
host: {
|
|
33
|
+
properties: { "attr.data-variant": "dataVariant()" },
|
|
34
|
+
classAttribute: "ds-details"
|
|
35
|
+
},
|
|
36
|
+
hostDirectives: [{
|
|
37
|
+
directive: i1.HostSize,
|
|
38
|
+
inputs: ["data-size", "data-size"]
|
|
39
|
+
}, {
|
|
40
|
+
directive: i1.HostColor,
|
|
41
|
+
inputs: ["data-color", "data-color"]
|
|
42
|
+
}],
|
|
43
|
+
ngImport: i0
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
47
|
+
minVersion: "12.0.0",
|
|
48
|
+
version: "22.2.0",
|
|
49
|
+
ngImport: i0,
|
|
50
|
+
type: Details,
|
|
51
|
+
decorators: [{
|
|
52
|
+
type: Directive,
|
|
53
|
+
args: [{
|
|
54
|
+
selector: "details[ksd-details]",
|
|
55
|
+
hostDirectives: [{
|
|
56
|
+
directive: HostSize,
|
|
57
|
+
inputs: ["data-size"]
|
|
58
|
+
}, {
|
|
59
|
+
directive: HostColor,
|
|
60
|
+
inputs: ["data-color"]
|
|
61
|
+
}],
|
|
62
|
+
host: {
|
|
63
|
+
class: "ds-details",
|
|
64
|
+
"[attr.data-variant]": "dataVariant()"
|
|
65
|
+
}
|
|
66
|
+
}]
|
|
67
|
+
}],
|
|
68
|
+
propDecorators: { dataVariant: [{
|
|
69
|
+
type: i0.Input,
|
|
70
|
+
args: [{
|
|
71
|
+
isSignal: true,
|
|
72
|
+
alias: "data-variant",
|
|
73
|
+
required: false
|
|
74
|
+
}]
|
|
75
|
+
}] }
|
|
76
|
+
});
|
|
77
|
+
var DetailsContent = class DetailsContent {
|
|
78
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
79
|
+
minVersion: "12.0.0",
|
|
80
|
+
version: "22.2.0",
|
|
81
|
+
ngImport: i0,
|
|
82
|
+
type: DetailsContent,
|
|
83
|
+
deps: [],
|
|
84
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
85
|
+
});
|
|
86
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
87
|
+
minVersion: "14.0.0",
|
|
88
|
+
version: "22.2.0",
|
|
89
|
+
type: DetailsContent,
|
|
90
|
+
isStandalone: true,
|
|
91
|
+
selector: "ksd-details-content",
|
|
92
|
+
ngImport: i0,
|
|
93
|
+
template: `<ng-content />`,
|
|
94
|
+
isInline: true,
|
|
95
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
96
|
+
});
|
|
97
|
+
};
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
99
|
+
minVersion: "12.0.0",
|
|
100
|
+
version: "22.2.0",
|
|
101
|
+
ngImport: i0,
|
|
102
|
+
type: DetailsContent,
|
|
103
|
+
decorators: [{
|
|
104
|
+
type: Component,
|
|
105
|
+
args: [{
|
|
106
|
+
selector: "ksd-details-content",
|
|
107
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
108
|
+
template: `<ng-content />`
|
|
109
|
+
}]
|
|
110
|
+
}]
|
|
111
|
+
});
|
|
112
|
+
var DetailsSummary = class DetailsSummary {
|
|
113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
114
|
+
minVersion: "12.0.0",
|
|
115
|
+
version: "22.2.0",
|
|
116
|
+
ngImport: i0,
|
|
117
|
+
type: DetailsSummary,
|
|
118
|
+
deps: [],
|
|
119
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
120
|
+
});
|
|
121
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
122
|
+
minVersion: "14.0.0",
|
|
123
|
+
version: "22.2.0",
|
|
124
|
+
type: DetailsSummary,
|
|
125
|
+
isStandalone: true,
|
|
126
|
+
selector: "ksd-details-summary",
|
|
127
|
+
ngImport: i0,
|
|
128
|
+
template: `<ng-content />`,
|
|
129
|
+
isInline: true,
|
|
130
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
131
|
+
});
|
|
132
|
+
};
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
134
|
+
minVersion: "12.0.0",
|
|
135
|
+
version: "22.2.0",
|
|
136
|
+
ngImport: i0,
|
|
137
|
+
type: DetailsSummary,
|
|
138
|
+
decorators: [{
|
|
139
|
+
type: Component,
|
|
140
|
+
args: [{
|
|
141
|
+
selector: "ksd-details-summary",
|
|
142
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
143
|
+
template: `<ng-content />`
|
|
144
|
+
}]
|
|
145
|
+
}]
|
|
146
|
+
});
|
|
64
147
|
export { Details, DetailsContent, DetailsSummary };
|
|
65
|
-
|
|
148
|
+
|
|
149
|
+
//# sourceMappingURL=ks-digital-designsystem-angular-details.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ks-digital-designsystem-angular-details.mjs","sources":["../../../../packages/angular/details/src/details.ts","../../../../packages/angular/details/src/details-content.ts","../../../../packages/angular/details/src/details-summary.ts"
|
|
1
|
+
{"version":3,"file":"ks-digital-designsystem-angular-details.mjs","names":[],"sources":["../../../../packages/angular/details/src/details.ts","../../../../packages/angular/details/src/details-content.ts","../../../../packages/angular/details/src/details-summary.ts"],"sourcesContent":["import { Directive, input } from '@angular/core'\nimport '@digdir/designsystemet-web/details'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'details[ksd-details]',\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n host: {\n class: 'ds-details',\n '[attr.data-variant]': 'dataVariant()',\n },\n})\nexport class Details {\n readonly dataVariant = input<'default' | 'tinted'>('default', {\n alias: 'data-variant',\n })\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n selector: 'ksd-details-content',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `<ng-content />`,\n})\nexport class DetailsContent {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n selector: 'ksd-details-summary',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `<ng-content />`,\n})\nexport class DetailsSummary {}\n"],"mappings":";;;;;AAyBA,IAAa,UAAb,MAAa,QAAO;CACT,cAAc,MAA4B,WAAS;EAAA,GAAA,YAAA,EAAA,WAAA,cAAA,+BAAA,CAAA;EAC1D,OAAO;CAAc,CAAA;CAFZ,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAO,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAP,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAO,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,aAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,qBAAA,gBAAA;GAAA,gBAAA;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;CAAA,CAAA;;AAAP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAO,YAAA,CAAA;EAlBnB,MAAA;EAAU,MAAA,CAAA;GAET,UAAU;GACV,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;GACD,MAAM;IACJ,OAAO;IACP,uBAAuB;GACxB;EACF,CAAA;;;;;;;;;;;ACjBD,IAAa,iBAAb,MAAa,eAAc;CAAd,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAc,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAFf;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAL1B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,UAAU;EACX,CAAA;;;ACCD,IAAa,iBAAb,MAAa,eAAc;CAAd,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAc,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAFf;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAL1B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,UAAU;EACX,CAAA"}
|
|
@@ -1,49 +1,107 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import * as i1 from
|
|
6
|
-
import {
|
|
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
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { Directive, input } from "@angular/core";
|
|
3
|
+
import "@digdir/designsystemet-web/dialog";
|
|
4
|
+
import "@digdir/designsystemet-web/invokers";
|
|
5
|
+
import * as i1 from "@ks-digital/designsystem-angular/__internals";
|
|
6
|
+
import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
|
|
7
|
+
var Dialog = class Dialog {
|
|
8
|
+
placement = input(void 0, {
|
|
9
|
+
...ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {},
|
|
10
|
+
alias: "data-placement"
|
|
11
|
+
});
|
|
12
|
+
closedBy = input(void 0, {
|
|
13
|
+
...ngDevMode ? { debugName: "closedBy" } : /* istanbul ignore next */ {},
|
|
14
|
+
alias: "closedby"
|
|
15
|
+
});
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
17
|
+
minVersion: "12.0.0",
|
|
18
|
+
version: "22.2.0",
|
|
19
|
+
ngImport: i0,
|
|
20
|
+
type: Dialog,
|
|
21
|
+
deps: [],
|
|
22
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
23
|
+
});
|
|
24
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
25
|
+
minVersion: "17.1.0",
|
|
26
|
+
version: "22.2.0",
|
|
27
|
+
type: Dialog,
|
|
28
|
+
isStandalone: true,
|
|
29
|
+
selector: "dialog[ksd-dialog]",
|
|
30
|
+
inputs: {
|
|
31
|
+
placement: {
|
|
32
|
+
classPropertyName: "placement",
|
|
33
|
+
publicName: "data-placement",
|
|
34
|
+
isSignal: true,
|
|
35
|
+
isRequired: false,
|
|
36
|
+
transformFunction: null
|
|
37
|
+
},
|
|
38
|
+
closedBy: {
|
|
39
|
+
classPropertyName: "closedBy",
|
|
40
|
+
publicName: "closedby",
|
|
41
|
+
isSignal: true,
|
|
42
|
+
isRequired: false,
|
|
43
|
+
transformFunction: null
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
host: {
|
|
47
|
+
properties: {
|
|
48
|
+
"attr.data-placement": "placement() || undefined",
|
|
49
|
+
"attr.closedby": "closedBy() || null"
|
|
50
|
+
},
|
|
51
|
+
classAttribute: "ds-dialog"
|
|
52
|
+
},
|
|
53
|
+
hostDirectives: [{
|
|
54
|
+
directive: i1.HostSize,
|
|
55
|
+
inputs: ["data-size", "data-size"]
|
|
56
|
+
}, {
|
|
57
|
+
directive: i1.HostColor,
|
|
58
|
+
inputs: ["data-color", "data-color"]
|
|
59
|
+
}],
|
|
60
|
+
ngImport: i0
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
64
|
+
minVersion: "12.0.0",
|
|
65
|
+
version: "22.2.0",
|
|
66
|
+
ngImport: i0,
|
|
67
|
+
type: Dialog,
|
|
68
|
+
decorators: [{
|
|
69
|
+
type: Directive,
|
|
70
|
+
args: [{
|
|
71
|
+
selector: "dialog[ksd-dialog]",
|
|
72
|
+
hostDirectives: [{
|
|
73
|
+
directive: HostSize,
|
|
74
|
+
inputs: ["data-size"]
|
|
75
|
+
}, {
|
|
76
|
+
directive: HostColor,
|
|
77
|
+
inputs: ["data-color"]
|
|
78
|
+
}],
|
|
79
|
+
host: {
|
|
80
|
+
class: "ds-dialog",
|
|
81
|
+
"[attr.data-placement]": "placement() || undefined",
|
|
82
|
+
"[attr.closedby]": "closedBy() || null"
|
|
83
|
+
}
|
|
84
|
+
}]
|
|
85
|
+
}],
|
|
86
|
+
propDecorators: {
|
|
87
|
+
placement: [{
|
|
88
|
+
type: i0.Input,
|
|
89
|
+
args: [{
|
|
90
|
+
isSignal: true,
|
|
91
|
+
alias: "data-placement",
|
|
92
|
+
required: false
|
|
93
|
+
}]
|
|
94
|
+
}],
|
|
95
|
+
closedBy: [{
|
|
96
|
+
type: i0.Input,
|
|
97
|
+
args: [{
|
|
98
|
+
isSignal: true,
|
|
99
|
+
alias: "closedby",
|
|
100
|
+
required: false
|
|
101
|
+
}]
|
|
102
|
+
}]
|
|
103
|
+
}
|
|
104
|
+
});
|
|
48
105
|
export { Dialog };
|
|
49
|
-
|
|
106
|
+
|
|
107
|
+
//# sourceMappingURL=ks-digital-designsystem-angular-dialog.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ks-digital-designsystem-angular-dialog.mjs","
|
|
1
|
+
{"version":3,"file":"ks-digital-designsystem-angular-dialog.mjs","names":[],"sources":["../../../../packages/angular/dialog/src/dialog.ts"],"sourcesContent":["import { Directive, input } from '@angular/core'\nimport '@digdir/designsystemet-web/dialog'\n// dialog.js reacts to `command` events but does not load the polyfill itself\nimport '@digdir/designsystemet-web/invokers'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'dialog[ksd-dialog]',\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n host: {\n class: 'ds-dialog',\n '[attr.data-placement]': 'placement() || undefined',\n '[attr.closedby]': 'closedBy() || null',\n },\n})\nexport class Dialog {\n /** Controls where the dialog appears relative to the viewport edge. Useful for drawer/side-panel variants. */\n readonly placement = input<'bottom' | 'top' | 'left' | 'right' | undefined>(\n undefined,\n { alias: 'data-placement' },\n )\n\n /**\n * Controls which interactions close the dialog.\n * - `any` — closes on backdrop click or Escape key\n * - `closerequest` — closes on Escape key only\n * - `none` — the dialog cannot be closed by the user without an explicit close button\n */\n readonly closedBy = input<'any' | 'closerequest' | 'none' | undefined>(\n undefined,\n { alias: 'closedby' },\n )\n}\n"],"mappings":";;;;;;AA4BA,IAAa,SAAb,MAAa,OAAM;CAER,YAAY,MACnB,QAAS;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EACP,OAAO;CAAgB,CAAA;CASlB,WAAW,MAClB,QAAS;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EACP,OAAO;CAAU,CAAA;CAfV,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAM,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAN,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAM,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,uBAAA;IAAA,iBAAA;GAAA;GAAA,gBAAA;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;CAAA,CAAA;;AAAN,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAM,YAAA,CAAA;EAnBlB,MAAA;EAAU,MAAA,CAAA;GAET,UAAU;GACV,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;GACD,MAAM;IACJ,OAAO;IACP,yBAAyB;IACzB,mBAAmB;GACpB;EACF,CAAA"}
|