@eric-emg/symphiq-components 1.2.563 → 1.2.564

package/fesm2022/symphiq-components.mjs

@@ -99459,6 +99459,7 @@ 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);
@@ -99466,17 +99467,28 @@ function SymphiqProfileMetricDashboardComponent_Conditional_5_Template(rf, ctx)
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("backdropBlur", true);
 } }
-function SymphiqProfileMetricDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileMetricDashboardComponent_Conditional_6_Defer_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    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.ɵɵ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.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext(2);
     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", 7);
+    i0.ɵɵelementStart(0, "div", 6);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 10);
     i0.ɵɵelement(2, "path", 11);
@@ -99599,13 +99611,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"], [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) {
+        } }, 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) {
             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, 1, 15, "symphiq-profile-status-card", 6)(7, SymphiqProfileMetricDashboardComponent_Conditional_7_Template, 7, 3, "div", 7);
+            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.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(8, SymphiqProfileMetricDashboardComponent_Conditional_8_Template, 1, 4, "symphiq-profile-sticky-footer", 8);
+            i0.ɵɵconditionalCreate(8, SymphiqProfileMetricDashboardComponent_Conditional_8_Template, 1, 4, "symphiq-profile-sticky-footer", 7);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
@@ -99620,8 +99632,7 @@ 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, ProfileStatusCardComponent,
-            ProfileStickyFooterComponent,
+        } }, dependencies: [CommonModule, i1$1.NgClass, ProfileStickyFooterComponent,
             LoadingCardComponent,
             ScrollProgressBarComponent], encapsulation: 2, changeDetection: 0 }); }
 }
@@ -99661,22 +99672,31 @@ class SymphiqProfileMetricDashboardComponent {
                 [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)"
-            />
+            @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">
@@ -99709,7 +99729,7 @@ class SymphiqProfileMetricDashboardComponent {
             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: 111 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricDashboardComponent, { className: "SymphiqProfileMetricDashboardComponent", filePath: "lib/components/profile-metric-dashboard/symphiq-profile-metric-dashboard.component.ts", lineNumber: 120 }); })();
 
 const _c0$5 = ["funnelModalComponent"];
 const _forTrack0$5 = ($index, $item) => $item.id;