chore: use relative imports, drop deprecated baseUrl from tsconfig.json

projects/dashboards-demo/src/app/pages/dashboard/dashboard.component.ts

@@ -5,8 +5,8 @@
 import { Component, inject } from '@angular/core';
 import { SiFlexibleDashboardComponent, Widget } from '@siemens/dashboards-ng';
 import { SiEmptyStateComponent } from '@siemens/element-ng/empty-state';
-import { environment } from 'projects/dashboards-demo/src/environments/environment';
 
+import { environment } from '../../../environments/environment';
 import { AppStateService } from '../../app-state.service';
 import { DashboardFiltersComponent } from '../../components/dashboard-filters/dashboard-filters.component';
 import {

projects/dashboards-demo/webcomponents/src/app/chart-widget/chart-widget.component.ts

@@ -10,9 +10,10 @@ import { WidgetConfig, WidgetInstance } from '@siemens/dashboards-ng';
 import { ContentActionBarMainItem } from '@siemens/element-ng/content-action-bar';
 import { MenuItem } from '@siemens/element-ng/menu';
 import { SiResizeObserverModule } from '@siemens/element-ng/resize-observer';
-import { CartesianChartData } from 'projects/dashboards-demo/src/app/widgets/charts/data.service';
 import { Observable, of } from 'rxjs';
 
+import { CartesianChartData } from '../../../../src/app/widgets/charts/data.service';
+
 export interface WidgetChartCartesianConfig {
   stacked: boolean;
   showLegend: boolean;

projects/dashboards-ng/src/components/grid/si-grid.component.spec.ts

@@ -13,9 +13,9 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { SiActionDialogService } from '@siemens/element-ng/action-modal';
 import { SiLoadingSpinnerModule } from '@siemens/element-ng/loading-spinner';
-import { TEST_WIDGET } from 'projects/dashboards-ng/test/test-widget/test-widget';
 import type { Mock } from 'vitest';
 
+import { TEST_WIDGET } from '../../../test/test-widget/test-widget';
 import { TestingModule } from '../../../test/testing.module';
 import { SI_DASHBOARD_CONFIGURATION } from '../../model/configuration';
 import { SI_WIDGET_ID_PROVIDER } from '../../model/si-widget-id-provider';

projects/dashboards-ng/src/components/gridstack-wrapper/si-gridstack-wrapper.component.spec.ts

@@ -8,16 +8,16 @@ import { outputToObservable } from '@angular/core/rxjs-interop';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { SiActionDialogService } from '@siemens/element-ng/action-modal';
+import { firstValueFrom, take, toArray } from 'rxjs';
+import { page } from 'vitest/browser';
+
 import {
   TEST_WIDGET,
   TEST_WIDGET_CONFIG_0,
   TEST_WIDGET_CONFIG_1,
   TEST_WIDGET_CONFIG_2,
   TEST_WIDGET_CONFIGS
-} from 'projects/dashboards-ng/test/test-widget/test-widget';
-import { firstValueFrom, take, toArray } from 'rxjs';
-import { page } from 'vitest/browser';
-
+} from '../../../test/test-widget/test-widget';
 import { TestingModule } from '../../../test/testing.module';
 import { Widget, WidgetConfig } from '../../model/widgets.model';
 import { SiWidgetHostComponent } from '../widget-host/si-widget-host.component';

projects/dashboards-ng/test/test-widget/test-widget.ts

@@ -4,7 +4,8 @@
  */
 import { Type } from '@angular/core';
 import { Widget, WidgetConfig } from '@siemens/dashboards-ng';
-import * as testWidgetModule from 'projects/dashboards-ng/test/test-widget/index';
+
+import * as testWidgetModule from './index';
 
 const loaderFunction = (name: string): Promise<any> => {
   if (name === 'TestWidgetComponent' || name === 'TestWidgetEditorComponent') {

projects/dashboards-ng/tsconfig.lib.json

@@ -6,16 +6,16 @@
     "inlineSources": true,
     "types": ["@siemens/element-translate-ng/localize-types", "node"],
     "paths": {
-      "@siemens/element-translate-ng": ["dist/@siemens/element-translate-ng"],
-      "@siemens/element-translate-ng/*": ["dist/@siemens/element-translate-ng/*"],
-      "@siemens/element-ng": ["dist/@siemens/element-ng"],
-      "@siemens/element-ng/*": ["dist/@siemens/element-ng/*"],
-      "@siemens/dashboards-ng": ["projects/dashboards-ng/src/public-api.ts"]
+      "@siemens/element-translate-ng": ["../../dist/@siemens/element-translate-ng"],
+      "@siemens/element-translate-ng/*": ["../../dist/@siemens/element-translate-ng/*"],
+      "@siemens/element-ng": ["../../dist/@siemens/element-ng"],
+      "@siemens/element-ng/*": ["../../dist/@siemens/element-ng/*"],
+      "@siemens/dashboards-ng": ["../../projects/dashboards-ng/src/public-api.ts"]
     }
   },
   "angularCompilerOptions": {
     "compilationMode": "partial"
   },
-  "include": ["./**/*.ts"],
+  "include": ["**/*.ts"],
   "exclude": ["**/*.spec.ts", "test"]
 }

projects/dashboards-ng/tsconfig.spec.json

@@ -10,16 +10,16 @@
     "lib": ["es2022", "dom", "esnext.disposable"],
     "paths": {
       "@siemens/element-translate-ng": [
-        "projects/element-translate-ng/public-api.ts",
-        "projects/element-translate-ng/"
+        "../../projects/element-translate-ng/public-api.ts",
+        "../../projects/element-translate-ng/"
       ],
-      "@siemens/element-translate-ng/*": ["projects/element-translate-ng/*"],
-      "@siemens/element-ng": ["projects/element-ng/public-api.ts", "projects/element-ng"],
-      "@siemens/element-ng/*": ["projects/element-ng/*"],
-      "@siemens/dashboards-ng": [
-        "projects/dashboards-ng/src/public-api.ts",
-        "projects/dashboards-ng/src"
-      ]
+      "@siemens/element-translate-ng/*": ["../../projects/element-translate-ng/*"],
+      "@siemens/element-ng": [
+        "../../projects/element-ng/public-api.ts",
+        "../../projects/element-ng"
+      ],
+      "@siemens/element-ng/*": ["../../projects/element-ng/*"],
+      "@siemens/dashboards-ng": ["./src/public-api.ts", "./src"]
     }
   },
   "include": ["**/*.spec.ts", "**/*.d.ts", "**/test/**/*.ts"]

projects/element-translate-ng/tsconfig.lib.json

@@ -5,7 +5,7 @@
     "declaration": true,
     "inlineSources": true,
     "paths": {
-      "@siemens/element-translate-ng/*": ["projects/element-translate-ng/*"]
+      "@siemens/element-translate-ng/*": ["./*"]
     }
   },
   "angularCompilerOptions": {

projects/element-translate-ng/tsconfig.spec.json

@@ -5,7 +5,7 @@
     "lib": ["es2022", "dom", "esnext.disposable"],
     "types": ["vitest/globals"],
     "paths": {
-      "@siemens/element-translate-ng/*": ["projects/element-translate-ng/*"]
+      "@siemens/element-translate-ng/*": ["./*"]
     }
   },
   "include": ["**/*.spec.ts", "**/*.d.ts", "**/*.mock.ts"]

projects/live-preview/esbuild-component-loader.mjs

@@ -10,6 +10,7 @@ const livePreviewComponentLoader = {
       const root = url.searchParams.get('root');
       const examples = url.searchParams.get('examples');
       const webcomponents = url.searchParams.get('webcomponents');
+      const rel = url.searchParams.get('rel');
 
       if (!root) {
         throw 'config error: need to pass "root" (path)';
@@ -18,7 +19,7 @@ const livePreviewComponentLoader = {
       return {
         namespace: 'live-preview-component-loader',
         path: args.path,
-        pluginData: { root, webcomponents, examples }
+        pluginData: { root, webcomponents: webcomponents === 'true', examples, rel: rel === 'true' }
       };
     });
 
@@ -27,19 +28,22 @@ const livePreviewComponentLoader = {
         filter: /(@siemens|@simpl)\/live-preview\/component-loader.*/,
         namespace: 'live-preview-component-loader'
       },
-      async ({ pluginData: { root, webcomponents, examples } }) => {
+      async ({ pluginData: { root, webcomponents, examples, rel } }) => {
         const watchDirs = [root];
 
         let code = 'export default { load: function (path) { switch (path) {';
         const files = [];
         const webcomponentsFiles = [];
-        for await (const file of globIterate(
-          path.posix.join(root, examples.replace(/\.ts$/, '.{ts,tsx,vue,js}')),
-          { posix: true } // needed for windows
-        )) {
+        const glob = path.posix.join(root, examples.replace(/\.ts$/, '.{ts,tsx,vue,js}'));
+        const rootNormalized = path.normalize(root);
+        // posix: true needed for windows
+        for await (const file of globIterate(glob, { posix: true })) {
           if (file.endsWith('.ts')) {
-            const fileName = file.replace(new RegExp('^' + root + '/'), '').replace(/\.ts$/, '');
-            code += `case '${fileName}': return import('${file.replace(/\.ts$/, '')}');`;
+            const fileName = file
+              .replace(new RegExp('^' + rootNormalized + '/'), '')
+              .replace(/\.ts$/, '');
+            let importFileName = rel ? `./${fileName}` : file.replace(/\.ts$/, '');
+            code += `case '${fileName}': return import('${importFileName}');`;
             files.push(fileName);
           } else {
             webcomponentsFiles.push(file.replace(root + '/', '').replace(/\.(tsx|vue|js)$/, ''));

projects/maps-ng/src/components/si-map/si-map.component.spec.ts

@@ -11,10 +11,10 @@ import Point from 'ol/geom/Point';
 import { Layer, Vector as VectorLayer } from 'ol/layer';
 import RenderFeature from 'ol/render/Feature';
 import { Cluster, Vector as VectorSource } from 'ol/source';
-import { mockGeoJson } from 'src/app/mocks/geojson.mock';
-import { mockPoints, singlePoint } from 'src/app/mocks/points.mock';
 
 import { SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent } from '.';
+import { mockGeoJson } from '../../../../../src/app/mocks/geojson.mock';
+import { mockPoints, singlePoint } from '../../../../../src/app/mocks/points.mock';
 import { MapService } from './services/map.service';
 
 const mockFeature = new Feature({

projects/maps-ng/tsconfig.lib.json

@@ -6,10 +6,8 @@
     "inlineSources": true,
     "types": ["@siemens/element-translate-ng/localize-types"],
     "paths": {
-      "@siemens/element-translate-ng": ["dist/@siemens/element-translate-ng"],
-      "@siemens/element-translate-ng/*": ["dist/@siemens/element-translate-ng/*"],
-      "@siemens/maps-ng/*": ["projects/maps-ng/*/index.ts"],
-      "@siemens/map-styles/*": ["dist/@siemens/map-styles/*"]
+      "@siemens/maps-ng/*": ["./*/index.ts"],
+      "@siemens/map-styles/*": ["../../dist/@siemens/map-styles/*"]
     }
   },
   "angularCompilerOptions": {
@@ -19,5 +17,5 @@
     "enableResourceInlining": true
   },
   "include": ["./**/*.ts"],
-  "exclude": ["**/*.spec.ts"]
+  "exclude": ["./**/*.spec.ts"]
 }

projects/maps-ng/tsconfig.spec.json

@@ -5,5 +5,5 @@
     "lib": ["es2022", "dom", "esnext.disposable"],
     "types": ["@siemens/element-translate-ng/localize-types", "vitest/globals"]
   },
-  "include": ["**/*.spec.ts", "**/*.d.ts"]
+  "include": ["./**/*.spec.ts", "./**/*.d.ts"]
 }

src/app/app.config.ts

@@ -47,7 +47,7 @@ import { LivePreviewThemeApiService } from './shared/live-preview-theme.api.serv
 
 const componentLoader =
   // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
-  require('@siemens/live-preview/component-loader?root=src&examples=app/examples/**/*.ts&webcomponents=true!./app.config').default;
+  require('@siemens/live-preview/component-loader?root=src&examples=app/examples/**/*.ts&rel=true&webcomponents=true!./app.config').default;
 
 // On locale change, we dynamically reload the locale definition
 // for angular. With this configuration, we only load the current

src/app/examples/datatable/datatable-bulk-actions.ts

@@ -6,11 +6,11 @@ import { CdkMenuTrigger } from '@angular/cdk/menu';
 import { Component, computed, OnInit, signal, TemplateRef, viewChild } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { elementDown2, elementOptionsVertical } from '@siemens/element-icons';
+import { SiAutoCollapsableListModule } from '@siemens/element-ng/auto-collapsable-list';
 import { SI_DATATABLE_CONFIG, SiDatatableModule } from '@siemens/element-ng/datatable';
 import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
 import { MenuItem, SiMenuFactoryComponent } from '@siemens/element-ng/menu';
 import { NgxDatatableModule, TableColumn } from '@siemens/ngx-datatable';
-import { SiAutoCollapsableListModule } from 'projects/element-ng/auto-collapsable-list';
 
 type Status = 'Active' | 'Inactive' | 'On Leave';
 
@@ -41,9 +41,6 @@ export class SampleComponent implements OnInit {
   protected readonly collapsed = signal(false);
   protected readonly statusMenuOpen = signal(false);
 
-  private readonly bulkActionsTemplate = viewChild.required('bulkActionsTemplate', {
-    read: TemplateRef<unknown>
-  });
   private readonly checkboxCellTemplate = viewChild.required('checkboxCellTmpl', {
     read: TemplateRef<unknown>
   });

src/app/examples/si-map/si-map-custom-cluster-popover.ts

@@ -7,8 +7,9 @@ import { elementGoTo } from '@siemens/element-icons';
 import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
 import { LOG_EVENT } from '@siemens/live-preview';
 import { MapPoint, MapPointMetaData, SiMapComponent } from '@siemens/maps-ng';
-import { mockPoints, singlePoint } from 'src/app/mocks/points.mock';
-import { environment } from 'src/environments/environment';
+
+import { environment } from '../../../environments/environment';
+import { mockPoints, singlePoint } from '../../mocks/points.mock';
 
 @Component({
   selector: 'app-custom-popover',

src/app/examples/si-map/si-map-custom-popover-onhover.ts

@@ -4,8 +4,9 @@
  */
 import { Component, input, viewChild } from '@angular/core';
 import { MapPoint, MapPointMetaData, SiMapComponent } from '@siemens/maps-ng';
-import { mockPoints, singlePoint } from 'src/app/mocks/points.mock';
-import { environment } from 'src/environments/environment';
+
+import { environment } from '../../../environments/environment';
+import { mockPoints, singlePoint } from '../../mocks/points.mock';
 
 @Component({
   selector: 'app-custom-popover-onhover',

src/app/examples/si-map/si-map-custom-popover.ts

@@ -4,8 +4,9 @@
  */
 import { Component, input, viewChild } from '@angular/core';
 import { MapPoint, MapPointMetaData, SiMapComponent } from '@siemens/maps-ng';
-import { mockPoints, singlePoint } from 'src/app/mocks/points.mock';
-import { environment } from 'src/environments/environment';
+
+import { environment } from '../../../environments/environment';
+import { mockPoints, singlePoint } from '../../mocks/points.mock';
 
 @Component({
   selector: 'app-custom-popover',

src/app/examples/si-map/si-map-custom-style.ts

@@ -4,8 +4,9 @@
  */
 import { Component, viewChild } from '@angular/core';
 import { MapPoint, SiMapComponent } from '@siemens/maps-ng';
-import { mockPoints } from 'src/app/mocks/points.mock';
-import { environment } from 'src/environments/environment';
+
+import { environment } from '../../../environments/environment';
+import { mockPoints } from '../../mocks/points.mock';
 
 @Component({
   selector: 'app-sample',

src/app/examples/si-map/si-map-custom-zoom-levels.ts

@@ -5,8 +5,9 @@
 import { Component, viewChild } from '@angular/core';
 import { MapPoint, OverlayNativeProperties, SiMapComponent } from '@siemens/maps-ng';
 import { FullScreen } from 'ol/control';
-import { mockPoints } from 'src/app/mocks/points.mock';
-import { environment } from 'src/environments/environment';
+
+import { environment } from '../../../environments/environment';
+import { mockPoints } from '../../mocks/points.mock';
 
 @Component({
   selector: 'app-sample',

src/app/examples/si-map/si-map-default-style.ts

@@ -5,8 +5,9 @@
 import { Component, inject, viewChild } from '@angular/core';
 import { LOG_EVENT } from '@siemens/live-preview';
 import { MapPoint, SiMapComponent } from '@siemens/maps-ng';
-import { mockPoints } from 'src/app/mocks/points.mock';
-import { environment } from 'src/environments/environment';
+
+import { environment } from '../../../environments/environment';
+import { mockPoints } from '../../mocks/points.mock';
 
 @Component({
   selector: 'app-sample',

src/app/examples/si-map/si-map-geo-json.ts

@@ -8,9 +8,10 @@ import { FeatureLike } from 'ol/Feature';
 import { fromLonLat } from 'ol/proj';
 import { Fill, Stroke, Style } from 'ol/style';
 import { StyleFunction } from 'ol/style/Style';
-import { shapes } from 'src/app/mocks/custom-shape-style';
-import { mockGeoJson } from 'src/app/mocks/geojson.mock';
-import { environment } from 'src/environments/environment';
+
+import { environment } from '../../../environments/environment';
+import { shapes } from '../../mocks/custom-shape-style';
+import { mockGeoJson } from '../../mocks/geojson.mock';
 
 interface MapPointCustom extends MapPointMetaData {
   floorId: string;

src/app/examples/si-map/si-map-grouping.ts

@@ -5,8 +5,9 @@
 import { Component, viewChild } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { ColorPalette, MapPoint, SiMapComponent } from '@siemens/maps-ng';
-import { mockGroupedPoints } from 'src/app/mocks/points.mock';
-import { environment } from 'src/environments/environment';
+
+import { environment } from '../../../environments/environment';
+import { mockGroupedPoints } from '../../mocks/points.mock';
 
 @Component({
   selector: 'app-sample',

src/app/examples/si-map/si-map-labels.ts

@@ -5,8 +5,9 @@
 import { Component, viewChild } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { ColorPalette, MapPoint, SiMapComponent } from '@siemens/maps-ng';
-import { mockGroupedPoints } from 'src/app/mocks/points.mock';
-import { environment } from 'src/environments/environment';
+
+import { environment } from '../../../environments/environment';
+import { mockGroupedPoints } from '../../mocks/points.mock';
 
 @Component({
   selector: 'app-sample',

src/tsconfig.app.prod.json

@@ -3,21 +3,21 @@
   "compilerOptions": {
     "outDir": "./out-tsc/app",
     "paths": {
-      "@siemens/element-ng": ["dist/@siemens/element-ng"],
-      "@siemens/element-ng/*": ["dist/@siemens/element-ng/*"],
-      "@siemens/element-translate-ng": ["dist/@siemens/element-translate-ng"],
-      "@siemens/element-translate-ng/*": ["dist/@siemens/element-translate-ng/*"],
-      "@siemens/live-preview": ["dist/@siemens/live-preview"],
-      "@siemens/live-preview/*": ["dist/@siemens/live-preview/*"],
-      "@siemens/charts-ng": ["dist/@siemens/charts-ng"],
-      "@siemens/charts-ng/*": ["dist/@siemens/charts-ng/*"],
-      "@siemens/native-charts-ng": ["dist/@siemens/native-charts-ng"],
-      "@siemens/native-charts-ng/*": ["dist/@siemens/native-charts-ng/*"],
-      "@siemens/dashboards-ng": ["dist/@siemens/dashboards-ng"],
-      "@siemens/dashboards-ng/*": ["dist/@siemens/dashboards-ng/*"],
-      "@siemens/maps-ng": ["dist/@siemens/maps-ng"],
-      "@siemens/maps-ng/*": ["dist/@siemens/maps-ng/*"],
-      "@siemens/map-styles/*": ["dist/@siemens/map-styles/*"]
+      "@siemens/element-ng": ["../dist/@siemens/element-ng"],
+      "@siemens/element-ng/*": ["../dist/@siemens/element-ng/*"],
+      "@siemens/element-translate-ng": ["../dist/@siemens/element-translate-ng"],
+      "@siemens/element-translate-ng/*": ["../dist/@siemens/element-translate-ng/*"],
+      "@siemens/live-preview": ["../dist/@siemens/live-preview"],
+      "@siemens/live-preview/*": ["../dist/@siemens/live-preview/*"],
+      "@siemens/charts-ng": ["../dist/@siemens/charts-ng"],
+      "@siemens/charts-ng/*": ["../dist/@siemens/charts-ng/*"],
+      "@siemens/native-charts-ng": ["../dist/@siemens/native-charts-ng"],
+      "@siemens/native-charts-ng/*": ["../dist/@siemens/native-charts-ng/*"],
+      "@siemens/dashboards-ng": ["../dist/@siemens/dashboards-ng"],
+      "@siemens/dashboards-ng/*": ["../dist/@siemens/dashboards-ng/*"],
+      "@siemens/maps-ng": ["../dist/@siemens/maps-ng"],
+      "@siemens/maps-ng/*": ["../dist/@siemens/maps-ng/*"],
+      "@siemens/map-styles/*": ["../dist/@siemens/map-styles/*"]
     },
     "useDefineForClassFields": true
   },