@hulkapps/app-manager-vue 3.1.12 → 3.1.13
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/README.md +9 -20
- package/dist/app-manager-vue.esm.js +17 -10
- package/dist/app-manager-vue.min.js +1 -1
- package/dist/app-manager-vue.ssr.js +34 -27
- 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/PlanTable.vue +14 -5
|
@@ -48069,15 +48069,23 @@ var CustomTooltip = __vue_component__$6;var script$4 = {
|
|
|
48069
48069
|
if (which === "features") {
|
|
48070
48070
|
var featureType = "-".concat(_this2.selectedInterval); // Append '-monthly' or '-annually' based on selectedInterval
|
|
48071
48071
|
|
|
48072
|
-
var featureNames = document.querySelectorAll(".plan-feature-name".concat(featureType));
|
|
48072
|
+
var featureNames = document.querySelectorAll(".plan-feature-name".concat(featureType)); // Reset any previously-set inline heights/minHeights so measurements reflect natural content
|
|
48073
|
+
|
|
48074
|
+
featureNames.forEach(function (fn) {
|
|
48075
|
+
fn.style.height = "";
|
|
48076
|
+
fn.style.minHeight = "";
|
|
48077
|
+
});
|
|
48073
48078
|
slides.forEach(function (slide) {
|
|
48074
|
-
var features = slide.querySelectorAll(".plan-feature".concat(featureType));
|
|
48079
|
+
var features = slide.querySelectorAll(".plan-feature".concat(featureType)); // Reset feature cells in this slide before measuring
|
|
48080
|
+
|
|
48081
|
+
features.forEach(function (f) {
|
|
48082
|
+
f.style.height = "";
|
|
48083
|
+
f.style.minHeight = "";
|
|
48084
|
+
});
|
|
48075
48085
|
featureNames.forEach(function (featureName, index) {
|
|
48076
48086
|
var feature = features[index];
|
|
48077
48087
|
|
|
48078
48088
|
if (featureName && feature) {
|
|
48079
|
-
featureName.style.height = 'auto';
|
|
48080
|
-
feature.style.height = 'auto';
|
|
48081
48089
|
var measured = featureName.getBoundingClientRect().height;
|
|
48082
48090
|
|
|
48083
48091
|
if (!measured || measured <= 0) {
|
|
@@ -48086,9 +48094,7 @@ var CustomTooltip = __vue_component__$6;var script$4 = {
|
|
|
48086
48094
|
|
|
48087
48095
|
var intHeight = Math.ceil(measured);
|
|
48088
48096
|
featureName.style.height = "".concat(intHeight, "px");
|
|
48089
|
-
featureName.style.minHeight = "".concat(intHeight, "px");
|
|
48090
48097
|
feature.style.height = "".concat(intHeight, "px");
|
|
48091
|
-
feature.style.minHeight = "".concat(intHeight, "px");
|
|
48092
48098
|
}
|
|
48093
48099
|
});
|
|
48094
48100
|
});
|
|
@@ -48098,7 +48104,8 @@ var CustomTooltip = __vue_component__$6;var script$4 = {
|
|
|
48098
48104
|
|
|
48099
48105
|
if (planNames) {
|
|
48100
48106
|
planNames.forEach(function (el) {
|
|
48101
|
-
el.style.minHeight = "
|
|
48107
|
+
el.style.minHeight = "";
|
|
48108
|
+
el.style.height = "";
|
|
48102
48109
|
});
|
|
48103
48110
|
}
|
|
48104
48111
|
|
|
@@ -48476,18 +48483,18 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48476
48483
|
|
|
48477
48484
|
return _c('div', {
|
|
48478
48485
|
staticClass: "container"
|
|
48479
|
-
}, [_vm._ssrNode("<div class=\"swiper-plan-navigation nav-monthly-table\" data-v-
|
|
48480
|
-
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-monthly\" data-v-
|
|
48481
|
-
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-monthly\" data-v-
|
|
48486
|
+
}, [_vm._ssrNode("<div class=\"swiper-plan-navigation nav-monthly-table\" data-v-c705f0d0><button class=\"swiper-plan-monthly-prev\" data-v-c705f0d0>" + (this.remainingPlansMonthly.before > 0 ? "<span class=\"plans-remaining\" data-v-c705f0d0>" + _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-c705f0d0><g clip-path=\"url(#clip0_859_9388)\" data-v-c705f0d0><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path></g> <defs data-v-c705f0d0><clipPath id=\"clip0_859_9388\" data-v-c705f0d0><rect width=\"24\" height=\"24\" fill=\"white\" data-v-c705f0d0></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-monthly-next\" data-v-c705f0d0>" + (this.remainingPlansMonthly.after > 0 ? "<span class=\"plans-remaining\" data-v-c705f0d0>" + _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-c705f0d0><g clip-path=\"url(#clip0_859_9381)\" data-v-c705f0d0><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path></g> <defs data-v-c705f0d0><clipPath id=\"clip0_859_9381\" data-v-c705f0d0><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-c705f0d0></rect></clipPath></defs></svg></button></div> <div class=\"swiper-plan-navigation nav-annually-table\" data-v-c705f0d0><button class=\"swiper-plan-annually-prev\" data-v-c705f0d0>" + (this.remainingPlansAnnually.before > 0 ? "<span class=\"plans-remaining\" data-v-c705f0d0>" + _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-c705f0d0><g clip-path=\"url(#clip0_859_9388)\" data-v-c705f0d0><path d=\"M5 12.0001L19 12.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M5 12.0001L11 18.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M5 12.0001L11 6.00012\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path></g> <defs data-v-c705f0d0><clipPath id=\"clip0_859_9388\" data-v-c705f0d0><rect width=\"24\" height=\"24\" fill=\"white\" data-v-c705f0d0></rect></clipPath></defs></svg></button> <button class=\"swiper-plan-annually-next\" data-v-c705f0d0>" + (this.remainingPlansAnnually.after > 0 ? "<span class=\"plans-remaining\" data-v-c705f0d0>" + _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-c705f0d0><g clip-path=\"url(#clip0_859_9381)\" data-v-c705f0d0><path d=\"M19 12H5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M19 12L13 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path></g> <defs data-v-c705f0d0><clipPath id=\"clip0_859_9381\" data-v-c705f0d0><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"matrix(-1 0 0 -1 24 24)\" data-v-c705f0d0></rect></clipPath></defs></svg></button></div> "), _vm._ssrNode("<div class=\"pricing-table monthly-table\" data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div class=\"table-header plans-available plans-available-monthly\" data-v-c705f0d0><h3 data-v-c705f0d0>" + _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) {
|
|
48487
|
+
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-monthly\" data-v-c705f0d0>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " "), _vm._l(group.features, function (feature) {
|
|
48488
|
+
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-monthly\" data-v-c705f0d0>", "</div>", [_vm.enableFeatureTooltip && feature.description ? [_c('CustomTooltip', {
|
|
48482
48489
|
attrs: {
|
|
48483
48490
|
"text": _vm.translateMe(feature.description)
|
|
48484
48491
|
}
|
|
48485
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-
|
|
48492
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-c705f0d0>" + _vm._ssrEscape(_vm._s(_vm.translateMe(feature.name))) + "</span>")], 2);
|
|
48486
48493
|
})];
|
|
48487
|
-
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans monthly\" data-v-
|
|
48494
|
+
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans monthly\" data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-c705f0d0>", "</div>", _vm._l(_vm.monthlyPlans, function (plan, index) {
|
|
48488
48495
|
return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
|
|
48489
48496
|
'last-slide': index === _vm.monthlyPlans.length - 1
|
|
48490
|
-
}) + " data-v-
|
|
48497
|
+
}) + " data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-monthly\" data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyMonthlyPlanHasDiscount ? 'has-discount' : '']) + " data-v-c705f0d0><h4 class=\"plan-name mobile-plan-name\" data-v-c705f0d0>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.strike_price ? "<h5 data-v-c705f0d0><span class=\"strike-price\" data-v-c705f0d0>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-c705f0d0>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("mo"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-c705f0d0><h4 class=\"plan-name desktop-plan-name\" data-v-c705f0d0>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-c705f0d0><span class=\"plan-price\" data-v-c705f0d0>" + _vm._ssrEscape("$" + _vm._s(Number(plan.price).toFixed(2))) + "</span> <span class=\"plan-interval\" data-v-c705f0d0>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("mo"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
|
|
48491
48498
|
staticClass: "button",
|
|
48492
48499
|
attrs: {
|
|
48493
48500
|
"variant": 'secondary',
|
|
@@ -48500,22 +48507,22 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48500
48507
|
}
|
|
48501
48508
|
}
|
|
48502
48509
|
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true, _vm.hasActiveCharge)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.monthlyPlansFeatures, function (group) {
|
|
48503
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-monthly\" data-v-
|
|
48504
|
-
return "<div class=\"plan-feature plan-feature-monthly\" data-v-
|
|
48510
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-monthly\" data-v-c705f0d0>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48511
|
+
return "<div class=\"plan-feature plan-feature-monthly\" data-v-c705f0d0>" + (_vm.hasFeature(plan, feature) ? "<div data-v-c705f0d0>" + (feature.value_type === 'boolean' ? "<div data-v-c705f0d0><span class=\"plan-table-checkmark\" data-v-c705f0d0><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-c705f0d0><g clip-path=\"url(#clip0_859_9134)\" data-v-c705f0d0><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-c705f0d0></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-c705f0d0></path></g> <defs data-v-c705f0d0><clipPath id=\"clip0_859_9134\" data-v-c705f0d0><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-c705f0d0></rect></clipPath></defs></svg></span></div>" : "<div data-v-c705f0d0><span data-v-c705f0d0>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-c705f0d0><span class=\"plan-table-checkmark\" data-v-c705f0d0><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-c705f0d0><g clip-path=\"url(#clip0_859_9139)\" data-v-c705f0d0><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path></g> <defs data-v-c705f0d0><clipPath id=\"clip0_859_9139\" data-v-c705f0d0><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-c705f0d0></rect></clipPath></defs></svg></span></div>") + "</div>";
|
|
48505
48512
|
});
|
|
48506
48513
|
}))], 2);
|
|
48507
|
-
}), 0)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"pricing-table annually-table\" data-v-
|
|
48508
|
-
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-annually\" data-v-
|
|
48509
|
-
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-annually\" data-v-
|
|
48514
|
+
}), 0)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"pricing-table annually-table\" data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div id=\"table-left\" class=\"pricing-table-inner__left\" data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div class=\"table-header plans-available plans-available-annually\" data-v-c705f0d0><h3 data-v-c705f0d0>" + _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) {
|
|
48515
|
+
return [_vm._ssrNode((group.name ? "<div class=\"feature-group-header plan-feature-name plan-feature-name-annually\" data-v-c705f0d0>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " "), _vm._l(group.features, function (feature) {
|
|
48516
|
+
return _vm._ssrNode("<div class=\"plan-feature-name plan-feature-name-annually\" data-v-c705f0d0>", "</div>", [_vm.enableFeatureTooltip && feature.description ? [_c('CustomTooltip', {
|
|
48510
48517
|
attrs: {
|
|
48511
48518
|
"text": _vm.translateMe(feature.description)
|
|
48512
48519
|
}
|
|
48513
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-
|
|
48520
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.translateMe(feature.name)))])])] : _vm._ssrNode("<span data-v-c705f0d0>" + _vm._ssrEscape(_vm._s(_vm.translateMe(feature.name))) + "</span>")], 2);
|
|
48514
48521
|
})];
|
|
48515
|
-
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans annually\" data-v-
|
|
48522
|
+
})], 2), _vm._ssrNode(" "), _vm._ssrNode("<div id=\"plans-table\" class=\"swiper plans annually\" data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div class=\"swiper-wrapper\" data-v-c705f0d0>", "</div>", _vm._l(_vm.annualPlans, function (plan, index) {
|
|
48516
48523
|
return _vm._ssrNode("<div" + _vm._ssrClass("swiper-slide", {
|
|
48517
48524
|
'last-slide': index === _vm.annualPlans.length - 1
|
|
48518
|
-
}) + " data-v-
|
|
48525
|
+
}) + " data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div class=\"plan-header-wrapper plan-header-wrapper-annually\" data-v-c705f0d0>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, ['price-wrapper', _vm.anyAnnuallyPlanHasDiscount ? 'has-discount' : '']) + " data-v-c705f0d0><h4 class=\"plan-name mobile-plan-name\" data-v-c705f0d0>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.strike_price ? "<h5 data-v-c705f0d0><span class=\"strike-price\" data-v-c705f0d0>" + _vm._ssrEscape("$" + _vm._s(Number(plan.strike_price).toFixed(2))) + "</span> " + (plan.strike_price !== 0 ? "<span class=\"plan-interval\" data-v-c705f0d0>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("yr"))) + "</span>" : "<!---->") + "</h5>" : "<!---->") + " <div class=\"main-price\" data-v-c705f0d0><h4 class=\"plan-name desktop-plan-name\" data-v-c705f0d0>" + _vm._ssrEscape(_vm._s(_vm.translateMe(plan.name))) + "</h4> " + (plan.name !== 'free' && plan.name !== 'FREE' ? "<h4 data-v-c705f0d0><span class=\"plan-price\" data-v-c705f0d0>" + _vm._ssrEscape("$" + _vm._s(Number(plan.price).toFixed(2))) + "</span> <span class=\"plan-interval\" data-v-c705f0d0>" + _vm._ssrEscape("/" + _vm._s(_vm.translateMe("yr"))) + "</span></h4>" : "<!---->") + "</div></div> "), _c('VariantButton', {
|
|
48519
48526
|
staticClass: "button",
|
|
48520
48527
|
attrs: {
|
|
48521
48528
|
"variant": 'secondary',
|
|
@@ -48528,8 +48535,8 @@ var __vue_render__$4 = function __vue_render__() {
|
|
|
48528
48535
|
}
|
|
48529
48536
|
}
|
|
48530
48537
|
}, [_vm._v(_vm._s(_vm.getPlanButtonText(_vm.shopifyPlan, plan, _vm.translateMe, _vm.currentPlan, true, _vm.hasActiveCharge)))])], 2), _vm._ssrNode(" " + _vm._ssrList(_vm.annualPlansFeatures, function (group) {
|
|
48531
|
-
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-annually\" data-v-
|
|
48532
|
-
return "<div class=\"plan-feature plan-feature-annually\" data-v-
|
|
48538
|
+
return (group.name ? "<div class=\"feature-group-header plan-feature plan-feature-annually\" data-v-c705f0d0>" + _vm._ssrEscape("\n " + _vm._s(_vm.translateMe(group.name)) + "\n ") + "</div>" : "<!---->") + " " + _vm._ssrList(group.features, function (feature) {
|
|
48539
|
+
return "<div class=\"plan-feature plan-feature-annually\" data-v-c705f0d0>" + (_vm.hasFeature(plan, feature) ? "<div data-v-c705f0d0>" + (feature.value_type === 'boolean' ? "<div data-v-c705f0d0><span class=\"plan-table-checkmark\" data-v-c705f0d0><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-c705f0d0><g clip-path=\"url(#clip0_859_9134)\" data-v-c705f0d0><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-c705f0d0></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-c705f0d0></path></g> <defs data-v-c705f0d0><clipPath id=\"clip0_859_9134\" data-v-c705f0d0><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-c705f0d0></rect></clipPath></defs></svg></span></div>" : "<div data-v-c705f0d0><span data-v-c705f0d0>" + _vm._ssrEscape(_vm._s(_vm.translateMe(_vm.formatFeature(plan.features[feature.uuid])))) + "</span></div>") + "</div>" : "<div data-v-c705f0d0><span class=\"plan-table-checkmark\" data-v-c705f0d0><svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\" data-v-c705f0d0><g clip-path=\"url(#clip0_859_9139)\" data-v-c705f0d0><path d=\"M15.75 5L5.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path> <path d=\"M5.75 5L15.75 15\" stroke=\"#5C5C5C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c705f0d0></path></g> <defs data-v-c705f0d0><clipPath id=\"clip0_859_9139\" data-v-c705f0d0><rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(0.75)\" data-v-c705f0d0></rect></clipPath></defs></svg></span></div>") + "</div>";
|
|
48533
48540
|
});
|
|
48534
48541
|
}))], 2);
|
|
48535
48542
|
}), 0)])], 2)], 2);
|
|
@@ -48540,8 +48547,8 @@ var __vue_staticRenderFns__$4 = [];
|
|
|
48540
48547
|
|
|
48541
48548
|
var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
|
|
48542
48549
|
if (!inject) return;
|
|
48543
|
-
inject("data-v-
|
|
48544
|
-
source: ".container[data-v-
|
|
48550
|
+
inject("data-v-c705f0d0_0", {
|
|
48551
|
+
source: ".container[data-v-c705f0d0]{width:100%}.pricing-table[data-v-c705f0d0]{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-c705f0d0]{padding:16px}.plans[data-v-c705f0d0]{grid-column:span 2;max-height:500px;overflow-y:auto}.annually-table[data-v-c705f0d0]{visibility:hidden;height:0}.pricing-table-inner__left[data-v-c705f0d0]{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.swiper[data-v-c705f0d0]{width:100%;height:100%}.pricing-table.annually-table .swiper-wrapper[data-v-c705f0d0],.pricing-table.monthly-table .swiper-wrapper[data-v-c705f0d0]{height:auto!important}.table-header[data-v-c705f0d0]{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-c705f0d0]{font-size:13px;font-weight:700;line-height:20px;color:#1a1a1a}.plan-header-wrapper[data-v-c705f0d0]{padding:16px;border-bottom:1px solid #e3e3e3}.plan-feature[data-v-c705f0d0]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.last-slide .plan-feature[data-v-c705f0d0]{border-right:1px solid #e3e3e3}.plan-feature-name[data-v-c705f0d0]{font-size:13px;font-weight:450;padding:12px;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;word-break:normal;hyphens:none}.plan-table-checkmark[data-v-c705f0d0]{width:20px;height:20px;visibility:visible;display:inline-block;margin-top:4px}.plan-header-wrapper[data-v-c705f0d0]{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-c705f0d0]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.plan-header-wrapper .price-wrapper.has-discount[data-v-c705f0d0]{min-height:44px}.plan-header-wrapper .price-wrapper .main-price[data-v-c705f0d0]{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.plan-header-wrapper .price-wrapper .strike-price[data-v-c705f0d0]{color:#4a4a4a;text-decoration:line-through}.plan-header-wrapper .price-wrapper .plan-interval[data-v-c705f0d0]{color:#4a4a4a;font-weight:400}.plan-header-wrapper .price-wrapper h4[data-v-c705f0d0]{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-c705f0d0]{width:100%}.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-c705f0d0]{display:none}.plan-header-wrapper .price-wrapper h4 h6[data-v-c705f0d0]{display:inline;font-size:13px;font-weight:400;color:#00000080;margin-left:-4px;line-height:0}.swiper-plan-navigation[data-v-c705f0d0]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually-table[data-v-c705f0d0]{display:none}.swiper-plan-annually-next[data-v-c705f0d0],.swiper-plan-annually-prev[data-v-c705f0d0],.swiper-plan-monthly-next[data-v-c705f0d0],.swiper-plan-monthly-prev[data-v-c705f0d0]{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-c705f0d0]:disabled,.swiper-plan-annually-prev[data-v-c705f0d0]:disabled,.swiper-plan-monthly-next[data-v-c705f0d0]:disabled,.swiper-plan-monthly-prev[data-v-c705f0d0]:disabled{opacity:0}.choose-button[data-v-c705f0d0]{background-color:#fff!important}.choose-button[data-v-c705f0d0]:hover{background-color:#f9f9f9!important}.choose-button.disabled[data-v-c705f0d0]{background-color:rgba(0,0,0,.15)!important}#table-left[data-v-c705f0d0]{scrollbar-width:none;-ms-overflow-style:none}#table-left[data-v-c705f0d0]::-webkit-scrollbar{display:none}.plans-remaining[data-v-c705f0d0]{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-c705f0d0]::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-c705f0d0]{font-size:14px!important;padding-left:12px!important}.feature-group-header.plan-feature[data-v-c705f0d0]{font-size:0!important}.feature-group-header[data-v-c705f0d0]{font-size:14px;font-weight:600;background-color:#f5f5f5;color:#1a1a1a;padding:5px!important;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.feature-group-header.plan-feature[data-v-c705f0d0]{text-align:center;border-left:1px solid #e3e3e3}.last-slide .feature-group-header.plan-feature[data-v-c705f0d0]{border-right:1px solid #e3e3e3}@media (max-width:1024px){.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-c705f0d0]{display:inline-block}.plan-header-wrapper .price-wrapper .desktop-plan-name[data-v-c705f0d0]{display:none}.plan-header-wrapper .price-wrapper .main-price[data-v-c705f0d0]{flex-direction:column}}@media (max-width:640px){.swiper-plan-navigation[data-v-c705f0d0]{display:none!important}.pricing-table[data-v-c705f0d0]{width:calc(100% + -2px)}}@media (max-width:400px){.plan-feature-name[data-v-c705f0d0]{padding:12px 4px}}",
|
|
48545
48552
|
map: undefined,
|
|
48546
48553
|
media: undefined
|
|
48547
48554
|
});
|
|
@@ -48549,10 +48556,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
|
|
|
48549
48556
|
/* scoped */
|
|
48550
48557
|
|
|
48551
48558
|
|
|
48552
|
-
var __vue_scope_id__$4 = "data-v-
|
|
48559
|
+
var __vue_scope_id__$4 = "data-v-c705f0d0";
|
|
48553
48560
|
/* module identifier */
|
|
48554
48561
|
|
|
48555
|
-
var __vue_module_identifier__$4 = "data-v-
|
|
48562
|
+
var __vue_module_identifier__$4 = "data-v-c705f0d0";
|
|
48556
48563
|
/* functional template */
|
|
48557
48564
|
|
|
48558
48565
|
var __vue_is_functional_template__$4 = false;
|