Enable strict template checks (#2711)

kirbydesign · Mar 21, 2023 · b31185d · b31185d
1 parent fe5a421
commit b31185d
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 15 deletions.
diff --git a/libs/designsystem/alert-experimental/src/alert.component.ts b/libs/designsystem/alert-experimental/src/alert.component.ts
@@ -13,6 +13,7 @@ import { IconModule } from '@kirbydesign/designsystem/icon';
 import { ThemeColorDirective } from '@kirbydesign/designsystem/shared';
 import { EmptyStateModule } from '@kirbydesign/designsystem/empty-state';
 import { ButtonComponent } from '@kirbydesign/designsystem/button';
+import { ThemeColor } from '@kirbydesign/designsystem/helpers';
 
 @Component({
   standalone: true,
@@ -49,7 +50,7 @@ export class AlertExperimentalComponent implements AfterViewInit {
   }
 
   @Input() iconName: string;
-  @Input() iconThemeColor: string;
+  @Input() iconThemeColor: ThemeColor | `${ThemeColor}`;
   @Input() okButton: string;
   @Input() okButtonIsDestructive: boolean;
   @Input() cancelButton: string;

diff --git a/libs/designsystem/list/src/list-item/list-item.component.ts b/libs/designsystem/list/src/list-item/list-item.component.ts
@@ -33,7 +33,7 @@ export class ListItemComponent implements OnInit, AfterViewInit {
 
   @Input() item: any;
 
-  @Input() boundaryClass: BoundaryClass;
+  @Input() boundaryClass: BoundaryClass | BoundaryClass[];
 
   @Input() swipeActions: ListSwipeAction[] = [];
 

diff --git a/libs/designsystem/modal/src/modal/alert/alert.component.ts b/libs/designsystem/modal/src/modal/alert/alert.component.ts
@@ -10,6 +10,7 @@ import {
 import { WindowRef } from '@kirbydesign/designsystem/types';
 import { Observable, of } from 'rxjs';
 import { IconModule } from '@kirbydesign/designsystem/icon';
+import { ThemeColor } from '@kirbydesign/designsystem/helpers';
 import { ThemeColorDirective } from '@kirbydesign/designsystem/shared';
 import { EmptyStateModule } from '@kirbydesign/designsystem/empty-state';
 import { ButtonComponent } from '@kirbydesign/designsystem/button';
@@ -49,7 +50,7 @@ export class AlertComponent implements AfterViewInit {
   }
 
   @Input() iconName: string;
-  @Input() iconThemeColor: string;
+  @Input() iconThemeColor: ThemeColor | `${ThemeColor}`;
   @Input() okBtn: string;
   @Input() okBtnIsDestructive: boolean;
   @Input() cancelBtn: string;

diff --git a/libs/designsystem/src/lib/components/page-local-navigation/page-local-navigation-item.ts b/libs/designsystem/src/lib/components/page-local-navigation/page-local-navigation-item.ts
@@ -1,16 +1,11 @@
 import { ThemeColor } from '@kirbydesign/core';
 
-type BadgeIcon = {
-  name: string;
-  isCustom: boolean;
-};
-
-type BadgeText = {
-  text: string;
-};
-
 type ItemBadge = {
-  content: BadgeIcon | BadgeText;
+  content: {
+    name?: string;
+    isCustom?: boolean;
+    text?: string;
+  };
   description?: string;
   themeColor: ThemeColor;
 };

diff --git a/libs/designsystem/src/lib/components/segmented-control/segmented-control.component.ts b/libs/designsystem/src/lib/components/segmented-control/segmented-control.component.ts
@@ -49,7 +49,7 @@ export class SegmentedControlComponent {
   }
 
   private _items: SegmentItemInternal[] = [];
-  get items(): SegmentItem[] {
+  get items(): SegmentItemInternal[] {
     return this._items;
   }
 

diff --git a/libs/designsystem/tsconfig.lib.json b/libs/designsystem/tsconfig.lib.json
@@ -12,7 +12,8 @@
     "annotateForClosureCompiler": true,
     "skipTemplateCodegen": true,
     "strictMetadataEmit": true,
-    "fullTemplateTypeCheck": true,
+    "strictTemplates": true,
+    "strictDomEventTypes": false,
     "strictInjectionParameters": true,
     "enableResourceInlining": true,
     "inlineSourceMap": true,