@eric-emg/symphiq-components 1.2.0

package/index.d.ts

@@ -0,0 +1,166 @@
+import { InsightBlockInterface, PerformanceMetricInterface, PerformanceOverviewStructured, PerformanceOverviewStructuredV3Interface, BreakdownMetricInterface, OverallAssessmentInterface } from '@jebgem/model';
+export * from '@jebgem/model';
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as rxjs from 'rxjs';
+
+interface FunnelMetricOrder {
+    metric: string;
+    funnelMetric: string;
+    funnelInd: number;
+    relatedInd: number;
+    isFunnelStage: boolean;
+}
+declare class FunnelOrderService {
+    private readonly funnelOrder;
+    private readonly funnelStageNames;
+    getMetricOrder(metricName: string): FunnelMetricOrder | undefined;
+    isFunnelStage(metricName: string): boolean;
+    getFunnelStageName(funnelInd: number): string;
+    getFunnelStageForMetric(metricName: string): string | null;
+    sortMetricsByFunnelOrder(metrics: any[]): any[];
+    getMetricsForFunnelStage(metrics: any[], funnelStageName: string): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<FunnelOrderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FunnelOrderService>;
+}
+
+interface ModalState {
+    type: 'insight' | 'metric' | null;
+    data: InsightBlockInterface | PerformanceMetricInterface | null;
+}
+declare class ModalService {
+    private modalState;
+    modalState$: rxjs.Observable<ModalState>;
+    openInsightModal(insight: InsightBlockInterface): void;
+    openMetricModal(metric: PerformanceMetricInterface): void;
+    closeModal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
+}
+
+declare class SymphiqFunnelAnalysisDashboardComponent implements OnInit {
+    private funnelOrderService;
+    set data(value: PerformanceOverviewStructured);
+    get data(): PerformanceOverviewStructuredV3Interface;
+    private _data;
+    insights: InsightBlockInterface[];
+    breakdowns: BreakdownMetricInterface[];
+    allMetrics: PerformanceMetricInterface[];
+    revenueMetric: PerformanceMetricInterface | undefined;
+    categories: {
+        value: string;
+        label: string;
+    }[];
+    selectedCategory: string;
+    reverseSortOrder: boolean;
+    constructor(funnelOrderService: FunnelOrderService);
+    ngOnInit(): void;
+    private initializeDerivedProperties;
+    getFilteredMetrics(): any[];
+    getGroupedMetrics(): {
+        funnelMetric: PerformanceMetricInterface;
+        relatedMetrics: PerformanceMetricInterface[];
+    }[];
+    isFunnelStage(metricName: string): boolean;
+    formatDate(dateString: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SymphiqFunnelAnalysisDashboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SymphiqFunnelAnalysisDashboardComponent, "symphiq-funnel-analysis-dashboard", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ModalComponent implements OnInit {
+    private modalService;
+    isOpen: boolean;
+    modalType: 'insight' | 'metric' | null;
+    insightData: InsightBlockInterface | null;
+    metricData: PerformanceMetricInterface | null;
+    Math: Math;
+    constructor(modalService: ModalService);
+    ngOnInit(): void;
+    get modalTitle(): string;
+    closeModal(): void;
+    formatMetricName(name: string): string;
+    formatValue(value: number): string;
+    getTrendClass(): string;
+    getStatusBadgeClass(): string;
+    getStatusLabel(): string;
+    getPacingPercentage(): number;
+    getPacingBarClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "symphiq-funnel-analysis-modal", never, {}, {}, never, never, true, never>;
+}
+
+declare class MetricCardComponent {
+    private modalService;
+    private funnelOrderService;
+    metric: PerformanceMetricInterface;
+    insights: InsightBlockInterface[];
+    Math: Math;
+    constructor(modalService: ModalService, funnelOrderService: FunnelOrderService);
+    get isFunnelStage(): boolean;
+    getCardClass(): string;
+    get relatedInsights(): InsightBlockInterface[];
+    openInsightModal(insight: InsightBlockInterface): void;
+    formatMetricName(name: string): string;
+    formatValue(value: number): string;
+    getTrendClass(): string;
+    isGoodTrend(): boolean;
+    getStatusBadgeClass(): string;
+    getStatusLabel(): string;
+    getPacingPercentage(): number;
+    getPacingBarClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "symphiq-funnel-analysis-metric-card", never, { "metric": { "alias": "metric"; "required": false; }; "insights": { "alias": "insights"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class InsightCardComponent {
+    private modalService;
+    insight: InsightBlockInterface;
+    allMetrics: PerformanceMetricInterface[];
+    constructor(modalService: ModalService);
+    formatMetricName(name: string): string;
+    openMetricModal(metricName: string): void;
+    getPriorityBadgeClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InsightCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InsightCardComponent, "symphiq-funnel-analysis-insight-card", never, { "insight": { "alias": "insight"; "required": false; }; "allMetrics": { "alias": "allMetrics"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface MetricGroup {
+    metric: string;
+    metricLabel: string;
+    category: string;
+    values: PerformanceMetricInterface[];
+}
+declare class BreakdownSectionComponent implements OnInit {
+    breakdown: BreakdownMetricInterface;
+    Math: Math;
+    metricGroups: MetricGroup[];
+    ngOnInit(): void;
+    groupMetrics(): MetricGroup[];
+    formatMetricLabel(metric: string): string;
+    formatDimensionValue(value?: string): string;
+    formatValue(value: number, category: string | undefined, metric?: string): string;
+    getTrendClass(metric: any): string;
+    getStatusBadgeClass(status: string | undefined): string;
+    getStatusLabel(status: string | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreakdownSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreakdownSectionComponent, "symphiq-funnel-analysis-breakdown-section", never, { "breakdown": { "alias": "breakdown"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class OverallAssessmentComponent {
+    assessment: OverallAssessmentInterface;
+    revenueMetric?: PerformanceMetricInterface;
+    formatRevenue(value: number): string;
+    formatPercent(value: number): string;
+    getRevenueStatusClass(): string;
+    getStatusBadgeClass(): string;
+    getStatusLabel(): string;
+    getGradeBadgeClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverallAssessmentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverallAssessmentComponent, "symphiq-funnel-analysis-overall-assessment", never, { "assessment": { "alias": "assessment"; "required": false; }; "revenueMetric": { "alias": "revenueMetric"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare const PERFORMANCE_DATA: PerformanceOverviewStructuredV3Interface;
+
+export { BreakdownSectionComponent, FunnelOrderService, InsightCardComponent, MetricCardComponent, ModalComponent, ModalService, OverallAssessmentComponent, PERFORMANCE_DATA, SymphiqFunnelAnalysisDashboardComponent };
+export type { FunnelMetricOrder, ModalState };
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../projects/symphiq-components/src/lib/services/funnel-order.service.ts","../../projects/symphiq-components/src/lib/services/modal.service.ts","../../projects/symphiq-components/src/lib/components/symphiq-funnel-analysis-dashboard.component.ts","../../projects/symphiq-components/src/lib/components/modal.component.ts","../../projects/symphiq-components/src/lib/components/metric-card.component.ts","../../projects/symphiq-components/src/lib/components/insight-card.component.ts","../../projects/symphiq-components/src/lib/components/breakdown-section.component.ts","../../projects/symphiq-components/src/lib/components/overall-assessment.component.ts","../../projects/symphiq-components/src/lib/data/funnel-data.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;AAQC;AAED;AAIE;AA4BA;AASA;AAIA;AAKA;AAIA;AAKA;;;;AA6BD;;;AC7FC;AACA;AACD;AAED;;AAKS;;;;;;AAaR;;ACfD;AAgIc;AAzBZ;;;;;;AAWA;;;;AAUE;AACF;AACA;AAEoB;AAEpB;AAIA;;;;AAoB4E;;AAyB5E;AAIA;;;AAOD;;ACrMD;AA8Jc;AANZ;AACA;AACA;AACA;AACA;AAEoB;;;;AAkCpB;AAIA;AAmBA;AAUA;AAgBA;AAIA;AAQA;;;AAWD;;ACvQD;AAmFI;AACA;;;AAJF;AAGU;;AAQV;AAQA;;AAWA;AAIA;AAgBA;AAQA;AAOA;AAcA;AAIA;AAOA;;;AASD;;ACpLD;AAyDc;;;AAAQ;AAEpB;;AAWA;;;AAcD;;ACrFD;;;;;AAKC;AAED;;AA2EE;;;;AA+BA;AAOA;AAKA;AAaA;AAIA;AAcA;;;AAGD;;AChKD;;;AA4HE;AAIA;AAIA;AAeA;AAeA;AAIA;;;AAgBD;;ACvLD;;;"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@eric-emg/symphiq-components",
+  "version": "1.2.0",
+  "description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
+  "author": "Your Organization",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/eric-emg/symphiq-components.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "angular",
+    "components",
+    "dashboard",
+    "analytics",
+    "performance",
+    "visualization"
+  ],
+  "main": "fesm2022/symphiq-components.mjs",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./fesm2022/symphiq-components.mjs",
+      "types": "./index.d.ts",
+      "default": "./fesm2022/symphiq-components.mjs"
+    },
+    "./styles.css": "./styles.css",
+    "./package.json": {
+      "default": "./package.json"
+    }
+  },
+  "peerDependencies": {
+    "@angular/animations": "20.0.0",
+    "@angular/common": "20.0.0",
+    "@angular/core": "20.0.0",
+    "@angular/forms": "20.0.0",
+    "@angular/platform-browser": "20.0.0",
+    "@angular/router": "20.0.0",
+    "@jebgem/model": "^0.0.1",
+    "rxjs": "^7.8.1",
+    "zone.js": "~0.15.0"
+  },
+  "module": "fesm2022/symphiq-components.mjs",
+  "typings": "index.d.ts",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.5.0"
+  },
+  "scripts": {
+    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with partial compilation mode, before attempting to publish.\\n')\" && exit 1"
+  }
+}

package/src/styles.css

@@ -0,0 +1 @@
+@import 'tailwindcss';