@eric-emg/symphiq-components 1.3.48 → 1.3.49

package/fesm2022/symphiq-components.mjs

@@ -23,7 +23,6 @@ import { XYChart, CategoryAxis, AxisRendererX, ValueAxis, AxisRendererY, XYCurso
 import am5themes_Animated from '@amcharts/amcharts5/themes/Animated';
 import { PieChart, PieSeries } from '@amcharts/amcharts5/percent';
 import { EMAIL_IS_EMG_APPS } from '@jebgem/util';
-import { SynthesisConfidenceSectionComponent } from '@symphiq-components/components/shared/synthesis-confidence-section.component';
 
 class FunnelOrderService {
     constructor() {
@@ -102836,6 +102835,110 @@ class UnifiedNextStepsComponent {
     }], null, { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedNextStepsComponent, { className: "UnifiedNextStepsComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-next-steps.component.ts", lineNumber: 79 }); })();
 
+function SynthesisConfidenceSectionComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.explanation(), " ");
+} }
+function SynthesisConfidenceSectionComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0)(1, "h4", 1);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 2);
+    i0.ɵɵelement(3, "path", 3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, " Synthesis Confidence ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(5, "div", 4)(6, "div", 5);
+    i0.ɵɵelement(7, "div", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 7);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(10, SynthesisConfidenceSectionComponent_Conditional_0_Conditional_10_Template, 2, 2, "p", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionCardClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngClass", ctx_r0.progressBarBgClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", ctx_r0.scorePercentage(), "%");
+    i0.ɵɵproperty("ngClass", ctx_r0.progressBarFillClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.scorePercentage().toFixed(0), "% ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.explanation() ? 10 : -1);
+} }
+class SynthesisConfidenceSectionComponent {
+    constructor() {
+        this.score = input(...(ngDevMode ? [undefined, { debugName: "score" }] : []));
+        this.explanation = input(...(ngDevMode ? [undefined, { debugName: "explanation" }] : []));
+        this.viewMode = input.required(...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.scorePercentage = computed(() => (this.score() || 0) * 100, ...(ngDevMode ? [{ debugName: "scorePercentage" }] : []));
+        this.sectionCardClasses = computed(() => this.isLightMode() ? 'bg-slate-50 border border-slate-200' : 'bg-slate-800/50 border border-slate-700', ...(ngDevMode ? [{ debugName: "sectionCardClasses" }] : []));
+        this.sectionTitleClasses = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "sectionTitleClasses" }] : []));
+        this.textClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "textClasses" }] : []));
+        this.progressBarBgClasses = computed(() => this.isLightMode() ? 'bg-slate-200' : 'bg-slate-700', ...(ngDevMode ? [{ debugName: "progressBarBgClasses" }] : []));
+        this.progressBarFillClasses = computed(() => this.isLightMode() ? 'bg-gradient-to-r from-blue-500 to-cyan-500' : 'bg-gradient-to-r from-blue-400 to-cyan-400', ...(ngDevMode ? [{ debugName: "progressBarFillClasses" }] : []));
+    }
+    static { this.ɵfac = function SynthesisConfidenceSectionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SynthesisConfidenceSectionComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SynthesisConfidenceSectionComponent, selectors: [["symphiq-synthesis-confidence-section"]], inputs: { score: [1, "score"], explanation: [1, "explanation"], viewMode: [1, "viewMode"] }, decls: 1, vars: 1, consts: [[1, "p-5", "rounded-xl", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"], [1, "flex", "items-center", "gap-3"], [1, "flex-1", "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-sm", "mt-3", 3, "ngClass"]], template: function SynthesisConfidenceSectionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SynthesisConfidenceSectionComponent_Conditional_0_Template, 11, 9, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.score() ? 0 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SynthesisConfidenceSectionComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-synthesis-confidence-section',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                imports: [CommonModule],
+                template: `
+    @if (score()) {
+      <div [ngClass]="sectionCardClasses()" class="p-5 rounded-xl">
+        <h4 [ngClass]="sectionTitleClasses()" class="text-sm font-semibold mb-3 flex items-center gap-2">
+          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
+          </svg>
+          Synthesis Confidence
+        </h4>
+        <div class="flex items-center gap-3">
+          <div class="flex-1 h-2 rounded-full overflow-hidden" [ngClass]="progressBarBgClasses()">
+            <div
+              class="h-full rounded-full transition-all duration-500"
+              [ngClass]="progressBarFillClasses()"
+              [style.width.%]="scorePercentage()">
+            </div>
+          </div>
+          <span [ngClass]="textClasses()" class="text-sm font-semibold">
+            {{ scorePercentage().toFixed(0) }}%
+          </span>
+        </div>
+        @if (explanation()) {
+          <p [ngClass]="textClasses()" class="text-sm mt-3">
+            {{ explanation() }}
+          </p>
+        }
+      </div>
+    }
+  `
+            }]
+    }], null, { score: [{ type: i0.Input, args: [{ isSignal: true, alias: "score", required: false }] }], explanation: [{ type: i0.Input, args: [{ isSignal: true, alias: "explanation", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SynthesisConfidenceSectionComponent, { className: "SynthesisConfidenceSectionComponent", filePath: "lib/components/shared/synthesis-confidence-section.component.ts", lineNumber: 40 }); })();
+
 const _forTrack0$8 = ($index, $item) => $item.analysisId;
 function SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);