@kirbydesign/designsystem 12.0.0-dev-67d5287 → 12.0.0-dev-9f721bb

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 (98) hide show
  1. package/fesm2022/kirbydesign-designsystem-accordion.mjs +12 -12
  2. package/fesm2022/kirbydesign-designsystem-accordion.mjs.map +1 -1
  3. package/fesm2022/kirbydesign-designsystem-action-group.mjs +3 -3
  4. package/fesm2022/kirbydesign-designsystem-avatar.mjs +5 -5
  5. package/fesm2022/kirbydesign-designsystem-avatar.mjs.map +1 -1
  6. package/fesm2022/kirbydesign-designsystem-badge.mjs +5 -5
  7. package/fesm2022/kirbydesign-designsystem-badge.mjs.map +1 -1
  8. package/fesm2022/kirbydesign-designsystem-button.mjs +5 -5
  9. package/fesm2022/kirbydesign-designsystem-button.mjs.map +1 -1
  10. package/fesm2022/kirbydesign-designsystem-calendar.mjs +7 -7
  11. package/fesm2022/kirbydesign-designsystem-calendar.mjs.map +1 -1
  12. package/fesm2022/kirbydesign-designsystem-card.mjs +24 -24
  13. package/fesm2022/kirbydesign-designsystem-card.mjs.map +1 -1
  14. package/fesm2022/kirbydesign-designsystem-chart.mjs +22 -22
  15. package/fesm2022/kirbydesign-designsystem-checkbox.mjs +14 -6
  16. package/fesm2022/kirbydesign-designsystem-checkbox.mjs.map +1 -1
  17. package/fesm2022/kirbydesign-designsystem-data-table.mjs +7 -7
  18. package/fesm2022/kirbydesign-designsystem-divider.mjs +5 -5
  19. package/fesm2022/kirbydesign-designsystem-divider.mjs.map +1 -1
  20. package/fesm2022/kirbydesign-designsystem-dropdown.mjs +10 -10
  21. package/fesm2022/kirbydesign-designsystem-empty-state.mjs +19 -8
  22. package/fesm2022/kirbydesign-designsystem-empty-state.mjs.map +1 -1
  23. package/fesm2022/kirbydesign-designsystem-fab-sheet.mjs +3 -3
  24. package/fesm2022/kirbydesign-designsystem-flag.mjs +5 -5
  25. package/fesm2022/kirbydesign-designsystem-flag.mjs.map +1 -1
  26. package/fesm2022/kirbydesign-designsystem-form-field.mjs +32 -32
  27. package/fesm2022/kirbydesign-designsystem-form-field.mjs.map +1 -1
  28. package/fesm2022/kirbydesign-designsystem-gesture.mjs +3 -3
  29. package/fesm2022/kirbydesign-designsystem-header.mjs +19 -19
  30. package/fesm2022/kirbydesign-designsystem-helpers.mjs +9 -9
  31. package/fesm2022/kirbydesign-designsystem-icon.mjs +12 -12
  32. package/fesm2022/kirbydesign-designsystem-icon.mjs.map +1 -1
  33. package/fesm2022/kirbydesign-designsystem-item-group.mjs +3 -3
  34. package/fesm2022/kirbydesign-designsystem-item-sliding.mjs +3 -3
  35. package/fesm2022/kirbydesign-designsystem-item.mjs +12 -12
  36. package/fesm2022/kirbydesign-designsystem-item.mjs.map +1 -1
  37. package/fesm2022/kirbydesign-designsystem-kirby-app.mjs +7 -7
  38. package/fesm2022/kirbydesign-designsystem-list.mjs +49 -46
  39. package/fesm2022/kirbydesign-designsystem-list.mjs.map +1 -1
  40. package/fesm2022/kirbydesign-designsystem-loading-overlay.mjs +8 -8
  41. package/fesm2022/kirbydesign-designsystem-loading-overlay.mjs.map +1 -1
  42. package/fesm2022/kirbydesign-designsystem-menu.mjs +5 -5
  43. package/fesm2022/kirbydesign-designsystem-menu.mjs.map +1 -1
  44. package/fesm2022/kirbydesign-designsystem-modal.mjs +59 -50
  45. package/fesm2022/kirbydesign-designsystem-modal.mjs.map +1 -1
  46. package/fesm2022/kirbydesign-designsystem-page.mjs +69 -48
  47. package/fesm2022/kirbydesign-designsystem-page.mjs.map +1 -1
  48. package/fesm2022/kirbydesign-designsystem-popover.mjs +3 -3
  49. package/fesm2022/kirbydesign-designsystem-progress-circle.mjs +6 -6
  50. package/fesm2022/kirbydesign-designsystem-radio.mjs +12 -12
  51. package/fesm2022/kirbydesign-designsystem-radio.mjs.map +1 -1
  52. package/fesm2022/kirbydesign-designsystem-range.mjs +5 -5
  53. package/fesm2022/kirbydesign-designsystem-range.mjs.map +1 -1
  54. package/fesm2022/kirbydesign-designsystem-reorder-list.mjs +5 -5
  55. package/fesm2022/kirbydesign-designsystem-reorder-list.mjs.map +1 -1
  56. package/fesm2022/kirbydesign-designsystem-router-outlet.mjs +7 -7
  57. package/fesm2022/kirbydesign-designsystem-section-header.mjs +3 -3
  58. package/fesm2022/kirbydesign-designsystem-segmented-control.mjs +5 -5
  59. package/fesm2022/kirbydesign-designsystem-segmented-control.mjs.map +1 -1
  60. package/fesm2022/kirbydesign-designsystem-shared-floating.mjs +16 -7
  61. package/fesm2022/kirbydesign-designsystem-shared-floating.mjs.map +1 -1
  62. package/fesm2022/kirbydesign-designsystem-shared-portal.mjs +3 -3
  63. package/fesm2022/kirbydesign-designsystem-shared.mjs +21 -21
  64. package/fesm2022/kirbydesign-designsystem-slide-button.mjs +3 -3
  65. package/fesm2022/kirbydesign-designsystem-slide.mjs +13 -13
  66. package/fesm2022/kirbydesign-designsystem-spinner.mjs +9 -9
  67. package/fesm2022/kirbydesign-designsystem-spinner.mjs.map +1 -1
  68. package/fesm2022/kirbydesign-designsystem-tab-navigation.mjs +14 -14
  69. package/fesm2022/kirbydesign-designsystem-tab-navigation.mjs.map +1 -1
  70. package/fesm2022/kirbydesign-designsystem-tabs.mjs +17 -17
  71. package/fesm2022/kirbydesign-designsystem-tabs.mjs.map +1 -1
  72. package/fesm2022/kirbydesign-designsystem-testing-base.mjs +305 -303
  73. package/fesm2022/kirbydesign-designsystem-testing-base.mjs.map +1 -1
  74. package/fesm2022/kirbydesign-designsystem-testing-jasmine.mjs +4 -4
  75. package/fesm2022/kirbydesign-designsystem-testing-jest.mjs +4 -4
  76. package/fesm2022/kirbydesign-designsystem-testing.mjs +4 -4
  77. package/fesm2022/kirbydesign-designsystem-toast.mjs +6 -6
  78. package/fesm2022/kirbydesign-designsystem-toggle-button.mjs +7 -7
  79. package/fesm2022/kirbydesign-designsystem-toggle.mjs +5 -5
  80. package/fesm2022/kirbydesign-designsystem-toggle.mjs.map +1 -1
  81. package/fesm2022/kirbydesign-designsystem-types.mjs +3 -3
  82. package/fesm2022/kirbydesign-designsystem.mjs +10 -10
  83. package/package.json +2 -2
  84. package/types/kirbydesign-designsystem-card.d.ts +2 -2
  85. package/types/kirbydesign-designsystem-card.d.ts.map +1 -1
  86. package/types/kirbydesign-designsystem-checkbox.d.ts +7 -1
  87. package/types/kirbydesign-designsystem-checkbox.d.ts.map +1 -1
  88. package/types/kirbydesign-designsystem-empty-state.d.ts +11 -0
  89. package/types/kirbydesign-designsystem-empty-state.d.ts.map +1 -1
  90. package/types/kirbydesign-designsystem-list.d.ts +5 -0
  91. package/types/kirbydesign-designsystem-list.d.ts.map +1 -1
  92. package/types/kirbydesign-designsystem-modal.d.ts +2 -1
  93. package/types/kirbydesign-designsystem-modal.d.ts.map +1 -1
  94. package/types/kirbydesign-designsystem-page.d.ts +4 -0
  95. package/types/kirbydesign-designsystem-page.d.ts.map +1 -1
  96. package/types/kirbydesign-designsystem-shared-floating.d.ts.map +1 -1
  97. package/types/kirbydesign-designsystem-testing-base.d.ts +5 -0
  98. package/types/kirbydesign-designsystem-testing-base.d.ts.map +1 -1
package/fesm2022/kirbydesign-designsystem-chart.mjs CHANGED
@@ -446,7 +446,7 @@ var ChartConfigService = class ChartConfigService {
446
446
  static {
447
447
  this.ɵfac = i0.ɵɵngDeclareFactory({
448
448
  minVersion: "12.0.0",
449
- version: "22.2.2",
449
+ version: "22.2.3",
450
450
  ngImport: i0,
451
451
  type: ChartConfigService,
452
452
  deps: [],
@@ -456,7 +456,7 @@ var ChartConfigService = class ChartConfigService {
456
456
  static {
457
457
  this.ɵprov = i0.ɵɵngDeclareInjectable({
458
458
  minVersion: "12.0.0",
459
- version: "22.2.2",
459
+ version: "22.2.3",
460
460
  ngImport: i0,
461
461
  type: ChartConfigService
462
462
  });
@@ -464,7 +464,7 @@ var ChartConfigService = class ChartConfigService {
464
464
  };
465
465
  i0.ɵɵngDeclareClassMetadata({
466
466
  minVersion: "12.0.0",
467
- version: "22.2.2",
467
+ version: "22.2.3",
468
468
  ngImport: i0,
469
469
  type: ChartConfigService,
470
470
  decorators: [{ type: Injectable }]
@@ -606,7 +606,7 @@ var ChartJSService = class ChartJSService {
606
606
  static {
607
607
  this.ɵfac = i0.ɵɵngDeclareFactory({
608
608
  minVersion: "12.0.0",
609
- version: "22.2.2",
609
+ version: "22.2.3",
610
610
  ngImport: i0,
611
611
  type: ChartJSService,
612
612
  deps: [{ token: ChartConfigService }],
@@ -616,7 +616,7 @@ var ChartJSService = class ChartJSService {
616
616
  static {
617
617
  this.ɵprov = i0.ɵɵngDeclareInjectable({
618
618
  minVersion: "12.0.0",
619
- version: "22.2.2",
619
+ version: "22.2.3",
620
620
  ngImport: i0,
621
621
  type: ChartJSService
622
622
  });
@@ -624,7 +624,7 @@ var ChartJSService = class ChartJSService {
624
624
  };
625
625
  i0.ɵɵngDeclareClassMetadata({
626
626
  minVersion: "12.0.0",
627
- version: "22.2.2",
627
+ version: "22.2.3",
628
628
  ngImport: i0,
629
629
  type: ChartJSService,
630
630
  decorators: [{ type: Injectable }],
@@ -844,7 +844,7 @@ var BaseChartComponent = class BaseChartComponent {
844
844
  static {
845
845
  this.ɵfac = i0.ɵɵngDeclareFactory({
846
846
  minVersion: "12.0.0",
847
- version: "22.2.2",
847
+ version: "22.2.3",
848
848
  ngImport: i0,
849
849
  type: BaseChartComponent,
850
850
  deps: [{ token: ChartJSService }],
@@ -854,7 +854,7 @@ var BaseChartComponent = class BaseChartComponent {
854
854
  static {
855
855
  this.ɵcmp = i0.ɵɵngDeclareComponent({
856
856
  minVersion: "14.0.0",
857
- version: "22.2.2",
857
+ version: "22.2.3",
858
858
  type: BaseChartComponent,
859
859
  isStandalone: true,
860
860
  selector: "kirby-base-chart",
@@ -884,7 +884,7 @@ var BaseChartComponent = class BaseChartComponent {
884
884
  };
885
885
  i0.ɵɵngDeclareClassMetadata({
886
886
  minVersion: "12.0.0",
887
- version: "22.2.2",
887
+ version: "22.2.3",
888
888
  ngImport: i0,
889
889
  type: BaseChartComponent,
890
890
  decorators: [{
@@ -923,7 +923,7 @@ var ChartComponent = class ChartComponent extends BaseChartComponent {
923
923
  static {
924
924
  this.ɵfac = i0.ɵɵngDeclareFactory({
925
925
  minVersion: "12.0.0",
926
- version: "22.2.2",
926
+ version: "22.2.3",
927
927
  ngImport: i0,
928
928
  type: ChartComponent,
929
929
  deps: null,
@@ -933,7 +933,7 @@ var ChartComponent = class ChartComponent extends BaseChartComponent {
933
933
  static {
934
934
  this.ɵcmp = i0.ɵɵngDeclareComponent({
935
935
  minVersion: "14.0.0",
936
- version: "22.2.2",
936
+ version: "22.2.3",
937
937
  type: ChartComponent,
938
938
  isStandalone: true,
939
939
  selector: "kirby-chart",
@@ -949,7 +949,7 @@ var ChartComponent = class ChartComponent extends BaseChartComponent {
949
949
  };
950
950
  i0.ɵɵngDeclareClassMetadata({
951
951
  minVersion: "12.0.0",
952
- version: "22.2.2",
952
+ version: "22.2.3",
953
953
  ngImport: i0,
954
954
  type: ChartComponent,
955
955
  decorators: [{
@@ -1041,7 +1041,7 @@ var StockChartJSService = class StockChartJSService extends ChartJSService {
1041
1041
  static {
1042
1042
  this.ɵfac = i0.ɵɵngDeclareFactory({
1043
1043
  minVersion: "12.0.0",
1044
- version: "22.2.2",
1044
+ version: "22.2.3",
1045
1045
  ngImport: i0,
1046
1046
  type: StockChartJSService,
1047
1047
  deps: null,
@@ -1051,7 +1051,7 @@ var StockChartJSService = class StockChartJSService extends ChartJSService {
1051
1051
  static {
1052
1052
  this.ɵprov = i0.ɵɵngDeclareInjectable({
1053
1053
  minVersion: "12.0.0",
1054
- version: "22.2.2",
1054
+ version: "22.2.3",
1055
1055
  ngImport: i0,
1056
1056
  type: StockChartJSService
1057
1057
  });
@@ -1059,7 +1059,7 @@ var StockChartJSService = class StockChartJSService extends ChartJSService {
1059
1059
  };
1060
1060
  i0.ɵɵngDeclareClassMetadata({
1061
1061
  minVersion: "12.0.0",
1062
- version: "22.2.2",
1062
+ version: "22.2.3",
1063
1063
  ngImport: i0,
1064
1064
  type: StockChartJSService,
1065
1065
  decorators: [{ type: Injectable }]
@@ -1075,7 +1075,7 @@ var StockChartComponent = class StockChartComponent extends BaseChartComponent {
1075
1075
  static {
1076
1076
  this.ɵfac = i0.ɵɵngDeclareFactory({
1077
1077
  minVersion: "12.0.0",
1078
- version: "22.2.2",
1078
+ version: "22.2.3",
1079
1079
  ngImport: i0,
1080
1080
  type: StockChartComponent,
1081
1081
  deps: null,
@@ -1085,7 +1085,7 @@ var StockChartComponent = class StockChartComponent extends BaseChartComponent {
1085
1085
  static {
1086
1086
  this.ɵcmp = i0.ɵɵngDeclareComponent({
1087
1087
  minVersion: "14.0.0",
1088
- version: "22.2.2",
1088
+ version: "22.2.3",
1089
1089
  type: StockChartComponent,
1090
1090
  isStandalone: true,
1091
1091
  selector: "kirby-stock-chart",
@@ -1104,7 +1104,7 @@ var StockChartComponent = class StockChartComponent extends BaseChartComponent {
1104
1104
  };
1105
1105
  i0.ɵɵngDeclareClassMetadata({
1106
1106
  minVersion: "12.0.0",
1107
- version: "22.2.2",
1107
+ version: "22.2.3",
1108
1108
  ngImport: i0,
1109
1109
  type: StockChartComponent,
1110
1110
  decorators: [{
@@ -1126,7 +1126,7 @@ var ChartsModule = class ChartsModule {
1126
1126
  static {
1127
1127
  this.ɵfac = i0.ɵɵngDeclareFactory({
1128
1128
  minVersion: "12.0.0",
1129
- version: "22.2.2",
1129
+ version: "22.2.3",
1130
1130
  ngImport: i0,
1131
1131
  type: ChartsModule,
1132
1132
  deps: [],
@@ -1136,7 +1136,7 @@ var ChartsModule = class ChartsModule {
1136
1136
  static {
1137
1137
  this.ɵmod = i0.ɵɵngDeclareNgModule({
1138
1138
  minVersion: "14.0.0",
1139
- version: "22.2.2",
1139
+ version: "22.2.3",
1140
1140
  ngImport: i0,
1141
1141
  type: ChartsModule,
1142
1142
  imports: [ChartComponent, StockChartComponent],
@@ -1146,7 +1146,7 @@ var ChartsModule = class ChartsModule {
1146
1146
  static {
1147
1147
  this.ɵinj = i0.ɵɵngDeclareInjector({
1148
1148
  minVersion: "12.0.0",
1149
- version: "22.2.2",
1149
+ version: "22.2.3",
1150
1150
  ngImport: i0,
1151
1151
  type: ChartsModule,
1152
1152
  providers: [ChartConfigService]
@@ -1155,7 +1155,7 @@ var ChartsModule = class ChartsModule {
1155
1155
  };
1156
1156
  i0.ɵɵngDeclareClassMetadata({
1157
1157
  minVersion: "12.0.0",
1158
- version: "22.2.2",
1158
+ version: "22.2.3",
1159
1159
  ngImport: i0,
1160
1160
  type: ChartsModule,
1161
1161
  decorators: [{
package/fesm2022/kirbydesign-designsystem-checkbox.mjs CHANGED
@@ -6,6 +6,14 @@ import { IonicElementPartHelper } from "@kirbydesign/designsystem/helpers";
6
6
  import { IonCheckbox } from "@ionic/angular";
7
7
  import { inheritAriaLabelText, setAccessibleLabel } from "@kirbydesign/designsystem/shared";
8
8
  var CheckboxComponent = class CheckboxComponent {
9
+ set attentionLevel(value) {
10
+ console.warn(`[Kirby Checkbox] The 'attentionLevel' input is deprecated and no longer has any effect.
11
+ Attention levels 1 and 2 now look the same. This input will be removed in a future major version.`);
12
+ this._attentionLevel = value;
13
+ }
14
+ get attentionLevel() {
15
+ return this._attentionLevel;
16
+ }
9
17
  get _isDisabled() {
10
18
  return this.disabled ? "disabled" : null;
11
19
  }
@@ -21,7 +29,7 @@ var CheckboxComponent = class CheckboxComponent {
21
29
  this.cdr = cdr;
22
30
  this.checked = false;
23
31
  this.indeterminate = false;
24
- this.attentionLevel = "2";
32
+ this._attentionLevel = "2";
25
33
  this.size = "md";
26
34
  this.hasError = false;
27
35
  this.disabled = false;
@@ -72,7 +80,7 @@ var CheckboxComponent = class CheckboxComponent {
72
80
  static {
73
81
  this.ɵfac = i0.ɵɵngDeclareFactory({
74
82
  minVersion: "12.0.0",
75
- version: "22.2.2",
83
+ version: "22.2.3",
76
84
  ngImport: i0,
77
85
  type: CheckboxComponent,
78
86
  deps: [
@@ -86,7 +94,7 @@ var CheckboxComponent = class CheckboxComponent {
86
94
  static {
87
95
  this.ɵcmp = i0.ɵɵngDeclareComponent({
88
96
  minVersion: "17.0.0",
89
- version: "22.2.2",
97
+ version: "22.2.3",
90
98
  type: CheckboxComponent,
91
99
  isStandalone: true,
92
100
  selector: "kirby-checkbox",
@@ -123,7 +131,7 @@ var CheckboxComponent = class CheckboxComponent {
123
131
  }],
124
132
  ngImport: i0,
125
133
  template: "<ion-checkbox\n mode=\"md\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [indeterminate]=\"indeterminate\"\n (ionChange)=\"onChecked($event.detail.checked)\"\n (ionBlur)=\"onBlur()\"\n [labelPlacement]=\"_labelPlacement\"\n [justify]=\"_justify\"\n>\n @if (_labelText) {\n <span class=\"hidden-label\">{{ _labelText }}</span>\n }\n @if (text) {\n <span [attr.aria-hidden]=\"_labelText ? true : undefined\">{{ text }}</span>\n }\n <span class=\"default-content\" [attr.aria-hidden]=\"_labelText ? true : undefined\">\n <ng-content></ng-content>\n </span>\n</ion-checkbox>\n",
126
- styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:flex}:host[disabled] ion-checkbox::part(label-text-wrapper),:host[disabled] ion-checkbox::part(native-wrapper){opacity:.4}:host:has(ion-checkbox.in-item.checkbox-justify-space-between){width:100%}:host.xs ion-checkbox:not(.in-item)::part(label){padding-block:4px}:host.sm ion-checkbox:not(.in-item)::part(label){padding-block:10px}:host.md ion-checkbox:not(.in-item)::part(label){padding-block:16px}:host.xs ion-checkbox::part(label){line-height:var(--kirby-relative-size-s);font-size:var(--kirby-font-size-s)}:host.xs ion-checkbox{--size: 16px;--border-radius: var(--kirby-spacing-xxxs);--kirby-checkbox-container-padding: var(--kirby-spacing-xxxxs)}:host.xs ion-checkbox::part(container){padding:var(--kirby-checkbox-container-padding)}:host.xs ion-checkbox::part(native-wrapper){height:var(--kirby-relative-size-s)}@media(hover:hover){:host ion-checkbox:hover{--checkbox-background: var(--kirby-color-fill-raised-hover);--checkbox-background-checked: var(--kirby-color-fill-engaged-hover);--checkmark-color: var(--kirby-color-content-engaged-hover);--border-color: var(--kirby-color-border-raised-hover);--border-color-checked: var(--kirby-color-border-engaged-hover)}}:host ion-checkbox:active{--checkbox-background: var(--kirby-color-fill-raised-active);--checkbox-background-checked: var(--kirby-color-fill-engaged-active);--checkmark-color: var(--kirby-color-content-engaged-active);--border-color: var(--kirby-color-border-raised-active);--border-color-checked: var(--kirby-color-border-engaged-active)}:host ion-checkbox:focus-visible{outline:none;--border-color: var(--kirby-color-border-focus);--border-color-checked: var(--kirby-color-border-focus)}:host ion-checkbox:focus-visible::part(container){transition:box-shadow 80ms linear;box-shadow:var(--kirby-focus-ring-sm-combined-inset)}:host ion-checkbox{--transition: border-color 80ms linear, background-color 80ms linear;--size: 24px;--checkmark-width: var(--kirby-spacing-xxxs);--kirby-checkbox-container-padding: var(--kirby-spacing-xxxs);--checkbox-background: var(--kirby-color-fill-raised);--checkbox-background-checked: var(--kirby-color-fill-engaged);--checkmark-color: var(--kirby-color-content-engaged);--border-width: 1px;--border-color: var(--kirby-color-border-raised);--border-color-checked: var(--kirby-color-border-engaged);--border-radius: 6px}:host ion-checkbox::part(container){padding:var(--kirby-checkbox-container-padding)}:host ion-checkbox::part(label){align-items:start;padding-inline:16px;line-height:var(--kirby-line-height-n)}:host ion-checkbox::part(label-text-wrapper){margin-inline:12px 0;white-space:pre-line}:host ion-checkbox::part(native-wrapper){height:var(--kirby-relative-size-m)}:host ion-checkbox.in-item::part(label){align-items:center;padding-inline:0}:host ion-checkbox.in-item::part(label-text-wrapper){margin-block:0}:host ion-checkbox.in-item.checkbox-label-placement-start::part(label-text-wrapper){margin-inline:0 12px}:host ion-checkbox.in-item.checkbox-label-placement-end::part(label-text-wrapper){margin-inline:12px 0}:host.has-hidden-label:has(ion-checkbox.in-item){position:initial}:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox{position:initial}:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox.checkbox-label-placement-start::part(label-text-wrapper),:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox.checkbox-label-placement-end::part(label-text-wrapper){margin-inline:0}:host.has-hidden-label[slot=end] ion-checkbox{margin-inline-start:12px}:host.has-hidden-label .hidden-label{position:absolute;inset:0;opacity:0}:host.error ion-checkbox{--border-color: var(--kirby-color-border-raised-danger);--border-color-checked: var(--kirby-color-border-raised-danger)}:host.error ion-checkbox::part(container){box-shadow:var(--kirby-error-ring-combined-inset)}:host.error ion-checkbox:focus-visible{--border-color: var(--kirby-color-border-focus);--border-color-checked: var(--kirby-color-border-focus)}:host.error ion-checkbox:focus-visible::part(container){box-shadow:var(--kirby-focus-ring-sm-combined-inset)}:host :host-context(kirby-item){z-index:var(--kirby-z-index-default)}:host :host-context(kirby-item) ion-checkbox{margin:0}:host :host-context(kirby-item)[slot=start]{margin-block:0;margin-inline-end:12px}\n"],
134
+ styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:flex}:host[disabled] ion-checkbox::part(label-text-wrapper),:host[disabled] ion-checkbox::part(native-wrapper){opacity:var(--kirby-opacity-40)}:host:has(ion-checkbox.in-item.checkbox-justify-space-between){width:100%}:host.xs ion-checkbox:not(.in-item)::part(label){padding-block:4px}:host.sm ion-checkbox:not(.in-item)::part(label){padding-block:10px}:host.md ion-checkbox:not(.in-item)::part(label){padding-block:16px}:host.xs ion-checkbox::part(label){line-height:var(--kirby-relative-size-s);font-size:var(--kirby-font-size-s)}:host.xs ion-checkbox{--size: 16px;--border-radius: var(--kirby-spacing-xxxs);--kirby-checkbox-container-padding: var(--kirby-spacing-xxxxs)}:host.xs ion-checkbox::part(container){padding:var(--kirby-checkbox-container-padding)}:host.xs ion-checkbox::part(native-wrapper){height:var(--kirby-relative-size-s)}@media(hover:hover){:host ion-checkbox:hover{--checkbox-background: var(--kirby-color-fill-raised-hover);--checkbox-background-checked: var(--kirby-color-fill-engaged-hover);--checkmark-color: var(--kirby-color-content-engaged-hover);--border-color: var(--kirby-color-border-raised-hover);--border-color-checked: var(--kirby-color-border-engaged-hover)}}:host ion-checkbox:active{--checkbox-background: var(--kirby-color-fill-raised-active);--checkbox-background-checked: var(--kirby-color-fill-engaged-active);--checkmark-color: var(--kirby-color-content-engaged-active);--border-color: var(--kirby-color-border-raised-active);--border-color-checked: var(--kirby-color-border-engaged-active)}:host ion-checkbox:focus-visible{outline:none;--border-color: var(--kirby-color-border-focus);--border-color-checked: var(--kirby-color-border-focus)}:host ion-checkbox:focus-visible::part(container){transition:box-shadow 80ms linear;box-shadow:var(--kirby-focus-ring-sm-combined-inset)}:host ion-checkbox{--transition: border-color 80ms linear, background-color 80ms linear;--size: 24px;--checkmark-width: var(--kirby-spacing-xxxs);--kirby-checkbox-container-padding: var(--kirby-spacing-xxxs);--checkbox-background: var(--kirby-color-fill-raised);--checkbox-background-checked: var(--kirby-color-fill-engaged);--checkmark-color: var(--kirby-color-content-engaged);--border-width: var(--kirby-stroke-xs);--border-color: var(--kirby-color-border-raised);--border-color-checked: var(--kirby-color-border-engaged);--border-radius: 6px}:host ion-checkbox::part(container){padding:var(--kirby-checkbox-container-padding)}:host ion-checkbox::part(label){align-items:start;padding-inline:16px;line-height:var(--kirby-line-height-n)}:host ion-checkbox::part(label-text-wrapper){margin-inline:12px 0;white-space:pre-line}:host ion-checkbox::part(native-wrapper){height:var(--kirby-relative-size-m)}:host ion-checkbox.in-item::part(label){align-items:center;padding-inline:0}:host ion-checkbox.in-item::part(label-text-wrapper){margin-block:0}:host ion-checkbox.in-item.checkbox-label-placement-start::part(label-text-wrapper){margin-inline:0 12px}:host ion-checkbox.in-item.checkbox-label-placement-end::part(label-text-wrapper){margin-inline:12px 0}:host.has-hidden-label:has(ion-checkbox.in-item){position:initial}:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox{position:initial}:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox.checkbox-label-placement-start::part(label-text-wrapper),:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox.checkbox-label-placement-end::part(label-text-wrapper){margin-inline:0}:host.has-hidden-label[slot=end] ion-checkbox{margin-inline-start:12px}:host.has-hidden-label .hidden-label{position:absolute;inset:0;opacity:0}:host.error ion-checkbox{--border-color: var(--kirby-color-border-raised-danger);--border-color-checked: var(--kirby-color-border-raised-danger)}:host.error ion-checkbox::part(container){box-shadow:var(--kirby-error-ring-combined-inset)}:host.error ion-checkbox:focus-visible{--border-color: var(--kirby-color-border-focus);--border-color-checked: var(--kirby-color-border-focus)}:host.error ion-checkbox:focus-visible::part(container){box-shadow:var(--kirby-focus-ring-sm-combined-inset)}:host :host-context(kirby-item){z-index:var(--kirby-z-index-default)}:host :host-context(kirby-item) ion-checkbox{margin:0}:host :host-context(kirby-item)[slot=start]{margin-block:0;margin-inline-end:12px}\n"],
127
135
  dependencies: [{
128
136
  kind: "component",
129
137
  type: IonCheckbox,
@@ -148,7 +156,7 @@ var CheckboxComponent = class CheckboxComponent {
148
156
  };
149
157
  i0.ɵɵngDeclareClassMetadata({
150
158
  minVersion: "12.0.0",
151
- version: "22.2.2",
159
+ version: "22.2.3",
152
160
  ngImport: i0,
153
161
  type: CheckboxComponent,
154
162
  decorators: [{
@@ -163,7 +171,7 @@ i0.ɵɵngDeclareClassMetadata({
163
171
  multi: true
164
172
  }],
165
173
  template: "<ion-checkbox\n mode=\"md\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [indeterminate]=\"indeterminate\"\n (ionChange)=\"onChecked($event.detail.checked)\"\n (ionBlur)=\"onBlur()\"\n [labelPlacement]=\"_labelPlacement\"\n [justify]=\"_justify\"\n>\n @if (_labelText) {\n <span class=\"hidden-label\">{{ _labelText }}</span>\n }\n @if (text) {\n <span [attr.aria-hidden]=\"_labelText ? true : undefined\">{{ text }}</span>\n }\n <span class=\"default-content\" [attr.aria-hidden]=\"_labelText ? true : undefined\">\n <ng-content></ng-content>\n </span>\n</ion-checkbox>\n",
166
- styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:flex}:host[disabled] ion-checkbox::part(label-text-wrapper),:host[disabled] ion-checkbox::part(native-wrapper){opacity:.4}:host:has(ion-checkbox.in-item.checkbox-justify-space-between){width:100%}:host.xs ion-checkbox:not(.in-item)::part(label){padding-block:4px}:host.sm ion-checkbox:not(.in-item)::part(label){padding-block:10px}:host.md ion-checkbox:not(.in-item)::part(label){padding-block:16px}:host.xs ion-checkbox::part(label){line-height:var(--kirby-relative-size-s);font-size:var(--kirby-font-size-s)}:host.xs ion-checkbox{--size: 16px;--border-radius: var(--kirby-spacing-xxxs);--kirby-checkbox-container-padding: var(--kirby-spacing-xxxxs)}:host.xs ion-checkbox::part(container){padding:var(--kirby-checkbox-container-padding)}:host.xs ion-checkbox::part(native-wrapper){height:var(--kirby-relative-size-s)}@media(hover:hover){:host ion-checkbox:hover{--checkbox-background: var(--kirby-color-fill-raised-hover);--checkbox-background-checked: var(--kirby-color-fill-engaged-hover);--checkmark-color: var(--kirby-color-content-engaged-hover);--border-color: var(--kirby-color-border-raised-hover);--border-color-checked: var(--kirby-color-border-engaged-hover)}}:host ion-checkbox:active{--checkbox-background: var(--kirby-color-fill-raised-active);--checkbox-background-checked: var(--kirby-color-fill-engaged-active);--checkmark-color: var(--kirby-color-content-engaged-active);--border-color: var(--kirby-color-border-raised-active);--border-color-checked: var(--kirby-color-border-engaged-active)}:host ion-checkbox:focus-visible{outline:none;--border-color: var(--kirby-color-border-focus);--border-color-checked: var(--kirby-color-border-focus)}:host ion-checkbox:focus-visible::part(container){transition:box-shadow 80ms linear;box-shadow:var(--kirby-focus-ring-sm-combined-inset)}:host ion-checkbox{--transition: border-color 80ms linear, background-color 80ms linear;--size: 24px;--checkmark-width: var(--kirby-spacing-xxxs);--kirby-checkbox-container-padding: var(--kirby-spacing-xxxs);--checkbox-background: var(--kirby-color-fill-raised);--checkbox-background-checked: var(--kirby-color-fill-engaged);--checkmark-color: var(--kirby-color-content-engaged);--border-width: 1px;--border-color: var(--kirby-color-border-raised);--border-color-checked: var(--kirby-color-border-engaged);--border-radius: 6px}:host ion-checkbox::part(container){padding:var(--kirby-checkbox-container-padding)}:host ion-checkbox::part(label){align-items:start;padding-inline:16px;line-height:var(--kirby-line-height-n)}:host ion-checkbox::part(label-text-wrapper){margin-inline:12px 0;white-space:pre-line}:host ion-checkbox::part(native-wrapper){height:var(--kirby-relative-size-m)}:host ion-checkbox.in-item::part(label){align-items:center;padding-inline:0}:host ion-checkbox.in-item::part(label-text-wrapper){margin-block:0}:host ion-checkbox.in-item.checkbox-label-placement-start::part(label-text-wrapper){margin-inline:0 12px}:host ion-checkbox.in-item.checkbox-label-placement-end::part(label-text-wrapper){margin-inline:12px 0}:host.has-hidden-label:has(ion-checkbox.in-item){position:initial}:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox{position:initial}:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox.checkbox-label-placement-start::part(label-text-wrapper),:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox.checkbox-label-placement-end::part(label-text-wrapper){margin-inline:0}:host.has-hidden-label[slot=end] ion-checkbox{margin-inline-start:12px}:host.has-hidden-label .hidden-label{position:absolute;inset:0;opacity:0}:host.error ion-checkbox{--border-color: var(--kirby-color-border-raised-danger);--border-color-checked: var(--kirby-color-border-raised-danger)}:host.error ion-checkbox::part(container){box-shadow:var(--kirby-error-ring-combined-inset)}:host.error ion-checkbox:focus-visible{--border-color: var(--kirby-color-border-focus);--border-color-checked: var(--kirby-color-border-focus)}:host.error ion-checkbox:focus-visible::part(container){box-shadow:var(--kirby-focus-ring-sm-combined-inset)}:host :host-context(kirby-item){z-index:var(--kirby-z-index-default)}:host :host-context(kirby-item) ion-checkbox{margin:0}:host :host-context(kirby-item)[slot=start]{margin-block:0;margin-inline-end:12px}\n"]
174
+ styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:flex}:host[disabled] ion-checkbox::part(label-text-wrapper),:host[disabled] ion-checkbox::part(native-wrapper){opacity:var(--kirby-opacity-40)}:host:has(ion-checkbox.in-item.checkbox-justify-space-between){width:100%}:host.xs ion-checkbox:not(.in-item)::part(label){padding-block:4px}:host.sm ion-checkbox:not(.in-item)::part(label){padding-block:10px}:host.md ion-checkbox:not(.in-item)::part(label){padding-block:16px}:host.xs ion-checkbox::part(label){line-height:var(--kirby-relative-size-s);font-size:var(--kirby-font-size-s)}:host.xs ion-checkbox{--size: 16px;--border-radius: var(--kirby-spacing-xxxs);--kirby-checkbox-container-padding: var(--kirby-spacing-xxxxs)}:host.xs ion-checkbox::part(container){padding:var(--kirby-checkbox-container-padding)}:host.xs ion-checkbox::part(native-wrapper){height:var(--kirby-relative-size-s)}@media(hover:hover){:host ion-checkbox:hover{--checkbox-background: var(--kirby-color-fill-raised-hover);--checkbox-background-checked: var(--kirby-color-fill-engaged-hover);--checkmark-color: var(--kirby-color-content-engaged-hover);--border-color: var(--kirby-color-border-raised-hover);--border-color-checked: var(--kirby-color-border-engaged-hover)}}:host ion-checkbox:active{--checkbox-background: var(--kirby-color-fill-raised-active);--checkbox-background-checked: var(--kirby-color-fill-engaged-active);--checkmark-color: var(--kirby-color-content-engaged-active);--border-color: var(--kirby-color-border-raised-active);--border-color-checked: var(--kirby-color-border-engaged-active)}:host ion-checkbox:focus-visible{outline:none;--border-color: var(--kirby-color-border-focus);--border-color-checked: var(--kirby-color-border-focus)}:host ion-checkbox:focus-visible::part(container){transition:box-shadow 80ms linear;box-shadow:var(--kirby-focus-ring-sm-combined-inset)}:host ion-checkbox{--transition: border-color 80ms linear, background-color 80ms linear;--size: 24px;--checkmark-width: var(--kirby-spacing-xxxs);--kirby-checkbox-container-padding: var(--kirby-spacing-xxxs);--checkbox-background: var(--kirby-color-fill-raised);--checkbox-background-checked: var(--kirby-color-fill-engaged);--checkmark-color: var(--kirby-color-content-engaged);--border-width: var(--kirby-stroke-xs);--border-color: var(--kirby-color-border-raised);--border-color-checked: var(--kirby-color-border-engaged);--border-radius: 6px}:host ion-checkbox::part(container){padding:var(--kirby-checkbox-container-padding)}:host ion-checkbox::part(label){align-items:start;padding-inline:16px;line-height:var(--kirby-line-height-n)}:host ion-checkbox::part(label-text-wrapper){margin-inline:12px 0;white-space:pre-line}:host ion-checkbox::part(native-wrapper){height:var(--kirby-relative-size-m)}:host ion-checkbox.in-item::part(label){align-items:center;padding-inline:0}:host ion-checkbox.in-item::part(label-text-wrapper){margin-block:0}:host ion-checkbox.in-item.checkbox-label-placement-start::part(label-text-wrapper){margin-inline:0 12px}:host ion-checkbox.in-item.checkbox-label-placement-end::part(label-text-wrapper){margin-inline:12px 0}:host.has-hidden-label:has(ion-checkbox.in-item){position:initial}:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox{position:initial}:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox.checkbox-label-placement-start::part(label-text-wrapper),:host.has-hidden-label:has(ion-checkbox.in-item) ion-checkbox.checkbox-label-placement-end::part(label-text-wrapper){margin-inline:0}:host.has-hidden-label[slot=end] ion-checkbox{margin-inline-start:12px}:host.has-hidden-label .hidden-label{position:absolute;inset:0;opacity:0}:host.error ion-checkbox{--border-color: var(--kirby-color-border-raised-danger);--border-color-checked: var(--kirby-color-border-raised-danger)}:host.error ion-checkbox::part(container){box-shadow:var(--kirby-error-ring-combined-inset)}:host.error ion-checkbox:focus-visible{--border-color: var(--kirby-color-border-focus);--border-color-checked: var(--kirby-color-border-focus)}:host.error ion-checkbox:focus-visible::part(container){box-shadow:var(--kirby-focus-ring-sm-combined-inset)}:host :host-context(kirby-item){z-index:var(--kirby-z-index-default)}:host :host-context(kirby-item) ion-checkbox{margin:0}:host :host-context(kirby-item)[slot=start]{margin-block:0;margin-inline-end:12px}\n"]
167
175
  }]
168
176
  }],
169
177
  ctorParameters: () => [
package/fesm2022/kirbydesign-designsystem-checkbox.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"kirbydesign-designsystem-checkbox.mjs","names":[],"sources":["../../checkbox/src/checkbox.component.ts","../../checkbox/src/checkbox.component.html"],"sourcesContent":["import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n forwardRef,\n HostBinding,\n Input,\n OnInit,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';\nimport { IonCheckbox } from '@ionic/angular';\nimport { inheritAriaLabelText, setAccessibleLabel } from '@kirbydesign/designsystem/shared';\n\n@Component({\n imports: [IonCheckbox],\n selector: 'kirby-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n IonicElementPartHelper,\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckboxComponent),\n multi: true,\n },\n ],\n})\nexport class CheckboxComponent\n implements AfterViewInit, ControlValueAccessor, OnInit, AfterContentInit\n{\n @ViewChild(IonCheckbox, { read: ElementRef, static: true })\n private ionCheckboxElement?: ElementRef<HTMLIonCheckboxElement>;\n\n @Input() checked: boolean = false;\n @Input() indeterminate: boolean = false;\n @Input() attentionLevel: '1' | '2' = '2';\n\n @Input()\n text: string;\n\n @HostBinding('class')\n @Input()\n size: 'xs' | 'sm' | 'md' = 'md';\n\n @HostBinding('class.error')\n @Input()\n hasError: boolean = false;\n\n @Input() disabled = false;\n @HostBinding('attr.disabled')\n get _isDisabled() {\n return this.disabled ? 'disabled' : null;\n }\n\n @HostBinding('class.attention-level1') get isAttentionLevel1() {\n return this.attentionLevel === '1';\n }\n @HostBinding('class.attention-level2') get isAttentionLevel2() {\n return this.attentionLevel === '2';\n }\n\n @HostBinding('class.has-hidden-label') _labelText: string;\n\n @Output() checkedChange = new EventEmitter<boolean>();\n\n _justify: 'start' | 'end' | 'space-between' = 'start';\n _labelPlacement: 'end' | 'fixed' | 'stacked' | 'start' = 'end';\n _hasSlottedContent: boolean;\n\n constructor(\n private element: ElementRef<HTMLElement>,\n private ionicElementPartHelper: IonicElementPartHelper,\n private cdr: ChangeDetectorRef\n ) {}\n\n ngOnInit(): void {\n /**\n * We cannot query ion-checkbox for slotted content at this point as the slot has not been rendered.\n * But we need to know if content is slotted to set justify and labelPlacement BEFORE ion-checkbox is rendered.\n * So it has to be done by querying an additional wrapper around the default content slot like this.\n */\n this._hasSlottedContent = this.element.nativeElement\n .querySelector('.default-content')\n .hasChildNodes();\n\n const slot = this.element.nativeElement.getAttribute('slot');\n if (slot === 'end' && this._hasSlottedContent) {\n this._justify = 'space-between';\n this._labelPlacement = 'start';\n }\n }\n\n ngAfterViewInit(): void {\n this.ionicElementPartHelper.setPart('label', this.ionCheckboxElement, '.checkbox-wrapper');\n this.ionicElementPartHelper.setPart(\n 'label-text-wrapper',\n this.ionCheckboxElement,\n '.label-text-wrapper'\n );\n this.ionicElementPartHelper.setPart(\n 'native-wrapper',\n this.ionCheckboxElement,\n '.native-wrapper'\n );\n }\n\n ngAfterContentInit(): void {\n this._labelText = inheritAriaLabelText(this.element.nativeElement);\n\n if (!this.text && !this._labelText && !this._hasSlottedContent) {\n // if no label has been set try to find a label in an item and use its text content\n this._labelText = setAccessibleLabel(this.element.nativeElement);\n }\n }\n\n onChecked(checked: boolean): void {\n this.checked = checked;\n this._onChange(this.checked);\n this.checkedChange.emit(this.checked);\n }\n\n onBlur() {\n this._onTouched();\n }\n\n // Initialize default ControlValueAccessor callback functions (noop)\n // eslint-disable-next-line no-empty-function\n private _onChange: (value: boolean) => void = () => {};\n // eslint-disable-next-line no-empty-function\n private _onTouched = () => {};\n\n /**\n * Sets the checkbox's value. Part of the ControlValueAccessor interface\n * required to integrate with Angular's core forms API.\n *\n * @param value New value to be written to the model.\n */\n writeValue(value: boolean): void {\n this.checked = value;\n this.cdr.markForCheck();\n }\n\n /**\n * Saves a callback function to be invoked when the checkbox's value\n * changes from user input. Part of the ControlValueAccessor interface\n * required to integrate with Angular's core forms API.\n *\n * @param fn Callback to be triggered when the value changes.\n */\n registerOnChange(fn: any): void {\n this._onChange = fn;\n }\n\n /**\n * Saves a callback function to be invoked when the checkbox is blurred\n * by the user. Part of the ControlValueAccessor interface required\n * to integrate with Angular's core forms API.\n *\n * @param fn Callback to be triggered when the component has been touched.\n */\n registerOnTouched(fn: any): void {\n this._onTouched = fn;\n }\n\n /**\n * Disables the checkbox. Part of the ControlValueAccessor interface required\n * to integrate with Angular's core forms API.\n *\n * @param isDisabled Sets whether the component is disabled.\n */\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.markForCheck();\n }\n}\n","<ion-checkbox\n mode=\"md\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [indeterminate]=\"indeterminate\"\n (ionChange)=\"onChecked($event.detail.checked)\"\n (ionBlur)=\"onBlur()\"\n [labelPlacement]=\"_labelPlacement\"\n [justify]=\"_justify\"\n>\n @if (_labelText) {\n <span class=\"hidden-label\">{{ _labelText }}</span>\n }\n @if (text) {\n <span [attr.aria-hidden]=\"_labelText ? true : undefined\">{{ text }}</span>\n }\n <span class=\"default-content\" [attr.aria-hidden]=\"_labelText ? true : undefined\">\n <ng-content></ng-content>\n </span>\n</ion-checkbox>\n"],"mappings":"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"}
1
+ {"version":3,"file":"kirbydesign-designsystem-checkbox.mjs","names":[],"sources":["../../checkbox/src/checkbox.component.ts","../../checkbox/src/checkbox.component.html"],"sourcesContent":["import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n forwardRef,\n HostBinding,\n Input,\n OnInit,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';\nimport { IonCheckbox } from '@ionic/angular';\nimport { inheritAriaLabelText, setAccessibleLabel } from '@kirbydesign/designsystem/shared';\n\n@Component({\n imports: [IonCheckbox],\n selector: 'kirby-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n IonicElementPartHelper,\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckboxComponent),\n multi: true,\n },\n ],\n})\nexport class CheckboxComponent\n implements AfterViewInit, ControlValueAccessor, OnInit, AfterContentInit\n{\n @ViewChild(IonCheckbox, { read: ElementRef, static: true })\n private ionCheckboxElement?: ElementRef<HTMLIonCheckboxElement>;\n\n @Input() checked: boolean = false;\n @Input() indeterminate: boolean = false;\n\n private _attentionLevel: '1' | '2' = '2';\n /**\n * @deprecated Since v12.0.0, attention levels 1 and 2 now look the same, so this input no longer has any effect.\n * This input will be removed in a future major version.\n */\n @Input() set attentionLevel(value: '1' | '2') {\n console.warn(\n `[Kirby Checkbox] The 'attentionLevel' input is deprecated and no longer has any effect.\n Attention levels 1 and 2 now look the same. This input will be removed in a future major version.`\n );\n this._attentionLevel = value;\n }\n get attentionLevel(): '1' | '2' {\n return this._attentionLevel;\n }\n\n @Input()\n text: string;\n\n @HostBinding('class')\n @Input()\n size: 'xs' | 'sm' | 'md' = 'md';\n\n @HostBinding('class.error')\n @Input()\n hasError: boolean = false;\n\n @Input() disabled = false;\n @HostBinding('attr.disabled')\n get _isDisabled() {\n return this.disabled ? 'disabled' : null;\n }\n\n @HostBinding('class.attention-level1') get isAttentionLevel1() {\n return this.attentionLevel === '1';\n }\n @HostBinding('class.attention-level2') get isAttentionLevel2() {\n return this.attentionLevel === '2';\n }\n\n @HostBinding('class.has-hidden-label') _labelText: string;\n\n @Output() checkedChange = new EventEmitter<boolean>();\n\n _justify: 'start' | 'end' | 'space-between' = 'start';\n _labelPlacement: 'end' | 'fixed' | 'stacked' | 'start' = 'end';\n _hasSlottedContent: boolean;\n\n constructor(\n private element: ElementRef<HTMLElement>,\n private ionicElementPartHelper: IonicElementPartHelper,\n private cdr: ChangeDetectorRef\n ) {}\n\n ngOnInit(): void {\n /**\n * We cannot query ion-checkbox for slotted content at this point as the slot has not been rendered.\n * But we need to know if content is slotted to set justify and labelPlacement BEFORE ion-checkbox is rendered.\n * So it has to be done by querying an additional wrapper around the default content slot like this.\n */\n this._hasSlottedContent = this.element.nativeElement\n .querySelector('.default-content')\n .hasChildNodes();\n\n const slot = this.element.nativeElement.getAttribute('slot');\n if (slot === 'end' && this._hasSlottedContent) {\n this._justify = 'space-between';\n this._labelPlacement = 'start';\n }\n }\n\n ngAfterViewInit(): void {\n this.ionicElementPartHelper.setPart('label', this.ionCheckboxElement, '.checkbox-wrapper');\n this.ionicElementPartHelper.setPart(\n 'label-text-wrapper',\n this.ionCheckboxElement,\n '.label-text-wrapper'\n );\n this.ionicElementPartHelper.setPart(\n 'native-wrapper',\n this.ionCheckboxElement,\n '.native-wrapper'\n );\n }\n\n ngAfterContentInit(): void {\n this._labelText = inheritAriaLabelText(this.element.nativeElement);\n\n if (!this.text && !this._labelText && !this._hasSlottedContent) {\n // if no label has been set try to find a label in an item and use its text content\n this._labelText = setAccessibleLabel(this.element.nativeElement);\n }\n }\n\n onChecked(checked: boolean): void {\n this.checked = checked;\n this._onChange(this.checked);\n this.checkedChange.emit(this.checked);\n }\n\n onBlur() {\n this._onTouched();\n }\n\n // Initialize default ControlValueAccessor callback functions (noop)\n // eslint-disable-next-line no-empty-function\n private _onChange: (value: boolean) => void = () => {};\n // eslint-disable-next-line no-empty-function\n private _onTouched = () => {};\n\n /**\n * Sets the checkbox's value. Part of the ControlValueAccessor interface\n * required to integrate with Angular's core forms API.\n *\n * @param value New value to be written to the model.\n */\n writeValue(value: boolean): void {\n this.checked = value;\n this.cdr.markForCheck();\n }\n\n /**\n * Saves a callback function to be invoked when the checkbox's value\n * changes from user input. Part of the ControlValueAccessor interface\n * required to integrate with Angular's core forms API.\n *\n * @param fn Callback to be triggered when the value changes.\n */\n registerOnChange(fn: any): void {\n this._onChange = fn;\n }\n\n /**\n * Saves a callback function to be invoked when the checkbox is blurred\n * by the user. Part of the ControlValueAccessor interface required\n * to integrate with Angular's core forms API.\n *\n * @param fn Callback to be triggered when the component has been touched.\n */\n registerOnTouched(fn: any): void {\n this._onTouched = fn;\n }\n\n /**\n * Disables the checkbox. Part of the ControlValueAccessor interface required\n * to integrate with Angular's core forms API.\n *\n * @param isDisabled Sets whether the component is disabled.\n */\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.markForCheck();\n }\n}\n","<ion-checkbox\n mode=\"md\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [indeterminate]=\"indeterminate\"\n (ionChange)=\"onChecked($event.detail.checked)\"\n (ionBlur)=\"onBlur()\"\n [labelPlacement]=\"_labelPlacement\"\n [justify]=\"_justify\"\n>\n @if (_labelText) {\n <span class=\"hidden-label\">{{ _labelText }}</span>\n }\n @if (text) {\n <span [attr.aria-hidden]=\"_labelText ? true : undefined\">{{ text }}</span>\n }\n <span class=\"default-content\" [attr.aria-hidden]=\"_labelText ? true : undefined\">\n <ng-content></ng-content>\n </span>\n</ion-checkbox>\n"],"mappings":"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"}
package/fesm2022/kirbydesign-designsystem-data-table.mjs CHANGED
@@ -27,7 +27,7 @@ var TableSortableComponent = class TableSortableComponent {
27
27
  static {
28
28
  this.ɵfac = i0.ɵɵngDeclareFactory({
29
29
  minVersion: "12.0.0",
30
- version: "22.2.2",
30
+ version: "22.2.3",
31
31
  ngImport: i0,
32
32
  type: TableSortableComponent,
33
33
  deps: [{ token: i0.Renderer2 }],
@@ -37,7 +37,7 @@ var TableSortableComponent = class TableSortableComponent {
37
37
  static {
38
38
  this.ɵcmp = i0.ɵɵngDeclareComponent({
39
39
  minVersion: "17.0.0",
40
- version: "22.2.2",
40
+ version: "22.2.3",
41
41
  type: TableSortableComponent,
42
42
  isStandalone: true,
43
43
  selector: "th[sortable]",
@@ -95,7 +95,7 @@ var TableSortableComponent = class TableSortableComponent {
95
95
  };
96
96
  i0.ɵɵngDeclareClassMetadata({
97
97
  minVersion: "12.0.0",
98
- version: "22.2.2",
98
+ version: "22.2.3",
99
99
  ngImport: i0,
100
100
  type: TableSortableComponent,
101
101
  decorators: [{
@@ -136,7 +136,7 @@ Please import 'TableSortableComponent' instead. 'DataTableModule' will be remove
136
136
  static {
137
137
  this.ɵfac = i0.ɵɵngDeclareFactory({
138
138
  minVersion: "12.0.0",
139
- version: "22.2.2",
139
+ version: "22.2.3",
140
140
  ngImport: i0,
141
141
  type: DataTableModule,
142
142
  deps: [],
@@ -146,7 +146,7 @@ Please import 'TableSortableComponent' instead. 'DataTableModule' will be remove
146
146
  static {
147
147
  this.ɵmod = i0.ɵɵngDeclareNgModule({
148
148
  minVersion: "14.0.0",
149
- version: "22.2.2",
149
+ version: "22.2.3",
150
150
  ngImport: i0,
151
151
  type: DataTableModule,
152
152
  imports: [TableSortableComponent],
@@ -156,7 +156,7 @@ Please import 'TableSortableComponent' instead. 'DataTableModule' will be remove
156
156
  static {
157
157
  this.ɵinj = i0.ɵɵngDeclareInjector({
158
158
  minVersion: "12.0.0",
159
- version: "22.2.2",
159
+ version: "22.2.3",
160
160
  ngImport: i0,
161
161
  type: DataTableModule,
162
162
  imports: [TableSortableComponent]
@@ -165,7 +165,7 @@ Please import 'TableSortableComponent' instead. 'DataTableModule' will be remove
165
165
  };
166
166
  i0.ɵɵngDeclareClassMetadata({
167
167
  minVersion: "12.0.0",
168
- version: "22.2.2",
168
+ version: "22.2.3",
169
169
  ngImport: i0,
170
170
  type: DataTableModule,
171
171
  decorators: [{
package/fesm2022/kirbydesign-designsystem-divider.mjs CHANGED
@@ -4,7 +4,7 @@ var DividerComponent = class DividerComponent {
4
4
  static {
5
5
  this.ɵfac = i0.ɵɵngDeclareFactory({
6
6
  minVersion: "12.0.0",
7
- version: "22.2.2",
7
+ version: "22.2.3",
8
8
  ngImport: i0,
9
9
  type: DividerComponent,
10
10
  deps: [],
@@ -14,21 +14,21 @@ var DividerComponent = class DividerComponent {
14
14
  static {
15
15
  this.ɵcmp = i0.ɵɵngDeclareComponent({
16
16
  minVersion: "14.0.0",
17
- version: "22.2.2",
17
+ version: "22.2.3",
18
18
  type: DividerComponent,
19
19
  isStandalone: true,
20
20
  selector: "kirby-divider",
21
21
  inputs: { hasMargin: "hasMargin" },
22
22
  ngImport: i0,
23
23
  template: "<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n",
24
- styles: ["hr{margin-top:var(--kirby-spacing-xxs);margin-bottom:var(--kirby-spacing-xxs);border:0;border-top:1px solid var(--kirby-color-border-base-silent)}hr.no-margin{margin-top:0;margin-bottom:0}\n"],
24
+ styles: ["hr{margin-top:var(--kirby-spacing-xxs);margin-bottom:var(--kirby-spacing-xxs);border:0;border-top:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent)}hr.no-margin{margin-top:0;margin-bottom:0}\n"],
25
25
  changeDetection: i0.ChangeDetectionStrategy.OnPush
26
26
  });
27
27
  }
28
28
  };
29
29
  i0.ɵɵngDeclareClassMetadata({
30
30
  minVersion: "12.0.0",
31
- version: "22.2.2",
31
+ version: "22.2.3",
32
32
  ngImport: i0,
33
33
  type: DividerComponent,
34
34
  decorators: [{
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({
37
37
  selector: "kirby-divider",
38
38
  changeDetection: ChangeDetectionStrategy.OnPush,
39
39
  template: "<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n",
40
- styles: ["hr{margin-top:var(--kirby-spacing-xxs);margin-bottom:var(--kirby-spacing-xxs);border:0;border-top:1px solid var(--kirby-color-border-base-silent)}hr.no-margin{margin-top:0;margin-bottom:0}\n"]
40
+ styles: ["hr{margin-top:var(--kirby-spacing-xxs);margin-bottom:var(--kirby-spacing-xxs);border:0;border-top:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent)}hr.no-margin{margin-top:0;margin-bottom:0}\n"]
41
41
  }]
42
42
  }],
43
43
  propDecorators: { hasMargin: [{ type: Input }] }
package/fesm2022/kirbydesign-designsystem-divider.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"kirbydesign-designsystem-divider.mjs","names":[],"sources":["../../divider/src/divider.component.ts","../../divider/src/divider.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'kirby-divider',\n templateUrl: './divider.component.html',\n styleUrls: ['./divider.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DividerComponent {\n @Input()\n hasMargin: boolean;\n}\n","<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n"],"mappings":";;AAQA,IAAa,mBAAb,MAAa,iBAAgB;CAAhB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAgB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAhB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAgB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,WAAA,YAAA;GAAA,UAAA;GAAA,UCR7B;GACA,QAAA,CAAA,gMAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;ADOa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAN5B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,iBAGR,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,gMAAA;EAAA,CAAA;;CAG9C,gBAAA,EAAA,WAAA,CAAA,EAAA,MAAA,MAAA,CAAA,EAAA"}
1
+ {"version":3,"file":"kirbydesign-designsystem-divider.mjs","names":[],"sources":["../../divider/src/divider.component.ts","../../divider/src/divider.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'kirby-divider',\n templateUrl: './divider.component.html',\n styleUrls: ['./divider.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DividerComponent {\n @Input()\n hasMargin: boolean;\n}\n","<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n"],"mappings":";;AAQA,IAAa,mBAAb,MAAa,iBAAgB;CAAhB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAgB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAhB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAgB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,WAAA,YAAA;GAAA,UAAA;GAAA,UCR7B;GACA,QAAA,CAAA,mNAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;ADOa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAN5B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,iBAGR,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,mNAAA;EAAA,CAAA;;CAG9C,gBAAA,EAAA,WAAA,CAAA,EAAA,MAAA,MAAA,CAAA,EAAA"}
package/fesm2022/kirbydesign-designsystem-dropdown.mjs CHANGED
@@ -42,7 +42,7 @@ var KeyboardHandlerService = class KeyboardHandlerService {
42
42
  static {
43
43
  this.ɵfac = i0.ɵɵngDeclareFactory({
44
44
  minVersion: "12.0.0",
45
- version: "22.2.2",
45
+ version: "22.2.3",
46
46
  ngImport: i0,
47
47
  type: KeyboardHandlerService,
48
48
  deps: [],
@@ -52,7 +52,7 @@ var KeyboardHandlerService = class KeyboardHandlerService {
52
52
  static {
53
53
  this.ɵprov = i0.ɵɵngDeclareInjectable({
54
54
  minVersion: "12.0.0",
55
- version: "22.2.2",
55
+ version: "22.2.3",
56
56
  ngImport: i0,
57
57
  type: KeyboardHandlerService,
58
58
  providedIn: "root"
@@ -61,7 +61,7 @@ var KeyboardHandlerService = class KeyboardHandlerService {
61
61
  };
62
62
  i0.ɵɵngDeclareClassMetadata({
63
63
  minVersion: "12.0.0",
64
- version: "22.2.2",
64
+ version: "22.2.3",
65
65
  ngImport: i0,
66
66
  type: KeyboardHandlerService,
67
67
  decorators: [{
@@ -428,7 +428,7 @@ var DropdownComponent = class DropdownComponent {
428
428
  static {
429
429
  this.ɵfac = i0.ɵɵngDeclareFactory({
430
430
  minVersion: "12.0.0",
431
- version: "22.2.2",
431
+ version: "22.2.3",
432
432
  ngImport: i0,
433
433
  type: DropdownComponent,
434
434
  deps: [
@@ -444,7 +444,7 @@ var DropdownComponent = class DropdownComponent {
444
444
  static {
445
445
  this.ɵcmp = i0.ɵɵngDeclareComponent({
446
446
  minVersion: "17.0.0",
447
- version: "22.2.2",
447
+ version: "22.2.3",
448
448
  type: DropdownComponent,
449
449
  isStandalone: true,
450
450
  selector: "kirby-dropdown",
@@ -628,7 +628,7 @@ var DropdownComponent = class DropdownComponent {
628
628
  };
629
629
  i0.ɵɵngDeclareClassMetadata({
630
630
  minVersion: "12.0.0",
631
- version: "22.2.2",
631
+ version: "22.2.3",
632
632
  ngImport: i0,
633
633
  type: DropdownComponent,
634
634
  decorators: [{
@@ -808,7 +808,7 @@ var DropdownModule = class DropdownModule {
808
808
  static {
809
809
  this.ɵfac = i0.ɵɵngDeclareFactory({
810
810
  minVersion: "12.0.0",
811
- version: "22.2.2",
811
+ version: "22.2.3",
812
812
  ngImport: i0,
813
813
  type: DropdownModule,
814
814
  deps: [],
@@ -818,7 +818,7 @@ var DropdownModule = class DropdownModule {
818
818
  static {
819
819
  this.ɵmod = i0.ɵɵngDeclareNgModule({
820
820
  minVersion: "14.0.0",
821
- version: "22.2.2",
821
+ version: "22.2.3",
822
822
  ngImport: i0,
823
823
  type: DropdownModule,
824
824
  imports: [
@@ -837,7 +837,7 @@ var DropdownModule = class DropdownModule {
837
837
  static {
838
838
  this.ɵinj = i0.ɵɵngDeclareInjector({
839
839
  minVersion: "12.0.0",
840
- version: "22.2.2",
840
+ version: "22.2.3",
841
841
  ngImport: i0,
842
842
  type: DropdownModule,
843
843
  providers: [KeyboardHandlerService],
@@ -856,7 +856,7 @@ var DropdownModule = class DropdownModule {
856
856
  };
857
857
  i0.ɵɵngDeclareClassMetadata({
858
858
  minVersion: "12.0.0",
859
- version: "22.2.2",
859
+ version: "22.2.3",
860
860
  ngImport: i0,
861
861
  type: DropdownModule,
862
862
  decorators: [{
package/fesm2022/kirbydesign-designsystem-empty-state.mjs CHANGED
@@ -5,6 +5,12 @@ import { getIonModalDialogAncestor } from "@kirbydesign/designsystem/helpers";
5
5
  import { IconComponent, IconModule } from "@kirbydesign/designsystem/icon";
6
6
  import { CommonModule } from "@angular/common";
7
7
  import { ThemeColorDirective } from "@kirbydesign/designsystem/shared";
8
+ const supportedThemeColors = [
9
+ "success",
10
+ "warning",
11
+ "danger",
12
+ "medium"
13
+ ];
8
14
  var EmptyStateComponent = class EmptyStateComponent {
9
15
  set title(value) {
10
16
  this._title = value;
@@ -13,6 +19,9 @@ var EmptyStateComponent = class EmptyStateComponent {
13
19
  get title() {
14
20
  return this._title;
15
21
  }
22
+ set themeColor(value) {
23
+ if (value && !supportedThemeColors.includes(value)) console.warn(`[Kirby Empty State] themeColor '${value}' is deprecated and will be removed in a future major version. Use 'success', 'warning', 'danger' or 'medium' instead.`);
24
+ }
16
25
  constructor(elementRef, renderer) {
17
26
  this.elementRef = elementRef;
18
27
  this.renderer = renderer;
@@ -40,7 +49,7 @@ var EmptyStateComponent = class EmptyStateComponent {
40
49
  static {
41
50
  this.ɵfac = i0.ɵɵngDeclareFactory({
42
51
  minVersion: "12.0.0",
43
- version: "22.2.2",
52
+ version: "22.2.3",
44
53
  ngImport: i0,
45
54
  type: EmptyStateComponent,
46
55
  deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }],
@@ -50,14 +59,15 @@ var EmptyStateComponent = class EmptyStateComponent {
50
59
  static {
51
60
  this.ɵcmp = i0.ɵɵngDeclareComponent({
52
61
  minVersion: "17.0.0",
53
- version: "22.2.2",
62
+ version: "22.2.3",
54
63
  type: EmptyStateComponent,
55
64
  isStandalone: true,
56
65
  selector: "kirby-empty-state",
57
66
  inputs: {
58
67
  iconName: "iconName",
59
68
  title: "title",
60
- subtitle: "subtitle"
69
+ subtitle: "subtitle",
70
+ themeColor: "themeColor"
61
71
  },
62
72
  queries: [{
63
73
  propertyName: "slottedButtons",
@@ -78,7 +88,7 @@ var EmptyStateComponent = class EmptyStateComponent {
78
88
  };
79
89
  i0.ɵɵngDeclareClassMetadata({
80
90
  minVersion: "12.0.0",
81
- version: "22.2.2",
91
+ version: "22.2.3",
82
92
  ngImport: i0,
83
93
  type: EmptyStateComponent,
84
94
  decorators: [{
@@ -96,6 +106,7 @@ i0.ɵɵngDeclareClassMetadata({
96
106
  iconName: [{ type: Input }],
97
107
  title: [{ type: Input }],
98
108
  subtitle: [{ type: Input }],
109
+ themeColor: [{ type: Input }],
99
110
  slottedButtons: [{
100
111
  type: ContentChildren,
101
112
  args: [ButtonComponent]
@@ -106,7 +117,7 @@ var EmptyStateModule = class EmptyStateModule {
106
117
  static {
107
118
  this.ɵfac = i0.ɵɵngDeclareFactory({
108
119
  minVersion: "12.0.0",
109
- version: "22.2.2",
120
+ version: "22.2.3",
110
121
  ngImport: i0,
111
122
  type: EmptyStateModule,
112
123
  deps: [],
@@ -116,7 +127,7 @@ var EmptyStateModule = class EmptyStateModule {
116
127
  static {
117
128
  this.ɵmod = i0.ɵɵngDeclareNgModule({
118
129
  minVersion: "14.0.0",
119
- version: "22.2.2",
130
+ version: "22.2.3",
120
131
  ngImport: i0,
121
132
  type: EmptyStateModule,
122
133
  imports: [
@@ -131,7 +142,7 @@ var EmptyStateModule = class EmptyStateModule {
131
142
  static {
132
143
  this.ɵinj = i0.ɵɵngDeclareInjector({
133
144
  minVersion: "12.0.0",
134
- version: "22.2.2",
145
+ version: "22.2.3",
135
146
  ngImport: i0,
136
147
  type: EmptyStateModule,
137
148
  imports: [
@@ -144,7 +155,7 @@ var EmptyStateModule = class EmptyStateModule {
144
155
  };
145
156
  i0.ɵɵngDeclareClassMetadata({
146
157
  minVersion: "12.0.0",
147
- version: "22.2.2",
158
+ version: "22.2.3",
148
159
  ngImport: i0,
149
160
  type: EmptyStateModule,
150
161
  decorators: [{