Rename files and update import paths

src/app.component.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import {RouterModule} from '@angular/router';
+
 @Component({
     selector: 'app-root',
     standalone: true,

src/app.config.ts

@@ -4,11 +4,11 @@ import { provideAnimationsAsync } from '@angular/platform-browser/animations/asy
 import { provideRouter, withEnabledBlockingInitialNavigation, withInMemoryScrolling } from '@angular/router';
 import { providePrimeNG } from 'primeng/config';
 import Aura from '@primeng/themes/aura';
-import { routes } from '@/src/routes';
+import { appRoutes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
     providers: [
-        provideRouter(routes, withInMemoryScrolling({ anchorScrolling: 'enabled', scrollPositionRestoration: 'enabled' }), withEnabledBlockingInitialNavigation()),
+        provideRouter(appRoutes, withInMemoryScrolling({ anchorScrolling: 'enabled', scrollPositionRestoration: 'enabled' }), withEnabledBlockingInitialNavigation()),
         provideHttpClient(withFetch()),
         provideAnimationsAsync(),
         providePrimeNG({ theme: {preset: Aura, options: { darkModeSelector: '.app-dark'}}, ripple: false, inputStyle: 'outlined' })

src/app.routes.ts

@@ -1,11 +1,11 @@
 import { Routes } from '@angular/router';
-import { AppLayout } from '@/src/layout/applayout';
-import { Documentation } from '@/src/views/pages/documentation';
-import { Dashboard } from '@/src/views/dashboard';
 import { Landing } from './views/pages/landing';
 import { Notfound } from './views/pages/notfound';
+import { AppLayout } from './layout/app.layout';
+import { Dashboard } from './views/dashboard';
+import { Documentation } from './views/pages/documentation';
 
-export const routes: Routes = [
+export const appRoutes: Routes = [
     {
         path: '',
         component: AppLayout,

src/components/dashboard/recentsaleswidget.ts

@@ -3,7 +3,7 @@ import { RippleModule } from 'primeng/ripple';
 import { TableModule } from 'primeng/table';
 import { ButtonModule } from 'primeng/button';
 import { CommonModule } from '@angular/common';
-import { Product, ProductService } from '@/src/service/demo/product.service';
+import { Product, ProductService } from '../../service/demo/product.service';
 
 
 @Component({

src/components/dashboard/revenuestreamwidget.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 import { ChartModule } from 'primeng/chart';
 import { debounceTime, Subscription } from 'rxjs';
-import { LayoutService } from '@/src/service/layout/layout.service';
+import { LayoutService } from '../../service/layout/layout.service';
 
 @Component({
     standalone:true,

src/components/floatingconfigurator.ts

@@ -1,8 +1,8 @@
 import { Component, computed, inject } from '@angular/core';
 import { ButtonModule } from 'primeng/button';
 import { StyleClassModule } from 'primeng/styleclass';
-import { AppConfigurator } from '@/src/layout/appconfigurator';
-import { LayoutService } from '@/src/service/layout/layout.service';
+import { AppConfigurator } from '../layout/app.configurator';
+import { LayoutService } from '../service/layout/layout.service';
 
 @Component({
   selector: 'floating-configurator',

src/layout/app.configurator.ts

@@ -6,7 +6,7 @@ import Aura from '@primeng/themes/aura';
 import Lara from '@primeng/themes/lara';
 import { PrimeNG } from 'primeng/config';
 import { SelectButtonModule } from 'primeng/selectbutton';
-import { LayoutService } from '@/src/service/layout/layout.service';
+import { LayoutService } from '../service/layout/layout.service';
 
 const presets = {
     Aura,

src/layout/app.layout.ts

@@ -1,16 +1,16 @@
 import { Component, Renderer2, ViewChild } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { AppTopBar } from '@/src/layout/apptopbar';
-import { AppSidebar } from '@/src/layout/appsidebar';
 import { NavigationEnd, Router, RouterModule } from '@angular/router';
-import { AppFooter } from '@/src/layout/appfooter';
 import { filter, Subscription } from 'rxjs';
-import { LayoutService } from '@/src/service/layout/layout.service';
+import { AppTopbar } from './app.topbar';
+import { AppSidebar } from './appsidebar';
+import { AppFooter } from './app.footer';
+import { LayoutService } from '../service/layout/layout.service';
 
 @Component({
     selector: 'app-layout',
     standalone: true,
-    imports: [CommonModule, AppTopBar, AppSidebar, RouterModule, AppFooter],
+    imports: [CommonModule, AppTopbar, AppSidebar, RouterModule, AppFooter],
     template: `<div class="layout-wrapper" [ngClass]="containerClass">
         <app-topbar></app-topbar>
         <app-sidebar></app-sidebar>
@@ -28,11 +28,9 @@ export class AppLayout {
 
     menuOutsideClickListener: any;
 
-    profileMenuOutsideClickListener: any;
-
     @ViewChild(AppSidebar) appSidebar!: AppSidebar;
 
-    @ViewChild(AppTopBar) appTopBar!: AppTopBar;
+    @ViewChild(AppTopbar) appTopBar!: AppTopbar;
 
     constructor(
         public layoutService: LayoutService,

src/layout/app.menu.ts

@@ -1,15 +1,15 @@
-import { Component, inject } from '@angular/core';
+import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { AppMenuItem } from '@/src/layout/appmenuitem';
 import { RouterModule } from '@angular/router';
 import { MenuItem } from 'primeng/api';
+import { AppMenuitem } from './app.menuitem';
 
 @Component({
     selector: 'app-menu',
     standalone:true,
     imports: [
         CommonModule,
-        AppMenuItem,
+        AppMenuitem,
         RouterModule
     ],
     template: `<ul class="layout-menu">

src/layout/app.menuitem.ts

@@ -3,10 +3,10 @@ import { NavigationEnd, Router, RouterModule } from '@angular/router';
 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';
-import { LayoutService } from '@/src/service/layout/layout.service';
 import { CommonModule } from '@angular/common';
 import { RippleModule } from 'primeng/ripple';
 import { MenuItem} from 'primeng/api';
+import { LayoutService } from '../service/layout/layout.service';
 
 @Component({
     // eslint-disable-next-line @angular-eslint/component-selector
@@ -51,7 +51,7 @@ import { MenuItem} from 'primeng/api';
     ],
     providers: [LayoutService],
 })
-export class AppMenuItem {
+export class AppMenuitem {
 
     @Input() item: MenuItem;
 

src/layout/app.topbar.ts

@@ -1,10 +1,10 @@
-import { Component, ElementRef, ViewChild } from '@angular/core';
+import { Component } from '@angular/core';
 import { MenuItem } from 'primeng/api';
 import { RouterModule } from '@angular/router';
 import { CommonModule } from '@angular/common';
 import { StyleClassModule } from 'primeng/styleclass';
-import { AppConfigurator } from '@/src/layout/appconfigurator';
-import { LayoutService } from '@/src/service/layout/layout.service';
+import { AppConfigurator } from './app.configurator';
+import { LayoutService } from '../service/layout/layout.service';
 
 @Component({
     selector: 'app-topbar',
@@ -89,7 +89,7 @@ import { LayoutService } from '@/src/service/layout/layout.service';
         </div>
     </div>`
 })
-export class AppTopBar {
+export class AppTopbar {
 
     items!: MenuItem[];
 

src/layout/appsidebar.ts

@@ -1,5 +1,6 @@
 import { Component, ElementRef } from '@angular/core';
-import { AppMenu } from '@/src/layout/appmenu';
+import { AppMenu } from './app.menu';
+
 
 @Component({
     selector: 'app-sidebar',

src/main.ts

@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from '@/src/app.component';
-import { appConfig } from '@/src/app.config';
+import { appConfig } from './app.config';
+import { AppComponent } from './app.component';
 
 
 bootstrapApplication(AppComponent, appConfig)

src/views/dashboard.routes.ts

@@ -1,5 +1,5 @@
-import { Dashboard } from '@/src/views/dashboard';
 import { Routes } from '@angular/router';
+import { Dashboard } from './dashboard';
 
 export default [
     { path: '', component: Dashboard}

src/views/dashboard.ts

@@ -1,9 +1,10 @@
 import { Component } from '@angular/core';
-import { StatsWidget } from '@/src/components/dashboard/statswidget';
-import { RecentSalesWidget } from '@/src/components/dashboard/recentsaleswidget';
-import { BestSellingWidget } from '@/src/components/dashboard/bestsellingwidget';
-import { RevenueStreamWidget } from '@/src/components/dashboard/revenuestreamwidget';
-import { NotificationsWidget } from '@/src/components/dashboard/notificationswidget';
+import { StatsWidget } from '../components/dashboard/statswidget';
+import { RecentSalesWidget } from '../components/dashboard/recentsaleswidget';
+import { BestSellingWidget } from '../components/dashboard/bestsellingwidget';
+import { RevenueStreamWidget } from '../components/dashboard/revenuestreamwidget';
+import { NotificationsWidget } from '../components/dashboard/notificationswidget';
+
 
 @Component({
   selector: 'app-dashboard',

src/views/pages/auth/access.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import {ButtonModule} from 'primeng/button';
 import {RouterModule} from '@angular/router';
 import {RippleModule} from 'primeng/ripple';
-import { FloatingConfigurator } from '@/src/components/floatingconfigurator';
+import { FloatingConfigurator } from '../../../components/floatingconfigurator';
 
 @Component({
   standalone: true,

src/views/pages/auth/auth.routes.ts

@@ -1,7 +1,7 @@
 import { Routes } from '@angular/router';
-import { Access } from '@/src/views/pages/auth/access';
-import { Login } from '@/src/views/pages/auth/login';
-import { Error } from '@/src/views/pages/auth/error';
+import { Access } from './access';
+import { Login } from './login';
+import { Error } from './error';
 
 export default [
   { path: 'access', component: Access},

src/views/pages/auth/error.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import {ButtonModule} from 'primeng/button';
 import {RippleModule} from 'primeng/ripple';
 import {RouterModule} from '@angular/router';
-import { FloatingConfigurator } from '@/src/components/floatingconfigurator';
+import { FloatingConfigurator } from '../../../components/floatingconfigurator';
 
 @Component({
   imports: [ButtonModule, RippleModule, RouterModule, FloatingConfigurator, ButtonModule],

src/views/pages/auth/login.ts

@@ -6,7 +6,7 @@ import { PasswordModule} from 'primeng/password';
 import {FormsModule} from '@angular/forms';
 import {RouterModule} from '@angular/router';
 import { RippleModule} from 'primeng/ripple';
-import { FloatingConfigurator } from '@/src/components/floatingconfigurator';
+import { FloatingConfigurator } from '../../../components/floatingconfigurator';
 
 
 @Component({

src/views/pages/crud.ts

@@ -18,7 +18,7 @@ import { TagModule } from 'primeng/tag';
 import { InputIconModule } from 'primeng/inputicon';
 import { IconFieldModule } from 'primeng/iconfield';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { Product, ProductService } from '@/src/service/demo/product.service';
+import { Product, ProductService } from '../../service/demo/product.service';
 
 interface Column {
     field: string;

src/views/pages/landing.ts

@@ -4,12 +4,13 @@ import { RippleModule } from 'primeng/ripple';
 import { StyleClassModule } from 'primeng/styleclass';
 import { ButtonModule } from 'primeng/button';
 import { DividerModule } from 'primeng/divider';
-import { HeroWidget } from '@/src/components/landing/herowidget';
-import { FeaturesWidget } from '@/src/components/landing/featureswidget';
-import { HighlightsWidget } from '@/src/components/landing/highlightswidget';
-import { PricingWidget } from '@/src/components/landing/pricingwidget';
-import { FooterWidget } from '@/src/components/landing/footerwidget';
-import { TopbarWidget } from '@/src/components/landing/topbarwidget.component';
+import { FeaturesWidget } from '../../components/landing/featureswidget';
+import { TopbarWidget } from '../../components/landing/topbarwidget.component';
+import { HeroWidget } from '../../components/landing/herowidget';
+import { HighlightsWidget } from '../../components/landing/highlightswidget';
+import { PricingWidget } from '../../components/landing/pricingwidget';
+import { FooterWidget } from '../../components/landing/footerwidget';
+
 
 @Component({
     standalone: true,

src/views/pages/notfound.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 import {RouterModule} from '@angular/router';
-import { FloatingConfigurator } from '@/src/components/floatingconfigurator';
 import { ButtonModule } from 'primeng/button';
+import { FloatingConfigurator } from '../../components/floatingconfigurator';
 
 @Component({
   standalone: true,

src/views/pages/pages.routes.ts

@@ -1,7 +1,7 @@
 import { Routes } from '@angular/router';
-import { Documentation } from '@/src/views/pages/documentation';
-import { Crud } from '@/src/views/pages/crud';
-import { Empty } from '@/src/views/pages/empty';
+import { Documentation } from './documentation';
+import { Crud } from './crud';
+import { Empty } from './empty';
 
 export default [
     { path: 'documentation', component: Documentation },

src/views/uikit/chartdoc.ts

@@ -2,8 +2,8 @@ import { Component } from '@angular/core';
 import { ChartModule } from 'primeng/chart';
 import { CommonModule } from '@angular/common';
 import { debounceTime, Subscription } from 'rxjs';
-import { LayoutService } from '@/src/service/layout/layout.service';
 import { FluidModule } from 'primeng/fluid';
+import { LayoutService } from '../../service/layout/layout.service';
 
 @Component({
     standalone:true,

src/views/uikit/inputdoc.ts

@@ -25,9 +25,9 @@ import {MultiSelectModule} from "primeng/multiselect";
 import {ListboxModule} from "primeng/listbox";
 import {InputGroupAddonModule} from "primeng/inputgroupaddon";
 import {TextareaModule} from "primeng/textarea";
-import { CountryService } from '@/src/service/demo/country.service';
-import { NodeService } from '@/src/service/demo/node.service';
 import { ToggleButtonModule } from 'primeng/togglebutton';
+import { CountryService } from '../../service/demo/country.service';
+import { NodeService } from '../../service/demo/node.service';
 
 @Component({
     standalone: true,

src/views/uikit/listdoc.ts

@@ -7,7 +7,7 @@ import { PickListModule } from 'primeng/picklist';
 import { OrderListModule } from 'primeng/orderlist';
 import { TagModule } from 'primeng/tag';
 import { ButtonModule } from 'primeng/button';
-import { Product, ProductService } from '@/src/service/demo/product.service';
+import { Product, ProductService } from '../../service/demo/product.service';
 
 @Component({
     standalone: true,

src/views/uikit/mediadoc.ts

@@ -5,8 +5,8 @@ import { CarouselModule } from 'primeng/carousel';
 import { GalleriaModule } from 'primeng/galleria';
 import { ImageModule } from 'primeng/image';
 import { TagModule } from 'primeng/tag';
-import { Product, ProductService } from '@/src/service/demo/product.service';
-import { PhotoService } from '@/src/service/demo/photo.service';
+import { Product, ProductService } from '../../service/demo/product.service';
+import { PhotoService } from '../../service/demo/photo.service';
 
 @Component({
     standalone: true,

src/views/uikit/overlaydoc.ts

@@ -9,8 +9,8 @@ import { ConfirmPopupModule } from 'primeng/confirmpopup';
 import { InputTextModule } from 'primeng/inputtext';
 import { FormsModule } from '@angular/forms';
 import { TooltipModule } from 'primeng/tooltip';
-import { Product, ProductService } from '@/src/service/demo/product.service';
 import { TableModule } from 'primeng/table';
+import { Product, ProductService } from '../../service/demo/product.service';
 
 @Component({
     standalone: true,

src/views/uikit/tabledoc.ts

@@ -16,8 +16,8 @@ import { RippleModule } from 'primeng/ripple';
 import { InputIconModule } from 'primeng/inputicon';
 import { IconFieldModule } from 'primeng/iconfield';
 import { TagModule } from 'primeng/tag';
-import { Customer, CustomerService, Representative } from '@/src/service/demo/customer.service';
-import { Product, ProductService } from '@/src/service/demo/product.service';
+import { Customer, CustomerService, Representative } from '../../service/demo/customer.service';
+import { Product, ProductService } from '../../service/demo/product.service';
 
 interface expandedRows {
     [key: string]: boolean;

src/views/uikit/treedoc.ts

@@ -4,7 +4,7 @@ import {TreeModule} from "primeng/tree";
 import {FormsModule} from "@angular/forms";
 import {TreeTableModule} from "primeng/treetable";
 import {CommonModule} from "@angular/common";
-import { NodeService } from '@/src/service/demo/node.service';
+import { NodeService } from '../../service/demo/node.service';
 
 @Component({
     standalone: true,

src/views/uikit/uikit.routes.ts

@@ -1,19 +1,19 @@
 import { Routes } from '@angular/router';
-import { ButtonDoc } from '@/src/views/uikit/buttondoc';
-import { ChartDoc } from '@/src/views/uikit/chartdoc';
-import { FileDoc } from '@/src/views/uikit/filedoc';
-import { FormLayoutDoc } from '@/src/views/uikit/formlayoutdoc';
-import { InputDoc } from '@/src/views/uikit/inputdoc';
-import { ListDoc } from '@/src/views/uikit/listdoc';
-import { MediaDoc } from '@/src/views/uikit/mediadoc';
-import { MessagesDoc } from '@/src/views/uikit/messagesdoc';
-import { MiscDoc } from '@/src/views/uikit/miscdoc';
-import { PanelsDoc } from '@/src/views/uikit/panelsdoc';
-import { TableDoc } from '@/src/views/uikit/tabledoc';
-import { TreeDoc } from '@/src/views/uikit/treedoc';
-import { MenuDoc } from '@/src/views/uikit/menudoc';
-import { OverlayDoc } from '@/src/views/uikit/overlaydoc';
-import { TimelineDoc } from '@/src/views/uikit/timelinedoc';
+import { ButtonDoc } from './buttondoc';
+import { ChartDoc } from './chartdoc';
+import { FileDoc } from './filedoc';
+import { FormLayoutDoc } from './formlayoutdoc';
+import { InputDoc } from './inputdoc';
+import { ListDoc } from './listdoc';
+import { MediaDoc } from './mediadoc';
+import { MessagesDoc } from './messagesdoc';
+import { MiscDoc } from './miscdoc';
+import { PanelsDoc } from './panelsdoc';
+import { TimelineDoc } from './timelinedoc';
+import { TableDoc } from './tabledoc';
+import { OverlayDoc } from './overlaydoc';
+import { TreeDoc } from './treedoc';
+import { MenuDoc } from './menudoc';
 
 export default [
     { path: 'button', data: { breadcrumb: 'Button' }, component: ButtonDoc},

tsconfig.json

@@ -17,9 +17,6 @@
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
-  "paths": {
-      "@/*": ["./*"]
-    }
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,