ngx-redi-core 0.0.0

package/projects/ngx-redi-core/tsconfig.lib.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/projects/ngx-redi-core/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/projects/ngx-redi-core/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/projects/ui-ngx-redi-core/src/app/app.component.html

@@ -0,0 +1,28 @@
+<nav class="docs-navbar-header">
+  <a mat-fab extended>
+    <mat-icon>developer_mode</mat-icon>
+    Biblioteca ngx-redi-core 1.2.5
+  </a>
+  <a mat-fab extended>
+    <img src="./assets/images/angular-white-transparent.png">
+    17.2.1
+  </a>
+</nav>
+<div class="main-container">
+  <div id="menu">
+    <mat-list-item>
+      <mat-icon>ballot</mat-icon>
+      Componentes
+    </mat-list-item>
+    <mat-divider></mat-divider>
+    <mat-selection-list [multiple]="false" #menu>
+      @for (component of components; track component) {
+      <a mat-list-item value="component" [routerLink]="['demo/'+component.path]"
+        [class.selected]="component.isActive">{{component.name}}</a>
+      }
+    </mat-selection-list>
+  </div>
+  <div>
+    <router-outlet></router-outlet>
+  </div>
+</div>

package/projects/ui-ngx-redi-core/src/app/app.component.scss

@@ -0,0 +1,53 @@
+.docs-navbar-header {
+    background: #3f51b5;
+    color: white;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    padding: 4px 16px;
+    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 2;
+    height: 56px;
+}
+
+#menu {
+    width: 240px;
+    overflow: auto;
+    border-right: 1px solid rgba(0, 0, 0, .12);
+}
+
+.main-container {
+    height: calc(100vh - 65px);
+    margin-top: 65px;
+    display: flex;
+    flex-direction: row;
+
+    div {
+        height: 100%;
+    }
+
+}
+
+nav {
+    justify-content: space-between;
+    align-content: center;
+
+    img {
+        width: 45px;
+    }
+
+    a {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        justify-items: center;
+    }
+}
+
+.selected {
+    background: #3f51b56e
+}

package/projects/ui-ngx-redi-core/src/app/app.component.spec.ts

@@ -0,0 +1,29 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AppComponent],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have the 'ui-ngx-redi-core' title`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('ui-ngx-redi-core');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, ui-ngx-redi-core');
+  });
+});

package/projects/ui-ngx-redi-core/src/app/app.component.ts

@@ -0,0 +1,38 @@
+import { Component, OnInit } from '@angular/core';
+import { RouterModule, RouterOutlet } from '@angular/router';
+
+import { MatIconModule } from '@angular/material/icon';
+import { MatListModule, MatSelectionListChange } from '@angular/material/list';
+import { ComponentsService } from './services/components.service';
+import { ComponentDemo } from './models/interfaces/componetDemo.interface';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [RouterOutlet,
+    MatIconModule,
+    MatListModule,
+  RouterModule],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.scss'
+})
+export class AppComponent implements OnInit {
+  public title = 'ui-ngx-redi-core';
+  public components: Array<ComponentDemo>;
+  public currentComponent!: ComponentDemo;
+
+  constructor(private readonly componentServices: ComponentsService) {
+    this.components = [];
+  }
+
+  public ngOnInit(): void {
+    this.componentServices.obtenerComponentes().subscribe(c => {
+      this.components = c;
+    });
+  }
+
+  public seleccionarComponente(event: MatSelectionListChange) {
+    debugger
+    console.log(event);
+  }
+}

package/projects/ui-ngx-redi-core/src/app/app.config.ts

@@ -0,0 +1,9 @@
+import { ApplicationConfig } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideRouter(routes), provideAnimationsAsync()]
+};

package/projects/ui-ngx-redi-core/src/app/app.routes.ts

@@ -0,0 +1,12 @@
+import { Routes } from '@angular/router';
+import { AppComponent } from './app.component';
+
+export const routes: Routes = [{
+    path: '',
+    children: [
+        {
+            path: 'demo',
+            loadChildren: () => import('./modules/demo/demo.module').then(m => m.DemoModule)
+        }
+    ]
+}];

package/projects/ui-ngx-redi-core/src/app/models/interfaces/componetDemo.interface.ts

@@ -0,0 +1,6 @@
+export interface ComponentDemo {
+    name: string;
+    path: string;
+    icon: string;
+    isActive: boolean;
+}

package/projects/ui-ngx-redi-core/src/app/modules/demo/demo-routing.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { RediGridDemoComponent } from './redi-grid-demo/redi-grid-demo.component';
+import { RediTableDemoComponent } from './redi-table-demo/redi-table-demo.component';
+
+const routes: Routes = [
+  { path: 'redi-grid', component: RediGridDemoComponent },
+  { path: 'redi-table', component: RediTableDemoComponent }
+];
+
+@NgModule({
+  declarations: [],
+  imports: [
+    RouterModule.forChild(routes)
+  ],
+  exports: [RouterModule]
+})
+export class DemoRoutingModule { }

package/projects/ui-ngx-redi-core/src/app/modules/demo/demo.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DemoRoutingModule } from './demo-routing.module';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    DemoRoutingModule
+  ]
+})
+export class DemoModule { }

package/projects/ui-ngx-redi-core/src/app/modules/demo/redi-grid-demo/redi-grid-demo.component.html

@@ -0,0 +1 @@
+<p>redi-grid-demo works!</p>

package/projects/ui-ngx-redi-core/src/app/modules/demo/redi-grid-demo/redi-grid-demo.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RediGridDemoComponent } from './redi-grid-demo.component';
+
+describe('RediGridDemoComponent', () => {
+  let component: RediGridDemoComponent;
+  let fixture: ComponentFixture<RediGridDemoComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RediGridDemoComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(RediGridDemoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/projects/ui-ngx-redi-core/src/app/modules/demo/redi-grid-demo/redi-grid-demo.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-redi-grid-demo',
+  standalone: true,
+  imports: [],
+  templateUrl: './redi-grid-demo.component.html',
+  styleUrl: './redi-grid-demo.component.scss'
+})
+export class RediGridDemoComponent {
+
+}

package/projects/ui-ngx-redi-core/src/app/modules/demo/redi-table-demo/redi-table-demo.component.html

@@ -0,0 +1,2 @@
+<p>redi-table-demo works!</p>
+<redi-table></redi-table>

package/projects/ui-ngx-redi-core/src/app/modules/demo/redi-table-demo/redi-table-demo.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RediTableDemoComponent } from './redi-table-demo.component';
+
+describe('RediTableDemoComponent', () => {
+  let component: RediTableDemoComponent;
+  let fixture: ComponentFixture<RediTableDemoComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RediTableDemoComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(RediTableDemoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/projects/ui-ngx-redi-core/src/app/modules/demo/redi-table-demo/redi-table-demo.component.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { RediTableModule } from 'ngx-redi-core/RediTable';
+
+@Component({
+  selector: 'app-redi-table-demo',
+  standalone: true,
+  imports: [RediTableModule],
+  templateUrl: './redi-table-demo.component.html',
+  styleUrl: './redi-table-demo.component.scss'
+})
+export class RediTableDemoComponent {
+
+}

package/projects/ui-ngx-redi-core/src/app/services/components.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ComponentsService } from './components.service';
+
+describe('ComponentsService', () => {
+  let service: ComponentsService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ComponentsService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/projects/ui-ngx-redi-core/src/app/services/components.service.ts

@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { ComponentDemo } from '../models/interfaces/componetDemo.interface';
+import { Observable, of } from 'rxjs';
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ComponentsService {
+  obtenerComponentes(): Observable<Array<ComponentDemo>> {
+    return of([{
+      name: 'RediTable',
+      path: 'redi-table',
+      icon: 'table'
+    }, {
+      name: 'RediGrid',
+      path: 'redi-grid',
+      icon: 'grid'
+    }
+    ] as Array<ComponentDemo>);
+  }
+}

package/projects/ui-ngx-redi-core/src/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>UiNgxRediCore</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+</head>
+<body class="mat-typography">
+  <app-root></app-root>
+</body>
+</html>

package/projects/ui-ngx-redi-core/src/main.ts

@@ -0,0 +1,6 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent, appConfig)
+  .catch((err) => console.error(err));

package/projects/ui-ngx-redi-core/src/styles.scss

@@ -0,0 +1,16 @@
+/* You can add global styles to this file, and also import other style files */
+
+html,
+body {
+    height: 100%;
+    width: 100%;
+}
+
+body {
+    position: absolute;
+}
+
+body {
+    margin: 0;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+}

package/projects/ui-ngx-redi-core/tsconfig.app.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/app",
+    "types": []
+  },
+  "files": [
+    "src/main.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ]
+}

package/projects/ui-ngx-redi-core/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,38 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "paths": {
+      "ngx-redi-core": [
+        "./dist/ngx-redi-core"
+      ]
+    },
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "ES2022",
+    "useDefineForClassFields": false,
+    "lib": [
+      "ES2022",
+      "dom"
+    ]
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}