@sci-grid/angular 1.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SciGrid Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/angular/src/index.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { GridConfig, IDataGridProvider } from '../../core/src/index.ts';
+/**
+ * SciGrid Angular Adapter
+ * Enterprise-ready grid component for Angular applications.
+ */
+export declare class SciGridAngular implements OnInit, OnChanges, OnDestroy {
+    gridContainer: ElementRef;
+    provider: IDataGridProvider;
+    config: Partial<GridConfig>;
+    private grid;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+}

package/dist/angular/src/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@angular/core"),c=require("@sci-grid/core");var l=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(o,i,d,t)=>{for(var r=t>1?void 0:t?u(i,d):i,g=o.length-1,s;g>=0;g--)(s=o[g])&&(r=(t?s(i,d,r):s(r))||r);return t&&r&&l(i,d,r),r};exports.SciGridAngular=class{constructor(){this.config={},this.grid=null}ngOnInit(){this.grid=new c.SciGrid(this.gridContainer.nativeElement,this.provider,this.config)}ngOnChanges(i){this.grid&&(i.provider&&this.grid.updateProvider(this.provider),i.config&&this.grid.updateConfig(this.config))}ngOnDestroy(){var i;(i=this.grid)==null||i.destroy(),this.grid=null}};n([e.ViewChild("gridContainer",{static:!0})],exports.SciGridAngular.prototype,"gridContainer",2);n([e.Input()],exports.SciGridAngular.prototype,"provider",2);n([e.Input()],exports.SciGridAngular.prototype,"config",2);exports.SciGridAngular=n([e.Component({selector:"sci-grid",template:'<div #gridContainer style="width: 100%; height: 100%; min-height: 400px;"></div>',standalone:!0})],exports.SciGridAngular);

package/dist/index.js

@@ -0,0 +1,41 @@
+import { ViewChild as h, Input as p, Component as f } from "@angular/core";
+import { SciGrid as l } from "@sci-grid/core";
+var a = Object.defineProperty, c = Object.getOwnPropertyDescriptor, o = (i, e, s, n) => {
+  for (var r = n > 1 ? void 0 : n ? c(e, s) : e, d = i.length - 1, g; d >= 0; d--)
+    (g = i[d]) && (r = (n ? g(e, s, r) : g(r)) || r);
+  return n && r && a(e, s, r), r;
+};
+let t = class {
+  constructor() {
+    this.config = {}, this.grid = null;
+  }
+  ngOnInit() {
+    this.grid = new l(this.gridContainer.nativeElement, this.provider, this.config);
+  }
+  ngOnChanges(i) {
+    this.grid && (i.provider && this.grid.updateProvider(this.provider), i.config && this.grid.updateConfig(this.config));
+  }
+  ngOnDestroy() {
+    var i;
+    (i = this.grid) == null || i.destroy(), this.grid = null;
+  }
+};
+o([
+  h("gridContainer", { static: !0 })
+], t.prototype, "gridContainer", 2);
+o([
+  p()
+], t.prototype, "provider", 2);
+o([
+  p()
+], t.prototype, "config", 2);
+t = o([
+  f({
+    selector: "sci-grid",
+    template: '<div #gridContainer style="width: 100%; height: 100%; min-height: 400px;"></div>',
+    standalone: !0
+  })
+], t);
+export {
+  t as SciGridAngular
+};

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@sci-grid/angular",
+  "version": "1.0.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "peerDependencies": {
+    "@angular/core": ">=16.0.0",
+    "@angular/common": ">=16.0.0",
+    "@sci-grid/core": "1.0.1"
+  },
+  "devDependencies": {
+    "@angular/core": "^18.0.0",
+    "@angular/common": "^18.0.0",
+    "rxjs": "^7.8.0",
+    "zone.js": "^0.14.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^4.0.0"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}

package/src/index.test.ts

@@ -0,0 +1,8 @@
+import { describe, it, expect } from 'vitest';
+import { SciGridAngular } from './index';
+
+describe('SciGridAngular', () => {
+    it('should be defined', () => {
+        expect(SciGridAngular).toBeDefined();
+    });
+});

package/src/index.ts

@@ -0,0 +1,41 @@
+import { Component, ElementRef, Input, type OnChanges, type OnDestroy, type OnInit, type SimpleChanges, ViewChild } from '@angular/core';
+import { SciGrid } from '@sci-grid/core';
+import type { GridConfig, IDataGridProvider } from '@sci-grid/core';
+
+/**
+ * SciGrid Angular Adapter
+ * Enterprise-ready grid component for Angular applications.
+ */
+@Component({
+  selector: 'sci-grid',
+  template: `<div #gridContainer style="width: 100%; height: 100%; min-height: 400px;"></div>`,
+  standalone: true
+})
+export class SciGridAngular implements OnInit, OnChanges, OnDestroy {
+  @ViewChild('gridContainer', { static: true }) gridContainer!: ElementRef;
+  
+  @Input() provider!: IDataGridProvider;
+  @Input() config: Partial<GridConfig> = {};
+
+  private grid: SciGrid | null = null;
+
+  ngOnInit() {
+    this.grid = new SciGrid(this.gridContainer.nativeElement, this.provider, this.config);
+  }
+
+  ngOnChanges(changes: SimpleChanges) {
+    if (!this.grid) return;
+
+    if (changes['provider']) {
+      this.grid.updateProvider(this.provider);
+    }
+    if (changes['config']) {
+      this.grid.updateConfig(this.config);
+    }
+  }
+
+  ngOnDestroy() {
+    this.grid?.destroy();
+    this.grid = null;
+  }
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "useDefineForClassFields": false,
+    "noEmit": false,
+    "declaration": true,
+    "emitDeclarationOnly": true
+  },
+  "include": ["src"]
+}

package/vite.config.ts

@@ -0,0 +1,33 @@
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import { resolve } from 'path';
+
+export default defineConfig({
+  plugins: [dts()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      name: 'SciGridAngular',
+      fileName: 'index',
+      formats: ['es', 'cjs']
+    },
+    rollupOptions: {
+      external: ['@angular/core', '@angular/common', '@sci-grid/core', 'rxjs', 'zone.js'],
+      output: {
+        globals: {
+          '@angular/core': 'ng.core',
+          '@angular/common': 'ng.common',
+          '@sci-grid/core': 'SciGrid'
+        }
+      }
+    }
+  },
+  esbuild: {
+    // Angular needs experimentalDecorators and does not support useDefineForClassFields
+    // esbuild does not support emitDecoratorMetadata which is required for some Angular DI,
+    // but for simple components it might be fine, or we rely on tsc for types.
+    // However, for the runtime build, we need decorators to be preserved or transformed.
+    // Since we are outputting a library, we should probably output code that uses standard JS decorators or downlevel them.
+    // Vite uses esbuild.
+  }
+});