@camp2gether/c2g-ui 0.0.7

package/README.md

@@ -0,0 +1,95 @@
+# C2gUi
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build c2g-ui
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Use the repo release flow instead of publishing by hand:
+
+```bash
+npm run release:check
+```
+
+This validates the package contract, enforces Storybook coverage for every component, builds the library, and builds Storybook.
+
+To publish the current library package to GitHub Packages, run:
+
+```bash
+GITHUB_TOKEN=<token> npm run release
+```
+
+The release flow publishes `@humbeldore/c2g-ui` from `dist/c2g-ui`.
+
+If you need the underlying manual steps, they are:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/c2g-ui
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Storybook Quality Gates
+
+All Wave 1 and future components must meet the criteria defined in:
+
+**[STORYBOOK_QUALITY_GATES.md](./STORYBOOK_QUALITY_GATES.md)**
+
+This document covers:
+- Required story variants per component type
+- Requirement that every component ships with at least one Storybook story before release
+- Angular 20 signal-based API conventions
+- Accessibility (A11y) checklist
+- Visual consistency and design token rules
+- i18n requirements
+- Branch and delivery policy
+- Copy-paste DoD checklist for new component tickets
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/charts/index.d.ts

@@ -0,0 +1,199 @@
+import * as _angular_core from '@angular/core';
+import { Provider } from '@angular/core';
+import { EChartsOption } from 'echarts';
+
+declare const C2G_CHARTS_VERSION = "0.1.0";
+
+declare const C2G_ECHARTS_THEME_NAME = "c2g";
+declare const C2G_ECHARTS_THEME: {
+    color: string[];
+    backgroundColor: string;
+    textStyle: {
+        fontFamily: string;
+        color: string;
+    };
+    title: {
+        textStyle: {
+            color: string;
+            fontFamily: string;
+            fontWeight: string;
+        };
+        subtextStyle: {
+            color: string;
+        };
+    };
+    line: {
+        itemStyle: {
+            borderWidth: number;
+        };
+        lineStyle: {
+            width: number;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+    };
+    bar: {
+        itemStyle: {
+            barBorderRadius: number[];
+        };
+    };
+    categoryAxis: {
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+    };
+    valueAxis: {
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+                type: string;
+            };
+        };
+    };
+    tooltip: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        textStyle: {
+            color: string;
+        };
+        extraCssText: string;
+    };
+    legend: {
+        textStyle: {
+            color: string;
+        };
+    };
+    grid: {
+        borderColor: string;
+    };
+};
+
+declare function provideC2gCharts(): Provider[];
+
+interface C2gChartSeries {
+    name: string;
+    data: number[];
+    color?: string;
+    smooth?: boolean;
+    area?: boolean;
+    dashed?: boolean;
+}
+interface C2gYAxis {
+    label?: string;
+    min?: number;
+    max?: number;
+    unit?: string;
+}
+interface C2gBarChartData {
+    categories: string[];
+    series: C2gChartSeries[];
+    unit?: string;
+}
+interface C2gTooltipContext {
+    categoryIndex: number;
+    category: string;
+    seriesValues: {
+        name: string;
+        value: number;
+        color: string;
+    }[];
+}
+interface C2gLineChartData {
+    categories: string[];
+    series: C2gChartSeries[];
+    yAxis?: C2gYAxis;
+    smooth?: boolean;
+    area?: boolean;
+    zoom?: boolean;
+    tooltipWidget?: (ctx: C2gTooltipContext) => string;
+}
+
+declare class BarChartComponent {
+    readonly theme = "c2g";
+    readonly data: _angular_core.InputSignal<C2gBarChartData>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly stacked: _angular_core.InputSignal<boolean>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChartComponent, "c2g-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LineChartComponent {
+    readonly theme = "c2g";
+    readonly data: _angular_core.InputSignal<C2gLineChartData>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "c2g-line-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface C2gGaugeSegment {
+    min: number;
+    max: number;
+    color: string;
+}
+interface C2gGaugeChartData {
+    value: number;
+    min?: number;
+    max?: number;
+    label?: string;
+    unit?: string;
+    segments?: C2gGaugeSegment[];
+    showDetail?: boolean;
+}
+
+declare class GaugeChartComponent {
+    readonly data: _angular_core.InputSignal<C2gGaugeChartData>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly theme = "c2g";
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GaugeChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GaugeChartComponent, "c2g-gauge-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface WeatherTooltipEntry {
+    icon: string;
+    description: string;
+    rain?: number;
+    wind?: number;
+}
+interface WeatherTooltipConfig {
+    entries: WeatherTooltipEntry[];
+    unit?: string;
+}
+declare function createWeatherTooltip(config: WeatherTooltipConfig): (ctx: C2gTooltipContext) => string;
+
+export { BarChartComponent, C2G_CHARTS_VERSION, C2G_ECHARTS_THEME, C2G_ECHARTS_THEME_NAME, GaugeChartComponent, LineChartComponent, createWeatherTooltip, provideC2gCharts };
+export type { C2gBarChartData, C2gChartSeries, C2gGaugeChartData, C2gGaugeSegment, C2gLineChartData, C2gTooltipContext, C2gYAxis, WeatherTooltipConfig, WeatherTooltipEntry };