@mj-biz-apps/forms-ng 0.0.0 → 0.2.0

package/dist/lib/dashboard/components/summary-stats.component.js

@@ -0,0 +1,112 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/** Top-line stat cards: total responses, completion rate, avg time, last submit. */
+export class FormsSummaryStatsComponent {
+    stats;
+    pct(fraction) {
+        return `${Math.round(fraction * 100)}%`;
+    }
+    get durationLabel() {
+        const secs = this.stats.averageCompletionSeconds;
+        if (secs === null)
+            return '—';
+        if (secs < 60)
+            return `${Math.round(secs)}s`;
+        const mins = secs / 60;
+        if (mins < 60)
+            return `${mins.toFixed(1)}m`;
+        return `${(mins / 60).toFixed(1)}h`;
+    }
+    get lastLabel() {
+        const d = this.stats.lastSubmittedAt;
+        if (!d)
+            return '—';
+        return d.toLocaleDateString();
+    }
+    static ɵfac = function FormsSummaryStatsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormsSummaryStatsComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormsSummaryStatsComponent, selectors: [["mj-forms-summary-stats"]], inputs: { stats: "stats" }, decls: 31, vars: 6, consts: [[1, "stat-grid"], [1, "stat-card"], [1, "stat-icon"], [1, "fa-solid", "fa-inbox"], [1, "stat-value"], [1, "stat-label"], [1, "stat-sub"], [1, "fa-solid", "fa-circle-check"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-calendar-day"]], template: function FormsSummaryStatsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
+            i0.ɵɵdomElement(3, "i", 3);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(4, "span", 4);
+            i0.ɵɵtext(5);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(6, "span", 5);
+            i0.ɵɵtext(7, "Responses");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(8, "span", 6);
+            i0.ɵɵtext(9);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(10, "div", 1)(11, "span", 2);
+            i0.ɵɵdomElement(12, "i", 7);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(13, "span", 4);
+            i0.ɵɵtext(14);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(15, "span", 5);
+            i0.ɵɵtext(16, "Completion rate");
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(17, "div", 1)(18, "span", 2);
+            i0.ɵɵdomElement(19, "i", 8);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(20, "span", 4);
+            i0.ɵɵtext(21);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(22, "span", 5);
+            i0.ɵɵtext(23, "Avg. time to complete");
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(24, "div", 1)(25, "span", 2);
+            i0.ɵɵdomElement(26, "i", 9);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(27, "span", 4);
+            i0.ɵɵtext(28);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(29, "span", 5);
+            i0.ɵɵtext(30, "Last response");
+            i0.ɵɵdomElementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.stats.totalResponses);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate2("", ctx.stats.completeResponses, " complete \u00B7 ", ctx.stats.partialResponses, " partial");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.pct(ctx.stats.completionRate));
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate(ctx.durationLabel);
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate(ctx.lastLabel);
+        } }, styles: ["[_nghost-%COMP%] {\n        display: block;\n      }\n      .stat-grid[_ngcontent-%COMP%] {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n        gap: var(--mj-space-3);\n      }\n      .stat-card[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: var(--mj-space-1);\n        padding: var(--mj-space-4);\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-subtle);\n        border-radius: var(--mj-radius-lg);\n        box-shadow: var(--mj-shadow-sm);\n      }\n      .stat-icon[_ngcontent-%COMP%] {\n        color: var(--mj-brand-primary);\n        font-size: 16px;\n      }\n      .stat-value[_ngcontent-%COMP%] {\n        font-size: 26px;\n        font-weight: 700;\n        color: var(--mj-text-primary);\n        font-variant-numeric: tabular-nums;\n      }\n      .stat-label[_ngcontent-%COMP%] {\n        font-size: 12px;\n        color: var(--mj-text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 0.04em;\n      }\n      .stat-sub[_ngcontent-%COMP%] {\n        font-size: 12px;\n        color: var(--mj-text-muted);\n      }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormsSummaryStatsComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-forms-summary-stats', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="stat-grid">
+      <div class="stat-card">
+        <span class="stat-icon"><i class="fa-solid fa-inbox"></i></span>
+        <span class="stat-value">{{ stats.totalResponses }}</span>
+        <span class="stat-label">Responses</span>
+        <span class="stat-sub">{{ stats.completeResponses }} complete · {{ stats.partialResponses }} partial</span>
+      </div>
+      <div class="stat-card">
+        <span class="stat-icon"><i class="fa-solid fa-circle-check"></i></span>
+        <span class="stat-value">{{ pct(stats.completionRate) }}</span>
+        <span class="stat-label">Completion rate</span>
+      </div>
+      <div class="stat-card">
+        <span class="stat-icon"><i class="fa-solid fa-clock"></i></span>
+        <span class="stat-value">{{ durationLabel }}</span>
+        <span class="stat-label">Avg. time to complete</span>
+      </div>
+      <div class="stat-card">
+        <span class="stat-icon"><i class="fa-solid fa-calendar-day"></i></span>
+        <span class="stat-value">{{ lastLabel }}</span>
+        <span class="stat-label">Last response</span>
+      </div>
+    </div>
+  `, styles: ["\n      :host {\n        display: block;\n      }\n      .stat-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n        gap: var(--mj-space-3);\n      }\n      .stat-card {\n        display: flex;\n        flex-direction: column;\n        gap: var(--mj-space-1);\n        padding: var(--mj-space-4);\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-subtle);\n        border-radius: var(--mj-radius-lg);\n        box-shadow: var(--mj-shadow-sm);\n      }\n      .stat-icon {\n        color: var(--mj-brand-primary);\n        font-size: 16px;\n      }\n      .stat-value {\n        font-size: 26px;\n        font-weight: 700;\n        color: var(--mj-text-primary);\n        font-variant-numeric: tabular-nums;\n      }\n      .stat-label {\n        font-size: 12px;\n        color: var(--mj-text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 0.04em;\n      }\n      .stat-sub {\n        font-size: 12px;\n        color: var(--mj-text-muted);\n      }\n    "] }]
+    }], null, { stats: [{
+            type: Input,
+            args: [{ required: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormsSummaryStatsComponent, { className: "FormsSummaryStatsComponent", filePath: "lib/dashboard/components/summary-stats.component.ts", lineNumber: 77 }); })();
+//# sourceMappingURL=summary-stats.component.js.map

package/dist/lib/dashboard/components/summary-stats.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-stats.component.js","sourceRoot":"","sources":["../../../../src/lib/dashboard/components/summary-stats.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAG1E,oFAAoF;AAyEpF,MAAM,OAAO,0BAA0B;IACV,KAAK,CAAoB;IAE7C,GAAG,CAAC,QAAgB;QACzB,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC;IAC1C,CAAC;IAED,IAAW,aAAa;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC;QACjD,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO,GAAG,CAAC;QAC9B,IAAI,IAAI,GAAG,EAAE;YAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7C,MAAM,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC;QACvB,IAAI,IAAI,GAAG,EAAE;YAAE,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;QAC5C,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACtC,CAAC;IAED,IAAW,SAAS;QAClB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;QACrC,IAAI,CAAC,CAAC;YAAE,OAAO,GAAG,CAAC;QACnB,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAChC,CAAC;oHApBU,0BAA0B;6DAA1B,0BAA0B;YAjE/B,AADF,AADF,iCAAuB,aACE,cACG;YAAA,0BAAiC;YAAA,oBAAO;YAChE,kCAAyB;YAAA,YAA0B;YAAA,oBAAO;YAC1D,kCAAyB;YAAA,yBAAS;YAAA,oBAAO;YACzC,kCAAuB;YAAA,YAA6E;YACtG,AADsG,oBAAO,EACvG;YAEJ,AADF,kCAAuB,eACG;YAAA,2BAAwC;YAAA,oBAAO;YACvE,mCAAyB;YAAA,aAA+B;YAAA,oBAAO;YAC/D,mCAAyB;YAAA,gCAAe;YAC1C,AAD0C,oBAAO,EAC3C;YAEJ,AADF,kCAAuB,eACG;YAAA,2BAAiC;YAAA,oBAAO;YAChE,mCAAyB;YAAA,aAAmB;YAAA,oBAAO;YACnD,mCAAyB;YAAA,sCAAqB;YAChD,AADgD,oBAAO,EACjD;YAEJ,AADF,kCAAuB,eACG;YAAA,2BAAwC;YAAA,oBAAO;YACvE,mCAAyB;YAAA,aAAe;YAAA,oBAAO;YAC/C,mCAAyB;YAAA,8BAAa;YAE1C,AADE,AADwC,oBAAO,EACzC,EACF;;YAnBuB,eAA0B;YAA1B,8CAA0B;YAE5B,eAA6E;YAA7E,mHAA6E;YAI3E,eAA+B;YAA/B,uDAA+B;YAK/B,eAAmB;YAAnB,uCAAmB;YAKnB,eAAe;YAAf,mCAAe;;;iFAgDnC,0BAA0B;cAxEtC,SAAS;2BACE,wBAAwB,cACtB,IAAI,mBACC,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;;GAwBT;;kBA6CA,KAAK;mBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;kFADd,0BAA0B"}

package/dist/lib/dashboard/forms-reporting-dashboard.component.d.ts

@@ -0,0 +1,64 @@
+import { BaseDashboard } from '@memberjunction/ng-shared';
+import type { ResourceData } from '@memberjunction/core-entities';
+import type { ExportFormat } from '@memberjunction/export-engine';
+import type { FormReportData, ReportableForm, ResponseDetail } from './models/reporting.model';
+import * as i0 from "@angular/core";
+type DashboardTab = 'summary' | 'questions' | 'funnel' | 'responses';
+/**
+ * Forms reporting dashboard (WP-F). A `BaseDashboard` subclass registered with
+ * the MJ ClassFactory under 'FormsReportingDashboard' — the matching Dashboard
+ * metadata record (DriverClass) is authored by WP-A.
+ *
+ * Standalone so the Explorer can instantiate it directly via `createComponent`.
+ * All data comes through RunView/RunViews (FormsReportingService); a seeded mock
+ * mode renders the UI before any real responses exist (toggle is a one-flag swap).
+ */
+export declare class FormsReportingDashboardComponent extends BaseDashboard {
+    private readonly data;
+    private readonly exporter;
+    private readonly cdr;
+    /**
+     * Live RunView/RunQuery data path is the default. Set to `true` only as an explicit
+     * dev aid (e.g. to preview the dashboard UI before any real responses exist) — the
+     * seeded mock renders the identical UI with fabricated data. Never ship `true`.
+     */
+    useMock: boolean;
+    loading: boolean;
+    errorMessage: string | null;
+    forms: ReportableForm[];
+    selectedForm: ReportableForm | null;
+    report: FormReportData | null;
+    activeTab: DashboardTab;
+    readonly tabs: {
+        key: DashboardTab;
+        label: string;
+        icon: string;
+    }[];
+    /** Selected response for the detail view; null shows the list. */
+    responseDetail: ResponseDetail | null;
+    /** Raw answer rows for the current report, kept for export pivoting. */
+    private rawAnswers;
+    GetResourceDisplayName(_data: ResourceData): Promise<string>;
+    GetResourceIconClass(_data: ResourceData): Promise<string>;
+    protected initDashboard(): void;
+    protected loadData(): void;
+    private loadForms;
+    selectForm(form: ReportableForm): Promise<void>;
+    onFormChange(formId: string): Promise<void>;
+    setTab(tab: DashboardTab): void;
+    openResponse(responseId: string): Promise<void>;
+    closeResponse(): void;
+    export(format: ExportFormat): Promise<void>;
+    /** Loads the raw answers separately so export can pivot to a wide matrix. */
+    private loadRawAnswers;
+    /** Builds a detail view from the mock report (no extra fetch). */
+    private mockResponseDetail;
+    private mockDetailAnswers;
+    private beginLoad;
+    private endLoad;
+    private fail;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormsReportingDashboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormsReportingDashboardComponent, "mj-forms-reporting-dashboard", never, {}, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=forms-reporting-dashboard.component.d.ts.map

package/dist/lib/dashboard/forms-reporting-dashboard.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms-reporting-dashboard.component.d.ts","sourceRoot":"","sources":["../../../src/lib/dashboard/forms-reporting-dashboard.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGlE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AASlE,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACf,MAAM,0BAA0B,CAAC;;AAQlC,KAAK,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;AAErE;;;;;;;;GAQG;AACH,qBAiBa,gCAAiC,SAAQ,aAAa;IACjE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAiC;IACtD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAuC;IAChE,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEjD;;;;OAIG;IACI,OAAO,UAAS;IAEhB,OAAO,UAAS;IAChB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEnC,KAAK,EAAE,cAAc,EAAE,CAAM;IAC7B,YAAY,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC3C,MAAM,EAAE,cAAc,GAAG,IAAI,CAAQ;IAErC,SAAS,EAAE,YAAY,CAAa;IAC3C,SAAgB,IAAI,EAAE;QAAE,GAAG,EAAE,YAAY,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAKxE;IAEF,kEAAkE;IAC3D,cAAc,EAAE,cAAc,GAAG,IAAI,CAAQ;IAEpD,wEAAwE;IACxE,OAAO,CAAC,UAAU,CAAoD;IAEzD,sBAAsB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAInD,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAIhF,SAAS,CAAC,aAAa,IAAI,IAAI;IAI/B,SAAS,CAAC,QAAQ,IAAI,IAAI;YAIZ,SAAS;IAcV,UAAU,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAoB/C,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAOjD,MAAM,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI;IAKzB,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAcrD,aAAa,IAAI,IAAI;IAIf,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAYxD,6EAA6E;YAC/D,cAAc;IAM5B,kEAAkE;IAClE,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,IAAI;yCAzKD,gCAAgC;2CAAhC,gCAAgC;CA+K5C"}

package/dist/lib/dashboard/forms-reporting-dashboard.component.js

@@ -0,0 +1,397 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { BaseDashboard } from '@memberjunction/ng-shared';
+import { LogError } from '@memberjunction/core';
+import { RegisterClass } from '@memberjunction/global';
+import { FormsReportingService } from './services/forms-reporting.service';
+import { FormsReportingExportService } from './services/forms-reporting-export.service';
+import { mockReport, mockReportableForms } from './services/forms-reporting-mock';
+import { FormsSummaryStatsComponent } from './components/summary-stats.component';
+import { FormsQuestionBreakdownComponent } from './components/question-breakdown.component';
+import { FormsFunnelChartComponent } from './components/funnel-chart.component';
+import { FormsResponseListComponent } from './components/response-list.component';
+import { FormsResponseDetailComponent } from './components/response-detail.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.formId;
+const _forTrack1 = ($index, $item) => $item.key;
+const _forTrack2 = ($index, $item) => $item.questionId;
+function FormsReportingDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1, "Sample data");
+    i0.ɵɵelementEnd();
+} }
+function FormsReportingDashboardComponent_Conditional_8_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const f_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", f_r3.formId);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", f_r3.name, " (", f_r3.responseCount, ")");
+} }
+function FormsReportingDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 7)(1, "span", 15);
+    i0.ɵɵtext(2, "Select a form");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "select", 16);
+    i0.ɵɵlistener("ngModelChange", function FormsReportingDashboardComponent_Conditional_8_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFormChange($event)); });
+    i0.ɵɵrepeaterCreate(4, FormsReportingDashboardComponent_Conditional_8_For_5_Template, 2, 3, "option", 17, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r1.selectedForm == null ? null : ctx_r1.selectedForm.formId);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.forms);
+} }
+function FormsReportingDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "i", 18);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.errorMessage, " ");
+} }
+function FormsReportingDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵtext(2, " Loading\u2026");
+    i0.ɵɵelementEnd();
+} }
+function FormsReportingDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No published forms to report on yet.");
+    i0.ɵɵelementEnd()();
+} }
+function FormsReportingDashboardComponent_Conditional_19_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 27);
+    i0.ɵɵlistener("click", function FormsReportingDashboardComponent_Conditional_19_For_2_Template_button_click_0_listener() { const t_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setTab(t_r5.key)); });
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const t_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("tab--active", ctx_r1.activeTab === t_r5.key);
+    i0.ɵɵattribute("aria-selected", ctx_r1.activeTab === t_r5.key);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(t_r5.icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", t_r5.label, " ");
+} }
+function FormsReportingDashboardComponent_Conditional_19_Case_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-forms-summary-stats", 24);
+} if (rf & 2) {
+    const r_r6 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("stats", r_r6.summary);
+} }
+function FormsReportingDashboardComponent_Conditional_19_Case_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-forms-question-breakdown", 28);
+} if (rf & 2) {
+    const b_r7 = ctx.$implicit;
+    i0.ɵɵproperty("breakdown", b_r7);
+} }
+function FormsReportingDashboardComponent_Conditional_19_Case_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵrepeaterCreate(1, FormsReportingDashboardComponent_Conditional_19_Case_5_For_2_Template, 1, 1, "mj-forms-question-breakdown", 28, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const r_r6 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(r_r6.breakdowns);
+} }
+function FormsReportingDashboardComponent_Conditional_19_Case_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-forms-funnel-chart", 26);
+} if (rf & 2) {
+    const r_r6 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("steps", r_r6.funnel);
+} }
+function FormsReportingDashboardComponent_Conditional_19_Case_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-forms-response-detail", 31);
+    i0.ɵɵlistener("back", function FormsReportingDashboardComponent_Conditional_19_Case_7_Conditional_0_Template_mj_forms_response_detail_back_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.closeResponse()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("detail", ctx);
+} }
+function FormsReportingDashboardComponent_Conditional_19_Case_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-forms-response-list", 32);
+    i0.ɵɵlistener("open", function FormsReportingDashboardComponent_Conditional_19_Case_7_Conditional_1_Template_mj_forms_response_list_open_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openResponse($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const r_r6 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("rows", r_r6.responses);
+} }
+function FormsReportingDashboardComponent_Conditional_19_Case_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, FormsReportingDashboardComponent_Conditional_19_Case_7_Conditional_0_Template, 1, 1, "mj-forms-response-detail", 29)(1, FormsReportingDashboardComponent_Conditional_19_Case_7_Conditional_1_Template, 1, 1, "mj-forms-response-list", 30);
+} if (rf & 2) {
+    let tmp_3_0;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional((tmp_3_0 = ctx_r1.responseDetail) ? 0 : 1, tmp_3_0);
+} }
+function FormsReportingDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "nav", 21);
+    i0.ɵɵrepeaterCreate(1, FormsReportingDashboardComponent_Conditional_19_For_2_Template, 3, 6, "button", 22, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "section", 23);
+    i0.ɵɵconditionalCreate(4, FormsReportingDashboardComponent_Conditional_19_Case_4_Template, 1, 1, "mj-forms-summary-stats", 24)(5, FormsReportingDashboardComponent_Conditional_19_Case_5_Template, 3, 0, "div", 25)(6, FormsReportingDashboardComponent_Conditional_19_Case_6_Template, 1, 1, "mj-forms-funnel-chart", 26)(7, FormsReportingDashboardComponent_Conditional_19_Case_7_Template, 2, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_3_0;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.tabs);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional((tmp_3_0 = ctx_r1.activeTab) === "summary" ? 4 : tmp_3_0 === "questions" ? 5 : tmp_3_0 === "funnel" ? 6 : tmp_3_0 === "responses" ? 7 : -1);
+} }
+/**
+ * Forms reporting dashboard (WP-F). A `BaseDashboard` subclass registered with
+ * the MJ ClassFactory under 'FormsReportingDashboard' — the matching Dashboard
+ * metadata record (DriverClass) is authored by WP-A.
+ *
+ * Standalone so the Explorer can instantiate it directly via `createComponent`.
+ * All data comes through RunView/RunViews (FormsReportingService); a seeded mock
+ * mode renders the UI before any real responses exist (toggle is a one-flag swap).
+ */
+let FormsReportingDashboardComponent = class FormsReportingDashboardComponent extends BaseDashboard {
+    data = inject(FormsReportingService);
+    exporter = inject(FormsReportingExportService);
+    cdr = inject(ChangeDetectorRef);
+    /**
+     * Live RunView/RunQuery data path is the default. Set to `true` only as an explicit
+     * dev aid (e.g. to preview the dashboard UI before any real responses exist) — the
+     * seeded mock renders the identical UI with fabricated data. Never ship `true`.
+     */
+    useMock = false;
+    loading = false;
+    errorMessage = null;
+    forms = [];
+    selectedForm = null;
+    report = null;
+    activeTab = 'summary';
+    tabs = [
+        { key: 'summary', label: 'Summary', icon: 'fa-solid fa-gauge' },
+        { key: 'questions', label: 'Questions', icon: 'fa-solid fa-list-ul' },
+        { key: 'funnel', label: 'Funnel', icon: 'fa-solid fa-filter' },
+        { key: 'responses', label: 'Responses', icon: 'fa-solid fa-table-list' },
+    ];
+    /** Selected response for the detail view; null shows the list. */
+    responseDetail = null;
+    /** Raw answer rows for the current report, kept for export pivoting. */
+    rawAnswers = [];
+    async GetResourceDisplayName(_data) {
+        return 'Forms Reporting';
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-chart-column';
+    }
+    initDashboard() {
+        // Nothing to set up beyond the injected services.
+    }
+    loadData() {
+        void this.loadForms();
+    }
+    async loadForms() {
+        this.beginLoad();
+        try {
+            this.forms = this.useMock ? mockReportableForms() : await this.data.loadReportableForms();
+            if (this.forms.length > 0) {
+                await this.selectForm(this.forms[0]);
+            }
+        }
+        catch (err) {
+            this.fail(err, 'Failed to load forms.');
+        }
+        finally {
+            this.endLoad();
+        }
+    }
+    async selectForm(form) {
+        this.selectedForm = form;
+        this.responseDetail = null;
+        this.activeTab = 'summary';
+        this.beginLoad();
+        try {
+            if (this.useMock) {
+                this.report = mockReport();
+                this.rawAnswers = [];
+            }
+            else {
+                this.report = await this.data.loadReport(form);
+                this.rawAnswers = await this.loadRawAnswers(form.formId);
+            }
+        }
+        catch (err) {
+            this.fail(err, 'Failed to load the report.');
+        }
+        finally {
+            this.endLoad();
+        }
+    }
+    async onFormChange(formId) {
+        const form = this.forms.find((f) => f.formId === formId);
+        if (form) {
+            await this.selectForm(form);
+        }
+    }
+    setTab(tab) {
+        this.activeTab = tab;
+        this.responseDetail = null;
+    }
+    async openResponse(responseId) {
+        if (!this.report)
+            return;
+        this.beginLoad();
+        try {
+            this.responseDetail = this.useMock
+                ? this.mockResponseDetail(responseId)
+                : await this.data.loadResponseDetail(responseId, this.report.questions);
+        }
+        catch (err) {
+            this.fail(err, 'Failed to load the response.');
+        }
+        finally {
+            this.endLoad();
+        }
+    }
+    closeResponse() {
+        this.responseDetail = null;
+    }
+    async export(format) {
+        if (!this.report)
+            return;
+        this.beginLoad();
+        try {
+            await this.exporter.exportResponses(this.report, this.rawAnswers, format);
+        }
+        catch (err) {
+            this.fail(err, 'Export failed.');
+        }
+        finally {
+            this.endLoad();
+        }
+    }
+    /** Loads the raw answers separately so export can pivot to a wide matrix. */
+    async loadRawAnswers(formId) {
+        return this.data.loadAnswersForForm(formId);
+    }
+    /** Builds a detail view from the mock report (no extra fetch). */
+    mockResponseDetail(responseId) {
+        const row = this.report?.responses.find((r) => r.responseId === responseId);
+        return {
+            responseId,
+            status: row?.status ?? 'Complete',
+            startedAt: row?.startedAt ?? null,
+            submittedAt: row?.submittedAt ?? null,
+            respondent: row?.respondent ?? 'Anonymous',
+            answers: this.mockDetailAnswers(),
+        };
+    }
+    mockDetailAnswers() {
+        const qs = this.report?.questions ?? [];
+        return qs
+            .filter((q) => q.type !== 'Statement')
+            .slice(0, 4)
+            .map((q) => ({
+            questionId: q.id,
+            prompt: q.prompt,
+            type: q.type,
+            displayValue: 'Sample answer',
+        }));
+    }
+    beginLoad() {
+        this.loading = true;
+        this.errorMessage = null;
+        this.cdr.markForCheck();
+    }
+    endLoad() {
+        this.loading = false;
+        this.cdr.markForCheck();
+    }
+    fail(err, fallback) {
+        const message = err instanceof Error ? err.message : fallback;
+        this.errorMessage = message;
+        LogError(message);
+        this.Error.emit(err instanceof Error ? err : new Error(message));
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵFormsReportingDashboardComponent_BaseFactory; return function FormsReportingDashboardComponent_Factory(__ngFactoryType__) { return (ɵFormsReportingDashboardComponent_BaseFactory || (ɵFormsReportingDashboardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FormsReportingDashboardComponent)))(__ngFactoryType__ || FormsReportingDashboardComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormsReportingDashboardComponent, selectors: [["mj-forms-reporting-dashboard"]], features: [i0.ɵɵProvidersFeature([FormsReportingService, FormsReportingExportService]), i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 8, consts: [[1, "reporting"], [1, "rep-header"], [1, "title-row"], [1, "rep-title"], [1, "fa-solid", "fa-chart-column"], ["title", "Showing seeded sample data until live responses exist", 1, "mock-badge"], [1, "controls"], [1, "form-picker"], ["role", "group", "aria-label", "Export responses", 1, "export-group"], ["type", "button", 1, "btn", 3, "click", "disabled"], [1, "fa-solid", "fa-file-csv"], [1, "fa-solid", "fa-file-excel"], ["role", "alert", 1, "alert"], [1, "loading"], [1, "empty-state"], [1, "sr-only"], ["aria-label", "Select a form to report on", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-inbox"], ["role", "tablist", 1, "tabs"], ["type", "button", "role", "tab", 1, "tab", 3, "tab--active"], [1, "tab-body"], [3, "stats"], [1, "breakdowns"], [3, "steps"], ["type", "button", "role", "tab", 1, "tab", 3, "click"], [3, "breakdown"], [3, "detail"], [3, "rows"], [3, "back", "detail"], [3, "open", "rows"]], template: function FormsReportingDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "header", 1)(2, "div", 2)(3, "h2", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵtext(5, " Forms Reporting");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, FormsReportingDashboardComponent_Conditional_6_Template, 2, 0, "span", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 6);
+            i0.ɵɵconditionalCreate(8, FormsReportingDashboardComponent_Conditional_8_Template, 6, 1, "label", 7);
+            i0.ɵɵelementStart(9, "div", 8)(10, "button", 9);
+            i0.ɵɵlistener("click", function FormsReportingDashboardComponent_Template_button_click_10_listener() { return ctx.export("csv"); });
+            i0.ɵɵelement(11, "i", 10);
+            i0.ɵɵtext(12, " CSV ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "button", 9);
+            i0.ɵɵlistener("click", function FormsReportingDashboardComponent_Template_button_click_13_listener() { return ctx.export("excel"); });
+            i0.ɵɵelement(14, "i", 11);
+            i0.ɵɵtext(15, " Excel ");
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵconditionalCreate(16, FormsReportingDashboardComponent_Conditional_16_Template, 3, 1, "div", 12);
+            i0.ɵɵconditionalCreate(17, FormsReportingDashboardComponent_Conditional_17_Template, 3, 0, "div", 13);
+            i0.ɵɵconditionalCreate(18, FormsReportingDashboardComponent_Conditional_18_Template, 4, 0, "div", 14);
+            i0.ɵɵconditionalCreate(19, FormsReportingDashboardComponent_Conditional_19_Template, 8, 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            let tmp_7_0;
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.useMock ? 6 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.forms.length > 0 ? 8 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", !ctx.report || ctx.loading);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", !ctx.report || ctx.loading);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.errorMessage ? 16 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.loading ? 17 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.loading && ctx.forms.length === 0 ? 18 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((tmp_7_0 = ctx.report) ? 19 : -1, tmp_7_0);
+        } }, dependencies: [FormsModule, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, FormsSummaryStatsComponent,
+            FormsQuestionBreakdownComponent,
+            FormsFunnelChartComponent,
+            FormsResponseListComponent,
+            FormsResponseDetailComponent], styles: ["[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n  overflow: auto;\n  background: var(--mj-bg-page);\n  font-family: var(--mj-font-family);\n}\n\n.reporting[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-4);\n  padding: var(--mj-space-4);\n}\n\n.rep-header[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--mj-space-3);\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n}\n\n.rep-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n}\n\n.mock-badge[_ngcontent-%COMP%] {\n  font-size: 11px;\n  padding: 2px var(--mj-space-2);\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n}\n\n.controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: var(--mj-space-2);\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.form-picker[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  padding: var(--mj-space-2);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  font-size: 13px;\n  max-width: 320px;\n}\n\n.export-group[_ngcontent-%COMP%] {\n  display: flex;\n  gap: var(--mj-space-1);\n}\n\n.btn[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n}\n\n.btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.alert[_ngcontent-%COMP%] {\n  padding: var(--mj-space-3);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-status-error);\n  color: var(--mj-status-error);\n  font-size: 13px;\n}\n\n.loading[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-8);\n  color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 28px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.tabs[_ngcontent-%COMP%] {\n  display: flex;\n  gap: var(--mj-space-1);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-wrap: wrap;\n}\n\n.tab[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border: none;\n  border-bottom: 2px solid transparent;\n  background: none;\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.tab--active[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.tab-body[_ngcontent-%COMP%] {\n  min-height: 0;\n}\n\n.breakdowns[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: var(--mj-space-4);\n}\n\n.sr-only[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}"], changeDetection: 0 });
+};
+FormsReportingDashboardComponent = __decorate([
+    RegisterClass(BaseDashboard, 'FormsReportingDashboard')
+], FormsReportingDashboardComponent);
+export { FormsReportingDashboardComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormsReportingDashboardComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-forms-reporting-dashboard', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormsReportingService, FormsReportingExportService], imports: [
+                    FormsModule,
+                    FormsSummaryStatsComponent,
+                    FormsQuestionBreakdownComponent,
+                    FormsFunnelChartComponent,
+                    FormsResponseListComponent,
+                    FormsResponseDetailComponent,
+                ], template: "<div class=\"reporting\">\n  <header class=\"rep-header\">\n    <div class=\"title-row\">\n      <h2 class=\"rep-title\"><i class=\"fa-solid fa-chart-column\"></i> Forms Reporting</h2>\n      @if (useMock) {\n        <span class=\"mock-badge\" title=\"Showing seeded sample data until live responses exist\">Sample data</span>\n      }\n    </div>\n\n    <div class=\"controls\">\n      @if (forms.length > 0) {\n        <label class=\"form-picker\">\n          <span class=\"sr-only\">Select a form</span>\n          <select\n            [ngModel]=\"selectedForm?.formId\"\n            (ngModelChange)=\"onFormChange($event)\"\n            aria-label=\"Select a form to report on\">\n            @for (f of forms; track f.formId) {\n              <option [value]=\"f.formId\">{{ f.name }} ({{ f.responseCount }})</option>\n            }\n          </select>\n        </label>\n      }\n      <div class=\"export-group\" role=\"group\" aria-label=\"Export responses\">\n        <button type=\"button\" class=\"btn\" [disabled]=\"!report || loading\" (click)=\"export('csv')\">\n          <i class=\"fa-solid fa-file-csv\"></i> CSV\n        </button>\n        <button type=\"button\" class=\"btn\" [disabled]=\"!report || loading\" (click)=\"export('excel')\">\n          <i class=\"fa-solid fa-file-excel\"></i> Excel\n        </button>\n      </div>\n    </div>\n  </header>\n\n  @if (errorMessage) {\n    <div class=\"alert\" role=\"alert\">\n      <i class=\"fa-solid fa-triangle-exclamation\"></i> {{ errorMessage }}\n    </div>\n  }\n\n  @if (loading) {\n    <div class=\"loading\"><i class=\"fa-solid fa-spinner fa-spin\"></i> Loading\u2026</div>\n  }\n\n  @if (!loading && forms.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-inbox\"></i>\n      <p>No published forms to report on yet.</p>\n    </div>\n  }\n\n  @if (report; as r) {\n    <nav class=\"tabs\" role=\"tablist\">\n      @for (t of tabs; track t.key) {\n        <button\n          type=\"button\"\n          role=\"tab\"\n          class=\"tab\"\n          [class.tab--active]=\"activeTab === t.key\"\n          [attr.aria-selected]=\"activeTab === t.key\"\n          (click)=\"setTab(t.key)\">\n          <i [class]=\"t.icon\"></i> {{ t.label }}\n        </button>\n      }\n    </nav>\n\n    <section class=\"tab-body\">\n      @switch (activeTab) {\n        @case ('summary') {\n          <mj-forms-summary-stats [stats]=\"r.summary\"></mj-forms-summary-stats>\n        }\n        @case ('questions') {\n          <div class=\"breakdowns\">\n            @for (b of r.breakdowns; track b.questionId) {\n              <mj-forms-question-breakdown [breakdown]=\"b\"></mj-forms-question-breakdown>\n            }\n          </div>\n        }\n        @case ('funnel') {\n          <mj-forms-funnel-chart [steps]=\"r.funnel\"></mj-forms-funnel-chart>\n        }\n        @case ('responses') {\n          @if (responseDetail; as d) {\n            <mj-forms-response-detail [detail]=\"d\" (back)=\"closeResponse()\"></mj-forms-response-detail>\n          } @else {\n            <mj-forms-response-list [rows]=\"r.responses\" (open)=\"openResponse($event)\"></mj-forms-response-list>\n          }\n        }\n      }\n    </section>\n  }\n</div>\n", styles: [":host {\n  display: block;\n  height: 100%;\n  overflow: auto;\n  background: var(--mj-bg-page);\n  font-family: var(--mj-font-family);\n}\n\n.reporting {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-4);\n  padding: var(--mj-space-4);\n}\n\n.rep-header {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--mj-space-3);\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title-row {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n}\n\n.rep-title {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n}\n\n.mock-badge {\n  font-size: 11px;\n  padding: 2px var(--mj-space-2);\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-status-info);\n  color: var(--mj-text-inverse);\n}\n\n.controls {\n  display: flex;\n  gap: var(--mj-space-2);\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.form-picker select {\n  padding: var(--mj-space-2);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  font-size: 13px;\n  max-width: 320px;\n}\n\n.export-group {\n  display: flex;\n  gap: var(--mj-space-1);\n}\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.btn:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n}\n\n.btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.alert {\n  padding: var(--mj-space-3);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-status-error);\n  color: var(--mj-status-error);\n  font-size: 13px;\n}\n\n.loading {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-8);\n  color: var(--mj-text-muted);\n}\n\n.empty-state i {\n  font-size: 28px;\n}\n\n.empty-state p {\n  margin: 0;\n}\n\n.tabs {\n  display: flex;\n  gap: var(--mj-space-1);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-wrap: wrap;\n}\n\n.tab {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border: none;\n  border-bottom: 2px solid transparent;\n  background: none;\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.tab--active {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.tab-body {\n  min-height: 0;\n}\n\n.breakdowns {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: var(--mj-space-4);\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormsReportingDashboardComponent, { className: "FormsReportingDashboardComponent", filePath: "lib/dashboard/forms-reporting-dashboard.component.ts", lineNumber: 56 }); })();
+//# sourceMappingURL=forms-reporting-dashboard.component.js.map

package/dist/lib/dashboard/forms-reporting-dashboard.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms-reporting-dashboard.component.js","sourceRoot":"","sources":["../../../src/lib/dashboard/forms-reporting-dashboard.component.ts","../../../src/lib/dashboard/forms-reporting-dashboard.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAOvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAOlF,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAC5F,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;;;;;;;ICpB9E,+BAAuF;IAAA,2BAAW;IAAA,iBAAO;;;IAanG,kCAA2B;IAAA,YAAoC;IAAA,iBAAS;;;IAAhE,mCAAkB;IAAC,cAAoC;IAApC,mEAAoC;;;;IANnE,AADF,gCAA2B,eACH;IAAA,6BAAa;IAAA,iBAAO;IAC1C,kCAG0C;IADxC,0NAAiB,2BAAoB,KAAC;IAEtC,qHAEC;IAEL,AADE,iBAAS,EACH;;;IAPJ,eAAgC;IAAhC,yFAAgC;IAGhC,cAEC;IAFD,2BAEC;;;IAgBT,+BAAgC;IAC9B,wBAAgD;IAAC,YACnD;IAAA,iBAAM;;;IAD6C,eACnD;IADmD,oDACnD;;;IAIA,+BAAqB;IAAA,wBAA2C;IAAC,8BAAQ;IAAA,iBAAM;;;IAI/E,+BAAyB;IACvB,wBAAiC;IACjC,yBAAG;IAAA,oDAAoC;IACzC,AADyC,iBAAI,EACvC;;;;IAMF,kCAM0B;IAAxB,mOAAS,uBAAa,KAAC;IACvB,oBAAwB;IAAC,YAC3B;IAAA,iBAAS;;;;IAJP,4DAAyC;;IAGtC,cAAgB;IAAhB,wBAAgB;IAAM,cAC3B;IAD2B,2CAC3B;;;IAOE,6CAAqE;;;IAA7C,oCAAmB;;;IAKvC,kDAA2E;;;IAA9C,gCAAe;;;IAFhD,+BAAwB;IACtB,kJAEC;IACH,iBAAM;;;IAHJ,cAEC;IAFD,8BAEC;;;IAIH,4CAAkE;;;IAA3C,mCAAkB;;;;IAIvC,oDAAgE;IAAzB,2OAAQ,sBAAe,KAAC;IAAC,iBAA2B;;IAAjE,4BAAY;;;;IAEtC,kDAA2E;IAA9B,+OAAQ,2BAAoB,KAAC;IAAC,iBAAyB;;;IAA5E,qCAAoB;;;IAD5C,AAFF,8IAA4B,sHAEnB;;;;IAFT,oEAIC;;;IAlCP,+BAAiC;IAC/B,sHAUC;IACH,iBAAM;IAEN,mCAA0B;IAetB,AAHA,AAPA,AAHA,8HAAmB,qFAGE,uGAOH,0EAGG;IAQzB,iBAAU;;;;IApCR,cAUC;IAVD,0BAUC;IAID,eAqBC;IArBD,kDAAA,SAAS,mBAAT,WAAW,mBAAX,QAAQ,mBAAR,WAAW,UAqBV;;AD3DP;;;;;;;;GAQG;AAkBI,IAAM,gCAAgC,GAAtC,MAAM,gCAAiC,SAAQ,aAAa;IAChD,IAAI,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;IACrC,QAAQ,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;IAC/C,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEjD;;;;OAIG;IACI,OAAO,GAAG,KAAK,CAAC;IAEhB,OAAO,GAAG,KAAK,CAAC;IAChB,YAAY,GAAkB,IAAI,CAAC;IAEnC,KAAK,GAAqB,EAAE,CAAC;IAC7B,YAAY,GAA0B,IAAI,CAAC;IAC3C,MAAM,GAA0B,IAAI,CAAC;IAErC,SAAS,GAAiB,SAAS,CAAC;IAC3B,IAAI,GAAyD;QAC3E,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE;QAC/D,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,qBAAqB,EAAE;QACrE,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,oBAAoB,EAAE;QAC9D,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,wBAAwB,EAAE;KACzE,CAAC;IAEF,kEAAkE;IAC3D,cAAc,GAA0B,IAAI,CAAC;IAEpD,wEAAwE;IAChE,UAAU,GAAiD,EAAE,CAAC;IAE/D,KAAK,CAAC,sBAAsB,CAAC,KAAmB;QACrD,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAEe,KAAK,CAAC,oBAAoB,CAAC,KAAmB;QAC5D,OAAO,0BAA0B,CAAC;IACpC,CAAC;IAES,aAAa;QACrB,kDAAkD;IACpD,CAAC;IAES,QAAQ;QAChB,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;IACxB,CAAC;IAEO,KAAK,CAAC,SAAS;QACrB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC;YACH,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC1F,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC1B,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YACvC,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,uBAAuB,CAAC,CAAC;QAC1C,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,UAAU,CAAC,IAAoB;QAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC;YACH,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,MAAM,GAAG,UAAU,EAAE,CAAC;gBAC3B,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAC/C,IAAI,CAAC,UAAU,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,4BAA4B,CAAC,CAAC;QAC/C,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,YAAY,CAAC,MAAc;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;QACzD,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAEM,MAAM,CAAC,GAAiB;QAC7B,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;QACrB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAEM,KAAK,CAAC,YAAY,CAAC,UAAkB;QAC1C,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QACzB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC;YACH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO;gBAChC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC;gBACrC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC5E,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,8BAA8B,CAAC,CAAC;QACjD,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAEM,KAAK,CAAC,MAAM,CAAC,MAAoB;QACtC,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QACzB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAC5E,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;QACnC,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAED,6EAA6E;IACrE,KAAK,CAAC,cAAc,CAC1B,MAAc;QAEd,OAAO,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,kEAAkE;IAC1D,kBAAkB,CAAC,UAAkB;QAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC;QAC5E,OAAO;YACL,UAAU;YACV,MAAM,EAAE,GAAG,EAAE,MAAM,IAAI,UAAU;YACjC,SAAS,EAAE,GAAG,EAAE,SAAS,IAAI,IAAI;YACjC,WAAW,EAAE,GAAG,EAAE,WAAW,IAAI,IAAI;YACrC,UAAU,EAAE,GAAG,EAAE,UAAU,IAAI,WAAW;YAC1C,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE;SAClC,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,MAAM,EAAE,GAA4B,IAAI,CAAC,MAAM,EAAE,SAAS,IAAI,EAAE,CAAC;QACjE,OAAO,EAAE;aACN,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC;aACrC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,UAAU,EAAE,CAAC,CAAC,EAAE;YAChB,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,YAAY,EAAE,eAAe;SAC9B,CAAC,CAAC,CAAC;IACR,CAAC;IAEO,SAAS;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEO,OAAO;QACb,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEO,IAAI,CAAC,GAAY,EAAE,QAAgB;QACzC,MAAM,OAAO,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC9D,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;QAC5B,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,CAAC;6SA9KU,gCAAgC,yBAAhC,gCAAgC;6DAAhC,gCAAgC,kFAZhC,CAAC,qBAAqB,EAAE,2BAA2B,CAAC;YCxC3D,AADF,AADF,AADF,8BAAuB,gBACM,aACF,YACC;YAAA,uBAAwC;YAAC,gCAAe;YAAA,iBAAK;YACnF,mGAAe;YAGjB,iBAAM;YAEN,8BAAsB;YACpB,oGAAwB;YActB,AADF,8BAAqE,iBACuB;YAAxB,8GAAS,WAAO,KAAK,CAAC,IAAC;YACvF,yBAAoC;YAAC,sBACvC;YAAA,iBAAS;YACT,kCAA4F;YAA1B,8GAAS,WAAO,OAAO,CAAC,IAAC;YACzF,yBAAsC;YAAC,wBACzC;YAGN,AADE,AADE,AADE,iBAAS,EACL,EACF,EACC;YAET,qGAAoB;YAMpB,qGAAe;YAIf,qGAAsC;YAOtC,0FAAoB;YAwCtB,iBAAM;;;YAvFA,eAEC;YAFD,sCAEC;YAID,eAYC;YAZD,+CAYC;YAEmC,eAA+B;YAA/B,qDAA+B;YAG/B,eAA+B;YAA/B,qDAA+B;YAOvE,eAIC;YAJD,4CAIC;YAED,cAEC;YAFD,uCAEC;YAED,cAKC;YALD,kEAKC;YAED,cAuCC;YAvCD,2DAuCC;4BD7CC,WAAW,gHACX,0BAA0B;YAC1B,+BAA+B;YAC/B,yBAAyB;YACzB,0BAA0B;YAC1B,4BAA4B;;AAKnB,gCAAgC;IAjB5C,aAAa,CAAC,aAAa,EAAE,yBAAyB,CAAC;GAiB3C,gCAAgC,CA+K5C;;iFA/KY,gCAAgC;cAhB5C,SAAS;2BACE,8BAA8B,cAC5B,IAAI,mBACC,uBAAuB,CAAC,MAAM,aACpC,CAAC,qBAAqB,EAAE,2BAA2B,CAAC,WACtD;oBACP,WAAW;oBACX,0BAA0B;oBAC1B,+BAA+B;oBAC/B,yBAAyB;oBACzB,0BAA0B;oBAC1B,4BAA4B;iBAC7B;;kFAIU,gCAAgC"}