codexly-ui 0.1.24 → 0.2.1

package/package.json

@@ -1,13 +1,34 @@
 {
   "name": "codexly-ui",
-  "version": "0.1.24",
+  "version": "0.2.1",
+  "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
+  "keywords": [
+    "angular",
+    "angular-library",
+    "ui-components",
+    "component-library",
+    "tailwindcss",
+    "standalone-components",
+    "signals"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/codexly/codexly-library.git"
+  },
+  "license": "UNLICENSED",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/router": "^21.0.0",
     "@angular/forms": "^21.0.0",
     "@angular/cdk": "^21.0.0",
-    "rxjs": "^7.0.0"
+    "rxjs": "^7.0.0",
+    "chart.js": "^4.5.1"
+  },
+  "peerDependenciesMeta": {
+    "chart.js": {
+      "optional": true
+    }
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -23,6 +44,10 @@
     ".": {
       "types": "./types/codexly-ui.d.ts",
       "default": "./fesm2022/codexly-ui.mjs"
+    },
+    "./charts": {
+      "types": "./types/codexly-ui-charts.d.ts",
+      "default": "./fesm2022/codexly-ui-charts.mjs"
     }
   },
   "module": "fesm2022/codexly-ui.mjs",

package/types/codexly-ui-charts.d.ts

@@ -0,0 +1,36 @@
+import * as node_modules_chart_js_dist_types_utils from 'node_modules/chart.js/dist/types/utils';
+import * as chart_js from 'chart.js';
+import { ChartType, ChartData, ChartOptions } from 'chart.js';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
+
+type ClxChartType = Extract<ChartType, 'line' | 'bar' | 'pie' | 'doughnut' | 'radar' | 'polarArea'>;
+interface ClxChartOptions {
+    type: ClxChartType;
+    data: ChartData;
+    options?: ChartOptions;
+    height?: number | string;
+    loading?: boolean;
+    ariaLabel?: string;
+}
+
+declare class ClxChartComponent implements AfterViewInit, OnDestroy {
+    canvasRef: ElementRef<HTMLCanvasElement>;
+    type: _angular_core.InputSignal<ClxChartType>;
+    data: _angular_core.InputSignal<ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>>;
+    options: _angular_core.InputSignal<node_modules_chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
+    height: _angular_core.InputSignal<string | number>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    loading: _angular_core.InputSignal<boolean>;
+    private _chart?;
+    private _injector;
+    _hostHeight: _angular_core.Signal<string | number>;
+    ngAfterViewInit(): void;
+    private _createChart;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxChartComponent, "clx-chart", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ClxChartComponent };
+export type { ClxChartOptions, ClxChartType };