vuexy 0.1.0

data/app/assets/javascripts/vuexy/scripts/pages/auth-register.js

@@ -0,0 +1,208 @@
+/*=========================================================================================
+  File Name: auth-register.js
+  Description: Auth register js file.
+  ----------------------------------------------------------------------------------------
+  Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+  Author: PIXINVENT
+  Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+$(function () {
+  ('use strict');
+
+  var assetsPath = '../../../app-assets/',
+    registerMultiStepsWizard = document.querySelector('.register-multi-steps-wizard'),
+    pageResetForm = $('.auth-register-form'),
+    select = $('.select2'),
+    creditCard = $('.credit-card-mask'),
+    expiryDateMask = $('.expiry-date-mask'),
+    cvvMask = $('.cvv-code-mask'),
+    mobileNumberMask = $('.mobile-number-mask'),
+    pinCodeMask = $('.pin-code-mask');
+
+  if ($('body').attr('data-framework') === 'laravel') {
+    assetsPath = $('body').attr('data-asset-path');
+  }
+
+  // jQuery Validation
+  // --------------------------------------------------------------------
+  if (pageResetForm.length) {
+    pageResetForm.validate({
+      /*
+      * ? To enable validation onkeyup
+      onkeyup: function (element) {
+        $(element).valid();
+      },*/
+      /*
+      * ? To enable validation on focusout
+      onfocusout: function (element) {
+        $(element).valid();
+      }, */
+      rules: {
+        'register-username': {
+          required: true
+        },
+        'register-email': {
+          required: true,
+          email: true
+        },
+        'register-password': {
+          required: true
+        }
+      }
+    });
+  }
+
+  // multi-steps registration
+  // --------------------------------------------------------------------
+
+  // Horizontal Wizard
+  if (typeof registerMultiStepsWizard !== undefined && registerMultiStepsWizard !== null) {
+    var numberedStepper = new Stepper(registerMultiStepsWizard),
+      $form = $(registerMultiStepsWizard).find('form');
+    $form.each(function () {
+      var $this = $(this);
+      $this.validate({
+        rules: {
+          username: {
+            required: true
+          },
+          email: {
+            required: true
+          },
+          password: {
+            required: true,
+            minlength: 8
+          },
+          'confirm-password': {
+            required: true,
+            minlength: 8,
+            equalTo: '#password'
+          },
+          'first-name': {
+            required: true
+          },
+          'home-address': {
+            required: true
+          },
+          addCard: {
+            required: true
+          }
+        },
+        messages: {
+          password: {
+            required: 'Enter new password',
+            minlength: 'Enter at least 8 characters'
+          },
+          'confirm-password': {
+            required: 'Please confirm new password',
+            minlength: 'Enter at least 8 characters',
+            equalTo: 'The password and its confirm are not the same'
+          }
+        }
+      });
+    });
+
+    $(registerMultiStepsWizard)
+      .find('.btn-next')
+      .each(function () {
+        $(this).on('click', function (e) {
+          var isValid = $(this).parent().siblings('form').valid();
+          if (isValid) {
+            numberedStepper.next();
+          } else {
+            e.preventDefault();
+          }
+        });
+      });
+
+    $(registerMultiStepsWizard)
+      .find('.btn-prev')
+      .on('click', function () {
+        numberedStepper.previous();
+      });
+
+    $(registerMultiStepsWizard)
+      .find('.btn-submit')
+      .on('click', function () {
+        var isValid = $(this).parent().siblings('form').valid();
+        if (isValid) {
+          alert('Submitted..!!');
+        }
+      });
+  }
+
+  // select2
+  select.each(function () {
+    var $this = $(this);
+    $this.wrap('<div class="position-relative"></div>');
+    $this.select2({
+      // the following code is used to disable x-scrollbar when click in select input and
+      // take 100% width in responsive also
+      dropdownAutoWidth: true,
+      width: '100%',
+      dropdownParent: $this.parent()
+    });
+  });
+
+  // credit card
+
+  // Credit Card
+  if (creditCard.length) {
+    creditCard.each(function () {
+      new Cleave($(this), {
+        creditCard: true,
+        onCreditCardTypeChanged: function (type) {
+          const elementNodeList = document.querySelectorAll('.card-type');
+          if (type != '' && type != 'unknown') {
+            //! we accept this approach for multiple credit card masking
+            for (let i = 0; i < elementNodeList.length; i++) {
+              elementNodeList[i].innerHTML =
+                '<img src="' + assetsPath + 'images/icons/payments/' + type + '-cc.png" height="24"/>';
+            }
+          } else {
+            for (let i = 0; i < elementNodeList.length; i++) {
+              elementNodeList[i].innerHTML = '';
+            }
+          }
+        }
+      });
+    });
+  }
+
+  // Expiry Date Mask
+  if (expiryDateMask.length) {
+    new Cleave(expiryDateMask, {
+      date: true,
+      delimiter: '/',
+      datePattern: ['m', 'y']
+    });
+  }
+
+  // CVV
+  if (cvvMask.length) {
+    new Cleave(cvvMask, {
+      numeral: true,
+      numeralPositiveOnly: true
+    });
+  }
+
+  // phone number mask
+  if (mobileNumberMask.length) {
+    new Cleave(mobileNumberMask, {
+      phone: true,
+      phoneRegionCode: 'US'
+    });
+  }
+
+  // Pincode
+  if (pinCodeMask.length) {
+    new Cleave(pinCodeMask, {
+      delimiter: '',
+      numeral: true
+    });
+  }
+
+  // multi-steps registration
+  // --------------------------------------------------------------------
+});

data/app/assets/javascripts/vuexy/scripts/pages/auth-register.min.js

@@ -0,0 +1,3 @@
+$((function(){var e="../../../app-assets/",r=document.querySelector(".register-multi-steps-wizard"),t=$(".auth-register-form"),n=$(".select2"),a=$(".credit-card-mask"),i=$(".expiry-date-mask"),s=$(".cvv-code-mask"),d=$(".mobile-number-mask"),o=$(".pin-code-mask");if("laravel"===$("body").attr("data-framework")&&(e=$("body").attr("data-asset-path")),t.length&&t.validate({rules:{"register-username":{required:!0},"register-email":{required:!0,email:!0},"register-password":{required:!0}}}),void 0!==typeof r&&null!==r){var l=new Stepper(r);$(r).find("form").each((function(){$(this).validate({rules:{username:{required:!0},email:{required:!0},password:{required:!0,minlength:8},"confirm-password":{required:!0,minlength:8,equalTo:"#password"},"first-name":{required:!0},"home-address":{required:!0},addCard:{required:!0}},messages:{password:{required:"Enter new password",minlength:"Enter at least 8 characters"},"confirm-password":{required:"Please confirm new password",minlength:"Enter at least 8 characters",equalTo:"The password and its confirm are not the same"}}})})),$(r).find(".btn-next").each((function(){$(this).on("click",(function(e){$(this).parent().siblings("form").valid()?l.next():e.preventDefault()}))})),$(r).find(".btn-prev").on("click",(function(){l.previous()})),$(r).find(".btn-submit").on("click",(function(){$(this).parent().siblings("form").valid()&&alert("Submitted..!!")}))}n.each((function(){var e=$(this);e.wrap('<div class="position-relative"></div>'),e.select2({dropdownAutoWidth:!0,width:"100%",dropdownParent:e.parent()})})),a.length&&a.each((function(){new Cleave($(this),{creditCard:!0,onCreditCardTypeChanged:function(r){const t=document.querySelectorAll(".card-type");if(""!=r&&"unknown"!=r)
+//! we accept this approach for multiple credit card masking
+for(let n=0;n<t.length;n++)t[n].innerHTML='<img src="'+e+"images/icons/payments/"+r+'-cc.png" height="24"/>';else for(let e=0;e<t.length;e++)t[e].innerHTML=""}})})),i.length&&new Cleave(i,{date:!0,delimiter:"/",datePattern:["m","y"]}),s.length&&new Cleave(s,{numeral:!0,numeralPositiveOnly:!0}),d.length&&new Cleave(d,{phone:!0,phoneRegionCode:"US"}),o.length&&new Cleave(o,{delimiter:"",numeral:!0})}));

data/app/assets/javascripts/vuexy/scripts/pages/auth-reset-password.js

@@ -0,0 +1,40 @@
+/*=========================================================================================
+  File Name: auth-reset-password.js
+  Description: Auth reset password js file.
+  ----------------------------------------------------------------------------------------
+  Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+  Author: PIXINVENT
+  Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+$(function () {
+  'use strict';
+
+  var pageResetPasswordForm = $('.auth-reset-password-form');
+
+  // jQuery Validation
+  // --------------------------------------------------------------------
+  if (pageResetPasswordForm.length) {
+    pageResetPasswordForm.validate({
+      /*
+      * ? To enable validation onkeyup
+      onkeyup: function (element) {
+        $(element).valid();
+      },*/
+      /*
+      * ? To enable validation on focusout
+      onfocusout: function (element) {
+        $(element).valid();
+      }, */
+      rules: {
+        'reset-password-new': {
+          required: true
+        },
+        'reset-password-confirm': {
+          required: true,
+          equalTo: '#reset-password-new'
+        }
+      }
+    });
+  }
+});

data/app/assets/javascripts/vuexy/scripts/pages/auth-reset-password.min.js

@@ -0,0 +1 @@
+$((function(){"use strict";var e=$(".auth-reset-password-form");e.length&&e.validate({rules:{"reset-password-new":{required:!0},"reset-password-confirm":{required:!0,equalTo:"#reset-password-new"}}})}));

data/app/assets/javascripts/vuexy/scripts/pages/auth-two-steps.js

@@ -0,0 +1,53 @@
+/*=========================================================================================
+	File Name: auth-two-steps.js
+	Description: Two Steps verification.
+	----------------------------------------------------------------------------------------
+	Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+	Author: PIXINVENT
+	Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+var inputContainer = document.querySelector('.auth-input-wrapper');
+
+// Get focus on next element after max-length reach
+inputContainer.onkeyup = function (e) {
+  var target = e.srcElement;
+  var maxLength = parseInt(target.attributes['maxlength'].value, 10);
+  var currentLength = target.value.length;
+
+  if (e.keyCode === 8) {
+    if (currentLength === 0) {
+      var next = target;
+      while ((next = next.previousElementSibling)) {
+        if (next == null) break;
+        if (next.tagName.toLowerCase() == 'input') {
+          next.focus();
+          break;
+        }
+      }
+    }
+  } else {
+    if (currentLength >= maxLength) {
+      var next = target;
+      while ((next = next.nextElementSibling)) {
+        if (next == null) break;
+        if (next.tagName.toLowerCase() == 'input') {
+          next.focus();
+          break;
+        }
+      }
+    }
+  }
+};
+
+//  Two Steps Verification
+const numeralMask = document.querySelectorAll('.numeral-mask');
+
+// Verification masking
+if (numeralMask.length) {
+  numeralMask.forEach(e => {
+    new Cleave(e, {
+      numeral: true
+    });
+  });
+}

data/app/assets/javascripts/vuexy/scripts/pages/auth-two-steps.min.js

@@ -0,0 +1 @@
+var inputContainer=document.querySelector(".auth-input-wrapper");inputContainer.onkeyup=function(e){var n=e.srcElement,a=parseInt(n.attributes.maxlength.value,10),t=n.value.length;if(8===e.keyCode){if(0===t)for(var r=n;(r=r.previousElementSibling)&&null!=r;)if("input"==r.tagName.toLowerCase()){r.focus();break}}else if(t>=a)for(r=n;(r=r.nextElementSibling)&&null!=r;)if("input"==r.tagName.toLowerCase()){r.focus();break}};const numeralMask=document.querySelectorAll(".numeral-mask");numeralMask.length&&numeralMask.forEach((e=>{new Cleave(e,{numeral:!0})}));

data/app/assets/javascripts/vuexy/scripts/pages/dashboard-analytics.js

@@ -0,0 +1,369 @@
+/*=========================================================================================
+    File Name: dashboard-analytics.js
+    Description: dashboard analytics page content with Apexchart Examples
+    ----------------------------------------------------------------------------------------
+    Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+    Author: PIXINVENT
+    Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+$(window).on('load', function () {
+  'use strict';
+
+  var $avgSessionStrokeColor2 = '#ebf0f7';
+  var $textHeadingColor = '#5e5873';
+  var $white = '#fff';
+  var $strokeColor = '#ebe9f1';
+
+  var $gainedChart = document.querySelector('#gained-chart');
+  var $orderChart = document.querySelector('#order-chart');
+  var $avgSessionsChart = document.querySelector('#avg-sessions-chart');
+  var $supportTrackerChart = document.querySelector('#support-trackers-chart');
+  var $salesVisitChart = document.querySelector('#sales-visit-chart');
+
+  var gainedChartOptions;
+  var orderChartOptions;
+  var avgSessionsChartOptions;
+  var supportTrackerChartOptions;
+  var salesVisitChartOptions;
+
+  var gainedChart;
+  var orderChart;
+  var avgSessionsChart;
+  var supportTrackerChart;
+  var salesVisitChart;
+  var isRtl = $('html').attr('data-textdirection') === 'rtl';
+
+  // On load Toast
+  setTimeout(function () {
+    toastr['success'](
+      'You have successfully logged in to Vuexy. Now you can start to explore!',
+      '👋 Welcome John Doe!',
+      {
+        closeButton: true,
+        tapToDismiss: false,
+        rtl: isRtl
+      }
+    );
+  }, 2000);
+
+  // Subscribed Gained Chart
+  // ----------------------------------
+
+  gainedChartOptions = {
+    chart: {
+      height: 100,
+      type: 'area',
+      toolbar: {
+        show: false
+      },
+      sparkline: {
+        enabled: true
+      },
+      grid: {
+        show: false,
+        padding: {
+          left: 0,
+          right: 0
+        }
+      }
+    },
+    colors: [window.colors.solid.primary],
+    dataLabels: {
+      enabled: false
+    },
+    stroke: {
+      curve: 'smooth',
+      width: 2.5
+    },
+    fill: {
+      type: 'gradient',
+      gradient: {
+        shadeIntensity: 0.9,
+        opacityFrom: 0.7,
+        opacityTo: 0.5,
+        stops: [0, 80, 100]
+      }
+    },
+    series: [
+      {
+        name: 'Subscribers',
+        data: [28, 40, 36, 52, 38, 60, 55]
+      }
+    ],
+    xaxis: {
+      labels: {
+        show: false
+      },
+      axisBorder: {
+        show: false
+      }
+    },
+    yaxis: [
+      {
+        y: 0,
+        offsetX: 0,
+        offsetY: 0,
+        padding: { left: 0, right: 0 }
+      }
+    ],
+    tooltip: {
+      x: { show: false }
+    }
+  };
+  gainedChart = new ApexCharts($gainedChart, gainedChartOptions);
+  gainedChart.render();
+
+  // Order Received Chart
+  // ----------------------------------
+
+  orderChartOptions = {
+    chart: {
+      height: 100,
+      type: 'area',
+      toolbar: {
+        show: false
+      },
+      sparkline: {
+        enabled: true
+      },
+      grid: {
+        show: false,
+        padding: {
+          left: 0,
+          right: 0
+        }
+      }
+    },
+    colors: [window.colors.solid.warning],
+    dataLabels: {
+      enabled: false
+    },
+    stroke: {
+      curve: 'smooth',
+      width: 2.5
+    },
+    fill: {
+      type: 'gradient',
+      gradient: {
+        shadeIntensity: 0.9,
+        opacityFrom: 0.7,
+        opacityTo: 0.5,
+        stops: [0, 80, 100]
+      }
+    },
+    series: [
+      {
+        name: 'Orders',
+        data: [10, 15, 8, 15, 7, 12, 8]
+      }
+    ],
+    xaxis: {
+      labels: {
+        show: false
+      },
+      axisBorder: {
+        show: false
+      }
+    },
+    yaxis: [
+      {
+        y: 0,
+        offsetX: 0,
+        offsetY: 0,
+        padding: { left: 0, right: 0 }
+      }
+    ],
+    tooltip: {
+      x: { show: false }
+    }
+  };
+  orderChart = new ApexCharts($orderChart, orderChartOptions);
+  orderChart.render();
+
+  // Average Session Chart
+  // ----------------------------------
+  avgSessionsChartOptions = {
+    chart: {
+      type: 'bar',
+      height: 200,
+      sparkline: { enabled: true },
+      toolbar: { show: false }
+    },
+    states: {
+      hover: {
+        filter: 'none'
+      }
+    },
+    colors: [
+      $avgSessionStrokeColor2,
+      $avgSessionStrokeColor2,
+      window.colors.solid.primary,
+      $avgSessionStrokeColor2,
+      $avgSessionStrokeColor2,
+      $avgSessionStrokeColor2
+    ],
+    series: [
+      {
+        name: 'Sessions',
+        data: [75, 125, 225, 175, 125, 75, 25]
+      }
+    ],
+    grid: {
+      show: false,
+      padding: {
+        left: 0,
+        right: 0
+      }
+    },
+    plotOptions: {
+      bar: {
+        columnWidth: '45%',
+        distributed: true,
+        endingShape: 'rounded'
+      }
+    },
+    tooltip: {
+      x: { show: false }
+    },
+    xaxis: {
+      type: 'numeric'
+    }
+  };
+  avgSessionsChart = new ApexCharts($avgSessionsChart, avgSessionsChartOptions);
+  avgSessionsChart.render();
+
+  // Support Tracker Chart
+  // -----------------------------
+  supportTrackerChartOptions = {
+    chart: {
+      height: 270,
+      type: 'radialBar'
+    },
+    plotOptions: {
+      radialBar: {
+        size: 150,
+        offsetY: 20,
+        startAngle: -150,
+        endAngle: 150,
+        hollow: {
+          size: '65%'
+        },
+        track: {
+          background: $white,
+          strokeWidth: '100%'
+        },
+        dataLabels: {
+          name: {
+            offsetY: -5,
+            color: $textHeadingColor,
+            fontSize: '1rem'
+          },
+          value: {
+            offsetY: 15,
+            color: $textHeadingColor,
+            fontSize: '1.714rem'
+          }
+        }
+      }
+    },
+    colors: [window.colors.solid.danger],
+    fill: {
+      type: 'gradient',
+      gradient: {
+        shade: 'dark',
+        type: 'horizontal',
+        shadeIntensity: 0.5,
+        gradientToColors: [window.colors.solid.primary],
+        inverseColors: true,
+        opacityFrom: 1,
+        opacityTo: 1,
+        stops: [0, 100]
+      }
+    },
+    stroke: {
+      dashArray: 8
+    },
+    series: [83],
+    labels: ['Completed Tickets']
+  };
+  supportTrackerChart = new ApexCharts($supportTrackerChart, supportTrackerChartOptions);
+  supportTrackerChart.render();
+
+  // Sales Chart
+  // -----------------------------
+  salesVisitChartOptions = {
+    chart: {
+      height: 300,
+      type: 'radar',
+      dropShadow: {
+        enabled: true,
+        blur: 8,
+        left: 1,
+        top: 1,
+        opacity: 0.2
+      },
+      toolbar: {
+        show: false
+      },
+      offsetY: 5
+    },
+    series: [
+      {
+        name: 'Sales',
+        data: [90, 50, 86, 40, 100, 20]
+      },
+      {
+        name: 'Visit',
+        data: [70, 75, 70, 76, 20, 85]
+      }
+    ],
+    stroke: {
+      width: 0
+    },
+    colors: [window.colors.solid.primary, window.colors.solid.info],
+    plotOptions: {
+      radar: {
+        polygons: {
+          strokeColors: [$strokeColor, 'transparent', 'transparent', 'transparent', 'transparent', 'transparent'],
+          connectorColors: 'transparent'
+        }
+      }
+    },
+    fill: {
+      type: 'gradient',
+      gradient: {
+        shade: 'dark',
+        gradientToColors: [window.colors.solid.primary, window.colors.solid.info],
+        shadeIntensity: 1,
+        type: 'horizontal',
+        opacityFrom: 1,
+        opacityTo: 1,
+        stops: [0, 100, 100, 100]
+      }
+    },
+    markers: {
+      size: 0
+    },
+    legend: {
+      show: false
+    },
+    labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
+    dataLabels: {
+      background: {
+        foreColor: [$strokeColor, $strokeColor, $strokeColor, $strokeColor, $strokeColor, $strokeColor]
+      }
+    },
+    yaxis: {
+      show: false
+    },
+    grid: {
+      show: false,
+      padding: {
+        bottom: -27
+      }
+    }
+  };
+  salesVisitChart = new ApexCharts($salesVisitChart, salesVisitChartOptions);
+  salesVisitChart.render();
+});

data/app/assets/javascripts/vuexy/scripts/pages/dashboard-analytics.min.js

@@ -0,0 +1 @@
+$(window).on("load",(function(){"use strict";var e,o,t,r,a,s="#ebf0f7",i="#5e5873",n="#ebe9f1",d=document.querySelector("#gained-chart"),l=document.querySelector("#order-chart"),h=document.querySelector("#avg-sessions-chart"),p=document.querySelector("#support-trackers-chart"),c=document.querySelector("#sales-visit-chart"),w="rtl"===$("html").attr("data-textdirection");setTimeout((function(){toastr.success("You have successfully logged in to Vuexy. Now you can start to explore!","👋 Welcome John Doe!",{closeButton:!0,tapToDismiss:!1,rtl:w})}),2e3),e={chart:{height:100,type:"area",toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[window.colors.solid.primary],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2.5},fill:{type:"gradient",gradient:{shadeIntensity:.9,opacityFrom:.7,opacityTo:.5,stops:[0,80,100]}},series:[{name:"Subscribers",data:[28,40,36,52,38,60,55]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}},new ApexCharts(d,e).render(),o={chart:{height:100,type:"area",toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[window.colors.solid.warning],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2.5},fill:{type:"gradient",gradient:{shadeIntensity:.9,opacityFrom:.7,opacityTo:.5,stops:[0,80,100]}},series:[{name:"Orders",data:[10,15,8,15,7,12,8]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}},new ApexCharts(l,o).render(),t={chart:{type:"bar",height:200,sparkline:{enabled:!0},toolbar:{show:!1}},states:{hover:{filter:"none"}},colors:[s,s,window.colors.solid.primary,s,s,s],series:[{name:"Sessions",data:[75,125,225,175,125,75,25]}],grid:{show:!1,padding:{left:0,right:0}},plotOptions:{bar:{columnWidth:"45%",distributed:!0,endingShape:"rounded"}},tooltip:{x:{show:!1}},xaxis:{type:"numeric"}},new ApexCharts(h,t).render(),r={chart:{height:270,type:"radialBar"},plotOptions:{radialBar:{size:150,offsetY:20,startAngle:-150,endAngle:150,hollow:{size:"65%"},track:{background:"#fff",strokeWidth:"100%"},dataLabels:{name:{offsetY:-5,color:i,fontSize:"1rem"},value:{offsetY:15,color:i,fontSize:"1.714rem"}}}},colors:[window.colors.solid.danger],fill:{type:"gradient",gradient:{shade:"dark",type:"horizontal",shadeIntensity:.5,gradientToColors:[window.colors.solid.primary],inverseColors:!0,opacityFrom:1,opacityTo:1,stops:[0,100]}},stroke:{dashArray:8},series:[83],labels:["Completed Tickets"]},new ApexCharts(p,r).render(),a={chart:{height:300,type:"radar",dropShadow:{enabled:!0,blur:8,left:1,top:1,opacity:.2},toolbar:{show:!1},offsetY:5},series:[{name:"Sales",data:[90,50,86,40,100,20]},{name:"Visit",data:[70,75,70,76,20,85]}],stroke:{width:0},colors:[window.colors.solid.primary,window.colors.solid.info],plotOptions:{radar:{polygons:{strokeColors:[n,"transparent","transparent","transparent","transparent","transparent"],connectorColors:"transparent"}}},fill:{type:"gradient",gradient:{shade:"dark",gradientToColors:[window.colors.solid.primary,window.colors.solid.info],shadeIntensity:1,type:"horizontal",opacityFrom:1,opacityTo:1,stops:[0,100,100,100]}},markers:{size:0},legend:{show:!1},labels:["Jan","Feb","Mar","Apr","May","Jun"],dataLabels:{background:{foreColor:[n,n,n,n,n,n]}},yaxis:{show:!1},grid:{show:!1,padding:{bottom:-27}}},new ApexCharts(c,a).render()}));