lib-common-angular 0.0.9 → 0.0.11

package/projects/lib-common-angular/src/lib/componentes/shared/terminal/terminal.html

@@ -0,0 +1,10 @@
+<div class="relative bg-gray-900 text-white rounded-lg p-4">
+  <button (click)="copyCode()"
+          class="absolute top-2 right-2 bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm">
+    📋 Copiar
+  </button>
+
+  <pre>
+    <code #codeElement [class]="'language-' + language">{{ code }}</code>
+  </pre>
+</div>

package/projects/lib-common-angular/src/lib/componentes/shared/terminal/terminal.ts

@@ -0,0 +1,27 @@
+import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
+import Prism from 'prismjs';
+// Importa los lenguajes que quieras usar
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-javascript';
+
+@Component({
+  selector: 'lib-terminal',
+  imports: [],
+  templateUrl: './terminal.html',
+  styleUrl: './terminal.scss'
+})
+export class Terminal implements AfterViewInit {
+   @Input() code: string = '';
+  @Input() language: string = 'typescript';
+  @ViewChild('codeElement') codeElement!: ElementRef;
+
+  ngAfterViewInit() {
+    Prism.highlightElement(this.codeElement.nativeElement);
+  }
+
+  copyCode() {
+    navigator.clipboard.writeText(this.code).then(() => {
+      alert('✅ Código copiado al portapapeles');
+    });
+  }
+}

package/projects/lib-common-angular/src/lib/config/JuliaoSystemCrudHttpService.d.ts

@@ -0,0 +1,48 @@
+import { HttpClient } from '@angular/common/http';
+import { PlantillaResponse } from 'juliaositembackenexpress/dist/utils/PlantillaResponse';
+import { QueryParams } from 'juliaositembackenexpress/dist/utils/queryParams';
+import { Observable } from 'rxjs';
+export declare class JuliaoSystemCrudHttpService<RES, RQ> {
+    protected http: HttpClient;
+    basePathUrl: string;
+    constructor(http: HttpClient);
+    /**
+     * Agrega una nueva entidad
+     * @param request Datos de la entidad a agregar
+     * @param queryParams Parámetros de consulta estándar
+     */
+    add(request: RQ extends {
+        id: string | number;
+    } ? RQ : RQ & {
+        id: string | number;
+    }, queryParams: QueryParams): Observable<PlantillaResponse<RES>>;
+    /**
+     * Obtiene todas las entidades
+     * @param queryParams Parámetros de consulta estándar
+     * @param filters Filtros adicionales (opcional)
+     */
+    all(queryParams: QueryParams, filters?: Map<string, string>): Observable<PlantillaResponse<RES>>;
+    /**
+     * Actualiza una entidad existente
+     * @param request Datos actualizados de la entidad
+     * @param queryParams Parámetros de consulta estándar
+     */
+    update(request: RQ, queryParams: QueryParams): Observable<PlantillaResponse<RES>>;
+    /**
+     * Elimina una entidad
+     * @param queryParams Parámetros de consulta estándar
+     */
+    delete(queryParams: QueryParams): Observable<PlantillaResponse<RES>>;
+    /**
+     * Método virtual para obtener datos mock
+     * Debe ser implementado por las clases hijas que necesiten datos mock
+     * @returns Array de datos mock o null si no está implementado
+     */
+    getMockData?(): RES[] | null;
+    /**
+     * Construye los headers HTTP a partir de los QueryParams
+     * @param queryParams Parámetros de consulta
+     * @private
+     */
+    private buildHeaders;
+}

package/projects/lib-common-angular/src/lib/config/JuliaoSystemCrudHttpService.ts

@@ -0,0 +1,121 @@
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { PlantillaResponse } from 'juliaositembackenexpress/dist/utils/PlantillaResponse';
+import { QueryParams } from 'juliaositembackenexpress/dist/utils/queryParams';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class JuliaoSystemCrudHttpService<RES, RQ> {
+    protected http: HttpClient;
+    basePathUrl: string = "";
+
+    constructor(http: HttpClient) {
+        this.http = http;
+    }
+
+    /**
+     * Agrega una nueva entidad
+     * @param request Datos de la entidad a agregar
+     * @param queryParams Parámetros de consulta estándar
+     */
+    add(
+        request: RQ extends { id: string | number } ? RQ : RQ & { id: string | number },
+        queryParams: QueryParams
+    ): Observable<PlantillaResponse<RES>> {
+        const headers = this.buildHeaders(queryParams);
+        return this.http.post<PlantillaResponse<RES>>(
+            `${this.basePathUrl}/add`, 
+            request,
+            { headers }
+        );
+    }
+
+    /**
+     * Obtiene todas las entidades
+     * @param queryParams Parámetros de consulta estándar
+     * @param filters Filtros adicionales (opcional)
+     */
+    all(
+        queryParams: QueryParams,
+        filters?: Map<string, string>
+    ): Observable<PlantillaResponse<RES>> {
+        const headers = this.buildHeaders(queryParams);
+        let url = `${this.basePathUrl}/all`;
+        
+        if (filters && filters.size > 0) {
+            const filterParams = Array.from(filters.entries())
+                .map(([key, value]) => `${key}=${encodeURIComponent(value)}`)
+                .join('&');
+            url += `?${filterParams}`;
+        }
+
+        return this.http.get<PlantillaResponse<RES>>(url, { headers });
+    }
+
+    /**
+     * Actualiza una entidad existente
+     * @param request Datos actualizados de la entidad
+     * @param queryParams Parámetros de consulta estándar
+     */
+    update(
+        request: RQ,
+        queryParams: QueryParams
+    ): Observable<PlantillaResponse<RES>> {
+        const headers = this.buildHeaders(queryParams);
+        return this.http.put<PlantillaResponse<RES>>(
+            `${this.basePathUrl}/update`,
+            request,
+            { headers }
+        );
+    }
+
+    /**
+     * Elimina una entidad
+     * @param queryParams Parámetros de consulta estándar
+     */
+    delete(
+        queryParams: QueryParams
+    ): Observable<PlantillaResponse<RES>> {
+        const headers = this.buildHeaders(queryParams);
+        const url = `${this.basePathUrl}/delete?id=${queryParams.id}`;
+        return this.http.delete<PlantillaResponse<RES>>(url, { headers });
+    }
+
+    /**
+     * Método virtual para obtener datos mock
+     * Debe ser implementado por las clases hijas que necesiten datos mock
+     * @returns Array de datos mock o null si no está implementado
+     */
+    getMockData?(): RES[] | null {
+        return null;
+    }
+
+   
+
+    /**
+     * Construye los headers HTTP a partir de los QueryParams
+     * @param queryParams Parámetros de consulta
+     * @private
+     */
+    private buildHeaders(queryParams: QueryParams): HttpHeaders {
+        let headers = new HttpHeaders();
+        
+        if (queryParams.ip)   headers = headers.append('ip', queryParams.ip);
+        if (queryParams.dominio) headers = headers.append('dominio', queryParams.dominio) ;
+        if (queryParams.usuario)   headers = headers.append('usuario', queryParams.usuario);
+        
+        if (queryParams.idBusiness) headers = headers.append('idBusiness', queryParams.idBusiness.toString());
+    
+        if (queryParams.proceso) headers = headers.append('proceso', queryParams.proceso);
+        
+        if (queryParams.topic) headers = headers.append('topic', queryParams.topic);
+
+        if (queryParams.token) headers = headers.append('Authorization', `Bearer ${queryParams.token}`);
+        
+        if (queryParams.id)    headers = headers.append('id', queryParams.id.toString());
+    
+        return headers;
+    }
+}

package/projects/lib-common-angular/src/lib/config/lib-config.module.ts

@@ -0,0 +1,18 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { LibCommonConfig, LIB_COMMON_CONFIG, LibConfigService } from './lib-config.service';
+
+@NgModule({})
+export class LibConfigModule {
+  static forRoot(config: LibCommonConfig): ModuleWithProviders<LibConfigModule> {
+    return {
+      ngModule: LibConfigModule,
+      providers: [
+        {
+          provide: LIB_COMMON_CONFIG,
+          useValue: config
+        },
+        LibConfigService
+      ]
+    };
+  }
+}

package/projects/lib-common-angular/src/lib/config/lib-config.service.ts

@@ -0,0 +1,50 @@
+import { Injectable, InjectionToken, Inject, Optional } from '@angular/core';
+
+export interface LibCommonConfig {
+  baseUrlProducts?: string;
+  baseUrlAuth?: string;
+  baseUrlUsers?: string;
+  apiVersion?: string;
+  timeout?: number;
+  [key: string]: unknown;
+}
+
+export const LIB_COMMON_CONFIG = new InjectionToken<LibCommonConfig>('LIB_COMMON_CONFIG');
+
+@Injectable({
+  providedIn: 'root'
+})
+export class LibConfigService {
+  private config: LibCommonConfig = {
+    baseUrlProducts: 'http://localhost:3000/products',
+    baseUrlAuth: 'http://localhost:3000/auth',
+    baseUrlUsers: 'http://localhost:3000/users',
+    baseUrlBusiness: 'http://localhost:3000/Business',
+    baseUrlCurrency: 'http://localhost:3000/Currency',
+    baseUrlCategoryProduct: 'http://localhost:3000/category-products',
+    apiVersion: 'v1',
+    timeout: 30000
+  };
+///// esto va en envoroment 
+
+
+
+
+  constructor(@Optional() @Inject(LIB_COMMON_CONFIG) private injectedConfig: LibCommonConfig) {
+    if (injectedConfig) {
+      this.config = { ...this.config, ...injectedConfig };
+    }
+  }
+
+  get<T = unknown>(key: string): T {
+    return this.config[key] as T;
+  }
+
+  getConfig(): LibCommonConfig {
+    return { ...this.config };
+  }
+
+  updateConfig(newConfig: Partial<LibCommonConfig>): void {
+    this.config = { ...this.config, ...newConfig };
+  }
+}

package/projects/lib-common-angular/src/lib/lib-common-angular.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LibConfigModule } from './config/lib-config.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    LibConfigModule
+  ],
+  exports: [
+    LibConfigModule
+  ]
+})
+export class LibCommonAngularModule { }

package/projects/lib-common-angular/src/lib/modulos/core.lib.module.ts

@@ -0,0 +1,66 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
+import {MatIconModule} from '@angular/material/icon';
+import {MatButtonModule} from '@angular/material/button';
+import {MatFormFieldModule} from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import {MatGridListModule} from '@angular/material/grid-list';
+import { MatTableModule } from '@angular/material/table';
+import { MatSelectModule } from '@angular/material/select';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatListModule } from '@angular/material/list';
+
+import { MatCardModule } from '@angular/material/card';
+import { NgxsModule } from '@ngxs/store';
+import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
+import {TranslateHttpLoader} from '@ngx-translate/http-loader';
+import { NgxsReduxDevtoolsPluginModule } from '@ngxs/devtools-plugin';
+import { NgxsLoggerPluginModule } from '@ngxs/logger-plugin';
+import { HttpClient } from "@angular/common/http";
+
+
+export function createTranslateLoader() {
+  return new TranslateHttpLoader();
+}
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    TranslateModule.forRoot({
+      loader: {
+        provide: TranslateLoader,
+        useFactory: createTranslateLoader,
+        deps: [HttpClient]
+      }
+    }),
+  ],exports:[
+    
+    //FormsModule,
+  //  CommonModule,
+    ReactiveFormsModule,
+    TranslateModule,
+    NgxsModule,
+    NgxsReduxDevtoolsPluginModule,
+    NgxsLoggerPluginModule,
+    MatTableModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatSelectModule,
+    MatButtonModule,
+    MatIconModule,
+    MatGridListModule,
+    MatPaginatorModule,
+    MatSidenavModule,
+    MatToolbarModule,
+    MatListModule,
+    MatCardModule,
+  //  BrowserAnimationsModule,
+  ]
+ 
+})
+export class CoreModuleLib { }

package/projects/lib-common-angular/src/lib/modulos/primeg.module.ts

@@ -0,0 +1,103 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ButtonModule } from 'primeng/button';
+import { AutoCompleteModule } from 'primeng/autocomplete';
+import { CascadeSelectModule } from 'primeng/cascadeselect';
+import { CheckboxModule } from 'primeng/checkbox';
+import { EditorModule } from 'primeng/editor';
+import { MenuModule } from 'primeng/menu';
+import { TableModule } from 'primeng/table';
+import { PaginatorModule } from 'primeng/paginator';
+import { PasswordModule } from 'primeng/password';
+import { RippleModule } from 'primeng/ripple';
+import { ToastModule } from 'primeng/toast';
+import { ToolbarModule } from 'primeng/toolbar';
+import { RatingModule } from 'primeng/rating';
+import { InputTextModule } from 'primeng/inputtext';
+import { TextareaModule } from 'primeng/textarea';
+import { SelectModule } from 'primeng/select';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import { InputNumberModule } from 'primeng/inputnumber';
+import { DialogModule } from 'primeng/dialog';
+import { CardModule } from 'primeng/card';
+import { TagModule } from 'primeng/tag';
+import { InputIconModule } from 'primeng/inputicon';
+import { IconFieldModule } from 'primeng/iconfield';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { TieredMenuModule } from 'primeng/tieredmenu';
+import { FileUploadModule } from 'primeng/fileupload';
+import { DataViewModule } from 'primeng/dataview';
+import { ImageModule } from 'primeng/image';
+import { StepperModule } from 'primeng/stepper';
+import { MessageService } from 'primeng/api';
+import { DrawerModule } from 'primeng/drawer';
+@NgModule({
+  declarations: [],
+  providers: [MessageService],
+  imports: [
+    CommonModule,
+    ImageModule,
+    ButtonModule,
+    CardModule,
+    AutoCompleteModule,
+    CascadeSelectModule,
+    CheckboxModule,
+    EditorModule,
+    MenuModule,
+    TableModule,
+   PaginatorModule,
+   InputTextModule,
+   PasswordModule,
+   RippleModule,
+   ToastModule,
+   ToolbarModule,
+   RatingModule,
+   TextareaModule,
+   SelectModule,
+   RadioButtonModule,
+   InputNumberModule,
+   DialogModule,
+   TagModule,
+   InputIconModule,
+   IconFieldModule,
+   ConfirmDialogModule,
+   TieredMenuModule,
+   FileUploadModule,
+   DataViewModule,
+   StepperModule,
+   DrawerModule,
+  ],
+  exports:[
+    ButtonModule,
+    CardModule,
+    AutoCompleteModule,
+    CascadeSelectModule,
+    CheckboxModule,
+    EditorModule,
+    MenuModule,
+    TableModule,
+   PaginatorModule,
+   InputTextModule,
+   PasswordModule,
+   RippleModule,
+   ToastModule,
+   ToolbarModule,
+   RatingModule,
+   TextareaModule,
+   SelectModule,
+   RadioButtonModule,
+   InputNumberModule,
+   DialogModule,
+   TagModule,
+   InputIconModule,
+   IconFieldModule,
+   ConfirmDialogModule,
+  TieredMenuModule,
+  FileUploadModule,
+  DataViewModule,
+  ImageModule,
+  StepperModule,
+  DrawerModule,
+  ]
+})
+export class PrimegModule { }

package/projects/lib-common-angular/src/public-api.ts

@@ -0,0 +1,122 @@
+/*
+ * Public API Surface of common-lib
+ */
+
+
+export * from './lib/common-lib.service';
+export * from './lib/common-lib.component';
+
+
+// Estados y acciones
+/* export * from './lib/assets/state/tabla1.state';
+export * from './lib/assets/state/tabla1.actions'; */
+
+// componentes 
+
+
+
+export * from './lib/componentes/shared/pages/crud/crud.component';
+export * from './lib/componentes/shared/pages/crud/doc/crud-doc.component';
+
+export * from './lib/componentes/shared/atoms/select-input1/select-input1.component'
+export * from './lib/componentes/shared/atoms/button-action-edit1/button-action-edit1.component'
+export * from './lib/componentes/shared/atoms/button-action-delete1/button-action-delete1.component'
+export * from './lib/componentes/shared/atoms/button-add1/button-add1.component'
+export * from './lib/componentes/daskboards/daskboard2/index2/index2.component';
+export * from './lib/componentes/shared/molecules/tabla1/tabla1.component';
+export * from './lib/componentes/shared/molecules/crud-dialog1/crud-dialog1.component';
+export * from './lib/componentes/shared/interfaces/dynamic-field.interface';
+export * from './lib/componentes/shared/services/dynamic-field.service';
+export * from './lib/componentes/shared/molecules/product-dialog1/product-dialog1.component';
+export * from './lib/componentes/shared/pages/notfound/notfound';
+export * from './lib/componentes/shared/molecules/inflatable-customizer/customizer.component';
+// Menú dinámico
+export * from './lib/componentes/shared/interfaces/menu.interface';
+export * from './lib/componentes/shared/atoms/menu-item1/menu-item1.component';
+export * from './lib/componentes/daskboards/daskboard3/atoms/dynamic-menu1/dynamic-menu1.component';
+export * from './lib/componentes/shared/services/dynamic-menu.service';
+export * from './lib/componentes/daskboards/daskboard3/moleculas/menu/menu.component';
+
+// Dashboard3 y sus componentes
+export * from './lib/componentes/daskboards/daskboard3/moleculas/app.topbar';
+export * from './lib/componentes/daskboards/daskboard3/moleculas/app.footer';
+export * from './lib/componentes/daskboards/daskboard3/dashboard3-menu.config';
+export * from './lib/componentes/daskboards/daskboard3/daskboard3';
+export * from './lib/componentes/daskboards/daskboard3/moleculas/menu/menu.component';
+
+//dashboard1 y sus componentes
+export * from './lib/componentes/daskboards/daskboard1/componentes/pages/index1/index1.component';
+
+// shared
+export * from './lib/componentes/shared/molecules/productos/detalle-carrito-1/detalle-carrito-1.component';
+export * from './lib/componentes/shared/molecules/productos/card-productos1/card-productos1.component';
+export * from './lib/componentes/shared/molecules/section-filters-categories-productos/section-filters-categories-productos';
+export * from './lib/componentes/shared/terminal/terminal';
+
+// shared atomos
+export * from './lib/componentes/shared/atoms/loading-zigma/loading-zigma';
+export * from './lib/componentes/shared/atoms/button-action-delete1/button-action-delete1.component';
+export * from './lib/componentes/shared/atoms/button-action-edit1/button-action-edit1.component';
+export * from './lib/componentes/shared/atoms/button-add1/button-add1.component';
+export * from './lib/componentes/shared/atoms/select-input1/select-input1.component';
+export * from './lib/componentes/shared/atoms/paginator-pg/paginator-pg.component';
+export * from './lib/componentes/shared/atoms/sh-wats-button-card/sh-wats-button-card';
+export * from './lib/componentes/shared/atoms/button-add-to-card1/button-add-to-card1';
+// shared pages
+export * from './lib/componentes/shared/pages/notfound/notfound';
+
+// shared molecules
+export * from './lib/componentes/shared/molecules/crud-dialog1/crud-dialog1.component';
+export * from './lib/componentes/shared/molecules/tabla1/tabla1.component';
+export * from './lib/componentes/shared/molecules/product-dialog1/product-dialog1.component';
+export * from './lib/componentes/shared/molecules/inflatable-customizer/customizer.component';
+export * from './lib/componentes/shared/molecules/section-filters-categories-productos/section-filters-categories-productos';
+export * from './lib/componentes/shared/molecules/productos/detalle-carrito-1/detalle-carrito-1.component';
+export * from './lib/componentes/shared/molecules/productos/card-productos1/card-productos1.component';
+export * from './lib/componentes/shared/molecules/section-add-cards-buttons/section-add-cards-buttons';
+
+// Landing Pages
+export * from './lib/componentes/landingPages/pages/ecommerce1/ecommerce1';
+     // Ecommerce 1
+         // Pages
+export * from './lib/componentes/landingPages/pages/ecommerce1/home-ecommerce1/home-ecommerce1';
+export * from './lib/componentes/landingPages/pages/ecommerce1/login-ecommerce1/login-ecommerce1';
+export * from './lib/componentes/landingPages/pages/ecommerce1/register-ecommerce1/register-ecommerce1';
+export * from './lib/componentes/landingPages/pages/ecommerce1/product-detail-lib/product-detail-lib';
+         // Atoms
+export * from './lib/componentes/landingPages/atoms/ecommerce1/buttons-socialmedia-login/buttons-socialmedia-login';
+export * from './lib/componentes/landingPages/atoms/ecommerce1/inputs-login-ecommerce1/inputs-login-ecommerce1';
+export * from './lib/componentes/landingPages/atoms/ecommerce1/inputs-register-ecommerce1/inputs-register-ecommerce1';
+export * from './lib/componentes/landingPages/atoms/ecommerce1/header-top-ecommerce1/header-top-ecommerce1';
+        // Molecules
+export * from './lib/componentes/landingPages/molecules/ecommerce1/footer-ecommerce1/footer-ecommerce1';
+export * from './lib/componentes/landingPages/molecules/ecommerce1/bar-float-ecommerce1/bar-float-ecommerce1';
+export * from './lib/componentes/landingPages/molecules/ecommerce1/form-auth-eccomerce1/form-auth-eccomerce1';
+export * from './lib/componentes/landingPages/molecules/ecommerce1/header-ecommerce1/header-ecommerce1';
+export * from './lib/componentes/landingPages/molecules/ecommerce1/hero-section-ecommerce1/hero-section-ecommerce1';
+export * from './lib/componentes/landingPages/molecules/ecommerce1/section-images-instagram-ecommerce1/section-images-instagram-ecommerce1';
+
+// Configuration
+export * from './lib/config/lib-config.service';
+
+//modulos
+export * from './lib/modulos/primeg.module';
+export * from './lib/config/lib-config.module';
+export * from './lib/modulos/core.lib.module';
+
+//servicios
+export * from './lib/componentes/shared/services/product.service';
+export * from './lib/componentes/shared/services/categorias-productos.service';
+export * from './lib/componentes/shared/services/meta-data.service.ts/meta-data.service';
+
+
+// Estados y acciones
+export * from './lib/assets/state/state-generic/generic-crud.state';
+export * from './lib/assets/state/productos.state';
+export * from './lib/assets/state/currency.state';
+export * from './lib/assets/state/business.state';
+export * from './lib/assets/state/usuarios.actions';
+export * from './lib/assets/state/categorias-productos.state'
+
+//routes
+export * from './lib/componentes/shared/routes/ecomerce1.routes';

package/projects/lib-common-angular/tsconfig.lib.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/projects/lib-common-angular/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/projects/lib-common-angular/tsconfig.spec.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/projects/lib-common-angular-demo/public/assets/demo/code.scss

@@ -0,0 +1,17 @@
+pre.app-code {
+    background-color: var(--code-background);
+    margin: 0 0 1rem 0;
+    padding: 0;
+    border-radius: var(--content-border-radius);
+    overflow: auto;
+
+    code {
+        color: var(--code-color);
+        padding: 1rem;
+        margin: 0;
+        line-height: 1.5;
+        display: block;
+        font-weight: semibold;
+        font-family: monaco, Consolas, monospace;
+    }
+}

package/projects/lib-common-angular-demo/public/assets/demo/demo.scss

@@ -0,0 +1,2 @@
+@use './code.scss';
+@use './flags/flags';