@eric-emg/symphiq-components 1.2.564 → 1.2.565

package/fesm2022/symphiq-components.mjs

@@ -99459,7 +99459,6 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricsAnalysesDashboardComponent, { className: "SymphiqProfileMetricsAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-metrics-dashboard/symphiq-profile-metrics-analyses-dashboard.component.ts", lineNumber: 288 }); })();
 
-const SymphiqProfileMetricDashboardComponent_Conditional_6_Defer_2_DepsFn = () => [ProfileStatusCardComponent];
 const _c0$6 = () => [];
 function SymphiqProfileMetricDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-loading-card", 5);
@@ -99467,28 +99466,17 @@ function SymphiqProfileMetricDashboardComponent_Conditional_5_Template(rf, ctx)
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("backdropBlur", true);
 } }
-function SymphiqProfileMetricDashboardComponent_Conditional_6_Defer_0_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileMetricDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-profile-status-card", 8);
-    i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileMetricDashboardComponent_Conditional_6_Defer_0_Template_symphiq_profile_status_card_startCategoryQuestions_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileMetricDashboardComponent_Conditional_6_Defer_0_Template_symphiq_profile_status_card_answerSave_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileMetricDashboardComponent_Conditional_6_Defer_0_Template_symphiq_profile_status_card_adminAnswerAction_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.adminAnswerAction.emit($event)); });
+    i0.ɵɵelementStart(0, "symphiq-profile-status-card", 9);
+    i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileMetricDashboardComponent_Conditional_6_Template_symphiq_profile_status_card_startCategoryQuestions_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileMetricDashboardComponent_Conditional_6_Template_symphiq_profile_status_card_answerSave_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileMetricDashboardComponent_Conditional_6_Template_symphiq_profile_status_card_adminAnswerAction_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.adminAnswerAction.emit($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("totalQuestions", ctx_r0.totalQuestions())("answeredQuestions", ctx_r0.answeredQuestions())("questions", ctx_r0.profileMetricQuestions() || i0.ɵɵpureFunction0(11, _c0$6))("profileAnswers", ctx_r0.profileAnswers() || i0.ɵɵpureFunction0(12, _c0$6))("profileAnswerHistories", ctx_r0.profileAnswerHistories() || i0.ɵɵpureFunction0(13, _c0$6))("users", ctx_r0.users() || i0.ɵɵpureFunction0(14, _c0$6))("config", ctx_r0.statusCardConfig())("groupConfig", ctx_r0.statusCardGroupConfig)("categoryNameFormatter", ctx_r0.categoryNameFormatter)("currentUser", ctx_r0.currentUser());
 } }
-function SymphiqProfileMetricDashboardComponent_Conditional_6_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-loading-card", 9);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("backdropBlur", true);
-} }
-function SymphiqProfileMetricDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomTemplate(0, SymphiqProfileMetricDashboardComponent_Conditional_6_Defer_0_Template, 1, 15)(1, SymphiqProfileMetricDashboardComponent_Conditional_6_DeferPlaceholder_1_Template, 1, 2);
-    i0.ɵɵdefer(2, 0, SymphiqProfileMetricDashboardComponent_Conditional_6_Defer_2_DepsFn, null, 1);
-    i0.ɵɵdeferOnIdle();
-} }
 function SymphiqProfileMetricDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelementStart(0, "div", 7);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 10);
     i0.ɵɵelement(2, "path", 11);
@@ -99611,13 +99599,13 @@ class SymphiqProfileMetricDashboardComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.profileStatusCard = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"], profileMetric: [1, "profileMetric"], funnelMetric: [1, "funnelMetric"], profileMetricQuestions: [1, "profileMetricQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", answerSave: "answerSave", continueClick: "continueClick", adminAnswerAction: "adminAnswerAction" }, decls: 9, vars: 12, consts: [[1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-10"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], ["title", "Loading Metric Profile", "subtitle", "Please wait while we prepare your questions...", 3, "viewMode", "backdropBlur"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "text-center", 3, "ngClass"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "categoryNameFormatter", "currentUser"], ["title", "Preparing Profile", "subtitle", "Almost ready...", 3, "viewMode", "backdropBlur"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", "opacity-50"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"], [1, "text-xl", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"]], template: function SymphiqProfileMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], profileMetric: [1, "profileMetric"], funnelMetric: [1, "funnelMetric"], profileMetricQuestions: [1, "profileMetricQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", answerSave: "answerSave", continueClick: "continueClick", adminAnswerAction: "adminAnswerAction" }, decls: 9, vars: 12, consts: [[1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-10"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], ["title", "Loading Metric Profile", "subtitle", "Please wait while we prepare your questions...", 3, "viewMode", "backdropBlur"], [3, "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "categoryNameFormatter", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "text-center", 3, "ngClass"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "categoryNameFormatter", "currentUser"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", "opacity-50"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"], [1, "text-xl", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"]], template: function SymphiqProfileMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
             i0.ɵɵelementStart(3, "div", 3)(4, "main", 4);
-            i0.ɵɵconditionalCreate(5, SymphiqProfileMetricDashboardComponent_Conditional_5_Template, 1, 2, "symphiq-loading-card", 5)(6, SymphiqProfileMetricDashboardComponent_Conditional_6_Template, 4, 0)(7, SymphiqProfileMetricDashboardComponent_Conditional_7_Template, 7, 3, "div", 6);
+            i0.ɵɵconditionalCreate(5, SymphiqProfileMetricDashboardComponent_Conditional_5_Template, 1, 2, "symphiq-loading-card", 5)(6, SymphiqProfileMetricDashboardComponent_Conditional_6_Template, 1, 15, "symphiq-profile-status-card", 6)(7, SymphiqProfileMetricDashboardComponent_Conditional_7_Template, 7, 3, "div", 7);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(8, SymphiqProfileMetricDashboardComponent_Conditional_8_Template, 1, 4, "symphiq-profile-sticky-footer", 7);
+            i0.ɵɵconditionalCreate(8, SymphiqProfileMetricDashboardComponent_Conditional_8_Template, 1, 4, "symphiq-profile-sticky-footer", 8);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
@@ -99632,7 +99620,8 @@ class SymphiqProfileMetricDashboardComponent {
             i0.ɵɵconditional(ctx.isLoading() ? 5 : ctx.profileMetric() ? 6 : 7);
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(ctx.shouldShowStickyFooter() ? 8 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, ProfileStickyFooterComponent,
+        } }, dependencies: [CommonModule, i1$1.NgClass, ProfileStatusCardComponent,
+            ProfileStickyFooterComponent,
             LoadingCardComponent,
             ScrollProgressBarComponent], encapsulation: 2, changeDetection: 0 }); }
 }
@@ -99649,87 +99638,78 @@ class SymphiqProfileMetricDashboardComponent {
                     ScrollProgressBarComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div [ngClass]="getContainerClasses()" class="relative" [class.min-h-screen]="!embedded()">
-      <div class="animated-bubbles" [class.light-mode]="isLightMode()"
-           style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
-
-      <symphiq-scroll-progress-bar
-        [viewMode]="viewMode()"
-        [progress]="scrollProgress()"
-        [embedded]="embedded()"
-      />
-
-      <div class="relative z-10">
-        <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
-              [class.pb-32]="shouldShowStickyFooter()">
-
-          @if (isLoading()) {
-            <symphiq-loading-card
-                [viewMode]="viewMode()"
-                title="Loading Metric Profile"
-                subtitle="Please wait while we prepare your questions..."
-                [backdropBlur]="true"
-            />
-          } @else if (profileMetric()) {
-            @defer {
-              <symphiq-profile-status-card
-                [viewMode]="viewMode()"
-                [totalQuestions]="totalQuestions()"
-                [answeredQuestions]="answeredQuestions()"
-                [questions]="profileMetricQuestions() || []"
-                [profileAnswers]="profileAnswers() || []"
-                [profileAnswerHistories]="profileAnswerHistories() || []"
-                [users]="users() || []"
-                [config]="statusCardConfig()"
-                [groupConfig]="statusCardGroupConfig"
-                [categoryNameFormatter]="categoryNameFormatter"
-                [currentUser]="currentUser()"
-                (startCategoryQuestions)="handleStartCategoryQuestions($event)"
-                (answerSave)="handleAnswerSave($event)"
-                (adminAnswerAction)="adminAnswerAction.emit($event)"
-              />
-            } @placeholder {
-              <symphiq-loading-card
-                [viewMode]="viewMode()"
-                title="Preparing Profile"
-                subtitle="Almost ready..."
-                [backdropBlur]="true"
-              />
-            }
-          } @else {
-            <div [ngClass]="getEmptyStateClasses()" class="rounded-2xl border shadow-lg p-8 text-center">
-              <svg class="w-16 h-16 mx-auto mb-4 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
-              </svg>
-              <h3 [ngClass]="getEmptyStateTitleClasses()" class="text-xl font-semibold mb-2">
-                No Metric Selected
-              </h3>
-              <p [ngClass]="getEmptyStateSubtitleClasses()" class="text-sm">
-                Please select a metric to view its profile questions.
-              </p>
-            </div>
-          }
-        </main>
-
-        @if (shouldShowStickyFooter()) {
-          <symphiq-profile-sticky-footer
-            [viewMode]="viewMode()"
-            [totalQuestions]="totalQuestions()"
-            [answeredQuestions]="answeredQuestions()"
-            [buttonConfig]="stickyFooterButtonConfig"
-            (continueClick)="handleContinueClick()"
-          />
-        }
-      </div>
-    </div>
+                template: `
+    <div [ngClass]="getContainerClasses()" class="relative" [class.min-h-screen]="!embedded()">
+      <div class="animated-bubbles" [class.light-mode]="isLightMode()"
+           style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
+
+      <symphiq-scroll-progress-bar
+        [viewMode]="viewMode()"
+        [progress]="scrollProgress()"
+        [embedded]="embedded()"
+      />
+
+      <div class="relative z-10">
+        <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
+              [class.pb-32]="shouldShowStickyFooter()">
+
+          @if (isLoading()) {
+            <symphiq-loading-card
+                [viewMode]="viewMode()"
+                title="Loading Metric Profile"
+                subtitle="Please wait while we prepare your questions..."
+                [backdropBlur]="true"
+            />
+          } @else if (profileMetric()) {
+            <symphiq-profile-status-card
+              [viewMode]="viewMode()"
+              [totalQuestions]="totalQuestions()"
+              [answeredQuestions]="answeredQuestions()"
+              [questions]="profileMetricQuestions() || []"
+              [profileAnswers]="profileAnswers() || []"
+              [profileAnswerHistories]="profileAnswerHistories() || []"
+              [users]="users() || []"
+              [config]="statusCardConfig()"
+              [groupConfig]="statusCardGroupConfig"
+              [categoryNameFormatter]="categoryNameFormatter"
+              [currentUser]="currentUser()"
+              (startCategoryQuestions)="handleStartCategoryQuestions($event)"
+              (answerSave)="handleAnswerSave($event)"
+              (adminAnswerAction)="adminAnswerAction.emit($event)"
+            />
+          } @else {
+            <div [ngClass]="getEmptyStateClasses()" class="rounded-2xl border shadow-lg p-8 text-center">
+              <svg class="w-16 h-16 mx-auto mb-4 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
+              </svg>
+              <h3 [ngClass]="getEmptyStateTitleClasses()" class="text-xl font-semibold mb-2">
+                No Metric Selected
+              </h3>
+              <p [ngClass]="getEmptyStateSubtitleClasses()" class="text-sm">
+                Please select a metric to view its profile questions.
+              </p>
+            </div>
+          }
+        </main>
+
+        @if (shouldShowStickyFooter()) {
+          <symphiq-profile-sticky-footer
+            [viewMode]="viewMode()"
+            [totalQuestions]="totalQuestions()"
+            [answeredQuestions]="answeredQuestions()"
+            [buttonConfig]="stickyFooterButtonConfig"
+            (continueClick)="handleContinueClick()"
+          />
+        }
+      </div>
+    </div>
   `
             }]
     }], null, { profileStatusCard: [{
             type: ViewChild,
             args: [ProfileStatusCardComponent]
         }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileMetric", required: false }] }], funnelMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetric", required: false }] }], profileMetricQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileMetricQuestions", required: false }] }], profileAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswers", required: false }] }], profileAnswerHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswerHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], startCategoryQuestions: [{ type: i0.Output, args: ["startCategoryQuestions"] }], answerSave: [{ type: i0.Output, args: ["answerSave"] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }], adminAnswerAction: [{ type: i0.Output, args: ["adminAnswerAction"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricDashboardComponent, { className: "SymphiqProfileMetricDashboardComponent", filePath: "lib/components/profile-metric-dashboard/symphiq-profile-metric-dashboard.component.ts", lineNumber: 120 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricDashboardComponent, { className: "SymphiqProfileMetricDashboardComponent", filePath: "lib/components/profile-metric-dashboard/symphiq-profile-metric-dashboard.component.ts", lineNumber: 111 }); })();
 
 const _c0$5 = ["funnelModalComponent"];
 const _forTrack0$5 = ($index, $item) => $item.id;