@eric-emg/symphiq-components 1.2.326 → 1.2.327
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/symphiq-components.mjs +963 -437
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +45 -7
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +95 -6
|
@@ -68687,51 +68687,24 @@ function ShopWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1
|
|
|
68687
68687
|
function ShopWelcomeBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
68688
68688
|
i0.ɵɵtext(0, " Welcome to Your Shop Analysis ");
|
|
68689
68689
|
} }
|
|
68690
|
-
function
|
|
68691
|
-
i0.ɵɵelementStart(0, "div", 14);
|
|
68692
|
-
i0.ɵɵnamespaceSVG();
|
|
68693
|
-
i0.ɵɵelementStart(1, "svg", 15);
|
|
68694
|
-
i0.ɵɵelement(2, "path", 27);
|
|
68695
|
-
i0.ɵɵelementEnd();
|
|
68696
|
-
i0.ɵɵnamespaceHTML();
|
|
68697
|
-
i0.ɵɵelementStart(3, "div", 6)(4, "h3", 17);
|
|
68698
|
-
i0.ɵɵtext(5, " Unlock Strategic Insights & Goals ");
|
|
68699
|
-
i0.ɵɵelementEnd();
|
|
68700
|
-
i0.ɵɵelementStart(6, "p", 26);
|
|
68701
|
-
i0.ɵɵtext(7, " This analysis provides valuable operational insights about your shop setup and capabilities. To unlock ");
|
|
68702
|
-
i0.ɵɵelementStart(8, "strong", 11);
|
|
68703
|
-
i0.ɵɵtext(9, "Strategic Insights & Goals");
|
|
68704
|
-
i0.ɵɵelementEnd();
|
|
68705
|
-
i0.ɵɵtext(10, " and continue your journey with personalized recommendations, select your billing currency below. ");
|
|
68706
|
-
i0.ɵɵelementEnd()()();
|
|
68707
|
-
} if (rf & 2) {
|
|
68708
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
68709
|
-
i0.ɵɵproperty("ngClass", ctx_r0.subscriptionBoxClasses());
|
|
68710
|
-
i0.ɵɵadvance();
|
|
68711
|
-
i0.ɵɵproperty("ngClass", ctx_r0.subscriptionIconClasses());
|
|
68712
|
-
i0.ɵɵadvance(3);
|
|
68713
|
-
i0.ɵɵproperty("ngClass", ctx_r0.subscriptionTitleClasses());
|
|
68714
|
-
i0.ɵɵadvance(2);
|
|
68715
|
-
i0.ɵɵproperty("ngClass", ctx_r0.subscriptionTextClasses());
|
|
68716
|
-
} }
|
|
68717
|
-
function ShopWelcomeBannerComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
|
|
68690
|
+
function ShopWelcomeBannerComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
|
|
68718
68691
|
i0.ɵɵnamespaceSVG();
|
|
68719
68692
|
i0.ɵɵelement(0, "path", 23);
|
|
68720
68693
|
} }
|
|
68721
|
-
function
|
|
68694
|
+
function ShopWelcomeBannerComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
|
|
68722
68695
|
i0.ɵɵnamespaceSVG();
|
|
68723
68696
|
i0.ɵɵelement(0, "path", 24);
|
|
68724
68697
|
} }
|
|
68725
|
-
function
|
|
68698
|
+
function ShopWelcomeBannerComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
|
|
68726
68699
|
i0.ɵɵtext(0, " Keep Your Shop Profile Current ");
|
|
68727
68700
|
} }
|
|
68728
|
-
function
|
|
68701
|
+
function ShopWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
|
|
68729
68702
|
i0.ɵɵtext(0, " Continue Your Journey ");
|
|
68730
68703
|
} }
|
|
68731
|
-
function
|
|
68704
|
+
function ShopWelcomeBannerComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
|
|
68732
68705
|
i0.ɵɵtext(0, " As you implement improvements, adopt new tools, or change your operational processes, update your Shop Analysis to keep recommendations aligned with your current capabilities. This ensures Symphiq continues to suggest tactics you can actually execute with your existing team and infrastructure. ");
|
|
68733
68706
|
} }
|
|
68734
|
-
function
|
|
68707
|
+
function ShopWelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
|
|
68735
68708
|
i0.ɵɵtext(0, " The next steps\u2014Focus Area Analysis and Metric Analysis\u2014let you share what marketing tactics you're already using and provide context for each metric in your funnel. This final layer of knowledge ensures every recommendation Symphiq generates fits seamlessly into your current strategy while identifying the highest-leverage improvements. ");
|
|
68736
68709
|
} }
|
|
68737
68710
|
class ShopWelcomeBannerComponent {
|
|
@@ -68739,7 +68712,6 @@ class ShopWelcomeBannerComponent {
|
|
|
68739
68712
|
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
68740
68713
|
this.businessName = input('your shop', ...(ngDevMode ? [{ debugName: "businessName" }] : []));
|
|
68741
68714
|
this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
|
|
68742
|
-
this.isSubscriptionActive = input(true, ...(ngDevMode ? [{ debugName: "isSubscriptionActive" }] : []));
|
|
68743
68715
|
}
|
|
68744
68716
|
containerClasses() {
|
|
68745
68717
|
return this.viewMode() === ViewModeEnum.DARK
|
|
@@ -68806,28 +68778,8 @@ class ShopWelcomeBannerComponent {
|
|
|
68806
68778
|
? 'text-slate-300'
|
|
68807
68779
|
: 'text-slate-700';
|
|
68808
68780
|
}
|
|
68809
|
-
subscriptionBoxClasses() {
|
|
68810
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
68811
|
-
? 'bg-amber-500/10 border-amber-500/30'
|
|
68812
|
-
: 'bg-amber-50 border-amber-300';
|
|
68813
|
-
}
|
|
68814
|
-
subscriptionIconClasses() {
|
|
68815
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
68816
|
-
? 'text-amber-400'
|
|
68817
|
-
: 'text-amber-600';
|
|
68818
|
-
}
|
|
68819
|
-
subscriptionTitleClasses() {
|
|
68820
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
68821
|
-
? 'text-amber-400'
|
|
68822
|
-
: 'text-amber-700';
|
|
68823
|
-
}
|
|
68824
|
-
subscriptionTextClasses() {
|
|
68825
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
68826
|
-
? 'text-slate-300'
|
|
68827
|
-
: 'text-slate-700';
|
|
68828
|
-
}
|
|
68829
68781
|
static { this.ɵfac = function ShopWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShopWelcomeBannerComponent)(); }; }
|
|
68830
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopWelcomeBannerComponent, selectors: [["symphiq-shop-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"]
|
|
68782
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopWelcomeBannerComponent, selectors: [["symphiq-shop-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"] }, decls: 59, vars: 20, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "shop-analysis", 3, "viewMode"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function ShopWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
68831
68783
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
|
|
68832
68784
|
i0.ɵɵnamespaceSVG();
|
|
68833
68785
|
i0.ɵɵelementStart(4, "svg", 4);
|
|
@@ -68890,18 +68842,17 @@ class ShopWelcomeBannerComponent {
|
|
|
68890
68842
|
i0.ɵɵelementEnd();
|
|
68891
68843
|
i0.ɵɵtext(47, " \u2014 Next steps to add marketing and metric context for comprehensive, execution-ready recommendations");
|
|
68892
68844
|
i0.ɵɵelementEnd()()()()();
|
|
68893
|
-
i0.ɵɵ
|
|
68894
|
-
i0.ɵɵelementStart(49, "div", 22);
|
|
68845
|
+
i0.ɵɵelementStart(48, "div", 22);
|
|
68895
68846
|
i0.ɵɵnamespaceSVG();
|
|
68896
|
-
i0.ɵɵelementStart(
|
|
68897
|
-
i0.ɵɵconditionalCreate(
|
|
68847
|
+
i0.ɵɵelementStart(49, "svg", 15);
|
|
68848
|
+
i0.ɵɵconditionalCreate(50, ShopWelcomeBannerComponent_Conditional_50_Template, 1, 0, ":svg:path", 23)(51, ShopWelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 24);
|
|
68898
68849
|
i0.ɵɵelementEnd();
|
|
68899
68850
|
i0.ɵɵnamespaceHTML();
|
|
68900
|
-
i0.ɵɵelementStart(
|
|
68901
|
-
i0.ɵɵconditionalCreate(
|
|
68851
|
+
i0.ɵɵelementStart(52, "div", 6)(53, "h3", 25);
|
|
68852
|
+
i0.ɵɵconditionalCreate(54, ShopWelcomeBannerComponent_Conditional_54_Template, 1, 0)(55, ShopWelcomeBannerComponent_Conditional_55_Template, 1, 0);
|
|
68902
68853
|
i0.ɵɵelementEnd();
|
|
68903
|
-
i0.ɵɵelementStart(
|
|
68904
|
-
i0.ɵɵconditionalCreate(
|
|
68854
|
+
i0.ɵɵelementStart(56, "p", 26);
|
|
68855
|
+
i0.ɵɵconditionalCreate(57, ShopWelcomeBannerComponent_Conditional_57_Template, 1, 0)(58, ShopWelcomeBannerComponent_Conditional_58_Template, 1, 0);
|
|
68905
68856
|
i0.ɵɵelementEnd()()()()()()();
|
|
68906
68857
|
} if (rf & 2) {
|
|
68907
68858
|
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
@@ -68930,21 +68881,19 @@ class ShopWelcomeBannerComponent {
|
|
|
68930
68881
|
i0.ɵɵadvance(2);
|
|
68931
68882
|
i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
|
|
68932
68883
|
i0.ɵɵadvance(22);
|
|
68933
|
-
i0.ɵɵconditional(!ctx.isSubscriptionActive() && !ctx.isOnboarded() ? 48 : -1);
|
|
68934
|
-
i0.ɵɵadvance();
|
|
68935
68884
|
i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
|
|
68936
68885
|
i0.ɵɵadvance();
|
|
68937
68886
|
i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
|
|
68938
68887
|
i0.ɵɵadvance();
|
|
68939
|
-
i0.ɵɵconditional(ctx.isOnboarded() ?
|
|
68888
|
+
i0.ɵɵconditional(ctx.isOnboarded() ? 50 : 51);
|
|
68940
68889
|
i0.ɵɵadvance(3);
|
|
68941
68890
|
i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
|
|
68942
68891
|
i0.ɵɵadvance();
|
|
68943
|
-
i0.ɵɵconditional(ctx.isOnboarded() ?
|
|
68892
|
+
i0.ɵɵconditional(ctx.isOnboarded() ? 54 : 55);
|
|
68944
68893
|
i0.ɵɵadvance(2);
|
|
68945
68894
|
i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
|
|
68946
68895
|
i0.ɵɵadvance();
|
|
68947
|
-
i0.ɵɵconditional(ctx.isOnboarded() ?
|
|
68896
|
+
i0.ɵɵconditional(ctx.isOnboarded() ? 57 : 58);
|
|
68948
68897
|
} }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
68949
68898
|
}
|
|
68950
68899
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShopWelcomeBannerComponent, [{
|
|
@@ -69025,23 +68974,6 @@ class ShopWelcomeBannerComponent {
|
|
|
69025
68974
|
</div>
|
|
69026
68975
|
</div>
|
|
69027
68976
|
|
|
69028
|
-
<!-- Subscription Call-to-Action (Only shown when not subscribed) -->
|
|
69029
|
-
@if (!isSubscriptionActive() && !isOnboarded()) {
|
|
69030
|
-
<div [ngClass]="subscriptionBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
|
|
69031
|
-
<svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="subscriptionIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
69032
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
|
69033
|
-
</svg>
|
|
69034
|
-
<div class="flex-1">
|
|
69035
|
-
<h3 [ngClass]="subscriptionTitleClasses()" class="font-bold text-lg mb-2">
|
|
69036
|
-
Unlock Strategic Insights & Goals
|
|
69037
|
-
</h3>
|
|
69038
|
-
<p [ngClass]="subscriptionTextClasses()" class="text-sm leading-relaxed">
|
|
69039
|
-
This analysis provides valuable operational insights about your shop setup and capabilities. To unlock <strong class="font-semibold">Strategic Insights & Goals</strong> and continue your journey with personalized recommendations, select your billing currency below.
|
|
69040
|
-
</p>
|
|
69041
|
-
</div>
|
|
69042
|
-
</div>
|
|
69043
|
-
}
|
|
69044
|
-
|
|
69045
68977
|
<div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
|
|
69046
68978
|
<svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
69047
68979
|
@if (isOnboarded()) {
|
|
@@ -69073,8 +69005,8 @@ class ShopWelcomeBannerComponent {
|
|
|
69073
69005
|
</div>
|
|
69074
69006
|
`
|
|
69075
69007
|
}]
|
|
69076
|
-
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }]
|
|
69077
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopWelcomeBannerComponent, { className: "ShopWelcomeBannerComponent", filePath: "lib/components/profile-analysis-dashboard/shop-welcome-banner.component.ts", lineNumber:
|
|
69008
|
+
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
|
|
69009
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopWelcomeBannerComponent, { className: "ShopWelcomeBannerComponent", filePath: "lib/components/profile-analysis-dashboard/shop-welcome-banner.component.ts", lineNumber: 113 }); })();
|
|
69078
69010
|
|
|
69079
69011
|
function FocusAreaWelcomeBannerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
69080
69012
|
i0.ɵɵtext(0);
|
|
@@ -86328,13 +86260,14 @@ class CollapsibleAnalysisSectionGroupComponent {
|
|
|
86328
86260
|
const _forTrack0$1 = ($index, $item) => $item.code;
|
|
86329
86261
|
function BillingCurrencySelectorCardComponent_For_15_Template(rf, ctx) { if (rf & 1) {
|
|
86330
86262
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
86331
|
-
i0.ɵɵelementStart(0, "label", 11)(1, "input",
|
|
86263
|
+
i0.ɵɵelementStart(0, "label", 11)(1, "input", 12);
|
|
86332
86264
|
i0.ɵɵtwoWayListener("ngModelChange", function BillingCurrencySelectorCardComponent_For_15_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedCurrency, $event) || (ctx_r1.selectedCurrency = $event); return i0.ɵɵresetView($event); });
|
|
86265
|
+
i0.ɵɵlistener("change", function BillingCurrencySelectorCardComponent_For_15_Template_input_change_1_listener() { const currency_r3 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCurrencyChange(currency_r3.code)); });
|
|
86333
86266
|
i0.ɵɵelementEnd();
|
|
86334
|
-
i0.ɵɵelementStart(2, "div",
|
|
86267
|
+
i0.ɵɵelementStart(2, "div", 13)(3, "div", 14)(4, "span", 15);
|
|
86335
86268
|
i0.ɵɵtext(5);
|
|
86336
86269
|
i0.ɵɵelementEnd();
|
|
86337
|
-
i0.ɵɵelementStart(6, "span",
|
|
86270
|
+
i0.ɵɵelementStart(6, "span", 16);
|
|
86338
86271
|
i0.ɵɵtext(7);
|
|
86339
86272
|
i0.ɵɵelementEnd()();
|
|
86340
86273
|
i0.ɵɵelementStart(8, "p", 7);
|
|
@@ -86361,48 +86294,12 @@ function BillingCurrencySelectorCardComponent_For_15_Template(rf, ctx) { if (rf
|
|
|
86361
86294
|
i0.ɵɵadvance();
|
|
86362
86295
|
i0.ɵɵtextInterpolate1(" ", currency_r3.name, " ");
|
|
86363
86296
|
} }
|
|
86364
|
-
function BillingCurrencySelectorCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
86365
|
-
i0.ɵɵelementStart(0, "div", 12);
|
|
86366
|
-
i0.ɵɵnamespaceSVG();
|
|
86367
|
-
i0.ɵɵelementStart(1, "svg", 20);
|
|
86368
|
-
i0.ɵɵelement(2, "path", 21);
|
|
86369
|
-
i0.ɵɵelementEnd();
|
|
86370
|
-
i0.ɵɵnamespaceHTML();
|
|
86371
|
-
i0.ɵɵelementStart(3, "p", 19);
|
|
86372
|
-
i0.ɵɵtext(4, " Please select a currency to continue ");
|
|
86373
|
-
i0.ɵɵelementEnd()();
|
|
86374
|
-
} if (rf & 2) {
|
|
86375
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
86376
|
-
i0.ɵɵproperty("ngClass", ctx_r1.errorBoxClasses());
|
|
86377
|
-
i0.ɵɵadvance(3);
|
|
86378
|
-
i0.ɵɵproperty("ngClass", ctx_r1.errorTextClasses());
|
|
86379
|
-
} }
|
|
86380
|
-
function BillingCurrencySelectorCardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
86381
|
-
i0.ɵɵnamespaceSVG();
|
|
86382
|
-
i0.ɵɵelementStart(0, "svg", 22);
|
|
86383
|
-
i0.ɵɵelement(1, "circle", 23)(2, "path", 24);
|
|
86384
|
-
i0.ɵɵelementEnd();
|
|
86385
|
-
i0.ɵɵnamespaceHTML();
|
|
86386
|
-
i0.ɵɵelementStart(3, "span");
|
|
86387
|
-
i0.ɵɵtext(4, "Processing...");
|
|
86388
|
-
i0.ɵɵelementEnd();
|
|
86389
|
-
} }
|
|
86390
|
-
function BillingCurrencySelectorCardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
86391
|
-
i0.ɵɵelementStart(0, "span");
|
|
86392
|
-
i0.ɵɵtext(1, "Continue");
|
|
86393
|
-
i0.ɵɵelementEnd();
|
|
86394
|
-
i0.ɵɵnamespaceSVG();
|
|
86395
|
-
i0.ɵɵelementStart(2, "svg", 4);
|
|
86396
|
-
i0.ɵɵelement(3, "path", 25);
|
|
86397
|
-
i0.ɵɵelementEnd();
|
|
86398
|
-
} }
|
|
86399
86297
|
class BillingCurrencySelectorCardComponent {
|
|
86400
86298
|
constructor() {
|
|
86401
86299
|
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
86402
86300
|
this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
|
|
86403
86301
|
this.currencySelected = output();
|
|
86404
86302
|
this.selectedCurrency = signal(null, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
|
|
86405
|
-
this.showValidationError = signal(false, ...(ngDevMode ? [{ debugName: "showValidationError" }] : []));
|
|
86406
86303
|
this.currencies = [
|
|
86407
86304
|
{ code: CurrencyCodeEnum.USD, symbol: '$', name: 'United States Dollar' },
|
|
86408
86305
|
{ code: CurrencyCodeEnum.EUR, symbol: '€', name: 'Euro' },
|
|
@@ -86410,13 +86307,7 @@ class BillingCurrencySelectorCardComponent {
|
|
|
86410
86307
|
{ code: CurrencyCodeEnum.JPY, symbol: '¥', name: 'Japanese Yen' }
|
|
86411
86308
|
];
|
|
86412
86309
|
}
|
|
86413
|
-
|
|
86414
|
-
const currency = this.selectedCurrency();
|
|
86415
|
-
if (!currency) {
|
|
86416
|
-
this.showValidationError.set(true);
|
|
86417
|
-
return;
|
|
86418
|
-
}
|
|
86419
|
-
this.showValidationError.set(false);
|
|
86310
|
+
handleCurrencyChange(currency) {
|
|
86420
86311
|
this.currencySelected.emit(currency);
|
|
86421
86312
|
}
|
|
86422
86313
|
containerClasses() {
|
|
@@ -86489,31 +86380,8 @@ class BillingCurrencySelectorCardComponent {
|
|
|
86489
86380
|
? 'text-slate-400'
|
|
86490
86381
|
: 'text-slate-600';
|
|
86491
86382
|
}
|
|
86492
|
-
errorBoxClasses() {
|
|
86493
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
86494
|
-
? 'bg-red-500/10 border-red-500/30 text-red-400'
|
|
86495
|
-
: 'bg-red-50 border-red-200 text-red-700';
|
|
86496
|
-
}
|
|
86497
|
-
errorTextClasses() {
|
|
86498
|
-
return this.viewMode() === ViewModeEnum.DARK
|
|
86499
|
-
? 'text-red-400'
|
|
86500
|
-
: 'text-red-700';
|
|
86501
|
-
}
|
|
86502
|
-
continueButtonClasses() {
|
|
86503
|
-
const isDisabled = this.isLoading();
|
|
86504
|
-
if (this.viewMode() === ViewModeEnum.DARK) {
|
|
86505
|
-
return isDisabled
|
|
86506
|
-
? 'bg-blue-500/50 text-white cursor-not-allowed'
|
|
86507
|
-
: 'bg-blue-500 text-white hover:bg-blue-600 hover:scale-[1.02] active:scale-[0.98] cursor-pointer';
|
|
86508
|
-
}
|
|
86509
|
-
else {
|
|
86510
|
-
return isDisabled
|
|
86511
|
-
? 'bg-blue-400 text-white cursor-not-allowed'
|
|
86512
|
-
: 'bg-blue-600 text-white hover:bg-blue-700 hover:scale-[1.02] active:scale-[0.98] cursor-pointer';
|
|
86513
|
-
}
|
|
86514
|
-
}
|
|
86515
86383
|
static { this.ɵfac = function BillingCurrencySelectorCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BillingCurrencySelectorCardComponent)(); }; }
|
|
86516
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BillingCurrencySelectorCardComponent, selectors: [["symphiq-billing-currency-selector-card"]], inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"] }, outputs: { currencySelected: "currencySelected" }, decls:
|
|
86384
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BillingCurrencySelectorCardComponent, selectors: [["symphiq-billing-currency-selector-card"]], inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"] }, outputs: { currencySelected: "currencySelected" }, decls: 16, vars: 6, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "space-y-6"], [1, "space-y-3"], [1, "flex", "items-center", "gap-4", "p-4", "rounded-xl", "border-2", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.01]", 3, "ngClass"], ["type", "radio", 1, "w-5", "h-5", "flex-shrink-0", "cursor-pointer", "disabled:cursor-not-allowed", 3, "ngModelChange", "change", "name", "value", "ngModel", "disabled", "ngClass"], [1, "flex-1"], [1, "flex", "items-center", "gap-2"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "text-sm", 3, "ngClass"]], template: function BillingCurrencySelectorCardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
86517
86385
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
|
|
86518
86386
|
i0.ɵɵnamespaceSVG();
|
|
86519
86387
|
i0.ɵɵelementStart(4, "svg", 4);
|
|
@@ -86528,12 +86396,7 @@ class BillingCurrencySelectorCardComponent {
|
|
|
86528
86396
|
i0.ɵɵelementEnd()()()();
|
|
86529
86397
|
i0.ɵɵelementStart(11, "div", 8)(12, "div", 9)(13, "div", 10);
|
|
86530
86398
|
i0.ɵɵrepeaterCreate(14, BillingCurrencySelectorCardComponent_For_15_Template, 10, 12, "label", 11, _forTrack0$1);
|
|
86531
|
-
i0.ɵɵelementEnd();
|
|
86532
|
-
i0.ɵɵconditionalCreate(16, BillingCurrencySelectorCardComponent_Conditional_16_Template, 5, 2, "div", 12);
|
|
86533
|
-
i0.ɵɵelementStart(17, "div", 13)(18, "button", 14);
|
|
86534
|
-
i0.ɵɵlistener("click", function BillingCurrencySelectorCardComponent_Template_button_click_18_listener() { return ctx.handleContinue(); });
|
|
86535
|
-
i0.ɵɵconditionalCreate(19, BillingCurrencySelectorCardComponent_Conditional_19_Template, 5, 0)(20, BillingCurrencySelectorCardComponent_Conditional_20_Template, 4, 0);
|
|
86536
|
-
i0.ɵɵelementEnd()()()()();
|
|
86399
|
+
i0.ɵɵelementEnd()()()();
|
|
86537
86400
|
} if (rf & 2) {
|
|
86538
86401
|
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
86539
86402
|
i0.ɵɵadvance();
|
|
@@ -86548,12 +86411,6 @@ class BillingCurrencySelectorCardComponent {
|
|
|
86548
86411
|
i0.ɵɵproperty("ngClass", ctx.contentClasses());
|
|
86549
86412
|
i0.ɵɵadvance(3);
|
|
86550
86413
|
i0.ɵɵrepeater(ctx.currencies);
|
|
86551
|
-
i0.ɵɵadvance(2);
|
|
86552
|
-
i0.ɵɵconditional(ctx.showValidationError() ? 16 : -1);
|
|
86553
|
-
i0.ɵɵadvance(2);
|
|
86554
|
-
i0.ɵɵproperty("disabled", ctx.isLoading())("ngClass", ctx.continueButtonClasses());
|
|
86555
|
-
i0.ɵɵadvance();
|
|
86556
|
-
i0.ɵɵconditional(ctx.isLoading() ? 19 : 20);
|
|
86557
86414
|
} }, dependencies: [CommonModule, i1$1.NgClass, FormsModule, i2$1.DefaultValueAccessor, i2$1.RadioControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel], encapsulation: 2, changeDetection: 0 }); }
|
|
86558
86415
|
}
|
|
86559
86416
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BillingCurrencySelectorCardComponent, [{
|
|
@@ -86595,6 +86452,7 @@ class BillingCurrencySelectorCardComponent {
|
|
|
86595
86452
|
[name]="'currency'"
|
|
86596
86453
|
[value]="currency.code"
|
|
86597
86454
|
[(ngModel)]="selectedCurrency"
|
|
86455
|
+
(change)="handleCurrencyChange(currency.code)"
|
|
86598
86456
|
[disabled]="isLoading()"
|
|
86599
86457
|
[ngClass]="getRadioClasses()"
|
|
86600
86458
|
class="w-5 h-5 flex-shrink-0 cursor-pointer disabled:cursor-not-allowed"
|
|
@@ -86615,46 +86473,13 @@ class BillingCurrencySelectorCardComponent {
|
|
|
86615
86473
|
</label>
|
|
86616
86474
|
}
|
|
86617
86475
|
</div>
|
|
86618
|
-
|
|
86619
|
-
@if (showValidationError()) {
|
|
86620
|
-
<div [ngClass]="errorBoxClasses()" class="p-3 rounded-lg border flex items-start gap-2">
|
|
86621
|
-
<svg class="w-5 h-5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
86622
|
-
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path>
|
|
86623
|
-
</svg>
|
|
86624
|
-
<p [ngClass]="errorTextClasses()" class="text-sm">
|
|
86625
|
-
Please select a currency to continue
|
|
86626
|
-
</p>
|
|
86627
|
-
</div>
|
|
86628
|
-
}
|
|
86629
|
-
|
|
86630
|
-
<div class="pt-4">
|
|
86631
|
-
<button
|
|
86632
|
-
type="button"
|
|
86633
|
-
(click)="handleContinue()"
|
|
86634
|
-
[disabled]="isLoading()"
|
|
86635
|
-
[ngClass]="continueButtonClasses()"
|
|
86636
|
-
class="w-full px-6 py-3 rounded-xl font-semibold text-base transition-all duration-200 flex items-center justify-center gap-2">
|
|
86637
|
-
@if (isLoading()) {
|
|
86638
|
-
<svg class="w-5 h-5 animate-spin" fill="none" viewBox="0 0 24 24">
|
|
86639
|
-
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
|
86640
|
-
<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>
|
|
86641
|
-
</svg>
|
|
86642
|
-
<span>Processing...</span>
|
|
86643
|
-
} @else {
|
|
86644
|
-
<span>Continue</span>
|
|
86645
|
-
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
86646
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
|
|
86647
|
-
</svg>
|
|
86648
|
-
}
|
|
86649
|
-
</button>
|
|
86650
|
-
</div>
|
|
86651
86476
|
</div>
|
|
86652
86477
|
</div>
|
|
86653
86478
|
</div>
|
|
86654
86479
|
`
|
|
86655
86480
|
}]
|
|
86656
86481
|
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], currencySelected: [{ type: i0.Output, args: ["currencySelected"] }] }); })();
|
|
86657
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BillingCurrencySelectorCardComponent, { className: "BillingCurrencySelectorCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/billing-currency-selector-card.component.ts", lineNumber:
|
|
86482
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BillingCurrencySelectorCardComponent, { className: "BillingCurrencySelectorCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/billing-currency-selector-card.component.ts", lineNumber: 69 }); })();
|
|
86658
86483
|
|
|
86659
86484
|
class PlanSelectionPlaceholderCardComponent {
|
|
86660
86485
|
constructor() {
|
|
@@ -86849,170 +86674,832 @@ class PlanSelectionPlaceholderCardComponent {
|
|
|
86849
86674
|
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedCurrency: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCurrency", required: false }] }] }); })();
|
|
86850
86675
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanSelectionPlaceholderCardComponent, { className: "PlanSelectionPlaceholderCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-selection-placeholder-card.component.ts", lineNumber: 64 }); })();
|
|
86851
86676
|
|
|
86852
|
-
|
|
86853
|
-
|
|
86854
|
-
|
|
86855
|
-
|
|
86856
|
-
|
|
86857
|
-
|
|
86858
|
-
|
|
86859
|
-
|
|
86860
|
-
|
|
86861
|
-
|
|
86862
|
-
|
|
86863
|
-
|
|
86864
|
-
|
|
86865
|
-
|
|
86866
|
-
|
|
86867
|
-
|
|
86868
|
-
|
|
86869
|
-
|
|
86870
|
-
|
|
86871
|
-
|
|
86872
|
-
|
|
86873
|
-
|
|
86874
|
-
|
|
86875
|
-
|
|
86876
|
-
|
|
86877
|
-
|
|
86878
|
-
|
|
86879
|
-
|
|
86880
|
-
}
|
|
86881
|
-
|
|
86882
|
-
|
|
86883
|
-
|
|
86884
|
-
|
|
86885
|
-
|
|
86886
|
-
|
|
86887
|
-
|
|
86888
|
-
|
|
86889
|
-
|
|
86890
|
-
|
|
86891
|
-
|
|
86892
|
-
|
|
86893
|
-
|
|
86894
|
-
|
|
86895
|
-
|
|
86896
|
-
|
|
86897
|
-
|
|
86898
|
-
|
|
86899
|
-
|
|
86900
|
-
|
|
86901
|
-
|
|
86902
|
-
|
|
86903
|
-
|
|
86904
|
-
|
|
86905
|
-
}
|
|
86906
|
-
|
|
86907
|
-
|
|
86908
|
-
|
|
86909
|
-
|
|
86910
|
-
|
|
86911
|
-
|
|
86912
|
-
|
|
86913
|
-
|
|
86914
|
-
|
|
86915
|
-
|
|
86916
|
-
|
|
86917
|
-
|
|
86918
|
-
|
|
86919
|
-
|
|
86920
|
-
}
|
|
86921
|
-
|
|
86922
|
-
|
|
86923
|
-
|
|
86924
|
-
|
|
86925
|
-
|
|
86926
|
-
|
|
86927
|
-
|
|
86928
|
-
|
|
86929
|
-
|
|
86930
|
-
}
|
|
86931
|
-
|
|
86932
|
-
|
|
86933
|
-
|
|
86934
|
-
|
|
86935
|
-
}
|
|
86936
|
-
|
|
86937
|
-
|
|
86938
|
-
|
|
86939
|
-
|
|
86940
|
-
|
|
86941
|
-
|
|
86942
|
-
|
|
86943
|
-
|
|
86944
|
-
|
|
86945
|
-
}
|
|
86946
|
-
|
|
86947
|
-
|
|
86948
|
-
|
|
86949
|
-
|
|
86950
|
-
|
|
86951
|
-
|
|
86952
|
-
|
|
86953
|
-
|
|
86954
|
-
|
|
86955
|
-
|
|
86956
|
-
|
|
86957
|
-
|
|
86958
|
-
|
|
86959
|
-
|
|
86960
|
-
|
|
86961
|
-
|
|
86962
|
-
i0.ɵɵ
|
|
86963
|
-
|
|
86964
|
-
|
|
86965
|
-
|
|
86966
|
-
|
|
86967
|
-
|
|
86968
|
-
|
|
86969
|
-
|
|
86970
|
-
|
|
86971
|
-
|
|
86972
|
-
|
|
86973
|
-
|
|
86974
|
-
|
|
86975
|
-
|
|
86976
|
-
|
|
86977
|
-
|
|
86978
|
-
|
|
86979
|
-
|
|
86980
|
-
|
|
86981
|
-
|
|
86982
|
-
|
|
86983
|
-
|
|
86984
|
-
|
|
86985
|
-
|
|
86986
|
-
|
|
86987
|
-
|
|
86988
|
-
|
|
86989
|
-
|
|
86990
|
-
|
|
86991
|
-
|
|
86992
|
-
|
|
86993
|
-
|
|
86994
|
-
|
|
86995
|
-
|
|
86996
|
-
|
|
86997
|
-
|
|
86998
|
-
|
|
86999
|
-
|
|
87000
|
-
|
|
87001
|
-
|
|
87002
|
-
|
|
87003
|
-
|
|
87004
|
-
|
|
87005
|
-
|
|
87006
|
-
|
|
87007
|
-
|
|
87008
|
-
|
|
87009
|
-
|
|
87010
|
-
|
|
87011
|
-
|
|
87012
|
-
|
|
87013
|
-
|
|
87014
|
-
|
|
87015
|
-
|
|
86677
|
+
class SubscriptionValuePropositionCardComponent {
|
|
86678
|
+
constructor() {
|
|
86679
|
+
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
86680
|
+
}
|
|
86681
|
+
containerClasses() {
|
|
86682
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86683
|
+
? 'bg-gradient-to-br from-slate-800 via-slate-800/95 to-slate-800 border-slate-700/50'
|
|
86684
|
+
: 'bg-gradient-to-br from-white via-blue-50/20 to-white border-slate-200';
|
|
86685
|
+
}
|
|
86686
|
+
gradientOverlayClasses() {
|
|
86687
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86688
|
+
? 'bg-gradient-to-br from-blue-600 via-cyan-600 to-teal-600'
|
|
86689
|
+
: 'bg-gradient-to-br from-blue-500 via-cyan-500 to-teal-500';
|
|
86690
|
+
}
|
|
86691
|
+
iconContainerClasses() {
|
|
86692
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86693
|
+
? 'bg-gradient-to-br from-blue-500 to-cyan-500 text-white'
|
|
86694
|
+
: 'bg-gradient-to-br from-blue-600 to-cyan-600 text-white';
|
|
86695
|
+
}
|
|
86696
|
+
titleClasses() {
|
|
86697
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86698
|
+
? 'text-white'
|
|
86699
|
+
: 'bg-gradient-to-r from-blue-700 via-cyan-600 to-teal-600 bg-clip-text text-transparent';
|
|
86700
|
+
}
|
|
86701
|
+
subtitleClasses() {
|
|
86702
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86703
|
+
? 'text-slate-300'
|
|
86704
|
+
: 'text-slate-700';
|
|
86705
|
+
}
|
|
86706
|
+
accomplishedBoxClasses() {
|
|
86707
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86708
|
+
? 'bg-emerald-500/10 border-emerald-500/30'
|
|
86709
|
+
: 'bg-emerald-50 border-emerald-300';
|
|
86710
|
+
}
|
|
86711
|
+
sectionTitleClasses() {
|
|
86712
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86713
|
+
? 'text-emerald-400'
|
|
86714
|
+
: 'text-emerald-700';
|
|
86715
|
+
}
|
|
86716
|
+
checkIconClasses() {
|
|
86717
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86718
|
+
? 'text-emerald-400'
|
|
86719
|
+
: 'text-emerald-600';
|
|
86720
|
+
}
|
|
86721
|
+
itemTextClasses() {
|
|
86722
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86723
|
+
? 'text-slate-300'
|
|
86724
|
+
: 'text-slate-700';
|
|
86725
|
+
}
|
|
86726
|
+
unlockBoxClasses() {
|
|
86727
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86728
|
+
? 'bg-blue-500/10 border-blue-500/40'
|
|
86729
|
+
: 'bg-blue-50 border-blue-400';
|
|
86730
|
+
}
|
|
86731
|
+
unlockTitleClasses() {
|
|
86732
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86733
|
+
? 'text-blue-400'
|
|
86734
|
+
: 'text-blue-700';
|
|
86735
|
+
}
|
|
86736
|
+
numberBadgeClasses() {
|
|
86737
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86738
|
+
? 'bg-gradient-to-br from-blue-500 to-cyan-500 text-white'
|
|
86739
|
+
: 'bg-gradient-to-br from-blue-600 to-cyan-600 text-white';
|
|
86740
|
+
}
|
|
86741
|
+
unlockItemTitleClasses() {
|
|
86742
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86743
|
+
? 'text-white'
|
|
86744
|
+
: 'text-slate-900';
|
|
86745
|
+
}
|
|
86746
|
+
unlockItemDescClasses() {
|
|
86747
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86748
|
+
? 'text-slate-400'
|
|
86749
|
+
: 'text-slate-600';
|
|
86750
|
+
}
|
|
86751
|
+
benefitsBoxClasses() {
|
|
86752
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86753
|
+
? 'bg-slate-900/30 border border-slate-700/50'
|
|
86754
|
+
: 'bg-slate-50 border border-slate-200';
|
|
86755
|
+
}
|
|
86756
|
+
benefitsTitleClasses() {
|
|
86757
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86758
|
+
? 'text-white'
|
|
86759
|
+
: 'text-slate-900';
|
|
86760
|
+
}
|
|
86761
|
+
benefitIconClasses() {
|
|
86762
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86763
|
+
? 'text-cyan-400'
|
|
86764
|
+
: 'text-cyan-600';
|
|
86765
|
+
}
|
|
86766
|
+
benefitTextClasses() {
|
|
86767
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86768
|
+
? 'text-slate-300'
|
|
86769
|
+
: 'text-slate-700';
|
|
86770
|
+
}
|
|
86771
|
+
ctaBoxClasses() {
|
|
86772
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86773
|
+
? 'bg-gradient-to-r from-blue-500/20 via-cyan-500/20 to-teal-500/20 border-blue-400/50'
|
|
86774
|
+
: 'bg-gradient-to-r from-blue-50 via-cyan-50 to-teal-50 border-blue-400';
|
|
86775
|
+
}
|
|
86776
|
+
ctaTextClasses() {
|
|
86777
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86778
|
+
? 'text-blue-400'
|
|
86779
|
+
: 'text-blue-700';
|
|
86780
|
+
}
|
|
86781
|
+
ctaSubtextClasses() {
|
|
86782
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
86783
|
+
? 'text-slate-400'
|
|
86784
|
+
: 'text-slate-600';
|
|
86785
|
+
}
|
|
86786
|
+
static { this.ɵfac = function SubscriptionValuePropositionCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SubscriptionValuePropositionCardComponent)(); }; }
|
|
86787
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscriptionValuePropositionCardComponent, selectors: [["symphiq-subscription-value-proposition-card"]], inputs: { viewMode: [1, "viewMode"] }, decls: 114, vars: 41, consts: [[1, "rounded-2xl", "border", "shadow-2xl", "overflow-hidden", "relative", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-10", 3, "ngClass"], [1, "relative", "z-10", "px-8", "py-10"], [1, "flex", "items-start", "gap-6", "mb-8"], [1, "flex-shrink-0", "w-20", "h-20", "rounded-2xl", "flex", "items-center", "justify-center", "shadow-xl", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-3xl", "sm:text-4xl", "font-bold", "mb-4", "leading-tight", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [1, "p-6", "rounded-xl", "border", "mb-8", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-4", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-6", "h-6", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "space-y-3"], [1, "flex", "items-start", "gap-3"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "font-semibold"], [1, "p-6", "rounded-xl", "border-2", "mb-8", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"], [1, "space-y-4"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-bold", "text-base", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "p-6", "rounded-xl", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "mt-8", "p-6", "rounded-xl", "border-2", "text-center", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"]], template: function SubscriptionValuePropositionCardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
86788
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
86789
|
+
i0.ɵɵelement(1, "div", 1);
|
|
86790
|
+
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4);
|
|
86791
|
+
i0.ɵɵnamespaceSVG();
|
|
86792
|
+
i0.ɵɵelementStart(5, "svg", 5);
|
|
86793
|
+
i0.ɵɵelement(6, "path", 6);
|
|
86794
|
+
i0.ɵɵelementEnd()();
|
|
86795
|
+
i0.ɵɵnamespaceHTML();
|
|
86796
|
+
i0.ɵɵelementStart(7, "div", 7)(8, "h2", 8);
|
|
86797
|
+
i0.ɵɵtext(9, " Unlock Your Revenue Growth Journey with Symphiq ");
|
|
86798
|
+
i0.ɵɵelementEnd();
|
|
86799
|
+
i0.ɵɵelementStart(10, "p", 9);
|
|
86800
|
+
i0.ɵɵtext(11, " You've taken the first step by connecting your data and setting growth targets. Now unlock the full power of AI-driven revenue orchestration. ");
|
|
86801
|
+
i0.ɵɵelementEnd()()();
|
|
86802
|
+
i0.ɵɵelementStart(12, "div", 10)(13, "h3", 11);
|
|
86803
|
+
i0.ɵɵnamespaceSVG();
|
|
86804
|
+
i0.ɵɵelementStart(14, "svg", 12);
|
|
86805
|
+
i0.ɵɵelement(15, "path", 13);
|
|
86806
|
+
i0.ɵɵelementEnd();
|
|
86807
|
+
i0.ɵɵtext(16, " What You've Already Accomplished ");
|
|
86808
|
+
i0.ɵɵelementEnd();
|
|
86809
|
+
i0.ɵɵnamespaceHTML();
|
|
86810
|
+
i0.ɵɵelementStart(17, "div", 14)(18, "div", 15);
|
|
86811
|
+
i0.ɵɵnamespaceSVG();
|
|
86812
|
+
i0.ɵɵelementStart(19, "svg", 16);
|
|
86813
|
+
i0.ɵɵelement(20, "path", 13);
|
|
86814
|
+
i0.ɵɵelementEnd();
|
|
86815
|
+
i0.ɵɵnamespaceHTML();
|
|
86816
|
+
i0.ɵɵelementStart(21, "p", 17)(22, "strong", 18);
|
|
86817
|
+
i0.ɵɵtext(23, "Connected GA4 + Shopify");
|
|
86818
|
+
i0.ɵɵelementEnd();
|
|
86819
|
+
i0.ɵɵtext(24, " \u2014 Your data foundation is set ");
|
|
86820
|
+
i0.ɵɵelementEnd()();
|
|
86821
|
+
i0.ɵɵelementStart(25, "div", 15);
|
|
86822
|
+
i0.ɵɵnamespaceSVG();
|
|
86823
|
+
i0.ɵɵelementStart(26, "svg", 16);
|
|
86824
|
+
i0.ɵɵelement(27, "path", 13);
|
|
86825
|
+
i0.ɵɵelementEnd();
|
|
86826
|
+
i0.ɵɵnamespaceHTML();
|
|
86827
|
+
i0.ɵɵelementStart(28, "p", 17)(29, "strong", 18);
|
|
86828
|
+
i0.ɵɵtext(30, "Set Growth Targets");
|
|
86829
|
+
i0.ɵɵelementEnd();
|
|
86830
|
+
i0.ɵɵtext(31, " \u2014 Your revenue goals are defined ");
|
|
86831
|
+
i0.ɵɵelementEnd()();
|
|
86832
|
+
i0.ɵɵelementStart(32, "div", 15);
|
|
86833
|
+
i0.ɵɵnamespaceSVG();
|
|
86834
|
+
i0.ɵɵelementStart(33, "svg", 16);
|
|
86835
|
+
i0.ɵɵelement(34, "path", 13);
|
|
86836
|
+
i0.ɵɵelementEnd();
|
|
86837
|
+
i0.ɵɵnamespaceHTML();
|
|
86838
|
+
i0.ɵɵelementStart(35, "p", 17)(36, "strong", 18);
|
|
86839
|
+
i0.ɵɵtext(37, "Received Funnel Insights");
|
|
86840
|
+
i0.ɵɵelementEnd();
|
|
86841
|
+
i0.ɵɵtext(38, " \u2014 You know your performance landscape ");
|
|
86842
|
+
i0.ɵɵelementEnd()()()();
|
|
86843
|
+
i0.ɵɵelementStart(39, "div", 19)(40, "h3", 11);
|
|
86844
|
+
i0.ɵɵnamespaceSVG();
|
|
86845
|
+
i0.ɵɵelementStart(41, "svg", 20);
|
|
86846
|
+
i0.ɵɵelement(42, "path", 21);
|
|
86847
|
+
i0.ɵɵelementEnd();
|
|
86848
|
+
i0.ɵɵtext(43, " What You'll Unlock Next ");
|
|
86849
|
+
i0.ɵɵelementEnd();
|
|
86850
|
+
i0.ɵɵnamespaceHTML();
|
|
86851
|
+
i0.ɵɵelementStart(44, "div", 22)(45, "div", 15)(46, "div", 23);
|
|
86852
|
+
i0.ɵɵtext(47, " 1 ");
|
|
86853
|
+
i0.ɵɵelementEnd();
|
|
86854
|
+
i0.ɵɵelementStart(48, "div", 7)(49, "p", 24);
|
|
86855
|
+
i0.ɵɵtext(50, " Shop Profile Analysis ");
|
|
86856
|
+
i0.ɵɵelementEnd();
|
|
86857
|
+
i0.ɵɵelementStart(51, "p", 25);
|
|
86858
|
+
i0.ɵɵtext(52, " Deep insights into your operations, capabilities, and infrastructure ");
|
|
86859
|
+
i0.ɵɵelementEnd()()();
|
|
86860
|
+
i0.ɵɵelementStart(53, "div", 15)(54, "div", 23);
|
|
86861
|
+
i0.ɵɵtext(55, " 2 ");
|
|
86862
|
+
i0.ɵɵelementEnd();
|
|
86863
|
+
i0.ɵɵelementStart(56, "div", 7)(57, "p", 24);
|
|
86864
|
+
i0.ɵɵtext(58, " Focus Area Insights ");
|
|
86865
|
+
i0.ɵɵelementEnd();
|
|
86866
|
+
i0.ɵɵelementStart(59, "p", 25);
|
|
86867
|
+
i0.ɵɵtext(60, " Tailored strategies for each marketing channel and growth lever ");
|
|
86868
|
+
i0.ɵɵelementEnd()()();
|
|
86869
|
+
i0.ɵɵelementStart(61, "div", 15)(62, "div", 23);
|
|
86870
|
+
i0.ɵɵtext(63, " 3 ");
|
|
86871
|
+
i0.ɵɵelementEnd();
|
|
86872
|
+
i0.ɵɵelementStart(64, "div", 7)(65, "p", 24);
|
|
86873
|
+
i0.ɵɵtext(66, " Metric-Level Guidance ");
|
|
86874
|
+
i0.ɵɵelementEnd();
|
|
86875
|
+
i0.ɵɵelementStart(67, "p", 25);
|
|
86876
|
+
i0.ɵɵtext(68, " Precise recommendations for every funnel metric ");
|
|
86877
|
+
i0.ɵɵelementEnd()()();
|
|
86878
|
+
i0.ɵɵelementStart(69, "div", 15)(70, "div", 23);
|
|
86879
|
+
i0.ɵɵtext(71, " 4 ");
|
|
86880
|
+
i0.ɵɵelementEnd();
|
|
86881
|
+
i0.ɵɵelementStart(72, "div", 7)(73, "p", 24);
|
|
86882
|
+
i0.ɵɵtext(74, " Unified Strategic Roadmap ");
|
|
86883
|
+
i0.ɵɵelementEnd();
|
|
86884
|
+
i0.ɵɵelementStart(75, "p", 25);
|
|
86885
|
+
i0.ɵɵtext(76, " AI-powered goals, objectives, and execution-ready strategies ");
|
|
86886
|
+
i0.ɵɵelementEnd()()()()();
|
|
86887
|
+
i0.ɵɵelementStart(77, "div", 26)(78, "h3", 27);
|
|
86888
|
+
i0.ɵɵtext(79, " The Symphiq Advantage ");
|
|
86889
|
+
i0.ɵɵelementEnd();
|
|
86890
|
+
i0.ɵɵelementStart(80, "div", 28)(81, "div", 15);
|
|
86891
|
+
i0.ɵɵnamespaceSVG();
|
|
86892
|
+
i0.ɵɵelementStart(82, "svg", 29);
|
|
86893
|
+
i0.ɵɵelement(83, "path", 30);
|
|
86894
|
+
i0.ɵɵelementEnd();
|
|
86895
|
+
i0.ɵɵnamespaceHTML();
|
|
86896
|
+
i0.ɵɵelementStart(84, "p", 25)(85, "strong", 18);
|
|
86897
|
+
i0.ɵɵtext(86, "AI-Powered Recommendations");
|
|
86898
|
+
i0.ɵɵelementEnd();
|
|
86899
|
+
i0.ɵɵtext(87, " tailored to your business context ");
|
|
86900
|
+
i0.ɵɵelementEnd()();
|
|
86901
|
+
i0.ɵɵelementStart(88, "div", 15);
|
|
86902
|
+
i0.ɵɵnamespaceSVG();
|
|
86903
|
+
i0.ɵɵelementStart(89, "svg", 29);
|
|
86904
|
+
i0.ɵɵelement(90, "path", 30);
|
|
86905
|
+
i0.ɵɵelementEnd();
|
|
86906
|
+
i0.ɵɵnamespaceHTML();
|
|
86907
|
+
i0.ɵɵelementStart(91, "p", 25)(92, "strong", 18);
|
|
86908
|
+
i0.ɵɵtext(93, "Knowledge Capture");
|
|
86909
|
+
i0.ɵɵelementEnd();
|
|
86910
|
+
i0.ɵɵtext(94, " that preserves institutional memory ");
|
|
86911
|
+
i0.ɵɵelementEnd()();
|
|
86912
|
+
i0.ɵɵelementStart(95, "div", 15);
|
|
86913
|
+
i0.ɵɵnamespaceSVG();
|
|
86914
|
+
i0.ɵɵelementStart(96, "svg", 29);
|
|
86915
|
+
i0.ɵɵelement(97, "path", 30);
|
|
86916
|
+
i0.ɵɵelementEnd();
|
|
86917
|
+
i0.ɵɵnamespaceHTML();
|
|
86918
|
+
i0.ɵɵelementStart(98, "p", 25)(99, "strong", 18);
|
|
86919
|
+
i0.ɵɵtext(100, "Coordinated Execution");
|
|
86920
|
+
i0.ɵɵelementEnd();
|
|
86921
|
+
i0.ɵɵtext(101, " from goals to actionable tasks ");
|
|
86922
|
+
i0.ɵɵelementEnd()();
|
|
86923
|
+
i0.ɵɵelementStart(102, "div", 15);
|
|
86924
|
+
i0.ɵɵnamespaceSVG();
|
|
86925
|
+
i0.ɵɵelementStart(103, "svg", 29);
|
|
86926
|
+
i0.ɵɵelement(104, "path", 30);
|
|
86927
|
+
i0.ɵɵelementEnd();
|
|
86928
|
+
i0.ɵɵnamespaceHTML();
|
|
86929
|
+
i0.ɵɵelementStart(105, "p", 25)(106, "strong", 18);
|
|
86930
|
+
i0.ɵɵtext(107, "Measurable Outcomes");
|
|
86931
|
+
i0.ɵɵelementEnd();
|
|
86932
|
+
i0.ɵɵtext(108, " tied to funnel performance ");
|
|
86933
|
+
i0.ɵɵelementEnd()()()();
|
|
86934
|
+
i0.ɵɵelementStart(109, "div", 31)(110, "p", 32);
|
|
86935
|
+
i0.ɵɵtext(111, " Ready to Continue? ");
|
|
86936
|
+
i0.ɵɵelementEnd();
|
|
86937
|
+
i0.ɵɵelementStart(112, "p", 25);
|
|
86938
|
+
i0.ɵɵtext(113, " Select your billing currency below, choose a plan, and unlock your complete analysis ");
|
|
86939
|
+
i0.ɵɵelementEnd()()()();
|
|
86940
|
+
} if (rf & 2) {
|
|
86941
|
+
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
86942
|
+
i0.ɵɵadvance();
|
|
86943
|
+
i0.ɵɵproperty("ngClass", ctx.gradientOverlayClasses());
|
|
86944
|
+
i0.ɵɵadvance(3);
|
|
86945
|
+
i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
|
|
86946
|
+
i0.ɵɵadvance(4);
|
|
86947
|
+
i0.ɵɵproperty("ngClass", ctx.titleClasses());
|
|
86948
|
+
i0.ɵɵadvance(2);
|
|
86949
|
+
i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
|
|
86950
|
+
i0.ɵɵadvance(2);
|
|
86951
|
+
i0.ɵɵproperty("ngClass", ctx.accomplishedBoxClasses());
|
|
86952
|
+
i0.ɵɵadvance();
|
|
86953
|
+
i0.ɵɵproperty("ngClass", ctx.sectionTitleClasses());
|
|
86954
|
+
i0.ɵɵadvance();
|
|
86955
|
+
i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
|
|
86956
|
+
i0.ɵɵadvance(5);
|
|
86957
|
+
i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
|
|
86958
|
+
i0.ɵɵadvance(2);
|
|
86959
|
+
i0.ɵɵproperty("ngClass", ctx.itemTextClasses());
|
|
86960
|
+
i0.ɵɵadvance(5);
|
|
86961
|
+
i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
|
|
86962
|
+
i0.ɵɵadvance(2);
|
|
86963
|
+
i0.ɵɵproperty("ngClass", ctx.itemTextClasses());
|
|
86964
|
+
i0.ɵɵadvance(5);
|
|
86965
|
+
i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
|
|
86966
|
+
i0.ɵɵadvance(2);
|
|
86967
|
+
i0.ɵɵproperty("ngClass", ctx.itemTextClasses());
|
|
86968
|
+
i0.ɵɵadvance(4);
|
|
86969
|
+
i0.ɵɵproperty("ngClass", ctx.unlockBoxClasses());
|
|
86970
|
+
i0.ɵɵadvance();
|
|
86971
|
+
i0.ɵɵproperty("ngClass", ctx.unlockTitleClasses());
|
|
86972
|
+
i0.ɵɵadvance(6);
|
|
86973
|
+
i0.ɵɵproperty("ngClass", ctx.numberBadgeClasses());
|
|
86974
|
+
i0.ɵɵadvance(3);
|
|
86975
|
+
i0.ɵɵproperty("ngClass", ctx.unlockItemTitleClasses());
|
|
86976
|
+
i0.ɵɵadvance(2);
|
|
86977
|
+
i0.ɵɵproperty("ngClass", ctx.unlockItemDescClasses());
|
|
86978
|
+
i0.ɵɵadvance(3);
|
|
86979
|
+
i0.ɵɵproperty("ngClass", ctx.numberBadgeClasses());
|
|
86980
|
+
i0.ɵɵadvance(3);
|
|
86981
|
+
i0.ɵɵproperty("ngClass", ctx.unlockItemTitleClasses());
|
|
86982
|
+
i0.ɵɵadvance(2);
|
|
86983
|
+
i0.ɵɵproperty("ngClass", ctx.unlockItemDescClasses());
|
|
86984
|
+
i0.ɵɵadvance(3);
|
|
86985
|
+
i0.ɵɵproperty("ngClass", ctx.numberBadgeClasses());
|
|
86986
|
+
i0.ɵɵadvance(3);
|
|
86987
|
+
i0.ɵɵproperty("ngClass", ctx.unlockItemTitleClasses());
|
|
86988
|
+
i0.ɵɵadvance(2);
|
|
86989
|
+
i0.ɵɵproperty("ngClass", ctx.unlockItemDescClasses());
|
|
86990
|
+
i0.ɵɵadvance(3);
|
|
86991
|
+
i0.ɵɵproperty("ngClass", ctx.numberBadgeClasses());
|
|
86992
|
+
i0.ɵɵadvance(3);
|
|
86993
|
+
i0.ɵɵproperty("ngClass", ctx.unlockItemTitleClasses());
|
|
86994
|
+
i0.ɵɵadvance(2);
|
|
86995
|
+
i0.ɵɵproperty("ngClass", ctx.unlockItemDescClasses());
|
|
86996
|
+
i0.ɵɵadvance(2);
|
|
86997
|
+
i0.ɵɵproperty("ngClass", ctx.benefitsBoxClasses());
|
|
86998
|
+
i0.ɵɵadvance();
|
|
86999
|
+
i0.ɵɵproperty("ngClass", ctx.benefitsTitleClasses());
|
|
87000
|
+
i0.ɵɵadvance(4);
|
|
87001
|
+
i0.ɵɵproperty("ngClass", ctx.benefitIconClasses());
|
|
87002
|
+
i0.ɵɵadvance(2);
|
|
87003
|
+
i0.ɵɵproperty("ngClass", ctx.benefitTextClasses());
|
|
87004
|
+
i0.ɵɵadvance(5);
|
|
87005
|
+
i0.ɵɵproperty("ngClass", ctx.benefitIconClasses());
|
|
87006
|
+
i0.ɵɵadvance(2);
|
|
87007
|
+
i0.ɵɵproperty("ngClass", ctx.benefitTextClasses());
|
|
87008
|
+
i0.ɵɵadvance(5);
|
|
87009
|
+
i0.ɵɵproperty("ngClass", ctx.benefitIconClasses());
|
|
87010
|
+
i0.ɵɵadvance(2);
|
|
87011
|
+
i0.ɵɵproperty("ngClass", ctx.benefitTextClasses());
|
|
87012
|
+
i0.ɵɵadvance(5);
|
|
87013
|
+
i0.ɵɵproperty("ngClass", ctx.benefitIconClasses());
|
|
87014
|
+
i0.ɵɵadvance(2);
|
|
87015
|
+
i0.ɵɵproperty("ngClass", ctx.benefitTextClasses());
|
|
87016
|
+
i0.ɵɵadvance(4);
|
|
87017
|
+
i0.ɵɵproperty("ngClass", ctx.ctaBoxClasses());
|
|
87018
|
+
i0.ɵɵadvance();
|
|
87019
|
+
i0.ɵɵproperty("ngClass", ctx.ctaTextClasses());
|
|
87020
|
+
i0.ɵɵadvance(2);
|
|
87021
|
+
i0.ɵɵproperty("ngClass", ctx.ctaSubtextClasses());
|
|
87022
|
+
} }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
|
|
87023
|
+
}
|
|
87024
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscriptionValuePropositionCardComponent, [{
|
|
87025
|
+
type: Component,
|
|
87026
|
+
args: [{
|
|
87027
|
+
selector: 'symphiq-subscription-value-proposition-card',
|
|
87028
|
+
standalone: true,
|
|
87029
|
+
imports: [CommonModule],
|
|
87030
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
87031
|
+
template: `
|
|
87032
|
+
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-2xl overflow-hidden relative">
|
|
87033
|
+
<div [ngClass]="gradientOverlayClasses()" class="absolute inset-0 opacity-10"></div>
|
|
87034
|
+
|
|
87035
|
+
<div class="relative z-10 px-8 py-10">
|
|
87036
|
+
<div class="flex items-start gap-6 mb-8">
|
|
87037
|
+
<div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-20 h-20 rounded-2xl flex items-center justify-center shadow-xl">
|
|
87038
|
+
<svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
87039
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
|
87040
|
+
</svg>
|
|
87041
|
+
</div>
|
|
87042
|
+
|
|
87043
|
+
<div class="flex-1">
|
|
87044
|
+
<h2 [ngClass]="titleClasses()" class="text-3xl sm:text-4xl font-bold mb-4 leading-tight">
|
|
87045
|
+
Unlock Your Revenue Growth Journey with Symphiq
|
|
87046
|
+
</h2>
|
|
87047
|
+
<p [ngClass]="subtitleClasses()" class="text-lg leading-relaxed">
|
|
87048
|
+
You've taken the first step by connecting your data and setting growth targets. Now unlock the full power of AI-driven revenue orchestration.
|
|
87049
|
+
</p>
|
|
87050
|
+
</div>
|
|
87051
|
+
</div>
|
|
87052
|
+
|
|
87053
|
+
<div [ngClass]="accomplishedBoxClasses()" class="p-6 rounded-xl border mb-8">
|
|
87054
|
+
<h3 [ngClass]="sectionTitleClasses()" class="text-xl font-bold mb-4 flex items-center gap-2">
|
|
87055
|
+
<svg class="w-6 h-6" [ngClass]="checkIconClasses()" fill="currentColor" viewBox="0 0 20 20">
|
|
87056
|
+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
|
|
87057
|
+
</svg>
|
|
87058
|
+
What You've Already Accomplished
|
|
87059
|
+
</h3>
|
|
87060
|
+
<div class="space-y-3">
|
|
87061
|
+
<div class="flex items-start gap-3">
|
|
87062
|
+
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="checkIconClasses()" fill="currentColor" viewBox="0 0 20 20">
|
|
87063
|
+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
|
|
87064
|
+
</svg>
|
|
87065
|
+
<p [ngClass]="itemTextClasses()" class="text-base">
|
|
87066
|
+
<strong class="font-semibold">Connected GA4 + Shopify</strong> — Your data foundation is set
|
|
87067
|
+
</p>
|
|
87068
|
+
</div>
|
|
87069
|
+
<div class="flex items-start gap-3">
|
|
87070
|
+
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="checkIconClasses()" fill="currentColor" viewBox="0 0 20 20">
|
|
87071
|
+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
|
|
87072
|
+
</svg>
|
|
87073
|
+
<p [ngClass]="itemTextClasses()" class="text-base">
|
|
87074
|
+
<strong class="font-semibold">Set Growth Targets</strong> — Your revenue goals are defined
|
|
87075
|
+
</p>
|
|
87076
|
+
</div>
|
|
87077
|
+
<div class="flex items-start gap-3">
|
|
87078
|
+
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="checkIconClasses()" fill="currentColor" viewBox="0 0 20 20">
|
|
87079
|
+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
|
|
87080
|
+
</svg>
|
|
87081
|
+
<p [ngClass]="itemTextClasses()" class="text-base">
|
|
87082
|
+
<strong class="font-semibold">Received Funnel Insights</strong> — You know your performance landscape
|
|
87083
|
+
</p>
|
|
87084
|
+
</div>
|
|
87085
|
+
</div>
|
|
87086
|
+
</div>
|
|
87087
|
+
|
|
87088
|
+
<div [ngClass]="unlockBoxClasses()" class="p-6 rounded-xl border-2 mb-8">
|
|
87089
|
+
<h3 [ngClass]="unlockTitleClasses()" class="text-xl font-bold mb-4 flex items-center gap-2">
|
|
87090
|
+
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
87091
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"></path>
|
|
87092
|
+
</svg>
|
|
87093
|
+
What You'll Unlock Next
|
|
87094
|
+
</h3>
|
|
87095
|
+
<div class="space-y-4">
|
|
87096
|
+
<div class="flex items-start gap-3">
|
|
87097
|
+
<div [ngClass]="numberBadgeClasses()" class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
|
|
87098
|
+
1
|
|
87099
|
+
</div>
|
|
87100
|
+
<div class="flex-1">
|
|
87101
|
+
<p [ngClass]="unlockItemTitleClasses()" class="font-bold text-base mb-1">
|
|
87102
|
+
Shop Profile Analysis
|
|
87103
|
+
</p>
|
|
87104
|
+
<p [ngClass]="unlockItemDescClasses()" class="text-sm">
|
|
87105
|
+
Deep insights into your operations, capabilities, and infrastructure
|
|
87106
|
+
</p>
|
|
87107
|
+
</div>
|
|
87108
|
+
</div>
|
|
87109
|
+
<div class="flex items-start gap-3">
|
|
87110
|
+
<div [ngClass]="numberBadgeClasses()" class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
|
|
87111
|
+
2
|
|
87112
|
+
</div>
|
|
87113
|
+
<div class="flex-1">
|
|
87114
|
+
<p [ngClass]="unlockItemTitleClasses()" class="font-bold text-base mb-1">
|
|
87115
|
+
Focus Area Insights
|
|
87116
|
+
</p>
|
|
87117
|
+
<p [ngClass]="unlockItemDescClasses()" class="text-sm">
|
|
87118
|
+
Tailored strategies for each marketing channel and growth lever
|
|
87119
|
+
</p>
|
|
87120
|
+
</div>
|
|
87121
|
+
</div>
|
|
87122
|
+
<div class="flex items-start gap-3">
|
|
87123
|
+
<div [ngClass]="numberBadgeClasses()" class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
|
|
87124
|
+
3
|
|
87125
|
+
</div>
|
|
87126
|
+
<div class="flex-1">
|
|
87127
|
+
<p [ngClass]="unlockItemTitleClasses()" class="font-bold text-base mb-1">
|
|
87128
|
+
Metric-Level Guidance
|
|
87129
|
+
</p>
|
|
87130
|
+
<p [ngClass]="unlockItemDescClasses()" class="text-sm">
|
|
87131
|
+
Precise recommendations for every funnel metric
|
|
87132
|
+
</p>
|
|
87133
|
+
</div>
|
|
87134
|
+
</div>
|
|
87135
|
+
<div class="flex items-start gap-3">
|
|
87136
|
+
<div [ngClass]="numberBadgeClasses()" class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
|
|
87137
|
+
4
|
|
87138
|
+
</div>
|
|
87139
|
+
<div class="flex-1">
|
|
87140
|
+
<p [ngClass]="unlockItemTitleClasses()" class="font-bold text-base mb-1">
|
|
87141
|
+
Unified Strategic Roadmap
|
|
87142
|
+
</p>
|
|
87143
|
+
<p [ngClass]="unlockItemDescClasses()" class="text-sm">
|
|
87144
|
+
AI-powered goals, objectives, and execution-ready strategies
|
|
87145
|
+
</p>
|
|
87146
|
+
</div>
|
|
87147
|
+
</div>
|
|
87148
|
+
</div>
|
|
87149
|
+
</div>
|
|
87150
|
+
|
|
87151
|
+
<div [ngClass]="benefitsBoxClasses()" class="p-6 rounded-xl">
|
|
87152
|
+
<h3 [ngClass]="benefitsTitleClasses()" class="text-xl font-bold mb-4">
|
|
87153
|
+
The Symphiq Advantage
|
|
87154
|
+
</h3>
|
|
87155
|
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
87156
|
+
<div class="flex items-start gap-3">
|
|
87157
|
+
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="benefitIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
87158
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
87159
|
+
</svg>
|
|
87160
|
+
<p [ngClass]="benefitTextClasses()" class="text-sm">
|
|
87161
|
+
<strong class="font-semibold">AI-Powered Recommendations</strong> tailored to your business context
|
|
87162
|
+
</p>
|
|
87163
|
+
</div>
|
|
87164
|
+
<div class="flex items-start gap-3">
|
|
87165
|
+
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="benefitIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
87166
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
87167
|
+
</svg>
|
|
87168
|
+
<p [ngClass]="benefitTextClasses()" class="text-sm">
|
|
87169
|
+
<strong class="font-semibold">Knowledge Capture</strong> that preserves institutional memory
|
|
87170
|
+
</p>
|
|
87171
|
+
</div>
|
|
87172
|
+
<div class="flex items-start gap-3">
|
|
87173
|
+
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="benefitIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
87174
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
87175
|
+
</svg>
|
|
87176
|
+
<p [ngClass]="benefitTextClasses()" class="text-sm">
|
|
87177
|
+
<strong class="font-semibold">Coordinated Execution</strong> from goals to actionable tasks
|
|
87178
|
+
</p>
|
|
87179
|
+
</div>
|
|
87180
|
+
<div class="flex items-start gap-3">
|
|
87181
|
+
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="benefitIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
87182
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
87183
|
+
</svg>
|
|
87184
|
+
<p [ngClass]="benefitTextClasses()" class="text-sm">
|
|
87185
|
+
<strong class="font-semibold">Measurable Outcomes</strong> tied to funnel performance
|
|
87186
|
+
</p>
|
|
87187
|
+
</div>
|
|
87188
|
+
</div>
|
|
87189
|
+
</div>
|
|
87190
|
+
|
|
87191
|
+
<div [ngClass]="ctaBoxClasses()" class="mt-8 p-6 rounded-xl border-2 text-center">
|
|
87192
|
+
<p [ngClass]="ctaTextClasses()" class="text-lg font-semibold mb-2">
|
|
87193
|
+
Ready to Continue?
|
|
87194
|
+
</p>
|
|
87195
|
+
<p [ngClass]="ctaSubtextClasses()" class="text-sm">
|
|
87196
|
+
Select your billing currency below, choose a plan, and unlock your complete analysis
|
|
87197
|
+
</p>
|
|
87198
|
+
</div>
|
|
87199
|
+
</div>
|
|
87200
|
+
</div>
|
|
87201
|
+
`
|
|
87202
|
+
}]
|
|
87203
|
+
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
|
|
87204
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscriptionValuePropositionCardComponent, { className: "SubscriptionValuePropositionCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/subscription-value-proposition-card.component.ts", lineNumber: 182 }); })();
|
|
87205
|
+
|
|
87206
|
+
function StickySubscriptionContinueButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
87207
|
+
i0.ɵɵnamespaceSVG();
|
|
87208
|
+
i0.ɵɵelementStart(0, "svg", 4);
|
|
87209
|
+
i0.ɵɵelement(1, "circle", 5)(2, "path", 6);
|
|
87210
|
+
i0.ɵɵelementEnd();
|
|
87211
|
+
i0.ɵɵnamespaceHTML();
|
|
87212
|
+
i0.ɵɵelementStart(3, "span");
|
|
87213
|
+
i0.ɵɵtext(4, "Processing...");
|
|
87214
|
+
i0.ɵɵelementEnd();
|
|
87215
|
+
} }
|
|
87216
|
+
function StickySubscriptionContinueButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
87217
|
+
i0.ɵɵelementStart(0, "span");
|
|
87218
|
+
i0.ɵɵtext(1, "Continue to Plans");
|
|
87219
|
+
i0.ɵɵelementEnd();
|
|
87220
|
+
i0.ɵɵnamespaceSVG();
|
|
87221
|
+
i0.ɵɵelementStart(2, "svg", 7);
|
|
87222
|
+
i0.ɵɵelement(3, "path", 8);
|
|
87223
|
+
i0.ɵɵelementEnd();
|
|
87224
|
+
} if (rf & 2) {
|
|
87225
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
87226
|
+
i0.ɵɵadvance(2);
|
|
87227
|
+
i0.ɵɵclassProp("translate-x-1", ctx_r0.isEnabled());
|
|
87228
|
+
} }
|
|
87229
|
+
function StickySubscriptionContinueButtonComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
87230
|
+
i0.ɵɵelementStart(0, "p", 3);
|
|
87231
|
+
i0.ɵɵtext(1, " Please select a billing currency above to continue ");
|
|
87232
|
+
i0.ɵɵelementEnd();
|
|
87233
|
+
} if (rf & 2) {
|
|
87234
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
87235
|
+
i0.ɵɵproperty("ngClass", ctx_r0.hintTextClasses());
|
|
87236
|
+
} }
|
|
87237
|
+
class StickySubscriptionContinueButtonComponent {
|
|
87238
|
+
constructor() {
|
|
87239
|
+
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
87240
|
+
this.isEnabled = input(false, ...(ngDevMode ? [{ debugName: "isEnabled" }] : []));
|
|
87241
|
+
this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
|
|
87242
|
+
this.continueClick = output();
|
|
87243
|
+
}
|
|
87244
|
+
handleClick() {
|
|
87245
|
+
if (this.isEnabled() && !this.isLoading()) {
|
|
87246
|
+
this.continueClick.emit();
|
|
87247
|
+
}
|
|
87248
|
+
}
|
|
87249
|
+
containerClasses() {
|
|
87250
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
87251
|
+
? 'bg-slate-900/80 border-slate-700/50'
|
|
87252
|
+
: 'bg-white/80 border-slate-200';
|
|
87253
|
+
}
|
|
87254
|
+
buttonClasses() {
|
|
87255
|
+
const isDisabled = !this.isEnabled() || this.isLoading();
|
|
87256
|
+
if (this.viewMode() === ViewModeEnum.DARK) {
|
|
87257
|
+
if (isDisabled) {
|
|
87258
|
+
return 'bg-slate-700 text-slate-500 cursor-not-allowed opacity-50';
|
|
87259
|
+
}
|
|
87260
|
+
return '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] cursor-pointer';
|
|
87261
|
+
}
|
|
87262
|
+
else {
|
|
87263
|
+
if (isDisabled) {
|
|
87264
|
+
return 'bg-slate-300 text-slate-500 cursor-not-allowed opacity-50';
|
|
87265
|
+
}
|
|
87266
|
+
return '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] cursor-pointer';
|
|
87267
|
+
}
|
|
87268
|
+
}
|
|
87269
|
+
hintTextClasses() {
|
|
87270
|
+
return this.viewMode() === ViewModeEnum.DARK
|
|
87271
|
+
? 'text-slate-400'
|
|
87272
|
+
: 'text-slate-600';
|
|
87273
|
+
}
|
|
87274
|
+
static { this.ɵfac = function StickySubscriptionContinueButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StickySubscriptionContinueButtonComponent)(); }; }
|
|
87275
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StickySubscriptionContinueButtonComponent, selectors: [["symphiq-sticky-subscription-continue-button"]], inputs: { viewMode: [1, "viewMode"], isEnabled: [1, "isEnabled"], isLoading: [1, "isLoading"] }, outputs: { continueClick: "continueClick" }, decls: 6, vars: 5, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], ["type", "button", 1, "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", 3, "click", "disabled", "ngClass"], [1, "text-center", "text-sm", "mt-3", 3, "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["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", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function StickySubscriptionContinueButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
87276
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
|
|
87277
|
+
i0.ɵɵlistener("click", function StickySubscriptionContinueButtonComponent_Template_button_click_2_listener() { return ctx.handleClick(); });
|
|
87278
|
+
i0.ɵɵconditionalCreate(3, StickySubscriptionContinueButtonComponent_Conditional_3_Template, 5, 0)(4, StickySubscriptionContinueButtonComponent_Conditional_4_Template, 4, 2);
|
|
87279
|
+
i0.ɵɵelementEnd();
|
|
87280
|
+
i0.ɵɵconditionalCreate(5, StickySubscriptionContinueButtonComponent_Conditional_5_Template, 2, 1, "p", 3);
|
|
87281
|
+
i0.ɵɵelementEnd()();
|
|
87282
|
+
} if (rf & 2) {
|
|
87283
|
+
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
87284
|
+
i0.ɵɵadvance(2);
|
|
87285
|
+
i0.ɵɵproperty("disabled", !ctx.isEnabled() || ctx.isLoading())("ngClass", ctx.buttonClasses());
|
|
87286
|
+
i0.ɵɵadvance();
|
|
87287
|
+
i0.ɵɵconditional(ctx.isLoading() ? 3 : 4);
|
|
87288
|
+
i0.ɵɵadvance(2);
|
|
87289
|
+
i0.ɵɵconditional(!ctx.isEnabled() && !ctx.isLoading() ? 5 : -1);
|
|
87290
|
+
} }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
|
|
87291
|
+
}
|
|
87292
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StickySubscriptionContinueButtonComponent, [{
|
|
87293
|
+
type: Component,
|
|
87294
|
+
args: [{
|
|
87295
|
+
selector: 'symphiq-sticky-subscription-continue-button',
|
|
87296
|
+
standalone: true,
|
|
87297
|
+
imports: [CommonModule],
|
|
87298
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
87299
|
+
template: `
|
|
87300
|
+
<div [ngClass]="containerClasses()" class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-lg">
|
|
87301
|
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
|
87302
|
+
<button
|
|
87303
|
+
type="button"
|
|
87304
|
+
(click)="handleClick()"
|
|
87305
|
+
[disabled]="!isEnabled() || isLoading()"
|
|
87306
|
+
[ngClass]="buttonClasses()"
|
|
87307
|
+
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">
|
|
87308
|
+
@if (isLoading()) {
|
|
87309
|
+
<svg class="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
|
|
87310
|
+
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
|
87311
|
+
<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>
|
|
87312
|
+
</svg>
|
|
87313
|
+
<span>Processing...</span>
|
|
87314
|
+
} @else {
|
|
87315
|
+
<span>Continue to Plans</span>
|
|
87316
|
+
<svg class="w-6 h-6 transition-transform duration-200" [class.translate-x-1]="isEnabled()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
87317
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
|
|
87318
|
+
</svg>
|
|
87319
|
+
}
|
|
87320
|
+
</button>
|
|
87321
|
+
@if (!isEnabled() && !isLoading()) {
|
|
87322
|
+
<p [ngClass]="hintTextClasses()" class="text-center text-sm mt-3">
|
|
87323
|
+
Please select a billing currency above to continue
|
|
87324
|
+
</p>
|
|
87325
|
+
}
|
|
87326
|
+
</div>
|
|
87327
|
+
</div>
|
|
87328
|
+
`
|
|
87329
|
+
}]
|
|
87330
|
+
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEnabled", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }] }); })();
|
|
87331
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StickySubscriptionContinueButtonComponent, { className: "StickySubscriptionContinueButtonComponent", filePath: "lib/components/profile-analysis-dashboard/cards/sticky-subscription-continue-button.component.ts", lineNumber: 41 }); })();
|
|
87332
|
+
|
|
87333
|
+
const _c0$2 = a0 => ({ name: "chevron-right", source: a0 });
|
|
87334
|
+
const _c1 = a0 => ({ name: "chevron-down", source: a0 });
|
|
87335
|
+
const _c2 = a0 => [a0];
|
|
87336
|
+
const _forTrack0 = ($index, $item) => $item.id;
|
|
87337
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
87338
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
87339
|
+
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 23);
|
|
87340
|
+
i0.ɵɵlistener("nextStepClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
|
|
87341
|
+
i0.ɵɵelementEnd();
|
|
87342
|
+
} if (rf & 2) {
|
|
87343
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
87344
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.shouldShowContinueButton())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
|
|
87345
|
+
} }
|
|
87346
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
87347
|
+
i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 24);
|
|
87348
|
+
} if (rf & 2) {
|
|
87349
|
+
let tmp_3_0;
|
|
87350
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87351
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.businessName) || "your shop")("isOnboarded", ctx_r1.isOnboarded());
|
|
87352
|
+
} }
|
|
87353
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
87354
|
+
i0.ɵɵelement(0, "symphiq-focus-area-welcome-banner", 25);
|
|
87355
|
+
} if (rf & 2) {
|
|
87356
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87357
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName())("focusAreaDetails", ctx_r1.focusAreaDetails());
|
|
87358
|
+
} }
|
|
87359
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
87360
|
+
i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 26);
|
|
87361
|
+
} if (rf & 2) {
|
|
87362
|
+
let tmp_3_0;
|
|
87363
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87364
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("metricName", (tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary.metric)("isOnboarded", ctx_r1.isOnboarded());
|
|
87365
|
+
} }
|
|
87366
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
87367
|
+
i0.ɵɵelementStart(0, "div", 7);
|
|
87368
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-shop-welcome-banner", 24);
|
|
87369
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 1, 4, "symphiq-focus-area-welcome-banner", 25);
|
|
87370
|
+
i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 1, 3, "symphiq-metric-welcome-banner", 26);
|
|
87371
|
+
i0.ɵɵelementEnd();
|
|
87372
|
+
} if (rf & 2) {
|
|
87373
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
87374
|
+
i0.ɵɵadvance();
|
|
87375
|
+
i0.ɵɵconditional(!ctx_r1.isFocusAreaAnalysis() && !ctx_r1.isMetricAnalysis() ? 1 : -1);
|
|
87376
|
+
i0.ɵɵadvance();
|
|
87377
|
+
i0.ɵɵconditional(ctx_r1.isFocusAreaAnalysis() ? 2 : -1);
|
|
87378
|
+
i0.ɵɵadvance();
|
|
87379
|
+
i0.ɵɵconditional(ctx_r1.isMetricAnalysis() ? 3 : -1);
|
|
87380
|
+
} }
|
|
87381
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
87382
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
87383
|
+
i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 29);
|
|
87384
|
+
i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
|
|
87385
|
+
i0.ɵɵelementEnd();
|
|
87386
|
+
} if (rf & 2) {
|
|
87387
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87388
|
+
i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
|
|
87389
|
+
} }
|
|
87390
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
87391
|
+
const _r4 = i0.ɵɵgetCurrentView();
|
|
87392
|
+
i0.ɵɵelementStart(0, "symphiq-billing-currency-selector-card", 33);
|
|
87393
|
+
i0.ɵɵlistener("currencySelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_billing_currency_selector_card_currencySelected_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencySelection($event)); });
|
|
87394
|
+
i0.ɵɵelementEnd();
|
|
87395
|
+
} if (rf & 2) {
|
|
87396
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
87397
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isLoading", ctx_r1.isCurrencySelectionLoading());
|
|
87398
|
+
} }
|
|
87399
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
87400
|
+
i0.ɵɵelement(0, "symphiq-plan-selection-placeholder-card", 32);
|
|
87401
|
+
} if (rf & 2) {
|
|
87402
|
+
let tmp_4_0;
|
|
87403
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
87404
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_4_0 = ctx_r1.account()) == null ? null : tmp_4_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD);
|
|
87405
|
+
} }
|
|
87406
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
87407
|
+
i0.ɵɵelementStart(0, "div", 27);
|
|
87408
|
+
i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 30);
|
|
87409
|
+
i0.ɵɵelementEnd();
|
|
87410
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template, 1, 2, "symphiq-billing-currency-selector-card", 31)(3, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 32);
|
|
87411
|
+
} if (rf & 2) {
|
|
87412
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87413
|
+
i0.ɵɵadvance();
|
|
87414
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
|
|
87415
|
+
i0.ɵɵadvance();
|
|
87416
|
+
i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() ? 2 : 3);
|
|
87417
|
+
} }
|
|
87418
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
87419
|
+
i0.ɵɵelementStart(0, "div");
|
|
87420
|
+
i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 34);
|
|
87421
|
+
i0.ɵɵelementEnd();
|
|
87422
|
+
} if (rf & 2) {
|
|
87423
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87424
|
+
i0.ɵɵadvance();
|
|
87425
|
+
i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("executiveSummary", ctx_r1.executiveSummary())("focusAreaExecutiveSummary", ctx_r1.focusAreaExecutiveSummary())("metricExecutiveSummary", ctx_r1.metricExecutiveSummary())("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
|
|
87426
|
+
} }
|
|
87427
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
87428
|
+
i0.ɵɵelementStart(0, "div", 27);
|
|
87429
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 28)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 4, 2);
|
|
87430
|
+
i0.ɵɵelementEnd();
|
|
87431
|
+
i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_3_Template, 2, 11, "div");
|
|
87432
|
+
} if (rf & 2) {
|
|
87433
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
87434
|
+
i0.ɵɵadvance();
|
|
87435
|
+
i0.ɵɵconditional(ctx_r1.isSubscriptionActive() || ctx_r1.isFocusAreaAnalysis() || ctx_r1.isMetricAnalysis() ? 1 : 2);
|
|
87436
|
+
i0.ɵɵadvance(2);
|
|
87437
|
+
i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 ? 3 : -1);
|
|
87438
|
+
} }
|
|
87439
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
87440
|
+
i0.ɵɵelement(0, "symphiq-grade-badge", 45);
|
|
87441
|
+
} if (rf & 2) {
|
|
87442
|
+
const summary_r6 = i0.ɵɵnextContext();
|
|
87443
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87444
|
+
i0.ɵɵproperty("grade", summary_r6.overallGrade)("gradeRationale", summary_r6.gradeRationale || "")("viewMode", ctx_r1.viewMode());
|
|
87445
|
+
} }
|
|
87446
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
87447
|
+
i0.ɵɵelementStart(0, "div", 58);
|
|
87448
|
+
i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 61);
|
|
87449
|
+
i0.ɵɵelementEnd();
|
|
87450
|
+
} if (rf & 2) {
|
|
87451
|
+
const summary_r6 = i0.ɵɵnextContext(2);
|
|
87452
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87453
|
+
i0.ɵɵadvance();
|
|
87454
|
+
i0.ɵɵproperty("visual", summary_r6.napkinVisual)("viewMode", ctx_r1.viewMode());
|
|
87455
|
+
} }
|
|
87456
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
87457
|
+
i0.ɵɵelementStart(0, "div", 46)(1, "h3", 56);
|
|
87458
|
+
i0.ɵɵtext(2, " Analysis Narrative ");
|
|
87459
|
+
i0.ɵɵelementEnd();
|
|
87460
|
+
i0.ɵɵelementStart(3, "div", 57);
|
|
87461
|
+
i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 58);
|
|
87462
|
+
i0.ɵɵelementStart(5, "p", 59);
|
|
87463
|
+
i0.ɵɵtext(6);
|
|
87464
|
+
i0.ɵɵelementEnd();
|
|
87465
|
+
i0.ɵɵelement(7, "div", 60);
|
|
87466
|
+
i0.ɵɵelementEnd()();
|
|
87467
|
+
} if (rf & 2) {
|
|
87468
|
+
const summary_r6 = i0.ɵɵnextContext();
|
|
87469
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87470
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getNarrativeClasses());
|
|
87471
|
+
i0.ɵɵadvance();
|
|
87472
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getSubheadingClasses());
|
|
87473
|
+
i0.ɵɵadvance(3);
|
|
87474
|
+
i0.ɵɵconditional(summary_r6.napkinVisual && summary_r6.napkinVisual.enabled ? 4 : -1);
|
|
87475
|
+
i0.ɵɵadvance();
|
|
87476
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
|
|
87477
|
+
i0.ɵɵadvance();
|
|
87478
|
+
i0.ɵɵtextInterpolate1(" ", summary_r6.narrative, " ");
|
|
87479
|
+
} }
|
|
87480
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
87481
|
+
i0.ɵɵelementStart(0, "div", 71);
|
|
87482
|
+
i0.ɵɵnamespaceSVG();
|
|
87483
|
+
i0.ɵɵelementStart(1, "svg", 73);
|
|
87484
|
+
i0.ɵɵelement(2, "path", 74);
|
|
87485
|
+
i0.ɵɵelementEnd();
|
|
87486
|
+
i0.ɵɵnamespaceHTML();
|
|
87487
|
+
i0.ɵɵelementStart(3, "span");
|
|
87488
|
+
i0.ɵɵtext(4);
|
|
87489
|
+
i0.ɵɵelementEnd()();
|
|
87490
|
+
} if (rf & 2) {
|
|
87491
|
+
const win_r7 = i0.ɵɵnextContext().$implicit;
|
|
87492
|
+
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
87493
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
|
|
87494
|
+
i0.ɵɵadvance(4);
|
|
87495
|
+
i0.ɵɵtextInterpolate(win_r7.estimatedTimeframe);
|
|
87496
|
+
} }
|
|
87497
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
87498
|
+
i0.ɵɵelementStart(0, "div", 72)(1, "h4", 75);
|
|
87499
|
+
i0.ɵɵtext(2, " Related Goal ");
|
|
87500
|
+
i0.ɵɵelementEnd();
|
|
87501
|
+
i0.ɵɵelement(3, "symphiq-related-goal-chips", 76);
|
|
87502
|
+
i0.ɵɵelementEnd();
|
|
87016
87503
|
} if (rf & 2) {
|
|
87017
87504
|
const win_r7 = i0.ɵɵnextContext().$implicit;
|
|
87018
87505
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
@@ -87022,20 +87509,20 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
|
|
|
87022
87509
|
i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c2, win_r7.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
|
|
87023
87510
|
} }
|
|
87024
87511
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
87025
|
-
i0.ɵɵelementStart(0, "div",
|
|
87512
|
+
i0.ɵɵelementStart(0, "div", 64)(1, "div", 65)(2, "div", 66)(3, "span", 67);
|
|
87026
87513
|
i0.ɵɵtext(4);
|
|
87027
87514
|
i0.ɵɵelementEnd();
|
|
87028
|
-
i0.ɵɵelementStart(5, "p",
|
|
87515
|
+
i0.ɵɵelementStart(5, "p", 68);
|
|
87029
87516
|
i0.ɵɵtext(6);
|
|
87030
87517
|
i0.ɵɵelementEnd()();
|
|
87031
|
-
i0.ɵɵelementStart(7, "div",
|
|
87518
|
+
i0.ɵɵelementStart(7, "div", 69)(8, "span", 70);
|
|
87032
87519
|
i0.ɵɵtext(9);
|
|
87033
87520
|
i0.ɵɵelementEnd();
|
|
87034
|
-
i0.ɵɵelementStart(10, "span",
|
|
87521
|
+
i0.ɵɵelementStart(10, "span", 70);
|
|
87035
87522
|
i0.ɵɵtext(11);
|
|
87036
87523
|
i0.ɵɵelementEnd()();
|
|
87037
|
-
i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div",
|
|
87038
|
-
i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div",
|
|
87524
|
+
i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 71);
|
|
87525
|
+
i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 72);
|
|
87039
87526
|
i0.ɵɵelementEnd()();
|
|
87040
87527
|
} if (rf & 2) {
|
|
87041
87528
|
const win_r7 = ctx.$implicit;
|
|
@@ -87064,11 +87551,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
|
|
|
87064
87551
|
i0.ɵɵconditional(win_r7.relatedGoalId ? 13 : -1);
|
|
87065
87552
|
} }
|
|
87066
87553
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
|
|
87067
|
-
i0.ɵɵelementStart(0, "div",
|
|
87554
|
+
i0.ɵɵelementStart(0, "div", 55)(1, "h3", 62);
|
|
87068
87555
|
i0.ɵɵtext(2, " Quick Wins ");
|
|
87069
87556
|
i0.ɵɵelementEnd();
|
|
87070
|
-
i0.ɵɵelementStart(3, "div",
|
|
87071
|
-
i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div",
|
|
87557
|
+
i0.ɵɵelementStart(3, "div", 63);
|
|
87558
|
+
i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 64, i0.ɵɵrepeaterTrackByIndex);
|
|
87072
87559
|
i0.ɵɵelementEnd()();
|
|
87073
87560
|
} if (rf & 2) {
|
|
87074
87561
|
const summary_r6 = i0.ɵɵnextContext();
|
|
@@ -87080,55 +87567,55 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
|
|
|
87080
87567
|
} }
|
|
87081
87568
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
87082
87569
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
87083
|
-
i0.ɵɵelementStart(0, "section",
|
|
87570
|
+
i0.ɵɵelementStart(0, "section", 35)(1, "div", 39)(2, "div", 40)(3, "div", 41)(4, "div", 42)(5, "h2", 43);
|
|
87084
87571
|
i0.ɵɵtext(6, " Executive Summary ");
|
|
87085
87572
|
i0.ɵɵelementEnd();
|
|
87086
|
-
i0.ɵɵelementStart(7, "p",
|
|
87573
|
+
i0.ɵɵelementStart(7, "p", 44);
|
|
87087
87574
|
i0.ɵɵtext(8);
|
|
87088
87575
|
i0.ɵɵelementEnd()();
|
|
87089
|
-
i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge",
|
|
87576
|
+
i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 45);
|
|
87090
87577
|
i0.ɵɵelementEnd();
|
|
87091
|
-
i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div",
|
|
87092
|
-
i0.ɵɵelementStart(11, "div",
|
|
87578
|
+
i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 46);
|
|
87579
|
+
i0.ɵɵelementStart(11, "div", 47)(12, "button", 48);
|
|
87093
87580
|
i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_12_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r6)); });
|
|
87094
|
-
i0.ɵɵelementStart(13, "div",
|
|
87581
|
+
i0.ɵɵelementStart(13, "div", 49);
|
|
87095
87582
|
i0.ɵɵtext(14, " Key Strengths ");
|
|
87096
87583
|
i0.ɵɵelementEnd();
|
|
87097
|
-
i0.ɵɵelementStart(15, "div",
|
|
87584
|
+
i0.ɵɵelementStart(15, "div", 50);
|
|
87098
87585
|
i0.ɵɵtext(16);
|
|
87099
87586
|
i0.ɵɵelementEnd();
|
|
87100
|
-
i0.ɵɵelementStart(17, "div",
|
|
87587
|
+
i0.ɵɵelementStart(17, "div", 51)(18, "span", 52);
|
|
87101
87588
|
i0.ɵɵtext(19, "View Details");
|
|
87102
87589
|
i0.ɵɵelementEnd();
|
|
87103
|
-
i0.ɵɵelement(20, "symphiq-icon",
|
|
87590
|
+
i0.ɵɵelement(20, "symphiq-icon", 53);
|
|
87104
87591
|
i0.ɵɵelementEnd()();
|
|
87105
|
-
i0.ɵɵelementStart(21, "button",
|
|
87592
|
+
i0.ɵɵelementStart(21, "button", 48);
|
|
87106
87593
|
i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_21_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r6)); });
|
|
87107
|
-
i0.ɵɵelementStart(22, "div",
|
|
87594
|
+
i0.ɵɵelementStart(22, "div", 49);
|
|
87108
87595
|
i0.ɵɵtext(23, " Critical Gaps ");
|
|
87109
87596
|
i0.ɵɵelementEnd();
|
|
87110
|
-
i0.ɵɵelementStart(24, "div",
|
|
87597
|
+
i0.ɵɵelementStart(24, "div", 50);
|
|
87111
87598
|
i0.ɵɵtext(25);
|
|
87112
87599
|
i0.ɵɵelementEnd();
|
|
87113
|
-
i0.ɵɵelementStart(26, "div",
|
|
87600
|
+
i0.ɵɵelementStart(26, "div", 51)(27, "span", 52);
|
|
87114
87601
|
i0.ɵɵtext(28, "View Details");
|
|
87115
87602
|
i0.ɵɵelementEnd();
|
|
87116
|
-
i0.ɵɵelement(29, "symphiq-icon",
|
|
87603
|
+
i0.ɵɵelement(29, "symphiq-icon", 53);
|
|
87117
87604
|
i0.ɵɵelementEnd()();
|
|
87118
|
-
i0.ɵɵelementStart(30, "button",
|
|
87605
|
+
i0.ɵɵelementStart(30, "button", 48);
|
|
87119
87606
|
i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
|
|
87120
|
-
i0.ɵɵelementStart(31, "div",
|
|
87607
|
+
i0.ɵɵelementStart(31, "div", 49);
|
|
87121
87608
|
i0.ɵɵtext(32, " Quick Wins ");
|
|
87122
87609
|
i0.ɵɵelementEnd();
|
|
87123
|
-
i0.ɵɵelementStart(33, "div",
|
|
87610
|
+
i0.ɵɵelementStart(33, "div", 50);
|
|
87124
87611
|
i0.ɵɵtext(34);
|
|
87125
87612
|
i0.ɵɵelementEnd();
|
|
87126
|
-
i0.ɵɵelementStart(35, "div",
|
|
87613
|
+
i0.ɵɵelementStart(35, "div", 51)(36, "span", 52);
|
|
87127
87614
|
i0.ɵɵtext(37, "Details Below");
|
|
87128
87615
|
i0.ɵɵelementEnd();
|
|
87129
|
-
i0.ɵɵelement(38, "symphiq-icon",
|
|
87616
|
+
i0.ɵɵelement(38, "symphiq-icon", 54);
|
|
87130
87617
|
i0.ɵɵelementEnd()()()()();
|
|
87131
|
-
i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div",
|
|
87618
|
+
i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 55);
|
|
87132
87619
|
i0.ɵɵelementEnd();
|
|
87133
87620
|
} if (rf & 2) {
|
|
87134
87621
|
const summary_r6 = ctx;
|
|
@@ -87186,7 +87673,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
|
|
|
87186
87673
|
} }
|
|
87187
87674
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
87188
87675
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
87189
|
-
i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary",
|
|
87676
|
+
i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 77);
|
|
87190
87677
|
i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
|
|
87191
87678
|
i0.ɵɵelementEnd();
|
|
87192
87679
|
} if (rf & 2) {
|
|
@@ -87195,7 +87682,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_T
|
|
|
87195
87682
|
} }
|
|
87196
87683
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
87197
87684
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
87198
|
-
i0.ɵɵelementStart(0, "symphiq-metric-executive-summary",
|
|
87685
|
+
i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 78);
|
|
87199
87686
|
i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); });
|
|
87200
87687
|
i0.ɵɵelementEnd();
|
|
87201
87688
|
} if (rf & 2) {
|
|
@@ -87203,21 +87690,21 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_T
|
|
|
87203
87690
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
|
|
87204
87691
|
} }
|
|
87205
87692
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
87206
|
-
i0.ɵɵelement(0, "symphiq-section-divider",
|
|
87693
|
+
i0.ɵɵelement(0, "symphiq-section-divider", 79);
|
|
87207
87694
|
} if (rf & 2) {
|
|
87208
87695
|
const sectionList_r11 = i0.ɵɵnextContext();
|
|
87209
87696
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87210
87697
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r11[0].icon);
|
|
87211
87698
|
} }
|
|
87212
87699
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
87213
|
-
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider",
|
|
87700
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 79);
|
|
87214
87701
|
} if (rf & 2) {
|
|
87215
87702
|
const sectionList_r11 = ctx;
|
|
87216
87703
|
i0.ɵɵconditional(sectionList_r11.length > 0 && sectionList_r11[0].icon ? 0 : -1);
|
|
87217
87704
|
} }
|
|
87218
87705
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
87219
|
-
i0.ɵɵelementStart(0, "div",
|
|
87220
|
-
i0.ɵɵelement(1, "symphiq-icon",
|
|
87706
|
+
i0.ɵɵelementStart(0, "div", 82);
|
|
87707
|
+
i0.ɵɵelement(1, "symphiq-icon", 86);
|
|
87221
87708
|
i0.ɵɵelementEnd();
|
|
87222
87709
|
} if (rf & 2) {
|
|
87223
87710
|
const section_r12 = i0.ɵɵnextContext().$implicit;
|
|
@@ -87227,8 +87714,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
|
|
|
87227
87714
|
i0.ɵɵproperty("icon", section_r12.icon);
|
|
87228
87715
|
} }
|
|
87229
87716
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
87230
|
-
i0.ɵɵelementStart(0, "div",
|
|
87231
|
-
i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder",
|
|
87717
|
+
i0.ɵɵelementStart(0, "div", 88);
|
|
87718
|
+
i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 61);
|
|
87232
87719
|
i0.ɵɵelementEnd();
|
|
87233
87720
|
} if (rf & 2) {
|
|
87234
87721
|
const section_r12 = i0.ɵɵnextContext(2).$implicit;
|
|
@@ -87237,7 +87724,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
|
|
|
87237
87724
|
i0.ɵɵproperty("visual", section_r12.visual)("viewMode", ctx_r1.viewMode());
|
|
87238
87725
|
} }
|
|
87239
87726
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
87240
|
-
i0.ɵɵelementStart(0, "div",
|
|
87727
|
+
i0.ɵɵelementStart(0, "div", 90)(1, "p", 59);
|
|
87241
87728
|
i0.ɵɵtext(2);
|
|
87242
87729
|
i0.ɵɵelementEnd()();
|
|
87243
87730
|
} if (rf & 2) {
|
|
@@ -87250,42 +87737,42 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
|
|
|
87250
87737
|
i0.ɵɵtextInterpolate1(" ", section_r12.description, " ");
|
|
87251
87738
|
} }
|
|
87252
87739
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
87253
|
-
i0.ɵɵelementStart(0, "div",
|
|
87254
|
-
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div",
|
|
87255
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div",
|
|
87740
|
+
i0.ɵɵelementStart(0, "div", 87);
|
|
87741
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 88);
|
|
87742
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 89);
|
|
87256
87743
|
i0.ɵɵelementEnd();
|
|
87257
87744
|
} if (rf & 2) {
|
|
87258
87745
|
const ctx_r12 = i0.ɵɵnextContext();
|
|
87259
87746
|
const section_r12 = ctx_r12.$implicit;
|
|
87260
|
-
const ɵ$
|
|
87261
|
-
i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$
|
|
87747
|
+
const ɵ$index_198_r14 = ctx_r12.$index;
|
|
87748
|
+
i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_198_r14 % 2 === 0);
|
|
87262
87749
|
i0.ɵɵadvance();
|
|
87263
87750
|
i0.ɵɵconditional(section_r12.visual && section_r12.visual.enabled ? 1 : -1);
|
|
87264
87751
|
i0.ɵɵadvance();
|
|
87265
87752
|
i0.ɵɵconditional(section_r12.description ? 2 : -1);
|
|
87266
87753
|
} }
|
|
87267
87754
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
87268
|
-
i0.ɵɵelement(0, "symphiq-section-divider",
|
|
87755
|
+
i0.ɵɵelement(0, "symphiq-section-divider", 79);
|
|
87269
87756
|
} if (rf & 2) {
|
|
87270
|
-
const ɵ$
|
|
87757
|
+
const ɵ$index_198_r14 = i0.ɵɵnextContext().$index;
|
|
87271
87758
|
const sectionList_r15 = i0.ɵɵnextContext();
|
|
87272
87759
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
87273
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r15[ɵ$
|
|
87760
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r15[ɵ$index_198_r14 + 1].icon);
|
|
87274
87761
|
} }
|
|
87275
87762
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
87276
|
-
i0.ɵɵelementStart(0, "div",
|
|
87277
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div",
|
|
87278
|
-
i0.ɵɵelementStart(3, "div",
|
|
87763
|
+
i0.ɵɵelementStart(0, "div", 80)(1, "div", 81);
|
|
87764
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 82);
|
|
87765
|
+
i0.ɵɵelementStart(3, "div", 42)(4, "h3", 83);
|
|
87279
87766
|
i0.ɵɵtext(5);
|
|
87280
87767
|
i0.ɵɵelementEnd()()();
|
|
87281
|
-
i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div",
|
|
87282
|
-
i0.ɵɵelement(7, "symphiq-profile-section-content",
|
|
87768
|
+
i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 84);
|
|
87769
|
+
i0.ɵɵelement(7, "symphiq-profile-section-content", 85);
|
|
87283
87770
|
i0.ɵɵelementEnd();
|
|
87284
|
-
i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider",
|
|
87771
|
+
i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 79);
|
|
87285
87772
|
} if (rf & 2) {
|
|
87286
87773
|
const section_r12 = ctx.$implicit;
|
|
87287
|
-
const ɵ$
|
|
87288
|
-
const ɵ$
|
|
87774
|
+
const ɵ$index_198_r14 = ctx.$index;
|
|
87775
|
+
const ɵ$count_198_r16 = ctx.$count;
|
|
87289
87776
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
87290
87777
|
i0.ɵɵproperty("id", "section-" + section_r12.id)("ngClass", ctx_r1.getSectionCardClasses());
|
|
87291
87778
|
i0.ɵɵadvance(2);
|
|
@@ -87297,12 +87784,12 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
|
|
|
87297
87784
|
i0.ɵɵadvance();
|
|
87298
87785
|
i0.ɵɵconditional(section_r12.description || section_r12.visual && section_r12.visual.enabled ? 6 : -1);
|
|
87299
87786
|
i0.ɵɵadvance();
|
|
87300
|
-
i0.ɵɵproperty("section", section_r12)("executiveSummary", section_r12.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$
|
|
87787
|
+
i0.ɵɵproperty("section", section_r12)("executiveSummary", section_r12.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_198_r14)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
|
|
87301
87788
|
i0.ɵɵadvance();
|
|
87302
|
-
i0.ɵɵconditional(!(ɵ$
|
|
87789
|
+
i0.ɵɵconditional(!(ɵ$index_198_r14 === ɵ$count_198_r16 - 1) ? 8 : -1);
|
|
87303
87790
|
} }
|
|
87304
87791
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
87305
|
-
i0.ɵɵelementStart(0, "section",
|
|
87792
|
+
i0.ɵɵelementStart(0, "section", 38);
|
|
87306
87793
|
i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template, 9, 16, null, null, _forTrack0);
|
|
87307
87794
|
i0.ɵɵelementEnd();
|
|
87308
87795
|
} if (rf & 2) {
|
|
@@ -87310,11 +87797,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_T
|
|
|
87310
87797
|
i0.ɵɵrepeater(ctx);
|
|
87311
87798
|
} }
|
|
87312
87799
|
function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
87313
|
-
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section",
|
|
87314
|
-
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary",
|
|
87315
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary",
|
|
87800
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 35);
|
|
87801
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 36);
|
|
87802
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 37);
|
|
87316
87803
|
i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template, 1, 1);
|
|
87317
|
-
i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section",
|
|
87804
|
+
i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 38);
|
|
87318
87805
|
} if (rf & 2) {
|
|
87319
87806
|
let tmp_1_0;
|
|
87320
87807
|
let tmp_2_0;
|
|
@@ -87397,6 +87884,15 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template(rf, ct
|
|
|
87397
87884
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
87398
87885
|
i0.ɵɵproperty("opportunity", data_r24.opportunity)("viewMode", data_r24.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
|
|
87399
87886
|
} }
|
|
87887
|
+
function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
|
|
87888
|
+
const _r25 = i0.ɵɵgetCurrentView();
|
|
87889
|
+
i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 91);
|
|
87890
|
+
i0.ɵɵlistener("continueClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
|
|
87891
|
+
i0.ɵɵelementEnd();
|
|
87892
|
+
} if (rf & 2) {
|
|
87893
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
87894
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isEnabled", ctx_r1.hasCurrencySelected())("isLoading", ctx_r1.isCurrencySelectionLoading());
|
|
87895
|
+
} }
|
|
87400
87896
|
class SymphiqProfileAnalysisDashboardComponent {
|
|
87401
87897
|
constructor() {
|
|
87402
87898
|
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
@@ -87420,6 +87916,7 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
87420
87916
|
this.nextStepClick = output();
|
|
87421
87917
|
this.currencySelectionClick = output();
|
|
87422
87918
|
this.isCurrencySelectionLoading = signal(false, ...(ngDevMode ? [{ debugName: "isCurrencySelectionLoading" }] : []));
|
|
87919
|
+
this.selectedCurrency = signal(null, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
|
|
87423
87920
|
this.isSubscriptionActive = computed(() => {
|
|
87424
87921
|
const account = this.account();
|
|
87425
87922
|
if (!account)
|
|
@@ -87430,6 +87927,9 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
87430
87927
|
const account = this.account();
|
|
87431
87928
|
return !!account?.billingCurrencyCode;
|
|
87432
87929
|
}, ...(ngDevMode ? [{ debugName: "hasBillingCurrency" }] : []));
|
|
87930
|
+
this.hasCurrencySelected = computed(() => {
|
|
87931
|
+
return this.selectedCurrency() !== null;
|
|
87932
|
+
}, ...(ngDevMode ? [{ debugName: "hasCurrencySelected" }] : []));
|
|
87433
87933
|
this.shouldShowContinueButton = computed(() => {
|
|
87434
87934
|
if (this.isOnboarded())
|
|
87435
87935
|
return true;
|
|
@@ -87963,8 +88463,14 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
87963
88463
|
this.closeViewModeSwitcher();
|
|
87964
88464
|
}
|
|
87965
88465
|
handleCurrencySelection(currency) {
|
|
87966
|
-
this.
|
|
87967
|
-
|
|
88466
|
+
this.selectedCurrency.set(currency);
|
|
88467
|
+
}
|
|
88468
|
+
handleStickyButtonClick() {
|
|
88469
|
+
const currency = this.selectedCurrency();
|
|
88470
|
+
if (currency) {
|
|
88471
|
+
this.isCurrencySelectionLoading.set(true);
|
|
88472
|
+
this.currencySelectionClick.emit(currency);
|
|
88473
|
+
}
|
|
87968
88474
|
}
|
|
87969
88475
|
getAnalysisTypeLabel() {
|
|
87970
88476
|
const labels = {
|
|
@@ -88155,7 +88661,7 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
88155
88661
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
|
|
88156
88662
|
} }, hostBindings: function SymphiqProfileAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
88157
88663
|
i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
|
|
88158
|
-
} }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], analysisType: [1, "analysisType"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick" }, features: [i0.ɵɵNgOnChangesFeature], decls:
|
|
88664
|
+
} }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], analysisType: [1, "analysisType"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 47, consts: [[1, "min-h-screen", "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"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "goals", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode"], [3, "viewMode", "isLoading"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "viewMode", "isLoading"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "allGoals"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
88159
88665
|
i0.ɵɵelementStart(0, "div", 0);
|
|
88160
88666
|
i0.ɵɵelement(1, "div", 1);
|
|
88161
88667
|
i0.ɵɵelementStart(2, "div");
|
|
@@ -88189,6 +88695,7 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
88189
88695
|
i0.ɵɵconditionalCreate(23, SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 19);
|
|
88190
88696
|
i0.ɵɵelementEnd();
|
|
88191
88697
|
i0.ɵɵelement(24, "symphiq-funnel-analysis-modal", 20)(25, "symphiq-business-analysis-modal", 21)(26, "symphiq-tooltip-container");
|
|
88698
|
+
i0.ɵɵconditionalCreate(27, SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template, 1, 3, "symphiq-sticky-subscription-continue-button", 22);
|
|
88192
88699
|
i0.ɵɵelementEnd()();
|
|
88193
88700
|
} if (rf & 2) {
|
|
88194
88701
|
let tmp_5_0;
|
|
@@ -88249,14 +88756,16 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
88249
88756
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode())("viewMode", ctx.viewMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allCharts", ctx.allCharts());
|
|
88250
88757
|
i0.ɵɵadvance();
|
|
88251
88758
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode());
|
|
88252
|
-
|
|
88759
|
+
i0.ɵɵadvance(2);
|
|
88760
|
+
i0.ɵɵconditional(!ctx.isSubscriptionActive() && !ctx.hasBillingCurrency() && ctx.isSimplifiedView() && !ctx.isFocusAreaAnalysis() && !ctx.isMetricAnalysis() ? 27 : -1);
|
|
88761
|
+
} }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
88253
88762
|
}
|
|
88254
88763
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileAnalysisDashboardComponent, [{
|
|
88255
88764
|
type: Component,
|
|
88256
88765
|
args: [{
|
|
88257
88766
|
selector: 'symphiq-profile-analysis-dashboard',
|
|
88258
88767
|
standalone: true,
|
|
88259
|
-
imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent],
|
|
88768
|
+
imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent],
|
|
88260
88769
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
88261
88770
|
template: `
|
|
88262
88771
|
<div [ngClass]="getContainerClasses()" class="min-h-screen relative">
|
|
@@ -88311,7 +88820,6 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
88311
88820
|
[viewMode]="viewMode()"
|
|
88312
88821
|
[businessName]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'your shop'"
|
|
88313
88822
|
[isOnboarded]="isOnboarded()"
|
|
88314
|
-
[isSubscriptionActive]="isSubscriptionActive()"
|
|
88315
88823
|
/>
|
|
88316
88824
|
}
|
|
88317
88825
|
@if (isFocusAreaAnalysis()) {
|
|
@@ -88334,7 +88842,7 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
88334
88842
|
|
|
88335
88843
|
<!-- Simplified View Content -->
|
|
88336
88844
|
@if (isSimplifiedView()) {
|
|
88337
|
-
<!-- Strategic Insights & Goals (or
|
|
88845
|
+
<!-- Strategic Insights & Goals (or Subscription Flow) -->
|
|
88338
88846
|
<div class="mb-8">
|
|
88339
88847
|
@if (isSubscriptionActive() || isFocusAreaAnalysis() || isMetricAnalysis()) {
|
|
88340
88848
|
<symphiq-strategic-goals-tiled-grid
|
|
@@ -88343,6 +88851,14 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
88343
88851
|
(viewMoreClick)="openGoalModal($event)"
|
|
88344
88852
|
/>
|
|
88345
88853
|
} @else {
|
|
88854
|
+
<!-- Subscription Value Proposition -->
|
|
88855
|
+
<div class="mb-8">
|
|
88856
|
+
<symphiq-subscription-value-proposition-card
|
|
88857
|
+
[viewMode]="viewMode()"
|
|
88858
|
+
/>
|
|
88859
|
+
</div>
|
|
88860
|
+
|
|
88861
|
+
<!-- Currency Selection or Plan Placeholder -->
|
|
88346
88862
|
@if (!hasBillingCurrency()) {
|
|
88347
88863
|
<symphiq-billing-currency-selector-card
|
|
88348
88864
|
[viewMode]="viewMode()"
|
|
@@ -88795,6 +89311,16 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
88795
89311
|
|
|
88796
89312
|
<!-- Tooltip Container -->
|
|
88797
89313
|
<symphiq-tooltip-container/>
|
|
89314
|
+
|
|
89315
|
+
<!-- Sticky Continue Button (Only shown when not subscribed and no currency selected) -->
|
|
89316
|
+
@if (!isSubscriptionActive() && !hasBillingCurrency() && isSimplifiedView() && !isFocusAreaAnalysis() && !isMetricAnalysis()) {
|
|
89317
|
+
<symphiq-sticky-subscription-continue-button
|
|
89318
|
+
[viewMode]="viewMode()"
|
|
89319
|
+
[isEnabled]="hasCurrencySelected()"
|
|
89320
|
+
[isLoading]="isCurrencySelectionLoading()"
|
|
89321
|
+
(continueClick)="handleStickyButtonClick()"
|
|
89322
|
+
/>
|
|
89323
|
+
}
|
|
88798
89324
|
</div>
|
|
88799
89325
|
`
|
|
88800
89326
|
}]
|
|
@@ -88805,7 +89331,7 @@ class SymphiqProfileAnalysisDashboardComponent {
|
|
|
88805
89331
|
type: HostListener,
|
|
88806
89332
|
args: ['window:scroll', ['$event']]
|
|
88807
89333
|
}] }); })();
|
|
88808
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber:
|
|
89334
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 668 }); })();
|
|
88809
89335
|
|
|
88810
89336
|
class ScrollProgressBarComponent {
|
|
88811
89337
|
constructor() {
|
|
@@ -89786,5 +90312,5 @@ var pieChart_component = /*#__PURE__*/Object.freeze({
|
|
|
89786
90312
|
* Generated bundle index. Do not edit.
|
|
89787
90313
|
*/
|
|
89788
90314
|
|
|
89789
|
-
export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DataLoaderService, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
|
|
90315
|
+
export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DataLoaderService, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
|
|
89790
90316
|
//# sourceMappingURL=symphiq-components.mjs.map
|