newportsite 1.1.3

package/src/lib/services/message.service.ts

@@ -0,0 +1,556 @@
+import { Injectable, inject } from '@angular/core';
+import { ItemInterface, UserLicenses } from '../interfaces/item.interface';
+import { GlobalService, Languages } from './global.service';
+
+const itMessages = new Map<string, any>([
+  ['app.label', 'Etichetta'],
+  ['app.identifier', 'Identificativo'],
+  ['app.authtitle', 'Login'],
+  ['app.register', 'Registrazione'],
+  ['app.confirm', 'Conferma'],
+  ['app.company', 'Azienda'],
+  ['app.notify', 'Notifica'],
+  ['app.login', 'Utente'],
+  ['app.logoff', 'Esci'],
+  ['app.yeardescription', 'Anno'],
+  ['app.description', 'Descrizione'],
+  ['app.amount', 'Importo'],
+  ['app.close', 'Chiudi'],
+  ['app.page', 'Pagina'],
+  ['app.pages', 'Pagine'],
+  ['app.password', 'Password'],
+  ['app.repeatepassword', 'Ripetere la password'],
+  ['app.name', 'Denominazione o Cognome e Nome'],
+  ['app.address1', 'Indirizzo'],
+  ['app.address2', 'Indirizzo'],
+  ['app.postalcode', 'Cap'],
+  ['app.city', 'Città'],
+  ['app.county', 'Contea'],
+  ['app.country', 'Paese'],
+  ['app.telephonenumber', 'Telefono'],
+  ['app.faxnumber', 'Fax'],
+  ['app.mobilenumber', 'Mobile'],
+  ['app.contact', 'Contatto'],
+  ['app.website', 'Sito web'],
+  ['app.email', 'E-Mail'],
+  ['app.cinnumber', 'Codice Fiscale'],
+  ['app.vatnumber', 'Partita IVA'],
+  ['app.wait', 'Attendere'],
+  ['app.companydata', 'Dati anagrafica'],
+  ['app.support', 'Assistenza'],
+  ['app.documentation', 'Documentazione'],
+  ['app.settings', 'Impostazioni'],
+  ['app.exportaspdf', 'Pdf'],
+  ['app.exportasexcel', 'Excel'],
+  ['app.language', 'Lingua'],
+  ['app.plus', 'Aggiungi'],
+  ['app.minus', 'Elimina'],
+  ['app.first', 'Primo'],
+  ['app.previous', 'Precedente'],
+  ['app.next', 'Successivo'],
+  ['app.last', 'Ultimo'],
+  ['app.table', 'Tabella'],
+  ['app.print', 'Stampa'],
+  ['app.upload', 'Upload'],
+  ['app.download', 'Download'],
+  ['app.loginfailed', 'Utente non registrato'],
+  ['app.registerfailed', 'Utente già registrato'],
+  ['app.navigation', 'Gestioni'],
+  ['app.filter', 'Filtra'],
+  ['app.collapse', 'Comprimi navigazione'],
+  ['app.expand', 'Espandi navigazione'],
+  ['app.search', 'Ricerca'],
+  ['app.section', 'Sezione'],
+  ['app.view', 'Vista'],
+  ['app.home', 'Home'],
+  ['app.model', 'Dashboard'],
+  ['app.passworddoesntmatch', 'Le password non coincidono'],
+  ['app.required', 'Dato richiesto'],
+  ['app.rangemin', 'Dato minore di quello richiesto'],
+  ['app.rangemax', 'Dato maggiore di quello richiesto'],
+  ['app.cferr', 'Codice fiscale errato'],
+  ['app.pivaerr', 'Partita IVA errata'],
+  ['app.cfpivaerr', 'Codice fiscale errato'],
+  ['app.dashboard.module.start', 'Avvia'],
+  ['app.dashboard.module.inactive', 'Modulo non acquistato'],
+  ['app.save', 'Registra'],
+  ['app.list', 'Elenco'],
+  ['app.base', 'Impostazione'],
+  ['app.rows', 'Righe'],
+  ['app.exit', 'Esci'],
+  ['app.info', 'Informazioni'],
+  ['app.sheet', 'Scheda'],
+  ['app.total', 'Totale'],
+  ['app.deletekey', 'Elemento eliminato'],
+  ['app.registerkey', 'Elemento inserto'],
+  ['app.existskey', 'Elemento già presente'],
+  ['app.requiredkey', 'Elemento richiesto'],
+  ['app.unabletosave', 'Impossibile registrare! Elemento già presente'],
+  ['app.unabletodelete', "Impossibile eliminare l'elemento"],
+  ['app.dateerror', 'Data errata'],
+  ['app.itemerror', 'Non presente'],
+  ['app.error', 'Errore'],
+  ['app.warning', 'Avvertimento'],
+  ['app.fatal', 'Blocco'],
+  ['app.summary', 'Riepilogo'],
+  ['app.dashboard', 'Dashboard'],
+  ['app.calendar', 'Calendario'],
+  ['app.remove', 'Elimina'],
+  ['app.assigned', 'Assegnato'],
+  ['app.configs', 'Configurazioni'],
+  ['app.detail', 'Dettaglio'],
+  ['app.intodetail', 'Naviga nel dettaglio'],
+  ['app.author', 'Autore'],
+  ['app.email', 'E-Mail'],
+  ['app.phone', 'Telefono'],
+  ['app.emailerr', 'E-Mail non valida'],
+  ['app.front', 'Fronte'],
+  ['app.back', 'Retro'],
+  ['app.regexpnotmatch', 'Valore non corretto'],
+  ['app.auth.accountAccess', 'Accedi al tuo account'],
+  ['app.auth.accountNoAccess', 'Non hai un account?'],
+  [
+    'app.gridlocale',
+    {
+      page: 'Pagina',
+      more: 'Più',
+      to: 'a',
+      of: 'di',
+      next: 'Prossimo',
+      last: 'Ultimo',
+      first: 'Primo',
+      previous: 'Precedente',
+      loadingOoo: 'Attendere...',
+      selectAll: 'Seleziona tutto',
+      searchOoo: 'Cerca...',
+      blanks: 'Spazi',
+      filterOoo: 'Filtro...',
+      applyFilter: 'Applica filtro...',
+      equals: 'Uguale',
+      notEqual: 'Non uguale',
+      lessThanOrEqual: 'Minore o uguale',
+      greaterThanOrEqual: 'Maggiore o uguale',
+      inRange: 'Nel range',
+      lessThan: 'Minore',
+      greaterThan: 'Maggiore',
+      contains: 'Contiene',
+      notContains: 'Non contiene',
+      startsWith: 'Inizia con',
+      endsWith: 'Finisce con',
+      andCondition: 'E',
+      orCondition: 'O',
+      group: 'Gruppo',
+      columns: 'Colonne',
+      rowGroupColumns: 'Colonne pivot',
+      rowGroupColumnsEmptyMessage: 'TRascina la colonna per raggruppare',
+      valueColumns: 'Valore colonne',
+      pivotMode: 'Modalità pivot',
+      groups: 'Gruppi',
+      values: 'Valori',
+      pivots: 'Pivots',
+      valueColumnsEmptyMessage: 'Trascinare la colonna per aggregare',
+      pivotColumnsEmptyMessage: 'Trascinare qui per pivot',
+      noRowsToShow: 'Nulla da mostrare',
+      pinColumn: 'Pin della colonna',
+      valueAggregation: 'Aggregare i valori',
+      autosizeThiscolumn: 'Ridimensiona la colonna',
+      autosizeAllColumns: 'Ridimensiona tutte le colonne',
+      groupBy: 'Raggruppa',
+      ungroupBy: 'Non raggruppare',
+      resetColumns: 'Resetta colonne',
+      expandAll: 'Espandi tutto',
+      collapseAll: 'Collassa tutto',
+      toolPanel: 'Tool panel',
+      export: 'Esporta',
+      csvExport: 'Esporta CSV',
+      excelExport: ' Excel Exporto',
+      pinLeft: 'Pin a sinistra',
+      pinRight: 'Pin a destra',
+      noPin: 'No pin',
+      sum: 'Somma',
+      min: 'Minimo',
+      max: 'Massimo',
+      none: 'Nulla',
+      count: 'Conta',
+      average: 'Media',
+      copy: 'Copia',
+      ctrlC: 'Copia',
+      paste: 'Incolla',
+      ctrlV: 'Incolla',
+    },
+  ],
+]);
+
+const enMessages = new Map<string, any>([
+  ['app.label', 'Label'],
+  ['app.identifier', 'Identifier'],
+  ['app.authtitle', 'Login'],
+  ['app.register', 'Register'],
+  ['app.confirm', 'Confirm'],
+  ['app.company', 'Company'],
+  ['app.notify', 'Notify'],
+  ['app.login', 'User'],
+  ['app.logoff', 'Log off'],
+  ['app.yeardescription', 'Year'],
+  ['app.description', 'Description'],
+  ['app.amount', 'Amount'],
+  ['app.close', 'Close'],
+  ['app.page', 'Page'],
+  ['app.pages', 'Pages'],
+  ['app.password', 'Password'],
+  ['app.repeatepassword', 'Repeate password'],
+  ['app.name', 'Name'],
+  ['app.address1', 'Address'],
+  ['app.address2', 'Address'],
+  ['app.postalcode', 'Postal Code'],
+  ['app.city', 'City'],
+  ['app.county', 'County'],
+  ['app.country', 'Country'],
+  ['app.telephonenumber', 'Telephone'],
+  ['app.faxnumber', 'Fax'],
+  ['app.mobilenumber', 'Mobile'],
+  ['app.contact', 'Contact'],
+  ['app.website', 'Web site'],
+  ['app.email', 'E-Mail'],
+  ['app.cinnumber', 'Cin number'],
+  ['app.vatnumber', 'Vat number'],
+  ['app.wait', 'Wait'],
+  ['app.companydata', 'Personal data'],
+  ['app.support', 'Support'],
+  ['app.documentation', 'Documentation'],
+  ['app.settings', 'Settings'],
+  ['app.exportaspdf', 'Pdf'],
+  ['app.exportasexcel', 'Excel'],
+  ['app.language', 'Language'],
+  ['app.plus', 'Plus'],
+  ['app.minus', 'Minus'],
+  ['app.first', 'First'],
+  ['app.previous', 'Previous'],
+  ['app.next', 'Next'],
+  ['app.last', 'Last'],
+  ['app.table', 'Table'],
+  ['app.print', 'Print'],
+  ['app.upload', 'Upload'],
+  ['app.download', 'Download'],
+  ['app.loginfailed', 'User not found'],
+  ['app.registerfailed', 'User already inserted'],
+  ['app.navigation', 'Manage'],
+  ['app.filter', 'Filter'],
+  ['app.collapse', 'Collapse navigation'],
+  ['app.expand', 'Expand navigation'],
+  ['app.search', 'Search'],
+  ['app.section', 'Section'],
+  ['app.view', 'View'],
+  ['app.home', 'Home'],
+  ['app.model', 'Dashboard'],
+  ['app.passworddoesntmatch', "Passwords doesn't match"],
+  ['app.required', 'Required'],
+  ['app.rangemin', 'Range Min'],
+  ['app.rangemax', 'Range Max'],
+  ['app.dashboard.module.start', 'Start'],
+  ['app.dashboard.module.inactive', "Don't purchased module"],
+  ['app.save', 'Save'],
+  ['app.list', 'List'],
+  ['app.base', 'Base'],
+  ['app.rows', 'Rows'],
+  ['app.exit', 'Exit'],
+  ['app.info', 'Information'],
+  ['app.sheet', 'Sheet'],
+  ['app.total', 'Total'],
+  ['app.deletekey', 'Item deleted'],
+  ['app.registerkey', 'Item inserted'],
+  ['app.existskey', 'Item already inserted'],
+  ['app.requiredkey', 'Required value'],
+  ['app.unabletosave', 'Unable to save! Item already exists.'],
+  ['app.unabletodelete', 'Unable to delete item'],
+  ['app.dateerror', 'Invalid date'],
+  ['app.itemerror', 'Item not found'],
+  ['app.error', 'Error'],
+  ['app.warning', 'Warning'],
+  ['app.fatal', 'Fatal'],
+  ['app.summary', 'Summary'],
+  ['app.dashboard', 'Dashboard'],
+  ['app.calendar', 'Calendar'],
+  ['app.remove', 'Delete'],
+  ['app.assigned', 'Assigned'],
+  ['app.configs', 'Configuration'],
+  ['app.detail', 'Detail'],
+  ['app.intodetail', 'Surf to detail'],
+  ['app.author', 'Author'],
+  ['app.email', 'E-Mail'],
+  ['app.phone', 'Phone'],
+  ['app.emailerr', 'E-Mail is invalid'],
+  ['app.front', 'Front'],
+  ['app.back', 'Back'],
+  ['app.regexpnotmatch', 'Invalid value'],
+  ['app.auth.accountAccess', 'Access to your account'],
+  ['app.auth.accountNoAccess', "Don't have an account?"],
+  [
+    'app.gridlocale',
+    {
+      // for filter panel
+      page: 'Page',
+      more: 'More',
+      to: 'To',
+      of: 'Of',
+      next: 'Nexten',
+      last: 'Lasten',
+      first: 'Firsten',
+      previous: 'Previousen',
+      loadingOoo: 'Loading...',
+
+      // for set filter
+      selectAll: 'Select Allen',
+      searchOoo: 'Search...',
+      blanks: 'Blanc',
+
+      // for number filter and text filter
+      filterOoo: 'Filter...',
+      equals: 'Equals',
+      notEqual: 'NotEqual',
+
+      // for the date filter
+      dateFormatOoo: 'Yyyy-mm-dd',
+
+      // for number filter
+      lessThan: 'LessThan',
+      greaterThan: 'GreaterThan',
+      lessThanOrEqual: 'LessThanOrEqual',
+      greaterThanOrEqual: 'GreaterThanOrEqual',
+      inRange: 'InRange',
+      inRangeStart: 'To',
+      inRangeEnd: 'From',
+
+      // for text filter
+      contains: 'Contains',
+      notContains: 'Not Contains',
+      startsWith: 'Starts with',
+      endsWith: 'Ends with',
+
+      // filter conditions
+      andCondition: 'AND',
+      orCondition: 'OR',
+
+      // filter buttons
+      applyFilter: 'Apply',
+      resetFilter: 'Reset',
+      clearFilter: 'Clear',
+
+      // the header of the default group column
+      group: 'Group',
+
+      // tool panel
+      columns: 'Columns',
+      filters: 'Filters',
+      rowGroupColumns: 'Pivot Cols',
+      rowGroupColumnsEmptyMessage: ' drag cols to group',
+      valueColumns: 'Value Cols',
+      pivotMode: 'Pivot-Mode',
+      groups: 'Groups',
+      values: 'Values',
+      pivots: 'Pivots',
+      valueColumnsEmptyMessage: ' drag cols to aggregate',
+      pivotColumnsEmptyMessage: ' drag here to pivot',
+      toolPanelButton: ' tool panel',
+
+      // other
+      noRowsToShow: ' no rows',
+      enabled: 'Enabled',
+
+      // enterprise menu
+      pinColumn: 'Pin Column',
+      valueAggregation: 'Value Agg',
+      autosizeThiscolumn: 'Autosize Diz',
+      autosizeAllColumns: 'Autsoie em All',
+      groupBy: 'Group by',
+      ungroupBy: 'UnGroup by',
+      resetColumns: 'Reset Those Cols',
+      expandAll: 'Open-em-up',
+      collapseAll: 'Close-em-up',
+      toolPanel: 'Tool Panelo',
+      export: 'Exporto',
+      csvExport: 'CSV Exportp',
+      excelExport: 'Excel Exporto (.xlsx)',
+      excelXmlExport: 'Excel Exporto (.xml)',
+
+      // enterprise menu (charts)
+      pivotChartAndPivotMode: 'Pivot Chart & Pivot Mode',
+      pivotChart: 'Pivot Chart',
+      chartRange: 'Chart Range',
+
+      columnChart: 'Column',
+      groupedColumn: 'Grouped',
+      stackedColumn: 'Stacked',
+      normalizedColumn: '100% Stacked',
+
+      barChart: 'Bar',
+      groupedBar: 'Grouped',
+      stackedBar: 'Stacked',
+      normalizedBar: '100% Stacked',
+
+      pieChart: 'Pie',
+      pie: 'Pie',
+      doughnut: 'Doughnut',
+
+      line: 'Line',
+
+      xyChart: 'X Y (Scatter)',
+      scatter: 'Scatter',
+      bubble: 'Bubble',
+
+      areaChart: 'Area',
+      area: 'Area',
+      stackedArea: 'Stacked',
+      normalizedArea: '100% Stacked',
+
+      histogramChart: 'Histogram',
+
+      // enterprise menu pinning
+      pinLeft: 'Pin <<',
+      pinRight: 'Pin >>',
+      noPin: 'DontPin <>',
+
+      // enterprise menu aggregation and status bar
+      sum: 'Sum',
+      min: 'Min',
+      max: 'Max',
+      none: 'None',
+      count: 'Count',
+      avg: 'Average',
+      filteredRows: 'Filtered',
+      selectedRows: 'Selected',
+      totalRows: 'Total Rows',
+      totalAndFilteredRows: 'Rows',
+
+      // standard menu
+      copy: 'Copy',
+      copyWithHeaders: 'Copy With Headers',
+      ctrlC: 'Ctrl+C',
+      paste: 'Paste',
+      ctrlV: 'Ctrl+V',
+
+      // charts
+      pivotChartTitle: 'Pivot Chart',
+      rangeChartTitle: 'Range Chart',
+      settings: 'Settings',
+      data: 'Data',
+      format: 'Format',
+      categories: 'Categories',
+      defaultCategory: '(laNone)',
+      series: 'Series',
+      xyValues: 'X Y Values',
+      paired: 'Paired Mode',
+      axis: 'Axis',
+      color: 'Color',
+      thickness: 'Thickness',
+      xType: 'X Type',
+      automatic: 'Automatic',
+      category: 'Category',
+      number: 'Number',
+      time: 'Time',
+      xRotation: 'X Rotation',
+      yRotation: 'Y Rotation',
+      ticks: 'Ticks',
+      width: 'Width',
+      length: 'Length',
+      padding: 'Padding',
+      chart: 'Chart',
+      title: 'Title',
+      background: 'Background',
+      font: 'Font',
+      top: 'Top',
+      right: 'Right',
+      bottom: 'Bottom',
+      left: 'Left',
+      labels: 'Labels',
+      size: 'Size',
+      minSize: 'Minimum Size',
+      maxSize: 'Maximum Size',
+      legend: 'Legend',
+      position: 'Position',
+      markerSize: 'Marker Size',
+      markerStroke: 'Marker Stroke',
+      markerPadding: 'Marker Padding',
+      itemPaddingX: 'Item Padding X',
+      itemPaddingY: 'Item Padding Y',
+      strokeWidth: 'Stroke Width',
+      offset: 'Offset',
+      offsets: 'Offsets',
+      tooltips: 'Tooltips',
+      callout: 'Callout',
+      markers: 'Markers',
+      shadow: 'Shadow',
+      blur: 'Blur',
+      xOffset: 'X Offset',
+      yOffset: 'Y Offset',
+      lineWidth: 'Line Width',
+      normal: 'Normal',
+      bold: 'Bold',
+      italic: 'Italic',
+      boldItalic: 'Bold Italic',
+      predefined: 'Predefined',
+      fillOpacity: 'Fill Opacity',
+      strokeOpacity: 'Line Opacity',
+      histogramBinCount: 'Bin Count',
+      columnGroup: 'Column',
+      barGroup: 'Bar',
+      pieGroup: 'Pie',
+      lineGroup: 'Line',
+      scatterGroup: 'Scatter',
+      areaGroup: 'Area',
+      histogramGroup: 'Histogram',
+      groupedColumnTooltip: 'Grouped',
+      stackedColumnTooltip: 'Stacked',
+      normalizedColumnTooltip: '100% Stacked',
+      groupedBarTooltip: 'Grouped',
+      stackedBarTooltip: 'Stacked',
+      normalizedBarTooltip: '100% Stacked',
+      pieTooltip: 'Pie',
+      doughnutTooltip: 'Doughnut',
+      lineTooltip: 'Line',
+      groupedAreaTooltip: 'Grouped',
+      stackedAreaTooltip: 'Stacked',
+      normalizedAreaTooltip: '100% Stacked',
+      scatterTooltip: 'Scatter',
+      bubbleTooltip: 'Bubble',
+      histogramTooltip: 'Histogram',
+      noDataToChart: 'No data available to be charted.',
+      pivotChartRequiresPivotMode: 'Pivot Chart requires Pivot Mode enabled.',
+    },
+  ],
+]);
+
+@Injectable()
+export class AppMessageService {
+  private gsv = inject(GlobalService);
+
+  /** Returns the localised UI string for the given message key, or '' if not found. */
+  public get(key: string): string {
+    const map = this.gsv.getLng() === Languages.EN ? enMessages : itMessages;
+    return map.get(key) ?? '';
+  }
+
+  /** Returns a localised description field for the currently active project. */
+  public getProjectDescription(key: string): string {
+    return this.getProjectInfo(this.gsv.getProject(), key);
+  }
+
+  /** Returns a localised field (foldertitle | description | extendeddescription) for the given project. */
+  public getProjectInfo(project: UserLicenses, key: string): string {
+    if (!project) return '';
+    const isEN = this.gsv.getLng() === Languages.EN;
+    const fields: Record<string, string> = {
+      foldertitle: isEN ? project.foldertitlegb : project.foldertitle,
+      description: isEN ? project.descriptiongb : project.description,
+      extendeddescription: isEN ? project.extendeddescriptiongb : project.extendeddescription,
+    };
+    return fields[key] ?? '';
+  }
+
+  /** Returns the localised title for the given ItemInterface ('title' is the only supported key). */
+  public getItemInfo(item: ItemInterface, key: string): string {
+    if (!item) return '';
+    if (key === 'title') return this.gsv.getLng() === Languages.EN ? item.titleGb : item.title;
+    return '';
+  }
+}

package/src/lib/services/theme.service.ts

@@ -0,0 +1,96 @@
+import { Injectable, PLATFORM_ID, inject, signal } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+
+export type Theme = 'light' | 'dark';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ThemeService {
+  private readonly THEME_STORAGE_KEY = 'app-theme';
+  private readonly DEFAULT_THEME: Theme = 'light';
+  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+
+  readonly currentTheme = signal<Theme>(
+    this.getStoredTheme() ?? this.getSystemTheme()
+  );
+
+  constructor() {
+    this.applyTheme(this.currentTheme());
+  }
+
+  /** Returns the currently active theme. */
+  getCurrentTheme(): Theme {
+    return this.currentTheme();
+  }
+
+  /** Sets the active theme, persists it to localStorage, and applies CSS classes to the document root. */
+  setTheme(theme: Theme): void {
+    this.currentTheme.set(theme);
+    if (this.isBrowser) {
+      try {
+        localStorage.setItem(this.THEME_STORAGE_KEY, theme);
+      } catch (error) {
+        console.error('Error setting theme in localStorage:', error);
+      }
+    }
+    this.applyTheme(theme);
+  }
+
+  /** Activates the dark theme. */
+  enableDarkTheme(): void {
+    this.setTheme('dark');
+  }
+
+  /** Activates the light theme. */
+  enableLightTheme(): void {
+    this.setTheme('light');
+  }
+
+  /** Switches between light and dark themes. */
+  toggleTheme(): void {
+    this.setTheme(this.currentTheme() === 'light' ? 'dark' : 'light');
+  }
+
+  /** Returns true when the dark theme is currently active. */
+  isDarkMode(): boolean {
+    return this.getCurrentTheme() === 'dark';
+  }
+
+  /** Reads the persisted theme from localStorage; returns null on SSR or read error. */
+  private getStoredTheme(): Theme | null {
+    if (!this.isBrowser) return null;
+    try {
+      const stored = localStorage.getItem(this.THEME_STORAGE_KEY);
+      return stored === 'dark' || stored === 'light' ? stored : null;
+    } catch (error) {
+      console.error('Error reading theme from localStorage:', error);
+      return null;
+    }
+  }
+
+  /** Returns 'dark' if the OS prefers a dark color scheme, otherwise the default theme. */
+  private getSystemTheme(): Theme {
+    if (
+      this.isBrowser &&
+      window.matchMedia &&
+      window.matchMedia('(prefers-color-scheme: dark)').matches
+    ) {
+      return 'dark';
+    }
+    return this.DEFAULT_THEME;
+  }
+
+  /** Toggles the theme-light / theme-dark CSS class on the document root element. */
+  private applyTheme(theme: Theme): void {
+    if (!this.isBrowser) return;
+    const body = document.documentElement;
+    if (theme === 'dark') {
+      body.classList.remove('theme-light');
+      body.classList.add('theme-dark');
+    } else {
+      body.classList.remove('theme-dark');
+      body.classList.add('theme-light');
+    }
+  }
+}

package/src/lib/template/authtemplate.component.html

@@ -0,0 +1,6 @@
+<!-- authtemplate.component -->
+<div class="auth-page animated fadeIn">
+  <ng-content></ng-content>
+  <loader></loader>
+</div>
+<!-- fine authtemplate.component -->

package/src/lib/template/authtemplate.component.ts

@@ -0,0 +1,13 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+import { LoaderComponent } from '../common/loader.component';
+
+@Component({
+  selector: 'authtemplate',
+  templateUrl: 'authtemplate.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [LoaderComponent],
+})
+export class AuthTemplateComponent {
+  public project!: string;
+}

package/src/lib/template/basetemplate.component.html

@@ -0,0 +1,7 @@
+<!-- basetemplate.component -->
+<div class="d-flex align-items-left justify-content-left animated fadeIn">
+  <ng-content></ng-content>
+  <loader></loader>
+</div>
+<!-- <footer></footer> -->
+<!-- fine basetemplate.component -->

package/src/lib/template/basetemplate.component.ts

@@ -0,0 +1,13 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+import { LoaderComponent } from '../common/loader.component';
+
+@Component({
+  selector: 'basetemplate',
+  templateUrl: 'basetemplate.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [LoaderComponent],
+})
+export class BaseTemplateComponent {
+  public project!: string;
+}