@hulkapps/app-manager-vue 3.1.4 → 3.1.6
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/dist/app-manager-vue.esm.js +27 -20
- package/dist/app-manager-vue.min.js +3 -3
- package/dist/app-manager-vue.ssr.js +56 -49
- package/dist/hulkapps-app-manager.css +1 -1
- package/dist/hulkapps-app-manager.min.css +1 -1
- package/package.json +1 -1
- package/src/components/PolarisNew/CategoryHeading.vue +6 -1
- package/src/components/PolarisNew/PlanCardsHighlights.vue +4 -4
- package/src/components/PolarisNew/PlanTable.vue +18 -7
|
@@ -40462,7 +40462,7 @@ var __vue_render__$c = function __vue_render__() {
|
|
|
40462
40462
|
|
|
40463
40463
|
var _c = _vm._self._c || _h;
|
|
40464
40464
|
|
|
40465
|
-
return _c('div', [_vm._ssrNode("<div class=\"category-heading\" data-v-
|
|
40465
|
+
return _c('div', [_vm._ssrNode("<div class=\"category-heading\" data-v-32892ca4><h4 class=\"category-name\" data-v-32892ca4>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(_vm.headingData.category_name)) + "\n ") + (_vm.headingData.apps_relation != null ? "<span data-v-32892ca4>" + _vm._ssrEscape("\n (" + _vm._s(_vm.translateMe(_vm.headingData.apps_relation.length)) + ")\n ") + "</span>" : "<!---->") + "</h4> <p class=\"category-description\" data-v-32892ca4>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(_vm.headingData.category_description)) + "\n ") + "</p></div>")]);
|
|
40466
40466
|
};
|
|
40467
40467
|
|
|
40468
40468
|
var __vue_staticRenderFns__$c = [];
|
|
@@ -40470,8 +40470,8 @@ var __vue_staticRenderFns__$c = [];
|
|
|
40470
40470
|
|
|
40471
40471
|
var __vue_inject_styles__$c = function __vue_inject_styles__(inject) {
|
|
40472
40472
|
if (!inject) return;
|
|
40473
|
-
inject("data-v-
|
|
40474
|
-
source: ".category-heading[data-v-
|
|
40473
|
+
inject("data-v-32892ca4_0", {
|
|
40474
|
+
source: ".category-heading[data-v-32892ca4]{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.category-name[data-v-32892ca4]{font-size:13px;font-weight:750;line-height:20px;color:#1a1a1a}.category-description[data-v-32892ca4]{font-size:12px;font-weight:450;font-variation-settings:\"slnt\" 0;color:#1a1a1a}@media (max-width:640px){.category-heading[data-v-32892ca4]{padding-left:16px}}",
|
|
40475
40475
|
map: undefined,
|
|
40476
40476
|
media: undefined
|
|
40477
40477
|
});
|
|
@@ -40479,10 +40479,10 @@ var __vue_inject_styles__$c = function __vue_inject_styles__(inject) {
|
|
|
40479
40479
|
/* scoped */
|
|
40480
40480
|
|
|
40481
40481
|
|
|
40482
|
-
var __vue_scope_id__$c = "data-v-
|
|
40482
|
+
var __vue_scope_id__$c = "data-v-32892ca4";
|
|
40483
40483
|
/* module identifier */
|
|
40484
40484
|
|
|
40485
|
-
var __vue_module_identifier__$c = "data-v-
|
|
40485
|
+
var __vue_module_identifier__$c = "data-v-32892ca4";
|
|
40486
40486
|
/* functional template */
|
|
40487
40487
|
|
|
40488
40488
|
var __vue_is_functional_template__$c = false;
|
|
@@ -47526,10 +47526,10 @@ var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateM
|
|
|
47526
47526
|
},
|
|
47527
47527
|
breakpoints: {
|
|
47528
47528
|
375: {
|
|
47529
|
-
slidesPerView: 1
|
|
47529
|
+
slidesPerView: Math.min(this.monthlyPlans.length, 1)
|
|
47530
47530
|
},
|
|
47531
47531
|
640: {
|
|
47532
|
-
slidesPerView: 2
|
|
47532
|
+
slidesPerView: Math.min(this.monthlyPlans.length, 2)
|
|
47533
47533
|
},
|
|
47534
47534
|
840: {
|
|
47535
47535
|
slidesPerView: Math.min(this.monthlyPlans.length, 3)
|
|
@@ -47562,10 +47562,10 @@ var getPlanButtonText = function getPlanButtonText(shopifyPlan, plan, translateM
|
|
|
47562
47562
|
},
|
|
47563
47563
|
breakpoints: {
|
|
47564
47564
|
375: {
|
|
47565
|
-
slidesPerView: 1
|
|
47565
|
+
slidesPerView: Math.min(this.annualPlans.length, 1)
|
|
47566
47566
|
},
|
|
47567
47567
|
640: {
|
|
47568
|
-
slidesPerView: 2
|
|
47568
|
+
slidesPerView: Math.min(this.annualPlans.length, 2)
|
|
47569
47569
|
},
|
|
47570
47570
|
840: {
|
|
47571
47571
|
slidesPerView: Math.min(this.annualPlans.length, 3)
|
|
@@ -47606,10 +47606,10 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47606
47606
|
|
|
47607
47607
|
return _c('div', {
|
|
47608
47608
|
staticClass: "container"
|
|
47609
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-
|
|
47610
|
-
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-
|
|
47609
|
+
}, [_vm._ssrNode("<div class=\"swiper-plan-h-navigation nav-monthly\" data-v-dca2073c><button class=\"swiper-plan-h-prev-monthly\" data-v-dca2073c>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-dca2073c>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansMonthly.before + " " + (this.remainingPlansMonthly.before === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-dca2073c><g clip-path=\"url(#clip0_859_9388)\" data-v-dca2073c><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path></g> <defs data-v-dca2073c><clipPath id=\"clip0_859_9388\" data-v-dca2073c><rect width=\"24\" height=\"24\" fill=\"white\" data-v-dca2073c></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-monthly\" data-v-dca2073c>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-dca2073c>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansMonthly.after + " " + (this.remainingPlansMonthly.after === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans")))) + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-dca2073c><g clip-path=\"url(#clip0_859_9381)\" data-v-dca2073c><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path></g> <defs data-v-dca2073c><clipPath id=\"clip0_859_9381\" data-v-dca2073c><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-dca2073c></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-h-navigation nav-annually\" data-v-dca2073c><button class=\"swiper-plan-h-prev-annually\" data-v-dca2073c>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-dca2073c>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansAnnually.before + " " + (this.remainingPlansAnnually.before === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-dca2073c><g clip-path=\"url(#clip0_859_9388)\" data-v-dca2073c><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path></g> <defs data-v-dca2073c><clipPath id=\"clip0_859_9388\" data-v-dca2073c><rect width=\"24\" height=\"24\" fill=\"white\" data-v-dca2073c></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-h-next-annually\" data-v-dca2073c>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-dca2073c>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansAnnually.after + " " + (this.remainingPlansAnnually.after === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-dca2073c><g clip-path=\"url(#clip0_859_9381)\" data-v-dca2073c><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-dca2073c></path></g> <defs data-v-dca2073c><clipPath id=\"clip0_859_9381\" data-v-dca2073c><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-dca2073c></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"swiper cards monthly plans-h-cards\" data-v-dca2073c>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-dca2073c>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
|
|
47610
|
+
return plan.interval === 'EVERY_30_DAYS' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-dca2073c>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.monthlyPlans.length - 1 ? 'last-card' : '']) + " data-v-dca2073c>", "</div>", [_vm._ssrNode((plan.choose_later_plan ? "<div class=\"most-popular\" data-v-dca2073c><div class=\"most-popular-label\" data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-dca2073c>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-dca2073c><span style=\"text-decoration: line-through;\" data-v-dca2073c>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span data-v-dca2073c>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("mo")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + Number(plan.price).toFixed(2) : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-dca2073c>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("mo")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47611
47611
|
visibility: plan.description && _vm.selectedInterval === 'monthly' ? 'visible' : 'hidden'
|
|
47612
|
-
}, null) + " data-v-
|
|
47612
|
+
}, null) + " data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47613
47613
|
attrs: {
|
|
47614
47614
|
"variant": 'secondary',
|
|
47615
47615
|
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
@@ -47620,15 +47620,15 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47620
47620
|
return _vm.handlePlanClick(plan);
|
|
47621
47621
|
}
|
|
47622
47622
|
}
|
|
47623
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-
|
|
47624
|
-
return "<li class=\"feature\" data-v-
|
|
47623
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-dca2073c><ul data-v-dca2073c>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
47624
|
+
return "<li class=\"feature\" data-v-dca2073c><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-dca2073c><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.7803 5.96967C16.0732 6.26256 16.0732 6.73744 15.7803 7.03033L9.28033 13.5303C8.98744 13.8232 8.51256 13.8232 8.21967 13.5303L4.96967 10.2803C4.67678 9.98744 4.67678 9.51256 4.96967 9.21967C5.26256 8.92678 5.73744 8.92678 6.03033 9.21967L8.75 11.9393L14.7197 5.96967C15.0126 5.67678 15.4874 5.67678 15.7803 5.96967Z\" fill=\"#1A1A1A\" data-v-dca2073c></path></svg> <span data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
|
|
47625
47625
|
}) + "</ul></div>")], 2)]) : _vm._e();
|
|
47626
47626
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination swiper-pagination-h-monthly\"" + _vm._ssrStyle(null, {
|
|
47627
47627
|
display: _vm.selectedInterval === 'annually' ? 'none' : 'block'
|
|
47628
|
-
}, null) + " data-v-
|
|
47629
|
-
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-
|
|
47628
|
+
}, null) + " data-v-dca2073c></div> "), _vm._ssrNode("<div class=\"swiper cards annually plans-h-cards\" data-v-dca2073c>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-dca2073c>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
|
|
47629
|
+
return plan.interval === 'ANNUAL' ? _vm._ssrNode("<div class=\"swiper-slide\" style=\"height: auto !important;\" data-v-dca2073c>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['card', 'card-border', index === _vm.annualPlans.length - 1 ? 'last-card' : '']) + " data-v-dca2073c>", "</div>", [_vm._ssrNode((plan.choose_later_plan ? "<div class=\"most-popular\" data-v-dca2073c><div class=\"most-popular-label\" data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe("Most popular")) + "\n ") + "</div></div>" : "<!---->") + " <h3 class=\"title\" data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(plan.name)) + "\n ") + "</h3> <div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-dca2073c>" + (plan.strike_price ? "<h5 class=\"strike-price\" data-v-dca2073c><span style=\"text-decoration: line-through;\" data-v-dca2073c>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span data-v-dca2073c>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("yr")) + "\n ") + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <h2 class=\"price\" data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(plan.price !== 0 ? "$" + Number(plan.price).toFixed(2) : _vm.translateMe("Free")) + "\n ") + (plan.price !== 0 ? "<span data-v-dca2073c>" + _vm._ssrEscape("\n /" + _vm._s(_vm.translateMe("yr")) + "\n ") + "</span>" : "<!---->") + "</h2></div> <h6 class=\"description\"" + _vm._ssrStyle(null, {
|
|
47630
47630
|
visibility: plan.description && _vm.selectedInterval === 'annually' ? 'visible' : 'hidden'
|
|
47631
|
-
}, null) + " data-v-
|
|
47631
|
+
}, null) + " data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(plan.description ? _vm.translateMe(plan.description) : _vm.translateMe(_vm.placeholder.description)) + "\n ") + "</h6> "), _c('VariantButton', {
|
|
47632
47632
|
attrs: {
|
|
47633
47633
|
"variant": 'secondary',
|
|
47634
47634
|
"disabled": _vm.isPlanButtonDisabled(_vm.shopifyPlan, plan, _vm.currentPlan),
|
|
@@ -47639,12 +47639,12 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
47639
47639
|
return _vm.handlePlanClick(plan);
|
|
47640
47640
|
}
|
|
47641
47641
|
}
|
|
47642
|
-
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-
|
|
47643
|
-
return "<li class=\"feature\" data-v-
|
|
47642
|
+
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan)) + "\n ")]), _vm._ssrNode(" <div class=\"features\" data-v-dca2073c><ul data-v-dca2073c>" + _vm._ssrList(_vm.sortedPlanFeatures(plan), function (feature) {
|
|
47643
|
+
return "<li class=\"feature\" data-v-dca2073c><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-dca2073c><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.7803 5.96967C16.0732 6.26256 16.0732 6.73744 15.7803 7.03033L9.28033 13.5303C8.98744 13.8232 8.51256 13.8232 8.21967 13.5303L4.96967 10.2803C4.67678 9.98744 4.67678 9.51256 4.96967 9.21967C5.26256 8.92678 5.73744 8.92678 6.03033 9.21967L8.75 11.9393L14.7197 5.96967C15.0126 5.67678 15.4874 5.67678 15.7803 5.96967Z\" fill=\"#1A1A1A\" data-v-dca2073c></path></svg> <span data-v-dca2073c>" + _vm._ssrEscape("\n " + _vm._s(feature.value_type !== 'boolean' ? _vm.translateMe(_vm.formatFeature(feature)) : '') + "\n " + _vm._s(_vm.translateMe(feature.name)) + "\n ") + "</span></li>";
|
|
47644
47644
|
}) + "</ul></div>")], 2)]) : _vm._e();
|
|
47645
47645
|
}), 0)]), _vm._ssrNode(" <div class=\"swiper-pagination-h-annually swiper-pagination\"" + _vm._ssrStyle(null, {
|
|
47646
47646
|
display: _vm.selectedInterval === 'monthly' ? 'none' : 'block'
|
|
47647
|
-
}, null) + " data-v-
|
|
47647
|
+
}, null) + " data-v-dca2073c></div>")], 2);
|
|
47648
47648
|
};
|
|
47649
47649
|
|
|
47650
47650
|
var __vue_staticRenderFns__$7 = [];
|
|
@@ -47652,11 +47652,11 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
47652
47652
|
|
|
47653
47653
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
47654
47654
|
if (!inject) return;
|
|
47655
|
-
inject("data-v-
|
|
47656
|
-
source: ".container[data-v-
|
|
47655
|
+
inject("data-v-dca2073c_0", {
|
|
47656
|
+
source: ".container[data-v-dca2073c]{padding-top:40px;width:100%}.swiper.cards.annually[data-v-dca2073c]{visibility:hidden;height:0;position:relative}.swiper-pagination[data-v-dca2073c]{height:12px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin-top:26px}.cards[data-v-dca2073c]{display:flex;background-color:#fff;flex-grow:1;border:1px solid #e5e5e5;border-radius:12px;overflow-x:clip;overflow-y:visible;box-shadow:0 4px 6px -1px #0000001a}.card[data-v-dca2073c]{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.swiper-wrapper .swiper-slide .card-border.last-card[data-v-dca2073c],.swiper-wrapper .swiper-slide:not(.swiper-slide-active) .card-border[data-v-dca2073c]{border-left:1px solid #ccc}.card .title[data-v-dca2073c]{font-size:16px;font-weight:700;color:#1a1a1a}.card .price-wrapper[data-v-dca2073c]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.card .price-wrapper.has-discount[data-v-dca2073c]{min-height:44px}.card .price[data-v-dca2073c]{font-size:30px;font-weight:700;color:#4a4a4a}.card .price span[data-v-dca2073c]{font-size:13px;font-weight:400;color:#4a4a4a;margin-left:-6px;line-height:0}.card .description[data-v-dca2073c]{font-size:13px;font-weight:400;color:#4a4a4a}.button[data-v-dca2073c]{display:flex;justify-content:center;width:100%!important;text-align:center!important}.features[data-v-dca2073c]{margin-top:19px}.features ul[data-v-dca2073c]{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.features .feature[data-v-dca2073c]{display:flex;align-items:center;gap:4px}.features .feature svg[data-v-dca2073c]{min-width:20px;min-height:20px}.feature span[data-v-dca2073c]{font-size:13px;font-weight:400;color:#4a4a4a}.card .strike-price span[data-v-dca2073c]{color:#4a4a4a}.most-popular[data-v-dca2073c]{position:absolute;z-index:-1;top:-20px;width:100%;height:calc(100% + 20px);border-radius:12px 12px 0 0;border-left:1px solid #91d0ff;border-right:1px solid #91d0ff;overflow:hidden}.most-popular .most-popular-label[data-v-dca2073c]{background-color:#91d0ff;color:#00527c;font-size:13px;font-weight:600;width:100%;text-align:center}.swiper-plan-h-navigation[data-v-dca2073c]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually[data-v-dca2073c]{display:none}.swiper-plan-h-next-annually[data-v-dca2073c],.swiper-plan-h-next-monthly[data-v-dca2073c],.swiper-plan-h-prev-annually[data-v-dca2073c],.swiper-plan-h-prev-monthly[data-v-dca2073c]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#1a1a1a;border-radius:8px;cursor:pointer}.swiper-plan-h-next-annually[data-v-dca2073c]:disabled,.swiper-plan-h-next-monthly[data-v-dca2073c]:disabled,.swiper-plan-h-prev-annually[data-v-dca2073c]:disabled,.swiper-plan-h-prev-monthly[data-v-dca2073c]:disabled{opacity:0}.plans-remaining[data-v-dca2073c]{position:absolute;top:-30px;background-color:#fff;color:#333;font-weight:500;padding:6px 12px;border-radius:8px;font-size:14px;white-space:nowrap;box-shadow:0 4px 8px #00000026}.plans-remaining[data-v-dca2073c]::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .1))}@media (max-width:640px){.card-border[data-v-dca2073c]{border-left:none}.swiper-plan-h-navigation[data-v-dca2073c]{display:none!important}}",
|
|
47657
47657
|
map: undefined,
|
|
47658
47658
|
media: undefined
|
|
47659
|
-
}), inject("data-v-
|
|
47659
|
+
}), inject("data-v-dca2073c_1", {
|
|
47660
47660
|
source: ".swiper-pagination .swiper-pagination-bullet{background:#757575 none;opacity:1;transition:all .5s;width:8px;height:8px}.swiper-pagination .swiper-pagination-bullet-active{background-color:#0094d5;width:12px;height:12px}",
|
|
47661
47661
|
map: undefined,
|
|
47662
47662
|
media: undefined
|
|
@@ -47665,10 +47665,10 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
47665
47665
|
/* scoped */
|
|
47666
47666
|
|
|
47667
47667
|
|
|
47668
|
-
var __vue_scope_id__$7 = "data-v-
|
|
47668
|
+
var __vue_scope_id__$7 = "data-v-dca2073c";
|
|
47669
47669
|
/* module identifier */
|
|
47670
47670
|
|
|
47671
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
47671
|
+
var __vue_module_identifier__$7 = "data-v-dca2073c";
|
|
47672
47672
|
/* functional template */
|
|
47673
47673
|
|
|
47674
47674
|
var __vue_is_functional_template__$7 = false;
|
|
@@ -48022,6 +48022,13 @@ var CustomTooltip = __vue_component__$6;var script$4 = {
|
|
|
48022
48022
|
} else if (which === "plans") {
|
|
48023
48023
|
var planType = "-".concat(_this2.selectedInterval);
|
|
48024
48024
|
var planNames = document.querySelectorAll(".plan-header-wrapper".concat(planType));
|
|
48025
|
+
|
|
48026
|
+
if (planNames) {
|
|
48027
|
+
planNames.forEach(function (el) {
|
|
48028
|
+
el.style.minHeight = "unset";
|
|
48029
|
+
});
|
|
48030
|
+
}
|
|
48031
|
+
|
|
48025
48032
|
var plansAvailableName = document.querySelector(".plans-available".concat(planType));
|
|
48026
48033
|
if (!plansAvailableName) return;
|
|
48027
48034
|
var planNameHeight = 0;
|
|
@@ -48305,10 +48312,10 @@ var CustomTooltip = __vue_component__$6;var script$4 = {
|
|
|
48305
48312
|
},
|
|
48306
48313
|
breakpoints: {
|
|
48307
48314
|
0: {
|
|
48308
|
-
slidesPerView: 1.2
|
|
48315
|
+
slidesPerView: Math.min(this.monthlyPlans.length, 1.2)
|
|
48309
48316
|
},
|
|
48310
48317
|
640: {
|
|
48311
|
-
slidesPerView: 2
|
|
48318
|
+
slidesPerView: Math.min(this.monthlyPlans.length, 2)
|
|
48312
48319
|
},
|
|
48313
48320
|
1024: {
|
|
48314
48321
|
slidesPerView: Math.min(this.monthlyPlans.length, this.width === 'tight' ? 2 : 3)
|
|
@@ -48340,10 +48347,10 @@ var CustomTooltip = __vue_component__$6;var script$4 = {
|
|
|
48340
48347
|
},
|
|
48341
48348
|
breakpoints: {
|
|
48342
48349
|
0: {
|
|
48343
|
-
slidesPerView: 1.2
|
|
48350
|
+
slidesPerView: Math.min(this.annualPlans.length, 1.2)
|
|
48344
48351
|
},
|
|
48345
48352
|
640: {
|
|
48346
|
-
slidesPerView: 2
|
|
48353
|
+
slidesPerView: Math.min(this.annualPlans.length, 2)
|
|
48347
48354
|
},
|
|
48348
48355
|
1024: {
|
|
48349
48356
|
slidesPerView: Math.min(this.annualPlans.length, this.width === 'tight' ? 2 : 3)
|
|
@@ -48389,18 +48396,18 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48389
48396
|
|
|
48390
48397
|
return _c('div', {
|
|
48391
48398
|
staticClass: "container"
|
|
48392
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-navigation nav-monthly-table\" data-v-
|
|
48393
|
-
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-monthly\" data-v-
|
|
48394
|
-
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-monthly\" data-v-
|
|
48399
|
+
}, [_vm._ssrNode("<div class=\"swiper-plan-navigation nav-monthly-table\" data-v-7f9883c2><button class=\"swiper-plan-monthly-prev\" data-v-7f9883c2>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-7f9883c2>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansMonthly.before + " " + (this.remainingPlansMonthly.before === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7f9883c2><g clip-path=\"url(#clip0_859_9388)\" data-v-7f9883c2><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path></g> <defs data-v-7f9883c2><clipPath id=\"clip0_859_9388\" data-v-7f9883c2><rect width=\"24\" height=\"24\" fill=\"white\" data-v-7f9883c2></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-monthly-next\" data-v-7f9883c2>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-7f9883c2>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansMonthly.after + " " + (this.remainingPlansMonthly.after === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7f9883c2><g clip-path=\"url(#clip0_859_9381)\" data-v-7f9883c2><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path></g> <defs data-v-7f9883c2><clipPath id=\"clip0_859_9381\" data-v-7f9883c2><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-7f9883c2></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-navigation nav-annually-table\" data-v-7f9883c2><button class=\"swiper-plan-annually-prev\" data-v-7f9883c2>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-7f9883c2>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansAnnually.before + " " + (this.remainingPlansAnnually.before === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7f9883c2><g clip-path=\"url(#clip0_859_9388)\" data-v-7f9883c2><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path></g> <defs data-v-7f9883c2><clipPath id=\"clip0_859_9388\" data-v-7f9883c2><rect width=\"24\" height=\"24\" fill=\"white\" data-v-7f9883c2></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-annually-next\" data-v-7f9883c2>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-7f9883c2>" + _vm._ssrEscape("\n +" + _vm._s(this.remainingPlansAnnually.after + " " + (this.remainingPlansAnnually.after === 1 ? _vm.translateMe("plan") : _vm.translateMe("plans"))) + "\n ") + "</span>" : "<!---->") + " <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7f9883c2><g clip-path=\"url(#clip0_859_9381)\" data-v-7f9883c2><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path></g> <defs data-v-7f9883c2><clipPath id=\"clip0_859_9381\" data-v-7f9883c2><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-7f9883c2></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"pricing-table monthly-table\" data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div class=\"table-header plans-available plans-available-monthly\" data-v-7f9883c2><h3 data-v-7f9883c2>" + _vm._ssrEscape("\n " + _vm._s(_vm.monthlyPlans.length) + " " + _vm._s(_vm.monthlyPlans.length > 1 ? _vm.translateMe("plans available") : _vm.translateMe("plan available")) + "\n ") + "</h3></div> "), _vm._l(_vm.monthlyPlansFeatures, function (group) {
|
|
48400
|
+
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-monthly\" data-v-7f9883c2>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " "), _vm._l(group.features, function (feature) {
|
|
48401
|
+
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-monthly\" data-v-7f9883c2>", "</div>", [_vm.enableFeatureTooltip && feature.description ? [_c('CustomTooltip', {
|
|
48395
48402
|
attrs: {
|
|
48396
48403
|
"text": _vm.translateMe(feature.description)
|
|
48397
48404
|
}
|
|
48398
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-
|
|
48405
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-7f9883c2>" + _vm._ssrEscape(_vm._s(_vm.translateMe(feature.name))) + "</span>")], 2);
|
|
48399
48406
|
})];
|
|
48400
|
-
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans monthly\" data-v-
|
|
48407
|
+
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans monthly\" data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-7f9883c2>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
|
|
48401
48408
|
return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
|
|
48402
48409
|
'last-slide': index === _vm.monthlyPlans.length - 1
|
|
48403
|
-
}) + " data-v-
|
|
48410
|
+
}) + " data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-monthly\" data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-7f9883c2><h4 class=\"plan-name mobile-plan-name\" data-v-7f9883c2>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.strike_price ? "<h5 data-v-7f9883c2><span class=\"strike-price\" data-v-7f9883c2>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-7f9883c2>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("mo"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-7f9883c2><h4 class=\"plan-name desktop-plan-name\" data-v-7f9883c2>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-7f9883c2><span class=\"plan-price\" data-v-7f9883c2>" + _vm._ssrEscape("$" + _vm._s(Number(plan.price).toFixed(2))) + "</span> <span class=\"plan-interval\" data-v-7f9883c2>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("mo"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
|
|
48404
48411
|
staticClass: "button",
|
|
48405
48412
|
attrs: {
|
|
48406
48413
|
"variant": 'secondary',
|
|
@@ -48413,22 +48420,22 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48413
48420
|
}
|
|
48414
48421
|
}
|
|
48415
48422
|
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.monthlyPlansFeatures, function (group) {
|
|
48416
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-monthly\" data-v-
|
|
48417
|
-
return "<div class=\"plan-feature plan-feature-monthly\" data-v-
|
|
48423
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-monthly\" data-v-7f9883c2>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48424
|
+
return "<div class=\"plan-feature plan-feature-monthly\" data-v-7f9883c2>" + (_vm.hasFeature(plan, feature) ? "<div data-v-7f9883c2>" + (feature.value_type === 'boolean' ? "<div data-v-7f9883c2><span class=\"plan-table-checkmark\" data-v-7f9883c2><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7f9883c2><g clip-path=\"url(#clip0_859_9134)\" data-v-7f9883c2><path d=\"M3.25 10C3.25 10.9849 3.44399 11.9602 3.8209 12.8701C4.19781 13.7801 4.75026 14.6069 5.4467 15.3033C6.14314 15.9997 6.96993 16.5522 7.87987 16.9291C8.78982 17.306 9.76509 17.5 10.75 17.5C11.7349 17.5 12.7102 17.306 13.6201 16.9291C14.5301 16.5522 15.3569 15.9997 16.0533 15.3033C16.7497 14.6069 17.3022 13.7801 17.6791 12.8701C18.056 11.9602 18.25 10.9849 18.25 10C18.25 9.01509 18.056 8.03982 17.6791 7.12987C17.3022 6.21993 16.7497 5.39314 16.0533 4.6967C15.3569 4.00026 14.5301 3.44781 13.6201 3.0709C12.7102 2.69399 11.7349 2.5 10.75 2.5C9.76509 2.5 8.78982 2.69399 7.87987 3.0709C6.96993 3.44781 6.14314 4.00026 5.4467 4.6967C4.75026 5.39314 4.19781 6.21993 3.8209 7.12987C3.44399 8.03982 3.25 9.01509 3.25 10Z\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M8.25 9.99998L9.91667 11.6666L13.25 8.33331\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path></g> <defs data-v-7f9883c2><clipPath id=\"clip0_859_9134\" data-v-7f9883c2><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-7f9883c2></rect></clipPath></defs></svg></span></div>" : "<div data-v-7f9883c2><span data-v-7f9883c2>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-7f9883c2><span class=\"plan-table-checkmark\" data-v-7f9883c2><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7f9883c2><g clip-path=\"url(#clip0_859_9139)\" data-v-7f9883c2><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path></g> <defs data-v-7f9883c2><clipPath id=\"clip0_859_9139\" data-v-7f9883c2><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-7f9883c2></rect></clipPath></defs></svg></span></div>") + "</div>";
|
|
48418
48425
|
});
|
|
48419
48426
|
}))], 2);
|
|
48420
|
-
}), 0)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"pricing-table annually-table\" data-v-
|
|
48421
|
-
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-annually\" data-v-
|
|
48422
|
-
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-annually\" data-v-
|
|
48427
|
+
}), 0)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"pricing-table annually-table\" data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div class=\"table-header plans-available plans-available-annually\" data-v-7f9883c2><h3 data-v-7f9883c2>" + _vm._ssrEscape(_vm._s(_vm.annualPlans.length) + " " + _vm._s(_vm.annualPlans.length > 1 ? _vm.translateMe("plans available") : _vm.translateMe("plan available"))) + "</h3></div> "), _vm._l(_vm.annualPlansFeatures, function (group) {
|
|
48428
|
+
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-annually\" data-v-7f9883c2>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " "), _vm._l(group.features, function (feature) {
|
|
48429
|
+
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-annually\" data-v-7f9883c2>", "</div>", [_vm.enableFeatureTooltip && feature.description ? [_c('CustomTooltip', {
|
|
48423
48430
|
attrs: {
|
|
48424
48431
|
"text": _vm.translateMe(feature.description)
|
|
48425
48432
|
}
|
|
48426
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-
|
|
48433
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-7f9883c2>" + _vm._ssrEscape(_vm._s(_vm.translateMe(feature.name))) + "</span>")], 2);
|
|
48427
48434
|
})];
|
|
48428
|
-
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans annually\" data-v-
|
|
48435
|
+
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans annually\" data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-7f9883c2>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
|
|
48429
48436
|
return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
|
|
48430
48437
|
'last-slide': index === _vm.annualPlans.length - 1
|
|
48431
|
-
}) + " data-v-
|
|
48438
|
+
}) + " data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-annually\" data-v-7f9883c2>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-7f9883c2>" + (plan.strike_price ? "<h4 class=\"plan-name mobile-plan-name\" data-v-7f9883c2>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> <h5 data-v-7f9883c2><span class=\"strike-price\" data-v-7f9883c2>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-7f9883c2>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("yr"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-7f9883c2><h4 class=\"plan-name desktop-plan-name\" data-v-7f9883c2>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-7f9883c2><span class=\"plan-price\" data-v-7f9883c2>" + _vm._ssrEscape("$" + _vm._s(Number(plan.price).toFixed(2))) + "</span> <span class=\"plan-interval\" data-v-7f9883c2>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("yr"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
|
|
48432
48439
|
staticClass: "button",
|
|
48433
48440
|
attrs: {
|
|
48434
48441
|
"variant": 'secondary',
|
|
@@ -48441,8 +48448,8 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48441
48448
|
}
|
|
48442
48449
|
}
|
|
48443
48450
|
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.annualPlansFeatures, function (group) {
|
|
48444
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-annually\" data-v-
|
|
48445
|
-
return "<div class=\"plan-feature plan-feature-annually\" data-v-
|
|
48451
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-annually\" data-v-7f9883c2>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48452
|
+
return "<div class=\"plan-feature plan-feature-annually\" data-v-7f9883c2>" + (_vm.hasFeature(plan, feature) ? "<div data-v-7f9883c2>" + (feature.value_type === 'boolean' ? "<div data-v-7f9883c2><span class=\"plan-table-checkmark\" data-v-7f9883c2><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7f9883c2><g clip-path=\"url(#clip0_859_9134)\" data-v-7f9883c2><path d=\"M3.25 10C3.25 10.9849 3.44399 11.9602 3.8209 12.8701C4.19781 13.7801 4.75026 14.6069 5.4467 15.3033C6.14314 15.9997 6.96993 16.5522 7.87987 16.9291C8.78982 17.306 9.76509 17.5 10.75 17.5C11.7349 17.5 12.7102 17.306 13.6201 16.9291C14.5301 16.5522 15.3569 15.9997 16.0533 15.3033C16.7497 14.6069 17.3022 13.7801 17.6791 12.8701C18.056 11.9602 18.25 10.9849 18.25 10C18.25 9.01509 18.056 8.03982 17.6791 7.12987C17.3022 6.21993 16.7497 5.39314 16.0533 4.6967C15.3569 4.00026 14.5301 3.44781 13.6201 3.0709C12.7102 2.69399 11.7349 2.5 10.75 2.5C9.76509 2.5 8.78982 2.69399 7.87987 3.0709C6.96993 3.44781 6.14314 4.00026 5.4467 4.6967C4.75026 5.39314 4.19781 6.21993 3.8209 7.12987C3.44399 8.03982 3.25 9.01509 3.25 10Z\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M8.25 9.99998L9.91667 11.6666L13.25 8.33331\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path></g> <defs data-v-7f9883c2><clipPath id=\"clip0_859_9134\" data-v-7f9883c2><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-7f9883c2></rect></clipPath></defs></svg></span></div>" : "<div data-v-7f9883c2><span data-v-7f9883c2>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-7f9883c2><span class=\"plan-table-checkmark\" data-v-7f9883c2><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-7f9883c2><g clip-path=\"url(#clip0_859_9139)\" data-v-7f9883c2><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f9883c2></path></g> <defs data-v-7f9883c2><clipPath id=\"clip0_859_9139\" data-v-7f9883c2><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-7f9883c2></rect></clipPath></defs></svg></span></div>") + "</div>";
|
|
48446
48453
|
});
|
|
48447
48454
|
}))], 2);
|
|
48448
48455
|
}), 0)])], 2)], 2);
|
|
@@ -48453,8 +48460,8 @@ var __vue_staticRenderFns__$4 = [];
|
|
|
48453
48460
|
|
|
48454
48461
|
var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
|
|
48455
48462
|
if (!inject) return;
|
|
48456
|
-
inject("data-v-
|
|
48457
|
-
source: ".container[data-v-
|
|
48463
|
+
inject("data-v-7f9883c2_0", {
|
|
48464
|
+
source: ".container[data-v-7f9883c2]{width:100%}.pricing-table[data-v-7f9883c2]{display:grid;width:calc(100% + 2px);grid-template-columns:repeat(3,1fr);background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e5e5}.pricing-table.monthly-table[data-v-7f9883c2]{padding:16px}.plans[data-v-7f9883c2]{grid-column:span 2;max-height:500px;overflow-y:auto}.annually-table[data-v-7f9883c2]{visibility:hidden;height:0}.pricing-table-inner__left[data-v-7f9883c2]{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.swiper[data-v-7f9883c2]{width:100%;height:100%}.pricing-table.annually-table .swiper-wrapper[data-v-7f9883c2],.pricing-table.monthly-table .swiper-wrapper[data-v-7f9883c2]{height:auto!important}.table-header[data-v-7f9883c2]{display:flex;align-items:center;background-color:#f1f1f1;padding:16px;border-bottom:1px solid #e3e3e3;position:sticky;top:0;z-index:10}.table-header h3[data-v-7f9883c2]{font-size:13px;font-weight:700;line-height:20px;color:#1a1a1a}.plan-header-wrapper[data-v-7f9883c2]{padding:16px;border-bottom:1px solid #e3e3e3}.plan-feature[data-v-7f9883c2]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.last-slide .plan-feature[data-v-7f9883c2]{border-right:1px solid #e3e3e3}.plan-feature-name[data-v-7f9883c2]{font-size:13px;font-weight:450;padding:12px;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;word-wrap:break-word;overflow-wrap:break-word;word-break:normal;hyphens:none}.plan-table-checkmark[data-v-7f9883c2]{width:20px;height:20px;visibility:visible;display:inline-block;margin-top:4px}.plan-header-wrapper[data-v-7f9883c2]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;background-color:#f1f1f1;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;position:sticky;top:0}.plan-header-wrapper .price-wrapper[data-v-7f9883c2]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.plan-header-wrapper .price-wrapper.has-discount[data-v-7f9883c2]{min-height:44px}.plan-header-wrapper .price-wrapper .main-price[data-v-7f9883c2]{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.plan-header-wrapper .price-wrapper .strike-price[data-v-7f9883c2]{color:#4a4a4a;text-decoration:line-through}.plan-header-wrapper .price-wrapper .plan-interval[data-v-7f9883c2]{color:#4a4a4a;font-weight:400}.plan-header-wrapper .price-wrapper h4[data-v-7f9883c2]{display:inline-flex;text-align:center;font-size:16px;font-weight:700;color:#1a1a1a;width:max-content}.plan-header-wrapper .price-wrapper h4.plan-name[data-v-7f9883c2]{width:100%}.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-7f9883c2]{display:none}.plan-header-wrapper .price-wrapper h4 h6[data-v-7f9883c2]{display:inline;font-size:13px;font-weight:400;color:#00000080;margin-left:-4px;line-height:0}.swiper-plan-navigation[data-v-7f9883c2]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually-table[data-v-7f9883c2]{display:none}.swiper-plan-annually-next[data-v-7f9883c2],.swiper-plan-annually-prev[data-v-7f9883c2],.swiper-plan-monthly-next[data-v-7f9883c2],.swiper-plan-monthly-prev[data-v-7f9883c2]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#1a1a1a;border-radius:8px;cursor:pointer}.swiper-plan-annually-next[data-v-7f9883c2]:disabled,.swiper-plan-annually-prev[data-v-7f9883c2]:disabled,.swiper-plan-monthly-next[data-v-7f9883c2]:disabled,.swiper-plan-monthly-prev[data-v-7f9883c2]:disabled{opacity:0}.choose-button[data-v-7f9883c2]{background-color:#fff!important}.choose-button[data-v-7f9883c2]:hover{background-color:#f9f9f9!important}.choose-button.disabled[data-v-7f9883c2]{background-color:rgba(0,0,0,.15)!important}#table-left[data-v-7f9883c2]{scrollbar-width:none;-ms-overflow-style:none}#table-left[data-v-7f9883c2]::-webkit-scrollbar{display:none}.plans-remaining[data-v-7f9883c2]{position:absolute;top:-30px;background-color:#fff;color:#333;font-weight:500;padding:6px 12px;border-radius:8px;font-size:14px;white-space:nowrap;box-shadow:0 4px 8px #00000026}.plans-remaining[data-v-7f9883c2]::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .1))}.feature-group-header.plan-feature-name[data-v-7f9883c2]{font-size:14px!important;padding-left:12px!important}.feature-group-header.plan-feature[data-v-7f9883c2]{font-size:0!important}.feature-group-header[data-v-7f9883c2]{font-size:14px;font-weight:600;background-color:#f5f5f5;color:#1a1a1a;max-height:30px;padding:5px!important;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.feature-group-header.plan-feature[data-v-7f9883c2]{text-align:center;border-left:1px solid #e3e3e3}.last-slide .feature-group-header.plan-feature[data-v-7f9883c2]{border-right:1px solid #e3e3e3}@media (max-width:1024px){.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-7f9883c2]{display:inline-block}.plan-header-wrapper .price-wrapper .desktop-plan-name[data-v-7f9883c2]{display:none}.plan-header-wrapper .price-wrapper .main-price[data-v-7f9883c2]{flex-direction:column}}@media (max-width:640px){.swiper-plan-navigation[data-v-7f9883c2]{display:none!important}.pricing-table[data-v-7f9883c2]{width:calc(100% + -2px)}}",
|
|
48458
48465
|
map: undefined,
|
|
48459
48466
|
media: undefined
|
|
48460
48467
|
});
|
|
@@ -48462,10 +48469,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
|
|
|
48462
48469
|
/* scoped */
|
|
48463
48470
|
|
|
48464
48471
|
|
|
48465
|
-
var __vue_scope_id__$4 = "data-v-
|
|
48472
|
+
var __vue_scope_id__$4 = "data-v-7f9883c2";
|
|
48466
48473
|
/* module identifier */
|
|
48467
48474
|
|
|
48468
|
-
var __vue_module_identifier__$4 = "data-v-
|
|
48475
|
+
var __vue_module_identifier__$4 = "data-v-7f9883c2";
|
|
48469
48476
|
/* functional template */
|
|
48470
48477
|
|
|
48471
48478
|
var __vue_is_functional_template__$4 = false;
|