@hulkapps/app-manager-vue 2.0.9 → 2.1.0

package/dist/app-manager-vue.esm.js

@@ -41370,9 +41370,9 @@ var script$2 = {
           return feature.value < 0 ? `Unlimited` : feature.value;
         } else return feature.value;
       } else if ((feature === null || feature === void 0 ? void 0 : feature.value_type) === 'array') {
-        return JSON.parse(feature.value).join(',');
+        return JSON.parse(feature.value).join(' ');
       } else if ((feature === null || feature === void 0 ? void 0 : feature.value_type) === 'string') {
-        return feature.value;
+        return feature.value.replace('"', '').replace('"', '');
       }
     },
 
@@ -41702,9 +41702,12 @@ var __vue_render__$2 = function () {
     }, [_vm._v(_vm._s(groupKey))])], 1) : _vm._e(), _vm._v(" "), _vm._l(featureGroup, function (feature, rIndex) {
       return _c('PDataTableRow', {
         key: "row-" + (rIndex + groupKey)
-      }, [_c('PDataTableCol', [_vm._v(_vm._s(feature.name))]), _vm._v(" "), _vm._l(_vm.selectedPlan === 'monthly' ? _vm.monthlyPlan : _vm.yearlyPlan, function (plan, cIndex) {
+      }, [_c('PDataTableCol', {
+        class: "feature__type__" + feature.value_type + " feature__class"
+      }, [_vm._v(_vm._s(feature.name))]), _vm._v(" "), _vm._l(_vm.selectedPlan === 'monthly' ? _vm.monthlyPlan : _vm.yearlyPlan, function (plan, cIndex) {
         return _c('PDataTableCol', {
           key: "cell-" + cIndex + "-row-" + rIndex,
+          class: "feature__type__" + feature.value_type,
           style: _vm.activePlanStyle(plan)
         }, [plan.features ? [feature.value_type === 'boolean' ? [plan.features[feature.uuid] ? _c('PIcon', {
           attrs: {
@@ -41790,8 +41793,8 @@ var __vue_staticRenderFns__$2 = [];
 
 const __vue_inject_styles__$2 = function (inject) {
   if (!inject) return;
-  inject("data-v-55726482_0", {
-    source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager-plan-page .plan-table td:last-child>[data-v-5a078dbb],.app-manager-plan-page .plan-table td:last-child>[data-v-7d902277]{float:none}.app-manager-plan-page .active{background:#f0f8f5}.app-manager-plan-page .plan-table td:last-child>[data-v-0d1b0d63]{float:none}.app-manager-plan-page .plan-table td{border:.01px solid #ececee!important;border-collapse:collapse!important}.app-manager-plan-page .plan-table .Polaris-DataTable__ScrollContainer{border-radius:12px;overflow:visible}.app-manager-plan-page .plan-table table{border-collapse:collapse!important}.app-manager-plan-page .custom-plan table{border-collapse:collapse!important}.app-manager-plan-page .custom-plan table thead .first-column{border-radius:12px 0 0 0;border-top:0!important;border-left:0!important}.app-manager-plan-page .custom-plan table thead .plan-heading.last-column{text-align:left!important;border-radius:0 12px 0 0;border-top:0!important}.app-manager-plan-page .custom-plan table thead .plan-heading{background-color:#fff;box-shadow:rgba(23,24,24,.05) 1px 0 8px,rgba(0,0,0,.15) 0 0 2px}.app-manager-plan-page .custom-plan table tbody tr:first-child{background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);border-radius:12px 0 0 0;overflow:hidden}.app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;overflow:hidden}.app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);overflow:hidden}.app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){background-color:#fff;overflow:hidden}.app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){border-bottom:0}.app-manager-plan-page .custom-plan table tbody tr:last-child{border-bottom:0;background-color:transparent!important;box-shadow:none!important}.app-manager-plan-page .custom-plan table tbody tr:not(:last-child){pointer-events:none}.app-manager-plan-page .custom-plan table thead tr td{pointer-events:none}.app-manager-plan-page .custom-plan table tbody tr:first-child td:first-child{overflow:hidden;border-radius:12px 0 0 0}.app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2){overflow:hidden;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:first-child{overflow:hidden;border-bottom:0!important;border-radius:0 0 0 12px}.app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:last-child{overflow:hidden;border-radius:0 0 12px}.app-manager-plan-page .custom-plan table tbody tr td:first-child{border-left:0!important;border-top:0!important;padding-left:20px}.app-manager-plan-page .custom-plan table tbody tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager-plan-page .custom-plan table thead tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager-plan-page .custom-plan table tbody td:not(:first-child){text-align:center!important}.app-manager-plan-page .custom-plan table tbody tr:last-child td:last-child{background:0 0;border-radius:0 0 12px 0}.app-manager-plan-page .custom-plan table tbody tr:last-child td{border:0!important;background:0 0}.app-manager-plan-page .custom-plan table tbody tr:last-child td:hover{border:0!important;background:0 0}.app-manager-plan-page .custom-plan tbody tr:last-child td.Polaris-DataTable__Cell--verticalAlignTop{background:0 0!important}.app-manager-plan-page .custom-plan table tbody tr:last-child{background:0 0;opacity:1}.app-manager-plan-page .custom-plan table tbody tr:last-child td:first-child{visibility:hidden}.app-manager-plan-page .plan-heading{padding-top:30px}.app-manager-plan-page .custom-plan .Polaris-Layout__Section{max-width:calc(100% - 2rem)!important}.app-manager-plan-page .later-link{text-align:center;clear:both;padding-top:15px}.app-manager-plan-page .plan-badge ul{text-align:center;padding-top:2rem;border-top:.1rem solid #e1e3e5}.app-manager-plan-page .plan-badge ul li{list-style:none;display:inline-block;padding-right:25px}.app-manager-plan-page .plan-badge ul li img{max-width:133px}.app-manager-plan-page .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager-plan-page.custom-title .Polaris-HorizontalDivider{background-color:#e2e3e4}.app-manager-plan-page .Polaris-Page__Content hr{border:1px solid #e2e3e4}.app-manager-plan-page .app-manager-group-row{background:0 0!important;padding:16px 16px 16px 20px!important}",
+  inject("data-v-40891528_0", {
+    source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-5a078dbb],.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-7d902277]{float:none}.app-manager .app-manager-plan-page .active{background:#f0f8f5}.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-0d1b0d63]{float:none}.app-manager .app-manager-plan-page .plan-table td{border:.01px solid #ececee!important;border-collapse:collapse!important}.app-manager .app-manager-plan-page .plan-table .Polaris-DataTable__ScrollContainer{border-radius:12px;overflow:visible}.app-manager .app-manager-plan-page .plan-table table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table thead .first-column{border-radius:12px 0 0 0;border-top:0!important;border-left:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading.last-column{text-align:left!important;border-radius:0 12px 0 0;border-top:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading{background-color:#fff;box-shadow:rgba(23,24,24,.05) 1px 0 8px,rgba(0,0,0,.15) 0 0 2px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child{background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);border-radius:12px 0 0 0;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){border-bottom:0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{border-bottom:0;background-color:transparent!important;box-shadow:none!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:last-child){pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table thead tr td{pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child td:first-child{overflow:hidden;border-radius:12px 0 0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2){overflow:hidden;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:first-child{overflow:hidden;border-bottom:0!important;border-radius:0 0 0 12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:last-child{overflow:hidden;border-radius:0 0 12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:first-child{border-left:0!important;border-top:0!important;padding-left:20px}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table thead tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody td:not(:first-child){text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:last-child{background:0 0;border-radius:0 0 12px 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:hover{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan tbody tr:last-child td.Polaris-DataTable__Cell--verticalAlignTop{background:0 0!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{background:0 0;opacity:1}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:first-child{visibility:hidden}.app-manager .app-manager-plan-page .plan-heading{padding-top:30px}.app-manager .app-manager-plan-page .custom-plan .Polaris-Layout__Section{max-width:calc(100% - 2rem)!important}.app-manager .app-manager-plan-page .later-link{text-align:center;clear:both;padding-top:15px}.app-manager .app-manager-plan-page .plan-badge ul{text-align:center;padding-top:2rem;border-top:.1rem solid #e1e3e5}.app-manager .app-manager-plan-page .plan-badge ul li{list-style:none;display:inline-block;padding-right:25px}.app-manager .app-manager-plan-page .plan-badge ul li img{max-width:133px}.app-manager .app-manager-plan-page .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .app-manager-plan-page.custom-title .Polaris-HorizontalDivider{background-color:#e2e3e4}.app-manager .app-manager-plan-page .Polaris-Page__Content hr{border:1px solid #e2e3e4}.app-manager .app-manager-plan-page .app-manager-group-row{background:0 0!important;padding:16px 16px 16px 20px!important}.app-manager .app-manager-plan-page .feature__type__array{vertical-align:middle!important;word-spacing:999px;white-space:pre-line!important}",
     map: undefined,
     media: undefined
   });
@@ -42000,9 +42003,9 @@ var script$1 = {
           return feature.value < 0 ? `Unlimited` : feature.value;
         } else return feature.value;
       } else if ((feature === null || feature === void 0 ? void 0 : feature.value_type) === 'array') {
-        return JSON.parse(feature.value).join(',');
+        return JSON.parse(feature.value).join(' ');
       } else if ((feature === null || feature === void 0 ? void 0 : feature.value_type) === 'string') {
-        return feature.value;
+        return feature.value.replace('"', '').replace('"', '');
       }
     },
 
@@ -42049,13 +42052,29 @@ var script$1 = {
 
     async selectPlan(value) {
       this.selectedPlan = value;
-      setTimeout(function () {
+      this.$nextTick(() => {
+        let maxHeight = 0;
+        let elements = document.querySelectorAll('.feature__type__array');
+        elements.forEach(item => {
+          item.style.minHeight = 'unset';
+          console.log(item.offsetHeight);
+
+          if (maxHeight < item.offsetHeight) {
+            maxHeight = item.offsetHeight;
+          }
+        });
+        elements.forEach(item => {
+          item.style.minHeight = maxHeight + 'px';
+        });
         let element = document.querySelector('.slide-0');
-        element.classList.add('first-slide');
-        element = document.querySelector('.slide-3');
-        element.classList.add('last-slide');
-        document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
-      }, 400);
+
+        if (element) {
+          element.classList.add('first-slide');
+          element = document.querySelector('.slide-3');
+          element.classList.add('last-slide');
+          document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
+        }
+      });
     },
 
     headerClasses(firstColumn) {
@@ -42100,10 +42119,17 @@ var script$1 = {
 
     this.default_plan_id = plansData.data.default_plan_id;
     this.onboard = !this.plan;
-  },
-
-  created() {
-    let initializeSliderComponent = setInterval(() => {
+    this.$nextTick(() => {
+      let maxHeight = 0;
+      let elements = document.querySelectorAll('.feature__type__array');
+      elements.forEach(item => {
+        if (maxHeight < item.offsetHeight) {
+          maxHeight = item.offsetHeight;
+        }
+      });
+      elements.forEach(item => {
+        item.style.minHeight = maxHeight + 'px';
+      });
       let element = document.querySelector('.slide-0');
 
       if (element) {
@@ -42111,9 +42137,8 @@ var script$1 = {
         element = document.querySelector('.slide-3');
         element.classList.add('last-slide');
         document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
-        clearInterval(initializeSliderComponent);
       }
-    }, 100);
+    });
   }
 
 };
@@ -42130,7 +42155,7 @@ var __vue_render__$1 = function () {
   var _c = _vm._self._c || _h;
 
   return _c('PPage', {
-    staticClass: "app-manager-plan-page custom-title",
+    staticClass: "app-manager-plan-page-slider custom-title",
     attrs: {
       "title": "Choose plan",
       "subtitle": _vm.subtitleContent
@@ -42201,7 +42226,8 @@ var __vue_render__$1 = function () {
   }, _vm._l(_vm.features, function (feature, key) {
     return _c('li', {
       key: key,
-      staticClass: "Polaris-ResourceList__ItemWrapper pro_title"
+      staticClass: "Polaris-ResourceList__ItemWrapper pro_title",
+      class: "feature__type__" + feature.value_type + " feature__class"
     }, [_c('div', {
       staticClass: "Polaris-ResourceList-Item__Container"
     }, [_c('div', {
@@ -42288,7 +42314,7 @@ var __vue_render__$1 = function () {
     }, [_vm._v("/" + _vm._s(_vm.selectedPlan === 'monthly' ? "mo" : "year"))])], 1)])]), _vm._v(" "), _c('div', [_c('ul', [_vm._l(_vm.features, function (feature, key) {
       return _c('li', {
         key: key,
-        class: _vm.activePlanClass(plan),
+        class: "feature__type__" + feature.value_type,
         style: _vm.activePlanStyle(plan)
       }, [_c('div', [plan.features && plan.features[feature.uuid] ? [plan.features[feature.uuid].value_type === 'boolean' ? [parseInt(plan.features[feature.uuid].value) === 1 ? _c('PIcon', {
         attrs: {
@@ -42360,8 +42386,8 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-9f706e68_0", {
-    source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page ul{list-style:none;margin:0;padding:0}.app-manager .app-manager-plan-page .Polaris-Layout__Section .VueCarousel-slide li,.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li,.app-manager .app-manager-plan-page .plan__price{padding:16px 16px 16px 20px}.app-manager .app-manager-plan-page .Polaris-Layout.custom-plan .VueCarousel .plan__price,.app-manager .app-manager-plan-page .Polaris-Layout__Section .VueCarousel-slide li:not(:last-child),.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li{border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff}.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li{border-right:none;border-left:1px solid #ddd}.app-manager .app-manager-plan-page .plan__price{min-height:121px}.app-manager .app-manager-plan-page .Polaris-Layout__Section .VueCarousel-slide li:nth-last-child(2),.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom:1px solid #ddd}.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li:first-child{border-top-left-radius:12px}.app-manager .app-manager-plan-page .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom-left-radius:12px}.app-manager .app-manager-plan-page .VueCarousel-inner .VueCarousel-slide.first-slide ul li:not(:last-child){border-left:1px solid #ddd}.app-manager .app-manager-plan-page .VueCarousel-inner .VueCarousel-slide.first-slide .plan__price{border-left:1px solid #ddd;box-shadow:none;border-top-left-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page .VueCarousel-inner .VueCarousel-slide.last-slide ul li:nth-last-child(2){border-bottom-right-radius:12px}.app-manager .app-manager-plan-page .VueCarousel-inner .VueCarousel-slide.last-slide .plan__price{border-right:1px solid #ddd;box-shadow:none;border-top-right-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page .VueCarousel-inner .VueCarousel-slide.last-slide{border-top-right-radius:12px}.app-manager .app-manager-plan-page .VueCarousel-inner .VueCarousel-slide.first-slide{border-top-left-radius:12px}.app-manager .app-manager-plan-page .VueCarousel .VueCarousel-inner li{text-align:center}.app-manager .app-manager-plan-page .VueCarousel-navigation-button{color:#257f60}",
+  inject("data-v-3ded0aa6_0", {
+    source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page-slider ul{list-style:none;margin:0;padding:0}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li,.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li,.app-manager .app-manager-plan-page-slider .plan__price{padding:16px 16px 16px 20px}.app-manager .app-manager-plan-page-slider .Polaris-Layout.custom-plan .VueCarousel .plan__price,.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:not(:last-child),.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-right:none;border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .plan__price{min-height:121px}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:nth-last-child(2),.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:first-child{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide ul li:not(:last-child){border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide .plan__price{border-left:1px solid #ddd;box-shadow:none;border-top-left-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide ul li:nth-last-child(2){border-bottom-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide .plan__price{border-right:1px solid #ddd;box-shadow:none;border-top-right-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide{border-top-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel .VueCarousel-inner li{text-align:center}.app-manager .app-manager-plan-page-slider .VueCarousel-navigation-button{color:#257f60}.app-manager .app-manager-plan-page-slider .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .app-manager-plan-page-slider .feature__type__array{display:flex;align-items:center;word-spacing:999px;justify-content:center}.app-manager .app-manager-plan-page-slider .feature__type__array.feature__class{justify-content:left}",
     map: undefined,
     media: undefined
   });