{"version":3,"sources":["webpack:///src/app/components/PackageSelector.vue","webpack:///./src/app/components/PackageSelector.vue?776d","webpack:///./src/app/components/PackageSelector.vue"],"names":["PackageSelector","props","checked","icon","terms","choiceType","type","String","default","methods","components_PackageSelector","render","_vm","this","_h","$createElement","_c","_self","$mq","staticClass","class","package--active","_v","_t","attrs","className","_s","_e","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAiCA,IAAAA,GACAC,OACAC,WACAC,QACAC,SACAC,YACAC,KAAAC,OACAC,QAAA,aAGAC,YCxCAC,GADiBC,OAFjB,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,aAAAF,EAAAM,KAAA,OAAAN,EAAAM,IAAAF,EAAA,OAAwDG,YAAA,UAAAC,OAA6BC,kBAAAT,EAAAV,WAAmCc,EAAA,KAAUG,YAAA,mBAAAC,MAAA,MAAAR,EAAAT,OAAwDS,EAAAU,GAAA,KAAAN,EAAA,MAAuBG,YAAA,mBAA6BP,EAAAW,GAAA,eAAAX,EAAAU,GAAA,kBAAAV,EAAAP,WAAAW,EAAA,cAAqFQ,OAAOC,UAAA,oBAAAvB,QAAAU,EAAAV,WAAuDc,EAAA,WAAgBQ,OAAOC,UAAA,iBAAAvB,QAAAU,EAAAV,WAAoDU,EAAAU,GAAA,KAAAV,EAAA,MAAAI,EAAA,OAAoCG,YAAA,mBAA6BP,EAAAU,GAAA,SAAAV,EAAAc,GAAAd,EAAAR,OAAA,UAAAQ,EAAAe,MAAA,GAAAX,EAAA,OAAqEG,YAAA,UAAAC,OAA6BC,kBAAAT,EAAAV,WAAmCc,EAAA,OAAYG,YAAA,iBAA2B,aAAAP,EAAAP,WAAAW,EAAA,cAAmDQ,OAAOC,UAAA,oBAAAvB,QAAAU,EAAAV,WAAuDc,EAAA,WAAgBQ,OAAOC,UAAA,iBAAAvB,QAAAU,EAAAV,WAAoDU,EAAAU,GAAA,KAAAN,EAAA,KAAsBG,YAAA,mBAAAC,MAAA,MAAAR,EAAAT,OAAwDS,EAAAU,GAAA,KAAAN,EAAA,MAAuBG,YAAA,mBAA6BP,EAAAW,GAAA,sBAE/jCK,oBCCjB,IAcAC,EAdAC,EAAA,OAcAC,CACA/B,EACAU,GATA,EAVA,SAAAsB,GACAF,EAAA,SAaA,KAEA,MAUAG,EAAA,QAAAJ,EAAA","file":"static/js/97.1c9f219cb5ff4bd708a2.js","sourcesContent":["<template>\r\n    <div v-if=\"$mq === 'md' || $mq === 'lg'\"\r\n         class=\"package\"\r\n         :class=\"{ 'package--active' : checked }\">\r\n      <i class=\"package__icon ic\" :class=\"`ic-${icon}`\"/>\r\n      <h2 class=\"package__title\"><slot/></h2>\r\n      <c-checkbox className=\"package__checkbox\"\r\n               :checked=\"checked\"\r\n               v-if=\"choiceType === 'checkbox'\"/>\r\n      <c-radio className=\"package__radio\"\r\n               :checked=\"checked\"\r\n               v-else/>\r\n      <div class=\"package__terms\" v-if=\"terms\">\r\n        {{ terms }}\r\n      </div>\r\n    </div>\r\n    <div v-else\r\n         class=\"package\"\r\n         :class=\"{ 'package--active' : checked }\">\r\n      <div class=\"package__row\">\r\n        <c-checkbox className=\"package__checkbox\"\r\n                :checked=\"checked\"\r\n                v-if=\"choiceType === 'checkbox'\"/>\r\n        <c-radio className=\"package__radio\"\r\n                :checked=\"checked\"\r\n                v-else/>\r\n        <i class=\"package__icon ic\" :class=\"`ic-${icon}`\"/>\r\n        <h2 class=\"package__title\"><slot/></h2>\r\n      </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    checked: {},\r\n    icon: {},\r\n    terms: {},\r\n    choiceType: {\r\n      type: String,\r\n      default: 'checkbox'\r\n    }\r\n  },\r\n  methods: {\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../../assets/sass/tools/font';\r\n@import '../../assets/sass/settings/colors';\r\n\r\n.package {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 23.0625rem;\r\n  height: 23.75rem;\r\n\r\n  padding: 3.375rem 3.375rem 2.625rem 3.375rem;\r\n\r\n  border-radius: .125rem;\r\n\r\n  background-color: $color-white;\r\n\r\n  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);\r\n\r\n  cursor: pointer;\r\n  user-select: none;\r\n\r\n  transition: box-shadow 250ms ease-out;\r\n\r\n  margin-right: 1.9375rem;\r\n\r\n  &:last-of-type {\r\n    margin: 0;\r\n  }\r\n\r\n  .device-sm & {\r\n    flex-direction: column;\r\n\r\n    padding: 1.375rem 1.0625rem 1.5rem;\r\n\r\n    width: 23.0625rem;\r\n    height: auto;\r\n    min-height: 7.2625rem;\r\n    width: 100%;\r\n\r\n    border-radius: .25rem;\r\n\r\n    margin-right: 0;\r\n    margin-bottom: 1rem;\r\n\r\n    .checkbox-component {\r\n      // align-self: baseline;\r\n      margin-left: 0.7rem;\r\n      margin-right: 0.9rem;\r\n    }\r\n  }\r\n\r\n  .device-kiosk & {\r\n    width: 27.1875rem;\r\n    height: 26.875rem;\r\n  }\r\n\r\n  &__row {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    width: 100%;\r\n\r\n    &:not(:first-of-type) {\r\n      margin-top: 1.75rem;\r\n    }\r\n  }\r\n\r\n  &__icon {\r\n    font-size: 4.5rem;\r\n\r\n    .device-sm & {\r\n      font-size: 3.125rem;\r\n    }\r\n\r\n    .device-kiosk & {\r\n      font-size: 4.6875rem;\r\n    }\r\n  }\r\n\r\n  &:last-of-type {\r\n    margin-right: 0;\r\n  }\r\n\r\n  &__title {\r\n    @include font('Zona Pro', 'extra-bold');\r\n    font-size: 1.25rem;\r\n    line-height: 1.25rem;\r\n    width: 100%;\r\n\r\n    margin-top: 2.5rem;\r\n    margin-bottom: 3.0625rem;\r\n\r\n    text-align: center;\r\n\r\n    .device-sm & {\r\n      margin-top: 0;\r\n      margin-left: 1.0375rem;\r\n      margin-bottom: 0;\r\n\r\n      font-size: 1.125rem;\r\n      line-height: 1.125rem;\r\n\r\n      text-align: left;\r\n    }\r\n\r\n    .device-kiosk & {\r\n      font-size: 1.6875rem;\r\n      line-height: 2.3125rem;\r\n    }\r\n  }\r\n\r\n  &__terms {\r\n    color: $color-gray-faint;\r\n    font-size: .75rem;\r\n    line-height: 1rem;\r\n\r\n    max-width: 100%;\r\n\r\n    margin-top: 1.5625rem;\r\n\r\n    text-align: center;\r\n\r\n    .device-sm & {\r\n      text-align: left;\r\n      margin-top: 0;\r\n      margin-left: .9375rem\r\n    }\r\n  }\r\n\r\n  &__checkbox {\r\n    + label {\r\n      pointer-events: none;\r\n      display:  block;\r\n\r\n      > .input-box {\r\n        width: 2.25rem !important;\r\n        height: 2.25rem !important;\r\n        margin: 0 !important;\r\n        border: .0937rem solid $color-gray-darker !important;\r\n        cursor: pointer;\r\n\r\n        .device-sm & {\r\n          width: 1.625rem !important;\r\n          height: 1.625rem !important;\r\n        }\r\n\r\n        .device-kiosk & {\r\n          width: 3.75rem !important;\r\n          height: 3.75rem !important;\r\n        }\r\n\r\n        &:after {\r\n          top: -.0937rem !important;\r\n          right: -.0937rem !important;\r\n        }\r\n\r\n        > .input-box-tick {\r\n          > path {\r\n            stroke: $color-orange !important;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &__radio {\r\n    + label {\r\n      pointer-events: none;\r\n      display:  block;\r\n\r\n      > .input-box {\r\n        width: 2.25rem !important;\r\n        height: 2.25rem !important;\r\n        margin: 0 !important;\r\n        border: .0937rem solid $color-gray-darker !important;\r\n        cursor: pointer;\r\n\r\n        .device-sm & {\r\n          width: 1.625rem !important;\r\n          height: 1.625rem !important;\r\n        }\r\n\r\n        &:after {\r\n          top: -.0937rem !important;\r\n          right: -.0937rem !important;\r\n        }\r\n\r\n        > .input-box-circle {\r\n          background: $color-orange !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/app/components/PackageSelector.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.$mq === 'md' || _vm.$mq === 'lg')?_c('div',{staticClass:\"package\",class:{ 'package--active' : _vm.checked }},[_c('i',{staticClass:\"package__icon ic\",class:(\"ic-\" + _vm.icon)}),_vm._v(\" \"),_c('h2',{staticClass:\"package__title\"},[_vm._t(\"default\")],2),_vm._v(\" \"),(_vm.choiceType === 'checkbox')?_c('c-checkbox',{attrs:{\"className\":\"package__checkbox\",\"checked\":_vm.checked}}):_c('c-radio',{attrs:{\"className\":\"package__radio\",\"checked\":_vm.checked}}),_vm._v(\" \"),(_vm.terms)?_c('div',{staticClass:\"package__terms\"},[_vm._v(\"\\n    \"+_vm._s(_vm.terms)+\"\\n  \")]):_vm._e()],1):_c('div',{staticClass:\"package\",class:{ 'package--active' : _vm.checked }},[_c('div',{staticClass:\"package__row\"},[(_vm.choiceType === 'checkbox')?_c('c-checkbox',{attrs:{\"className\":\"package__checkbox\",\"checked\":_vm.checked}}):_c('c-radio',{attrs:{\"className\":\"package__radio\",\"checked\":_vm.checked}}),_vm._v(\" \"),_c('i',{staticClass:\"package__icon ic\",class:(\"ic-\" + _vm.icon)}),_vm._v(\" \"),_c('h2',{staticClass:\"package__title\"},[_vm._t(\"default\")],2)],1)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-82c8de86\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/app/components/PackageSelector.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-82c8de86\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./PackageSelector.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./PackageSelector.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./PackageSelector.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-82c8de86\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./PackageSelector.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/PackageSelector.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}