@eric-emg/symphiq-components 1.2.341 → 1.2.343
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 +29 -36
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +16 -16
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +0 -9
|
@@ -86872,44 +86872,36 @@ class BillingPeriodToggleComponent {
|
|
|
86872
86872
|
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedPeriodUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPeriodUnit", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], periodUnitChanged: [{ type: i0.Output, args: ["periodUnitChanged"] }] }); })();
|
|
86873
86873
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BillingPeriodToggleComponent, { className: "BillingPeriodToggleComponent", filePath: "lib/components/profile-analysis-dashboard/cards/billing-period-toggle.component.ts", lineNumber: 47 }); })();
|
|
86874
86874
|
|
|
86875
|
-
function
|
|
86876
|
-
i0.ɵɵelementStart(0, "div",
|
|
86875
|
+
function PlanCardComponent_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
86876
|
+
i0.ɵɵelementStart(0, "div", 30);
|
|
86877
86877
|
i0.ɵɵtext(1);
|
|
86878
86878
|
i0.ɵɵelementEnd();
|
|
86879
86879
|
} if (rf & 2) {
|
|
86880
86880
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
86881
|
+
i0.ɵɵclassProp("savings-badge", !ctx_r0.isSelected())("savings-badge-selected", ctx_r0.isSelected());
|
|
86881
86882
|
i0.ɵɵproperty("ngClass", ctx_r0.savingsBadgeClasses());
|
|
86882
86883
|
i0.ɵɵadvance();
|
|
86883
86884
|
i0.ɵɵtextInterpolate1(" ", ctx_r0.getSavingsPercentage(), " ");
|
|
86884
86885
|
} }
|
|
86885
86886
|
function PlanCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
86886
|
-
i0.ɵɵelementStart(0, "div", 1)(1, "div", 27);
|
|
86887
|
-
i0.ɵɵ
|
|
86888
|
-
i0.ɵɵelementStart(2, "svg", 28);
|
|
86889
|
-
i0.ɵɵelement(3, "path", 29);
|
|
86890
|
-
i0.ɵɵelementEnd();
|
|
86891
|
-
i0.ɵɵnamespaceHTML();
|
|
86892
|
-
i0.ɵɵelementStart(4, "span", 30);
|
|
86893
|
-
i0.ɵɵtext(5, "Best Value");
|
|
86894
|
-
i0.ɵɵelementEnd();
|
|
86895
|
-
i0.ɵɵnamespaceSVG();
|
|
86896
|
-
i0.ɵɵelementStart(6, "svg", 28);
|
|
86897
|
-
i0.ɵɵelement(7, "path", 29);
|
|
86887
|
+
i0.ɵɵelementStart(0, "div", 1)(1, "div", 27)(2, "span", 28);
|
|
86888
|
+
i0.ɵɵtext(3, "Best Value");
|
|
86898
86889
|
i0.ɵɵelementEnd()();
|
|
86899
|
-
i0.ɵɵconditionalCreate(
|
|
86890
|
+
i0.ɵɵconditionalCreate(4, PlanCardComponent_Conditional_1_Conditional_4_Template, 2, 6, "div", 29);
|
|
86900
86891
|
i0.ɵɵelementEnd();
|
|
86901
86892
|
} if (rf & 2) {
|
|
86902
86893
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
86903
86894
|
i0.ɵɵadvance();
|
|
86895
|
+
i0.ɵɵclassProp("best-value-badge", !ctx_r0.isSelected())("best-value-badge-selected", ctx_r0.isSelected());
|
|
86904
86896
|
i0.ɵɵproperty("ngClass", ctx_r0.badgeClasses());
|
|
86905
|
-
i0.ɵɵadvance(
|
|
86906
|
-
i0.ɵɵconditional(ctx_r0.getSavingsPercentage() ?
|
|
86897
|
+
i0.ɵɵadvance(3);
|
|
86898
|
+
i0.ɵɵconditional(ctx_r0.getSavingsPercentage() ? 4 : -1);
|
|
86907
86899
|
} }
|
|
86908
86900
|
function PlanCardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
86909
86901
|
i0.ɵɵelementStart(0, "div", 5);
|
|
86910
86902
|
i0.ɵɵnamespaceSVG();
|
|
86911
86903
|
i0.ɵɵelementStart(1, "svg", 18);
|
|
86912
|
-
i0.ɵɵelement(2, "path",
|
|
86904
|
+
i0.ɵɵelement(2, "path", 31);
|
|
86913
86905
|
i0.ɵɵelementEnd();
|
|
86914
86906
|
i0.ɵɵtext(3, " Most Popular Choice ");
|
|
86915
86907
|
i0.ɵɵelementEnd();
|
|
@@ -86921,7 +86913,7 @@ function PlanCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
|
86921
86913
|
i0.ɵɵelementStart(0, "div", 9);
|
|
86922
86914
|
i0.ɵɵnamespaceSVG();
|
|
86923
86915
|
i0.ɵɵelementStart(1, "svg", 18);
|
|
86924
|
-
i0.ɵɵelement(2, "path",
|
|
86916
|
+
i0.ɵɵelement(2, "path", 32);
|
|
86925
86917
|
i0.ɵɵelementEnd();
|
|
86926
86918
|
i0.ɵɵtext(3);
|
|
86927
86919
|
i0.ɵɵelementEnd();
|
|
@@ -87017,7 +87009,7 @@ At the end of each month, your total AI usage is calculated and automatically bi
|
|
|
87017
87009
|
const isBestValue = this.showBestValueBadge();
|
|
87018
87010
|
if (this.viewMode() === ViewModeEnum.DARK) {
|
|
87019
87011
|
if (isBestValue && isSelected) {
|
|
87020
|
-
return 'bg-slate-800/60 border-
|
|
87012
|
+
return 'bg-slate-800/60 border-purple-500 shadow-2xl shadow-purple-500/30';
|
|
87021
87013
|
}
|
|
87022
87014
|
if (isBestValue) {
|
|
87023
87015
|
return 'bg-slate-800/50 border-amber-500/70 hover:border-amber-400 hover:shadow-2xl hover:shadow-amber-500/40';
|
|
@@ -87029,7 +87021,7 @@ At the end of each month, your total AI usage is calculated and automatically bi
|
|
|
87029
87021
|
}
|
|
87030
87022
|
else {
|
|
87031
87023
|
if (isBestValue && isSelected) {
|
|
87032
|
-
return 'bg-white border-
|
|
87024
|
+
return 'bg-white border-purple-500 shadow-2xl shadow-purple-500/30';
|
|
87033
87025
|
}
|
|
87034
87026
|
if (isBestValue) {
|
|
87035
87027
|
return 'bg-white border-amber-500/70 hover:border-amber-500 hover:shadow-2xl hover:shadow-amber-500/40';
|
|
@@ -87177,10 +87169,10 @@ At the end of each month, your total AI usage is calculated and automatically bi
|
|
|
87177
87169
|
return null;
|
|
87178
87170
|
}
|
|
87179
87171
|
static { this.ɵfac = function PlanCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PlanCardComponent)(); }; }
|
|
87180
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanCardComponent, selectors: [["symphiq-plan-card"]], inputs: { viewMode: [1, "viewMode"], planInfo: [1, "planInfo"], isSelected: [1, "isSelected"], selectedPeriodUnit: [1, "selectedPeriodUnit"] }, outputs: { planSelected: "planSelected" }, decls: 45, vars:
|
|
87172
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanCardComponent, selectors: [["symphiq-plan-card"]], inputs: { viewMode: [1, "viewMode"], planInfo: [1, "planInfo"], isSelected: [1, "isSelected"], selectedPeriodUnit: [1, "selectedPeriodUnit"] }, outputs: { planSelected: "planSelected" }, decls: 45, vars: 35, consts: [[1, "relative", "rounded-2xl", "border-2", "p-6", "transition-all", "duration-200", "cursor-pointer", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "absolute", "-top-5", "left-1/2", "flex", "flex-col", "items-center", "gap-2", "z-10"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-2", "flex", "items-center", "gap-1", 3, "ngClass"], [1, "flex", "items-baseline", "gap-2"], [1, "text-4xl", "font-bold", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "text-sm", "font-bold", "mt-2", "flex", "items-center", "gap-1", 3, "ngClass"], [1, "flex-shrink-0", "ml-4"], [1, "w-6", "h-6", "rounded-full", "border-2", "flex", "items-center", "justify-center", "transition-all", "duration-200", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", 3, "ngClass"], [1, "space-y-4", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "py-3", "border-b", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium", 3, "ngClass"], ["tooltipType", "markdown", "tooltipPosition", "right", 1, "w-5", "h-5", "rounded-full", "flex", "items-center", "justify-center", 3, "libSymphiqTooltip", "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z", "clip-rule", "evenodd"], [1, "text-sm", "font-semibold", "text-right", "max-w-[60%]", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "flex", "justify-between", "items-center", "py-3", 3, "ngClass"], [1, "pt-4", "mt-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass", "innerHTML"], [1, "px-6", "py-2", "rounded-full", "text-base", "font-extrabold", "shadow-2xl", 3, "ngClass"], [1, "drop-shadow-lg"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-bold", "shadow-lg", 3, "ngClass", "savings-badge", "savings-badge-selected"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-bold", "shadow-lg", 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"], ["fill-rule", "evenodd", "d", "M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z", "clip-rule", "evenodd"]], template: function PlanCardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
87181
87173
|
i0.ɵɵelementStart(0, "div", 0);
|
|
87182
87174
|
i0.ɵɵlistener("click", function PlanCardComponent_Template_div_click_0_listener() { return ctx.handleCardClick(); });
|
|
87183
|
-
i0.ɵɵconditionalCreate(1, PlanCardComponent_Conditional_1_Template,
|
|
87175
|
+
i0.ɵɵconditionalCreate(1, PlanCardComponent_Conditional_1_Template, 5, 6, "div", 1);
|
|
87184
87176
|
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "h3", 4);
|
|
87185
87177
|
i0.ɵɵtext(5);
|
|
87186
87178
|
i0.ɵɵelementEnd();
|
|
@@ -87238,7 +87230,7 @@ At the end of each month, your total AI usage is calculated and automatically bi
|
|
|
87238
87230
|
i0.ɵɵelement(44, "p", 26);
|
|
87239
87231
|
i0.ɵɵelementEnd()()();
|
|
87240
87232
|
} if (rf & 2) {
|
|
87241
|
-
i0.ɵɵclassProp("best-value-card", ctx.showBestValueBadge());
|
|
87233
|
+
i0.ɵɵclassProp("best-value-card", ctx.showBestValueBadge() && !ctx.isSelected())("best-value-card-selected", ctx.showBestValueBadge() && ctx.isSelected());
|
|
87242
87234
|
i0.ɵɵproperty("ngClass", ctx.cardContainerClasses());
|
|
87243
87235
|
i0.ɵɵadvance();
|
|
87244
87236
|
i0.ɵɵconditional(ctx.showBestValueBadge() ? 1 : -1);
|
|
@@ -87296,7 +87288,7 @@ At the end of each month, your total AI usage is calculated and automatically bi
|
|
|
87296
87288
|
i0.ɵɵproperty("ngClass", ctx.contractTermsLabelClasses());
|
|
87297
87289
|
i0.ɵɵadvance(2);
|
|
87298
87290
|
i0.ɵɵproperty("ngClass", ctx.contractTermsTextClasses())("innerHTML", ctx.getContractTerms(), i0.ɵɵsanitizeHtml);
|
|
87299
|
-
} }, dependencies: [CommonModule, i1$1.NgClass, TooltipDirective], styles: ["@keyframes _ngcontent-%COMP%_pulse-glow{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #eab30899,0 0 40px #eab30866,0 0 60px #eab30833,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.
|
|
87291
|
+
} }, dependencies: [CommonModule, i1$1.NgClass, TooltipDirective], styles: ["@keyframes _ngcontent-%COMP%_pulse-glow{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #eab30899,0 0 40px #eab30866,0 0 60px #eab30833,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.06);box-shadow:0 0 25px #eab308b3,0 0 50px #eab30880,0 0 75px #eab3084d,inset 0 0 25px #fff6}}@keyframes _ngcontent-%COMP%_pulse-glow-selected{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #a855f799,0 0 40px #a855f766,0 0 60px #a855f733,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.06);box-shadow:0 0 25px #a855f7b3,0 0 50px #a855f780,0 0 75px #a855f74d,inset 0 0 25px #fff6}}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes _ngcontent-%COMP%_border-glow{0%,to{box-shadow:0 0 20px #eab30866,0 0 40px #eab30833,0 0 60px #eab3081a}50%{box-shadow:0 0 25px #eab30880,0 0 50px #eab3084d,0 0 75px #eab30826}}@keyframes _ngcontent-%COMP%_border-glow-selected{0%,to{box-shadow:0 0 20px #a855f766,0 0 40px #a855f733,0 0 60px #a855f71a}50%{box-shadow:0 0 25px #a855f780,0 0 50px #a855f74d,0 0 75px #a855f726}}.best-value-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow 6s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b,#ec4899,#d946ef,#a855f7,#ec4899 75%,#f59e0b 85%,#fbbf24);background-size:300% 300%;animation:_ngcontent-%COMP%_pulse-glow 6s ease-in-out infinite,_ngcontent-%COMP%_shimmer 10s linear infinite;position:relative;overflow:hidden;transition:all .3s ease}.best-value-badge-selected[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow-selected 6s ease-in-out infinite,_ngcontent-%COMP%_shimmer 10s linear infinite;background:linear-gradient(135deg,#a855f7,#9333ea,#7c3aed,#8b5cf6,#9333ea,#a855f7);background-size:300% 300%}.best-value-badge[_ngcontent-%COMP%]:before{content:\"\";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:_ngcontent-%COMP%_shimmer 6s infinite}.best-value-card[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_border-glow 6s ease-in-out infinite;border-width:3px;transition:all .3s ease}.best-value-card-selected[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_border-glow-selected 6s ease-in-out infinite}.best-value-card[_ngcontent-%COMP%]:hover{transform:scale(1.02)}.savings-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow 7s ease-in-out infinite}.savings-badge-selected[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow-selected 7s ease-in-out infinite}"], changeDetection: 0 }); }
|
|
87300
87292
|
}
|
|
87301
87293
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PlanCardComponent, [{
|
|
87302
87294
|
type: Component,
|
|
@@ -87304,22 +87296,23 @@ At the end of each month, your total AI usage is calculated and automatically bi
|
|
|
87304
87296
|
<div
|
|
87305
87297
|
(click)="handleCardClick()"
|
|
87306
87298
|
[ngClass]="cardContainerClasses()"
|
|
87307
|
-
[class.best-value-card]="showBestValueBadge()"
|
|
87299
|
+
[class.best-value-card]="showBestValueBadge() && !isSelected()"
|
|
87300
|
+
[class.best-value-card-selected]="showBestValueBadge() && isSelected()"
|
|
87308
87301
|
class="relative rounded-2xl border-2 p-6 transition-all duration-200 cursor-pointer hover:scale-[1.02]">
|
|
87309
87302
|
|
|
87310
87303
|
@if (showBestValueBadge()) {
|
|
87311
87304
|
<div class="absolute -top-5 left-1/2 flex flex-col items-center gap-2 z-10">
|
|
87312
|
-
<div [ngClass]="badgeClasses()"
|
|
87313
|
-
|
|
87314
|
-
|
|
87315
|
-
|
|
87305
|
+
<div [ngClass]="badgeClasses()"
|
|
87306
|
+
[class.best-value-badge]="!isSelected()"
|
|
87307
|
+
[class.best-value-badge-selected]="isSelected()"
|
|
87308
|
+
class="px-6 py-2 rounded-full text-base font-extrabold shadow-2xl">
|
|
87316
87309
|
<span class="drop-shadow-lg">Best Value</span>
|
|
87317
|
-
<svg class="w-5 h-5 sparkle-icon" fill="currentColor" viewBox="0 0 20 20">
|
|
87318
|
-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
|
|
87319
|
-
</svg>
|
|
87320
87310
|
</div>
|
|
87321
87311
|
@if (getSavingsPercentage()) {
|
|
87322
|
-
<div [ngClass]="savingsBadgeClasses()"
|
|
87312
|
+
<div [ngClass]="savingsBadgeClasses()"
|
|
87313
|
+
[class.savings-badge]="!isSelected()"
|
|
87314
|
+
[class.savings-badge-selected]="isSelected()"
|
|
87315
|
+
class="px-3 py-1 rounded-full text-xs font-bold shadow-lg">
|
|
87323
87316
|
{{ getSavingsPercentage() }}
|
|
87324
87317
|
</div>
|
|
87325
87318
|
}
|
|
@@ -87414,9 +87407,9 @@ At the end of each month, your total AI usage is calculated and automatically bi
|
|
|
87414
87407
|
</div>
|
|
87415
87408
|
</div>
|
|
87416
87409
|
</div>
|
|
87417
|
-
`, styles: ["@keyframes pulse-glow{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #eab30899,0 0 40px #eab30866,0 0 60px #eab30833,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.
|
|
87410
|
+
`, styles: ["@keyframes pulse-glow{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #eab30899,0 0 40px #eab30866,0 0 60px #eab30833,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.06);box-shadow:0 0 25px #eab308b3,0 0 50px #eab30880,0 0 75px #eab3084d,inset 0 0 25px #fff6}}@keyframes pulse-glow-selected{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #a855f799,0 0 40px #a855f766,0 0 60px #a855f733,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.06);box-shadow:0 0 25px #a855f7b3,0 0 50px #a855f780,0 0 75px #a855f74d,inset 0 0 25px #fff6}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes border-glow{0%,to{box-shadow:0 0 20px #eab30866,0 0 40px #eab30833,0 0 60px #eab3081a}50%{box-shadow:0 0 25px #eab30880,0 0 50px #eab3084d,0 0 75px #eab30826}}@keyframes border-glow-selected{0%,to{box-shadow:0 0 20px #a855f766,0 0 40px #a855f733,0 0 60px #a855f71a}50%{box-shadow:0 0 25px #a855f780,0 0 50px #a855f74d,0 0 75px #a855f726}}.best-value-badge{animation:pulse-glow 6s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b,#ec4899,#d946ef,#a855f7,#ec4899 75%,#f59e0b 85%,#fbbf24);background-size:300% 300%;animation:pulse-glow 6s ease-in-out infinite,shimmer 10s linear infinite;position:relative;overflow:hidden;transition:all .3s ease}.best-value-badge-selected{animation:pulse-glow-selected 6s ease-in-out infinite,shimmer 10s linear infinite;background:linear-gradient(135deg,#a855f7,#9333ea,#7c3aed,#8b5cf6,#9333ea,#a855f7);background-size:300% 300%}.best-value-badge:before{content:\"\";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 6s infinite}.best-value-card{animation:border-glow 6s ease-in-out infinite;border-width:3px;transition:all .3s ease}.best-value-card-selected{animation:border-glow-selected 6s ease-in-out infinite}.best-value-card:hover{transform:scale(1.02)}.savings-badge{animation:pulse-glow 7s ease-in-out infinite}.savings-badge-selected{animation:pulse-glow-selected 7s ease-in-out infinite}\n"] }]
|
|
87418
87411
|
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], planInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "planInfo", required: true }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], selectedPeriodUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPeriodUnit", required: false }] }], planSelected: [{ type: i0.Output, args: ["planSelected"] }] }); })();
|
|
87419
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanCardComponent, { className: "PlanCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-card.component.ts", lineNumber:
|
|
87412
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanCardComponent, { className: "PlanCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-card.component.ts", lineNumber: 270 }); })();
|
|
87420
87413
|
|
|
87421
87414
|
const _forTrack0$1 = ($index, $item) => $item.planItemPrice.id;
|
|
87422
87415
|
function PlanSelectionContainerComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|