{"version":3,"sources":["webpack:///./src/components/PricingTable.vue?f092","webpack:///./src/components/PricingTable.vue?17f2","webpack:///src/components/PricingTable.vue","webpack:///./src/components/PricingTable.vue?b246","webpack:///./src/components/PricingTable.vue","webpack:///./src/components/PricingTable.vue?8c1f","webpack:///./src/components/PricingTable.vue?31a9"],"names":["content","__esModule","default","module","i","locals","exports","add","render","_vm","this","_h","$createElement","_c","_self","staticClass","domProps","_s","heading","_e","_m","_l","feature","class","attrs","staticRenderFns","_v","injectStyles","context","style0","__inject__","component","push"],"mappings":"mGAGA,IAAIA,EAAU,EAAQ,QACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACG,EAAOC,EAAIJ,EAAS,MAC7DA,EAAQK,SAAQF,EAAOG,QAAUN,EAAQK,QAE5C,IAAIE,EAAM,EAAQ,QAA+DL,QACpEK,EAAI,WAAYP,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa,K,2CCT5E,IAAIQ,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAAEN,EAAW,QAAEI,EAAG,KAAK,CAACE,YAAY,WAAWC,SAAS,CAAC,UAAYP,EAAIQ,GAAGR,EAAIS,YAAYT,EAAIU,KAAKN,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAACJ,EAAIW,GAAG,GAAGP,EAAG,QAAQJ,EAAIY,GAAIZ,EAAY,UAAE,SAASa,GAAS,OAAOT,EAAG,KAAK,CAACU,MAAQD,EAAY,KAAI,SAAU,CAACT,EAAG,KAAK,CAACA,EAAG,SAAS,CAACE,YAAY,kBAAkBC,SAAS,CAAC,UAAYP,EAAIQ,GAAGK,EAAQJ,YAAYL,EAAG,OAAO,CAACG,SAAS,CAAC,UAAYP,EAAIQ,GAAGK,EAAQtB,cAAca,EAAG,KAAK,CAACA,EAAG,SAAS,CAACE,YAAY,OAAOS,MAAM,CAAC,KAAO,UAAUX,EAAG,SAAS,CAACE,YAAY,QAAQS,MAAM,CAAC,KAAO,YAAY,GAAGX,EAAG,KAAK,CAACA,EAAG,SAAS,CAACE,YAAY,OAAOS,MAAM,CAAC,KAAO,UAAUX,EAAG,SAAS,CAACE,YAAY,QAAQS,MAAM,CAAC,KAAO,YAAY,GAAGX,EAAG,KAAK,CAACA,EAAG,SAAS,CAACE,YAAY,OAAOS,MAAM,CAAC,KAAO,UAAUX,EAAG,SAAS,CAACE,YAAY,QAAQS,MAAM,CAAC,KAAO,YAAY,QAAO,UACz7BC,EAAkB,CAAC,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,MAAMA,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACF,EAAG,OAAO,CAACJ,EAAIiB,GAAG,cAAcb,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACF,EAAG,OAAO,CAACJ,EAAIiB,GAAG,cAAcb,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACF,EAAG,OAAO,CAACJ,EAAIiB,GAAG,kBC8ChV,aAAE,OAAF,iDAEA,GACE,KAAF,eAEE,MAAF,CACI,QAAJ,MACI,QAAJ,QAGE,WAAF,CACI,OAAJ,GAGE,SAAF,CACI,SADJ,WAEM,OAAN,oEC/DyS,I,YCGzS,SAASC,EAAcC,GAErB,IAAIC,EAAS,EAAQ,QACnBA,EAAOC,YAAYD,EAAOC,WAAWF,GAMzC,IAAIG,EAAY,eACd,EACAvB,EACAiB,GACA,EACAE,EACA,KACA,YAIa,aAAAI,E,6CCvBf,oH,qBCAAzB,EAAUH,EAAOG,QAAU,EAAQ,OAAR,EAAyD,GAKpFA,EAAQ0B,KAAK,CAAC7B,EAAOC,EAAI,qqFAAsqF","file":"js/chunks/chunk-4bb4dc93.js?id=130b76645b972fae7b83","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PricingTable.vue?vue&type=style&index=0&lang=sass&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"eb2cd982\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container small\"},[(_vm.heading)?_c('h2',{staticClass:\"centered\",domProps:{\"innerHTML\":_vm._s(_vm.heading)}}):_vm._e(),_c('div',{staticClass:\"widget-pricing-table\"},[_c('table',[_vm._m(0),_c('tbody',_vm._l((_vm.features),function(feature){return _c('tr',{class:((feature.plan) + \"-plan\")},[_c('td',[_c('strong',{staticClass:\"feature-heading\",domProps:{\"innerHTML\":_vm._s(feature.heading)}}),_c('span',{domProps:{\"innerHTML\":_vm._s(feature.content)}})]),_c('td',[_c('Sprite',{staticClass:\"tick\",attrs:{\"name\":\"tick\"}}),_c('Sprite',{staticClass:\"cross\",attrs:{\"name\":\"cross\"}})],1),_c('td',[_c('Sprite',{staticClass:\"tick\",attrs:{\"name\":\"tick\"}}),_c('Sprite',{staticClass:\"cross\",attrs:{\"name\":\"cross\"}})],1),_c('td',[_c('Sprite',{staticClass:\"tick\",attrs:{\"name\":\"tick\"}}),_c('Sprite',{staticClass:\"cross\",attrs:{\"name\":\"cross\"}})],1)])}),0)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th'),_c('th',{staticClass:\"bronze-heading\"},[_c('span',[_vm._v(\"Bronze\")])]),_c('th',{staticClass:\"silver-heading\"},[_c('span',[_vm._v(\"Silver\")])]),_c('th',{staticClass:\"gold-heading\"},[_c('span',[_vm._v(\"Gold\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container small\">\n    <h2 class=\"centered\" v-if=\"heading\" v-html=\"heading\"></h2>\n\n    <div class=\"widget-pricing-table\">\n      <table>\n        <thead>\n          <tr>\n            <th></th>\n            <th class=\"bronze-heading\">\n              <span>Bronze</span>\n            </th>\n            <th class=\"silver-heading\">\n              <span>Silver</span>\n            </th>\n            <th class=\"gold-heading\">\n              <span>Gold</span>\n            </th>\n          </tr>\n        </thead>\n\n        <tbody>\n          <tr v-for=\"feature in features\" :class=\"`${feature.plan}-plan`\">\n            <td>\n              <strong class=\"feature-heading\" v-html=\"feature.heading\"></strong>\n              <span v-html=\"feature.content\"></span>\n            </td>\n            <td>\n              <Sprite class=\"tick\" name=\"tick\"/>\n              <Sprite class=\"cross\" name=\"cross\"/>\n            </td>\n            <td>\n              <Sprite class=\"tick\" name=\"tick\"/>\n              <Sprite class=\"cross\" name=\"cross\"/>\n            </td>\n            <td>\n              <Sprite class=\"tick\" name=\"tick\"/>\n              <Sprite class=\"cross\" name=\"cross\"/>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script>\n  const Sprite = () => import('@/components/Sprite')\n\n  export default {\n    name: 'PricingTable',\n\n    props: {\n      content: Array,\n      heading: String\n    },\n\n    components: {\n      Sprite\n    },\n\n    computed: {\n      features() {\n        return this.content[0].fields.options ? this.content[0].fields.options : []\n      }\n    }\n  }\n</script>\n\n<style lang=\"sass\">\n  @import '../stylesheets/base/variables'\n  @import '../stylesheets/base/theme'\n  @import '../stylesheets/helpers/mixins'\n  @import '../stylesheets/helpers/extends'\n\n  .widget-pricing-table\n    display: block\n    border-collapse: collapse\n    box-shadow: 0px 20px 50px 0 rgba(0, 0, 0, .1)\n    background: $triangle-dark\n\n    .sprite\n      fill: #fff\n\n      &.tick\n        display: none\n\n      &.cross\n        opacity: 0.1\n\n  .feature-heading\n    display: block\n    margin-bottom: $gap-small\n\n  .bronze-heading,\n  .silver-heading,\n  .gold-heading\n    width: 8%\n    padding: 0\n\n    @include media($media-medium)\n      padding: $gap-small\n      width: 20%\n\n  .bronze-heading\n    background: linear-gradient(to bottom, #CD7F32 0%, #BE7023 100%)\n\n  .silver-heading\n    background: linear-gradient(to bottom, #C0C0C0 0%, #B1B1B1 100%)\n\n  .gold-heading\n    background: linear-gradient(to bottom, #D4AF37 0%, #C5A028 100%)\n\n  .feature-plan\n    padding: 3px\n    margin-left: 3px\n\n  .bronze-plan\n    border-left: 5px solid #c47628!important\n\n    td\n      &:nth-child(2),\n      &:nth-child(3),\n      &:nth-child(4)\n        .tick\n          display: block\n\n        .cross\n          display: none\n\n    .feature-plan\n      background: #c47628\n\n  .silver-plan\n    border-left: 5px solid #b8b8b8!important\n\n    td\n      &:nth-child(3),\n      &:nth-child(4)\n        .tick\n          display: block\n\n        .cross\n          display: none\n\n    .feature-plan\n      background: #b8b8b8\n\n  .gold-plan\n    border-left: 5px solid #cea930!important\n\n    td\n      &:nth-child(4)\n\n        .tick\n          display: block\n\n        .cross\n          display: none\n\n    .feature-plan\n      background: #cea930\n\n  table\n    border-collapse: collapse\n    width: 100%\n    position: relative\n    padding: 0\n\n    th\n      color: #fff\n      font-family: $font-bold\n      text-align: center\n      padding: $gap-small\n      font-size: 18px\n      width: 50px\n      position: sticky\n      top: $header-height\n      z-index: 1\n\n      &:first-child\n        top: 0\n        position: initial\n\n      span\n        font-size: 14px\n        white-space: nowrap\n\n    tr\n      th, td\n        &:first-child\n          width: 40%\n          color: #fff\n          font-family: $font-bold\n          font-size: 18px\n          text-align: left\n          border: none\n\n          @include themify($themes)\n            background: themed('color-secondary')\n\n          span\n            font-family: $font-body\n            font-size: 14px\n\n    tbody\n      td\n        border-left: 1px solid rgba(255, 255, 255, 0.05)\n        border-top: 1px solid rgba(255, 255, 255, 0.05)\n        position: relative\n        overflow: hidden\n\n        &:first-child\n          border-bottom: 1px solid rgba(255, 255, 255, 0.05)\n\n    td, th\n      padding: $gap-x-small\n      text-align: center\n      font-size: 12px\n      height: 75px\n\n      .sprite\n        width: 20px!important\n        height: 20px!important\n        margin: 5px auto!important\n  </style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PricingTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PricingTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PricingTable.vue?vue&type=template&id=91abeede&\"\nimport script from \"./PricingTable.vue?vue&type=script&lang=js&\"\nexport * from \"./PricingTable.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./PricingTable.vue?vue&type=style&index=0&lang=sass&\")\nif (style0.__inject__) style0.__inject__(context)\n\n}\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  injectStyles,\n  null,\n  \"32b30e77\"\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PricingTable.vue?vue&type=style&index=0&lang=sass&\"","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".widget-pricing-table{display:block;border-collapse:collapse;-webkit-box-shadow:0 20px 50px 0 rgba(0,0,0,.1);box-shadow:0 20px 50px 0 rgba(0,0,0,.1);background:#242424}.widget-pricing-table .sprite{fill:#fff}.widget-pricing-table .sprite.tick{display:none}.widget-pricing-table .sprite.cross{opacity:.1}.feature-heading{display:block;margin-bottom:15px}.bronze-heading,.gold-heading,.silver-heading{width:8%;padding:0}@media screen and (min-width:1100px){.bronze-heading,.gold-heading,.silver-heading{padding:15px;width:20%}}.bronze-heading{background:-webkit-gradient(linear,left top,left bottom,from(#cd7f32),to(#be7023));background:linear-gradient(180deg,#cd7f32 0,#be7023)}.silver-heading{background:-webkit-gradient(linear,left top,left bottom,from(silver),to(#b1b1b1));background:linear-gradient(180deg,silver 0,#b1b1b1)}.gold-heading{background:-webkit-gradient(linear,left top,left bottom,from(#d4af37),to(#c5a028));background:linear-gradient(180deg,#d4af37 0,#c5a028)}.feature-plan{padding:3px;margin-left:3px}.bronze-plan{border-left:5px solid #c47628!important}.bronze-plan td:nth-child(2) .tick,.bronze-plan td:nth-child(3) .tick,.bronze-plan td:nth-child(4) .tick{display:block}.bronze-plan td:nth-child(2) .cross,.bronze-plan td:nth-child(3) .cross,.bronze-plan td:nth-child(4) .cross{display:none}.bronze-plan .feature-plan{background:#c47628}.silver-plan{border-left:5px solid #b8b8b8!important}.silver-plan td:nth-child(3) .tick,.silver-plan td:nth-child(4) .tick{display:block}.silver-plan td:nth-child(3) .cross,.silver-plan td:nth-child(4) .cross{display:none}.silver-plan .feature-plan{background:#b8b8b8}.gold-plan{border-left:5px solid #cea930!important}.gold-plan td:nth-child(4) .tick{display:block}.gold-plan td:nth-child(4) .cross{display:none}.gold-plan .feature-plan{background:#cea930}table{border-collapse:collapse;width:100%;position:relative;padding:0}table th{color:#fff;font-family:nexa-bold;text-align:center;padding:15px;font-size:18px;width:50px;position:sticky;top:70px;z-index:1}table th:first-child{top:0;position:static}table th span{font-size:14px;white-space:nowrap}table tr td:first-child,table tr th:first-child{width:40%;color:#fff;font-family:nexa-bold;font-size:18px;text-align:left;border:none}table tr td:first-child span,table tr th:first-child span{font-family:nexa-light;font-size:14px}table tbody td{border-left:1px solid hsla(0,0%,100%,.05);border-top:1px solid hsla(0,0%,100%,.05);position:relative;overflow:hidden}table tbody td:first-child{border-bottom:1px solid hsla(0,0%,100%,.05)}table td,table th{padding:10px;text-align:center;font-size:12px;height:75px}table td .sprite,table th .sprite{width:20px!important;height:20px!important;margin:5px auto!important}\", \"\"]);\n\n// exports\n"],"sourceRoot":""}