@eric-emg/symphiq-components 1.2.490 → 1.2.491

package/fesm2022/symphiq-components.mjs

@@ -46121,6 +46121,7 @@ function MarkAsReviewedFooterComponent_Conditional_0_Template(rf, ctx) { if (rf
 } }
 class MarkAsReviewedFooterComponent {
     constructor() {
+        this.confettiService = inject(ConfettiService);
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.reviewStatus = input(...(ngDevMode ? [undefined, { debugName: "reviewStatus" }] : []));
         this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
@@ -46131,6 +46132,10 @@ class MarkAsReviewedFooterComponent {
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
     }
     handleClick() {
+        this.confettiService.trigger({
+            intensity: 'celebration',
+            viewMode: this.viewMode()
+        });
         this.markAsReviewedClick.emit();
     }
     static { this.ɵfac = function MarkAsReviewedFooterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MarkAsReviewedFooterComponent)(); }; }
@@ -46147,47 +46152,47 @@ class MarkAsReviewedFooterComponent {
                 standalone: true,
                 imports: [CommonModule],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    @if (shouldShowFooter()) {
-      <div
-        [ngClass]="isLightMode() ? 'bg-white/95 border-slate-200' : 'bg-slate-900/95 border-slate-700/50'"
-        class="fixed bottom-0 left-0 right-0 z-[100] border-t backdrop-blur-lg"
-      >
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
-          <button
-            type="button"
-            [disabled]="isMarkingAsReviewed()"
-            (click)="handleClick()"
-            [ngClass]="isLightMode()
-              ? 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-700 hover:via-cyan-700 hover:to-teal-700 hover:scale-[1.02] hover:shadow-blue-600/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'
-              : 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 hover:scale-[1.02] hover:shadow-blue-500/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'"
-            class="w-full px-6 py-4 rounded-xl font-semibold text-lg transition-all duration-300 flex items-center justify-center gap-3 shadow-2xl group"
-          >
-            @if (isMarkingAsReviewed()) {
-              <svg class="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
-                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-              </svg>
-              <span>Marking as Reviewed...</span>
-            } @else {
-              <span>Mark Analysis as Reviewed</span>
-              <svg
-                class="w-6 h-6 transition-transform duration-200 group-hover:translate-x-1"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
-              </svg>
-            }
-          </button>
-        </div>
-      </div>
-    }
+                template: `
+    @if (shouldShowFooter()) {
+      <div
+        [ngClass]="isLightMode() ? 'bg-white/95 border-slate-200' : 'bg-slate-900/95 border-slate-700/50'"
+        class="fixed bottom-0 left-0 right-0 z-[100] border-t backdrop-blur-lg"
+      >
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+          <button
+            type="button"
+            [disabled]="isMarkingAsReviewed()"
+            (click)="handleClick()"
+            [ngClass]="isLightMode()
+              ? 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-700 hover:via-cyan-700 hover:to-teal-700 hover:scale-[1.02] hover:shadow-blue-600/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'
+              : 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 hover:scale-[1.02] hover:shadow-blue-500/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'"
+            class="w-full px-6 py-4 rounded-xl font-semibold text-lg transition-all duration-300 flex items-center justify-center gap-3 shadow-2xl group"
+          >
+            @if (isMarkingAsReviewed()) {
+              <svg class="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
+                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+              </svg>
+              <span>Marking as Reviewed...</span>
+            } @else {
+              <span>Mark Analysis as Reviewed</span>
+              <svg
+                class="w-6 h-6 transition-transform duration-200 group-hover:translate-x-1"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
+              </svg>
+            }
+          </button>
+        </div>
+      </div>
+    }
   `
             }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], reviewStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "reviewStatus", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MarkAsReviewedFooterComponent, { className: "MarkAsReviewedFooterComponent", filePath: "lib/components/shared/mark-as-reviewed-footer.component.ts", lineNumber: 49 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MarkAsReviewedFooterComponent, { className: "MarkAsReviewedFooterComponent", filePath: "lib/components/shared/mark-as-reviewed-footer.component.ts", lineNumber: 50 }); })();
 
 const _c0$F = ["dashboardContainer"];
 const _c1$h = () => ({});