build: fix build config

package.json

@@ -44,7 +44,7 @@
     "lint:yml": "eslint \"**/*.{yml,yaml}\"",
     "lint:styles": "stylelint \"**/*.scss\"",
     "lint:lit": "yarn lit-analyzer \"src/**/*.ts\"",
-    "lint:circular-imports": "madge --circular --extensions ts ./src",
+    "lint:circular-imports": "madge --circular --ts-config ./tsconfig.json --extensions ts ./src",
     "lint:tsc": "npm-run-all --sequential lint:tsc:*",
     "lint:tsc:components": "tsc --noEmit --project src/components/tsconfig.json",
     "lint:tsc:components-spec": "tsc --noEmit --project src/components/tsconfig.spec.json",

src/visual-regression-app/src/components/test-case/image-diff/fullscreen-diff/fullscreen-diff.ts

@@ -2,7 +2,7 @@ import { LitElement, html, type TemplateResult, type CSSResultGroup, nothing } f
 import { customElement, property } from 'lit/decorators.js';
 
 import type { SbbRadioButtonGroupElement } from '../../../../../../components/radio-button/radio-button-group/radio-button-group.js';
-import type { FailedFiles } from '../../../../../interfaces.js';
+import type { FailedFiles } from '../../../../interfaces.js';
 
 import style from './fullscreen-diff.scss?lit&inline';
 

src/visual-regression-app/src/components/test-case/image-diff/image-diff.ts

@@ -3,7 +3,7 @@ import { customElement, property, state } from 'lit/decorators.js';
 
 import { SbbOverlayElement } from '../../../../../components/overlay/overlay.js';
 import type { SbbToggleCheckElement } from '../../../../../components/toggle-check/toggle-check.js';
-import type { FailedFiles } from '../../../../interfaces.js';
+import type { FailedFiles } from '../../../interfaces.js';
 
 import style from './image-diff.scss?lit&inline';
 

src/visual-regression-app/src/screenshots.ts

@@ -1,7 +1,7 @@
 // eslint-disable-next-line import-x/no-unresolved
 import { screenshotsRaw } from 'virtual:screenshots';
 
-import type { FailedFiles, ScreenshotMap } from '../interfaces.js';
+import type { FailedFiles, ScreenshotMap } from './interfaces.js';
 
 const viewportOrder = ['zero', 'micro', 'small', 'medium', 'large', 'wide', 'ultra'];
 

src/visual-regression-app/tsconfig.json

@@ -2,8 +2,12 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "rootDir": "../..",
-    "baseUrl": "."
+    "baseUrl": ".",
+    "paths": {
+      "@sbb-esta/lyne-components": ["../components"],
+      "@sbb-esta/lyne-components/*": ["../components/*"]
+    }
   },
-  "include": ["./**/*.ts", "./src/vite-env.d.ts"],
+  "include": ["./**/*.ts", "../vite-env.d.ts"],
   "exclude": ["vite.config.ts"]
 }

src/visual-regression-app/vite.config.ts

@@ -13,7 +13,7 @@ import {
 import { distDir } from '../../tools/vite/index.js';
 import rootConfig from '../../vite.config.js';
 
-import type { FailedFiles } from './interfaces.js';
+import type { FailedFiles } from './src/interfaces.js';
 
 const packageRoot = new URL('.', import.meta.url);
 const screenshotsDir = new URL(`./screenshots/`, distDir);

src/vite-env.d.ts

@@ -9,3 +9,8 @@ declare module '*?lit&inline' {
 declare module '@custom-elements-manifest/analyzer/cli' {
   export const cli: (...args) => Promise<void>;
 }
+
+declare module 'virtual:screenshots' {
+
+  export const screenshotsRaw: import('./visual-regression-app/src/interfaces').ScreenshotMap;
+}