@ks-digital/designsystem-angular 0.0.1-alpha.74 → 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.
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,77 @@
1
- import * as i0 from '@angular/core';
2
- import { input, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import * as i1 from '@ks-digital/designsystem-angular/__internals';
4
- import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
5
-
6
- class Chip {
7
- /**
8
- * Whether the chip is removable or not. If true, a remove icon will be displayed.
9
- * If using this, you should add an aria-label as well, e.g "Slett {item}"
10
- * @attribute data-removable
11
- */
12
- dataRemovable = input(false, { ...(ngDevMode ? { debugName: "dataRemovable" } : /* istanbul ignore next */ {}), alias: 'data-removable' });
13
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Chip, deps: [], target: i0.ɵɵFactoryTarget.Component });
14
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: Chip, isStandalone: true, selector: "label[ksd-chip], button[ksd-chip]", inputs: { dataRemovable: { classPropertyName: "dataRemovable", publicName: "data-removable", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ds-chip" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
15
- }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Chip, decorators: [{
17
- type: Component,
18
- args: [{
19
- selector: 'label[ksd-chip], button[ksd-chip]',
20
- changeDetection: ChangeDetectionStrategy.OnPush,
21
- template: `<ng-content />`,
22
- host: {
23
- class: 'ds-chip',
24
- },
25
- hostDirectives: [
26
- {
27
- directive: HostSize,
28
- inputs: ['data-size'],
29
- },
30
- {
31
- directive: HostColor,
32
- inputs: ['data-color'],
33
- },
34
- ],
35
- }]
36
- }], propDecorators: { dataRemovable: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-removable", required: false }] }] } });
37
-
38
- /**
39
- * Generated bundle index. Do not edit.
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
- //# sourceMappingURL=ks-digital-designsystem-angular-chip.mjs.map
76
+
77
+ //# sourceMappingURL=ks-digital-designsystem-angular-chip.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ks-digital-designsystem-angular-chip.mjs","sources":["../../../../packages/angular/chip/src/chip.ts","../../../../packages/angular/chip/src/ks-digital-designsystem-angular-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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAwBa,IAAI,CAAA;AACf;;;;AAIG;IACH,aAAa,GAAG,KAAK,CAAU,KAAK,qFAAI,KAAK,EAAE,gBAAgB,EAAA,CAAG;uGANvD,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAI,obAfL,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAef,IAAI,EAAA,UAAA,EAAA,CAAA;kBAlBhB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mCAAmC;oBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,SAAS;AACjB,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;;;ACvBD;;AAEG;;;;"}
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 '@angular/core';
2
- import { input, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import '@digdir/designsystemet-web/details';
4
- import * as i1 from '@ks-digital/designsystem-angular/__internals';
5
- import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
6
-
7
- class Details {
8
- dataVariant = input('default', { ...(ngDevMode ? { debugName: "dataVariant" } : /* istanbul ignore next */ {}), alias: 'data-variant' });
9
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Details, deps: [], target: i0.ɵɵFactoryTarget.Directive });
10
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: Details, isStandalone: true, selector: "details[ksd-details]", inputs: { dataVariant: { classPropertyName: "dataVariant", publicName: "data-variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "dataVariant()" }, classAttribute: "ds-details" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0 });
11
- }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Details, decorators: [{
13
- type: Directive,
14
- args: [{
15
- // eslint-disable-next-line @angular-eslint/directive-selector
16
- selector: 'details[ksd-details]',
17
- hostDirectives: [
18
- {
19
- directive: HostSize,
20
- inputs: ['data-size'],
21
- },
22
- {
23
- directive: HostColor,
24
- inputs: ['data-color'],
25
- },
26
- ],
27
- host: {
28
- class: 'ds-details',
29
- '[attr.data-variant]': 'dataVariant()',
30
- },
31
- }]
32
- }], propDecorators: { dataVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-variant", required: false }] }] } });
33
-
34
- class DetailsContent {
35
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DetailsContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
36
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: DetailsContent, isStandalone: true, selector: "ksd-details-content", ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
37
- }
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DetailsContent, decorators: [{
39
- type: Component,
40
- args: [{
41
- selector: 'ksd-details-content',
42
- changeDetection: ChangeDetectionStrategy.OnPush,
43
- template: `<ng-content />`,
44
- }]
45
- }] });
46
-
47
- class DetailsSummary {
48
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DetailsSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
49
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: DetailsSummary, isStandalone: true, selector: "ksd-details-summary", ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
50
- }
51
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DetailsSummary, decorators: [{
52
- type: Component,
53
- args: [{
54
- selector: 'ksd-details-summary',
55
- changeDetection: ChangeDetectionStrategy.OnPush,
56
- template: `<ng-content />`,
57
- }]
58
- }] });
59
-
60
- /**
61
- * Generated bundle index. Do not edit.
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
- //# sourceMappingURL=ks-digital-designsystem-angular-details.mjs.map
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","../../../../packages/angular/details/src/ks-digital-designsystem-angular-details.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","/**\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-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 '@angular/core';
2
- import { input, Directive } 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 { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
7
-
8
- class Dialog {
9
- /** Controls where the dialog appears relative to the viewport edge. Useful for drawer/side-panel variants. */
10
- placement = input(undefined, { ...(ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {}), alias: 'data-placement' });
11
- /**
12
- * Controls which interactions close the dialog.
13
- * - `any` — closes on backdrop click or Escape key
14
- * - `closerequest` — closes on Escape key only
15
- * - `none` — the dialog cannot be closed by the user without an explicit close button
16
- */
17
- closedBy = input(undefined, { ...(ngDevMode ? { debugName: "closedBy" } : /* istanbul ignore next */ {}), alias: 'closedby' });
18
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Dialog, deps: [], target: i0.ɵɵFactoryTarget.Directive });
19
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: Dialog, isStandalone: true, selector: "dialog[ksd-dialog]", inputs: { placement: { classPropertyName: "placement", publicName: "data-placement", isSignal: true, isRequired: false, transformFunction: null }, closedBy: { classPropertyName: "closedBy", publicName: "closedby", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-placement": "placement() || undefined", "attr.closedby": "closedBy() || null" }, classAttribute: "ds-dialog" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0 });
20
- }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Dialog, decorators: [{
22
- type: Directive,
23
- args: [{
24
- // eslint-disable-next-line @angular-eslint/directive-selector
25
- selector: 'dialog[ksd-dialog]',
26
- hostDirectives: [
27
- {
28
- directive: HostSize,
29
- inputs: ['data-size'],
30
- },
31
- {
32
- directive: HostColor,
33
- inputs: ['data-color'],
34
- },
35
- ],
36
- host: {
37
- class: 'ds-dialog',
38
- '[attr.data-placement]': 'placement() || undefined',
39
- '[attr.closedby]': 'closedBy() || null',
40
- },
41
- }]
42
- }], propDecorators: { placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-placement", required: false }] }], closedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "closedby", required: false }] }] } });
43
-
44
- /**
45
- * Generated bundle index. Do not edit.
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
- //# sourceMappingURL=ks-digital-designsystem-angular-dialog.mjs.map
106
+
107
+ //# sourceMappingURL=ks-digital-designsystem-angular-dialog.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ks-digital-designsystem-angular-dialog.mjs","sources":["../../../../packages/angular/dialog/src/dialog.ts","../../../../packages/angular/dialog/src/ks-digital-designsystem-angular-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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MA4Ba,MAAM,CAAA;;IAER,SAAS,GAAG,KAAK,CACxB,SAAS,iFACP,KAAK,EAAE,gBAAgB,EAAA,CAC1B;AAED;;;;;AAKG;IACM,QAAQ,GAAG,KAAK,CACvB,SAAS,gFACP,KAAK,EAAE,UAAU,EAAA,CACpB;uGAhBU,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAN,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,0BAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,EAAA,cAAA,EAAA,WAAA,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,CAAA;;2FAAN,MAAM,EAAA,UAAA,EAAA,CAAA;kBAnBlB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,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;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,uBAAuB,EAAE,0BAA0B;AACnD,wBAAA,iBAAiB,EAAE,oBAAoB;AACxC,qBAAA;AACF,iBAAA;;;AC3BD;;AAEG;;;;"}
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"}