{"version":3,"sources":["webpack:///./src/components/Checkbox.vue?03cb","webpack:///src/components/Checkbox.vue","webpack:///./src/components/Checkbox.vue?be10","webpack:///./src/components/Checkbox.vue","webpack:///./src/components/Payment/Payment.vue?f224","webpack:///./src/components/Payment/Payment.vue?a78c","webpack:///src/components/Payment/Payment.vue","webpack:///./src/components/Payment/Payment.vue?fa38","webpack:///./src/components/Payment/Payment.vue?4129","webpack:///./src/components/Payment/Payment.vue"],"names":["render","_vm","this","_c","_self","_setupProxy","staticClass","class","readonly","_v","_s","displayValue","_b","attrs","label","on","change","handleChange","model","value","internalValue","callback","$$v","expression","$attrs","_withStripped","Vue","use","_Checkbox","extend","name","inheritAttrs","prop","event","props","type","String","default","checked","Boolean","activeText","inactiveText","data","hasFocus","computed","watch","methods","ev","$emit","component","module","exports","push","i","overrideInputStyles","_e","ref","staticStyle","display","inputmode","placeholder","_t","inputStyles","saveCard","errorMessage","supportPageLinkUrl","href","target","supportPageLinkText","source","scopedSlots","_u","key","fn","field","$resource","$set","components","CInput","CCheckbox","inject","from","required","formEvents","entry","Object","useThemeSettings","styleReference","themeSettings","_objectSpread","Form_Theme","getFormStyles","mounted","_this","getPaymentStyleElement","FormEvents","ThemeUpdated","evt","assign","addedPaymentInputStyles","$el","querySelector","remove","addPaymentInputStyles","$refs","paymentStyle","paymentStyleComponent","paymentStyleInput","console","log","nativeBorderStyles","computedStyles","border","includes","includedStyles","reduce","styleProperty","styleValue","inputStyleBlock","document","createElement","className","textContent","concat","appendChild","options","locals"],"mappings":"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","file":"117.ae7dce604d2895927d84.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy\n  return _c(\n    \"div\",\n    {\n      staticClass: \"cog-checkable cog-input cog-checkable--inline\",\n      class: { \"is-read-only\": _vm.readonly }\n    },\n    [\n      _vm.readonly\n        ? _c(\"div\", [_vm._v(_vm._s(_vm.displayValue || \" \"))])\n        : _c(\n            \"el-checkbox\",\n            _vm._b(\n              {\n                attrs: { label: _vm.label },\n                on: { change: _vm.handleChange },\n                model: {\n                  value: _vm.internalValue,\n                  callback: function($$v) {\n                    _vm.internalValue = $$v\n                  },\n                  expression: \"internalValue\"\n                }\n              },\n              \"el-checkbox\",\n              _vm.$attrs,\n              false\n            ),\n            [_vm._v(\"\\n\\t\\t\" + _vm._s(_vm.label) + \"\\n\\t\")]\n          )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"cog-checkable cog-input cog-checkable--inline\" :class=\"{'is-read-only': readonly}\">\r\n\t\t<div v-if=\"readonly\">{{ displayValue || \"&nbsp;\" }}</div>\r\n\t\t<el-checkbox v-else v-model=\"internalValue\" v-bind=\"$attrs\" :label=\"label\" @change=\"handleChange\">\r\n\t\t\t{{ label }}\r\n\t\t</el-checkbox>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport '../style/_fancy-checkables.scss';\r\n\r\n\timport Vue from 'vue';\r\n\timport { Checkbox } from '@cognitoforms/element-ui';\r\n\r\n\tVue.use(Checkbox);\r\n\r\n\texport default Vue.extend({\r\n\t\tname: 'CCheckbox',\r\n\t\tinheritAttrs: false,\r\n\t\tmodel: {\r\n\t\t\tprop: 'checked',\r\n\t\t\tevent: 'change'\r\n\t\t},\r\n\t\tprops: {\r\n\t\t\tlabel: { type: String, default: '' },\r\n\t\t\tchecked: Boolean,\r\n\t\t\treadonly: Boolean,\r\n\t\t\tactiveText: { type: String, default: '' },\r\n\t\t\tinactiveText: { type: String, default: '' }\r\n\t\t},\r\n\t\tdata: function () {\r\n\t\t\treturn {\r\n\t\t\t\thasFocus: false,\r\n\t\t\t\tinternalValue: this.checked\r\n\t\t\t};\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\tdisplayValue() {\r\n\t\t\t\treturn this.internalValue ? this.activeText : this.inactiveText;\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tchecked: function (checked) {\r\n\t\t\t\tthis.internalValue = checked;\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\thandleChange(value, ev) {\r\n\t\t\t\tthis.internalValue = value;\r\n\t\t\t\tthis.$emit('change', value, ev);\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n</script>\r\n","import mod from \"-!../../../../node_modules/.pnpm/babel-loader@8.0.5_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--3!../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkbox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/babel-loader@8.0.5_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--3!../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Checkbox.vue?vue&type=template&id=f6533564&\"\nimport script from \"./Checkbox.vue?vue&type=script&lang=js&\"\nexport * from \"./Checkbox.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","exports = module.exports = require(\"../../../../../node_modules/.pnpm/css-loader@3.2.0_webpack@4.46.0/node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \"html .cog-cognito--chameleon .StripeElement--focus,:root:root:root:root:root:root:root .cog-cognito--chameleon .StripeElement--focus{border-color:var(--highlight);box-shadow:var(--input-focus__box-shadow)}html .cog-payment__frame .cog-input iframe,:root:root:root:root:root .cog-payment__frame .cog-input iframe{display:block}html .cog-input__placeholder,:root:root:root:root:root .cog-input__placeholder{margin:0;outline-width:var(--input__border-width, var(--border-width));padding-top:var(--input__padding-v);padding-bottom:var(--input__padding-v);font-family:var(--font-family, inherit);font-size:var(--input__font-size, inherit);font-weight:inherit;line-height:var(--input__line-height);color:var(--placeholder__color)}html .cog-field.cog-payment__save-card.cog-payment__save-card,:root:root:root:root:root .cog-field.cog-payment__save-card.cog-payment__save-card{width:100%;margin:0;transition:padding calc(var(--speed)/2),margin calc(var(--speed)/2)}html .cog-field.cog-payment__save-card.cog-payment__save-card.is-error,:root:root:root:root:root .cog-field.cog-payment__save-card.cog-payment__save-card.is-error{margin-top:var(--gutter)}html .cog-field:not(.is-error).cog-payment__save-card,:root:root:root:root:root .cog-field:not(.is-error).cog-payment__save-card{padding:0}\", \"\"]);\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"cog-payment__field\" },\n    [\n      !_vm.overrideInputStyles\n        ? _c(\"c-input\", {\n            ref: \"paymentStyle\",\n            staticStyle: { display: \"none\" },\n            attrs: { inputmode: \"numeric\", placeholder: \"placeholder\" }\n          })\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm._t(\"default\", null, {\n        inputStyles: _vm.inputStyles,\n        saveCard: _vm.saveCard\n      }),\n      _vm._v(\" \"),\n      _c(\"transition\", { attrs: { name: \"cog-error-message\" } }, [\n        _vm.errorMessage\n          ? _c(\n              \"div\",\n              {\n                staticClass: \"cog-form-payment-error cog-error-message\",\n                attrs: { \"aria-live\": \"assertive\" }\n              },\n              [\n                _vm._v(\"\\n\\t\\t\\t\" + _vm._s(_vm.errorMessage) + \"\\n\\t\\t\\t\"),\n                _vm.supportPageLinkUrl\n                  ? _c(\n                      \"a\",\n                      {\n                        staticClass: \"matins\",\n                        attrs: {\n                          href: _vm.supportPageLinkUrl,\n                          target: \"_blank\"\n                        }\n                      },\n                      [\n                        _vm._v(\n                          \"\\n\\t\\t\\t\\t\" +\n                            _vm._s(\n                              _vm.supportPageLinkText ||\n                                \"Learn how to fix this.\"\n                            ) +\n                            \"\\n\\t\\t\\t\"\n                        )\n                      ]\n                    )\n                  : _vm._e()\n              ]\n            )\n          : _vm._e()\n      ]),\n      _vm._v(\" \"),\n      _vm.saveCard\n        ? _c(\"c-field\", {\n            staticClass: \"cog-payment__save-card\",\n            attrs: { source: \"Save_Card_Agreement\", \"hide-label\": \"\" },\n            scopedSlots: _vm._u(\n              [\n                {\n                  key: \"default\",\n                  fn: function({ field }) {\n                    return [\n                      _c(\"c-checkbox\", {\n                        attrs: {\n                          label: _vm.$resource(\"card-on-file-agreement\")\n                        },\n                        model: {\n                          value: field.value,\n                          callback: function($$v) {\n                            _vm.$set(field, \"value\", $$v)\n                          },\n                          expression: \"field.value\"\n                        }\n                      })\n                    ]\n                  }\n                }\n              ],\n              null,\n              false,\n              226120660\n            )\n          })\n        : _vm._e()\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"cog-payment__field\">\r\n\t\t<c-input v-if=\"!overrideInputStyles\" ref=\"paymentStyle\" style=\"display: none;\" inputmode=\"numeric\" placeholder=\"placeholder\" />\r\n\t\t<slot :input-styles=\"inputStyles\" :save-card=\"saveCard\"></slot>\r\n\t\t<transition\tname=\"cog-error-message\">\r\n\t\t\t<div v-if=\"errorMessage\" aria-live=\"assertive\" class=\"cog-form-payment-error cog-error-message\">\r\n\t\t\t\t{{ errorMessage }}\r\n\t\t\t\t<a v-if=\"supportPageLinkUrl\" :href=\"supportPageLinkUrl\" target=\"_blank\" class=\"matins\">\r\n\t\t\t\t\t{{ supportPageLinkText || 'Learn how to fix this.' }}\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t</transition>\r\n\t\t<c-field v-if=\"saveCard\" v-slot=\"{ field }\" source=\"Save_Card_Agreement\" hide-label class=\"cog-payment__save-card\">\r\n\t\t\t<c-checkbox v-model=\"field.value\" :label=\"$resource('card-on-file-agreement')\" />\r\n\t\t</c-field>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport { getFormStyles } from './payment-form-style';\r\n\timport CInput from '../Input.vue';\r\n\timport CCheckbox from '../Checkbox.vue';\r\n\timport { FormEvents } from 'src/framework/public/events';\r\n\r\n\texport default {\r\n\t\tname: 'CPayment',\r\n\t\tcomponents: {\r\n\t\t\tCInput,\r\n\t\t\tCCheckbox\r\n\t\t},\r\n\t\tinject: {\r\n\t\t\t$resource: {\r\n\t\t\t\tfrom: '$resource',\r\n\t\t\t\trequired: true\r\n\t\t\t},\r\n\t\t\tformEvents: {\r\n\t\t\t\tfrom: 'formEvents',\r\n\t\t\t\tdefault: null\r\n\t\t\t}\r\n\t\t},\r\n\t\tprops: {\r\n\t\t\tentry: { type: Object, required: true },\r\n\t\t\tsaveCard: { type: Boolean, default: false },\r\n\t\t\terrorMessage: { type: String, default: '' },\r\n\t\t\tsupportPageLinkUrl: { type: String, default: '' },\r\n\t\t\tsupportPageLinkText: { type: String, default: '' },\r\n\t\t\tuseThemeSettings: { type: Boolean, default: true },\r\n\t\t\toverrideInputStyles: { type: Object, default: null }\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tstyleReference: null,\r\n\t\t\t\tthemeSettings: { ...this.entry.Form_Theme }\r\n\t\t\t};\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\tinputStyles() {\r\n\t\t\t\treturn this.overrideInputStyles ? this.overrideInputStyles : this.getFormStyles();\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.styleReference = this.getPaymentStyleElement();\r\n\r\n\t\t\tif (this.formEvents) {\r\n\t\t\t\tthis.formEvents.on(FormEvents.ThemeUpdated, (evt) => {\r\n\t\t\t\t\tObject.assign(this.themeSettings, evt.data.themeSettings);\r\n\t\t\t\t\tconst addedPaymentInputStyles = this.$el.querySelector('.payment-input-styles');\r\n\t\t\t\t\tif (addedPaymentInputStyles)\r\n\t\t\t\t\t\taddedPaymentInputStyles.remove();\r\n\t\t\t\t\tthis.addPaymentInputStyles();\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif (this.styleReference)\r\n\t\t\t\tthis.addPaymentInputStyles();\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t/**\r\n\t\t\t * Gets a map of element styles for payment fields\r\n\t\t\t */\r\n\t\t\tgetFormStyles() {\r\n\t\t\t\tif (this.styleReference)\r\n\t\t\t\t\treturn getFormStyles(this.styleReference, this.useThemeSettings ? this.themeSettings : {});\r\n\t\t\t\treturn {};\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * Gets the element from which to derive styles for payment fields\r\n\t\t\t * @returns Element\r\n\t\t\t */\r\n\t\t\tgetPaymentStyleElement() {\r\n\t\t\t\tif (this.$refs.paymentStyle) {\r\n\t\t\t\t\tconst paymentStyleComponent = this.$refs.paymentStyle;\r\n\t\t\t\t\tif (paymentStyleComponent) {\r\n\t\t\t\t\t\tconst paymentStyleInput = paymentStyleComponent.$el.querySelector('input');\r\n\t\t\t\t\t\tif (paymentStyleInput) {\r\n\t\t\t\t\t\t\treturn paymentStyleInput;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\tconsole.log('DEBUG: No payment style input found');\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * Add text input styles to Stripe/Square divs\r\n\t\t\t */\r\n\t\t\taddPaymentInputStyles() {\r\n\t\t\t\tconst inputStyles = this.getFormStyles();\r\n\t\t\t\tconst nativeBorderStyles = inputStyles.computedStyles.border.includes('2px inset');\r\n\r\n\t\t\t\tconst includedStyles = [\r\n\t\t\t\t\t'background-color',\r\n\t\t\t\t\t'background-image',\r\n\t\t\t\t\t'background-position',\r\n\t\t\t\t\t'background-repeat',\r\n\t\t\t\t\t'background-size',\r\n\r\n\t\t\t\t\t'border-top-color',\r\n\t\t\t\t\t'border-top-left-radius',\r\n\t\t\t\t\t'border-top-right-radius',\r\n\t\t\t\t\t'border-top-style',\r\n\t\t\t\t\t'border-top-width',\r\n\r\n\t\t\t\t\t'border-right-color',\r\n\t\t\t\t\t'border-right-style',\r\n\t\t\t\t\t'border-right-width',\r\n\r\n\t\t\t\t\t'border-bottom-color',\r\n\t\t\t\t\t'border-bottom-left-radius',\r\n\t\t\t\t\t'border-bottom-right-radius',\r\n\t\t\t\t\t'border-bottom-style',\r\n\t\t\t\t\t'border-bottom-width',\r\n\r\n\t\t\t\t\t'border-left-color',\r\n\t\t\t\t\t'border-left-style',\r\n\t\t\t\t\t'border-left-width',\r\n\r\n\t\t\t\t\t'box-shadow',\r\n\r\n\t\t\t\t\t'padding-top',\r\n\t\t\t\t\t'padding-right',\r\n\t\t\t\t\t'padding-bottom',\r\n\t\t\t\t\t'padding-left'\r\n\t\t\t\t].reduce(function(includedStyles, styleProperty) {\r\n\t\t\t\t\tlet styleValue = inputStyles.computedStyles[styleProperty];\r\n\r\n\t\t\t\t\t// transform reported native border style (2px inset) to what it actually looks like (1px solid).\r\n\t\t\t\t\tif (nativeBorderStyles && styleProperty.includes('border')) {\r\n\t\t\t\t\t\tif (styleProperty.includes('-style'))\r\n\t\t\t\t\t\t\tstyleValue = 'solid';\r\n\t\t\t\t\t\telse if (styleProperty.includes('-width'))\r\n\t\t\t\t\t\t\tstyleValue = '1px';\r\n\t\t\t\t\t}\r\n\t\t\t\t\tincludedStyles += styleProperty + ':' + styleValue + ';';\r\n\t\t\t\t\treturn includedStyles;\r\n\t\t\t\t}, '');\r\n\r\n\t\t\t\tconst inputStyleBlock = document.createElement('style');\r\n\t\t\t\tinputStyleBlock.className = 'payment-input-styles';\r\n\t\t\t\tinputStyleBlock.textContent = `:root:root:root:root:root .cog-payment__field .cog-payment__frame .cog-input > div{${includedStyles}}`;\r\n\t\t\t\tthis.$el.appendChild(inputStyleBlock);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#{$specificity-base} {\r\n\t@include at-root(2) {\r\n\r\n\t\t.cog-cognito--chameleon .StripeElement--focus {\r\n\t\t\tborder-color: var(--highlight);\r\n\t\t\tbox-shadow: var(--input-focus__box-shadow);\r\n\t\t}\r\n\t}\r\n\r\n\t.cog-payment__frame .cog-input iframe {\r\n\t\t// Prevent spacing below iframe due to default inline display\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t.cog-input__placeholder {\r\n\t\t@include input-essential;\r\n\t\tcolor: var(--placeholder__color);\r\n\t}\r\n\r\n\t// Override spacing around normal fields\r\n\t.cog-field.cog-payment__save-card.cog-payment__save-card {\r\n\t\twidth: 100%;\r\n\t\tmargin: 0;\r\n\t\ttransition: padding $speed-half, margin $speed-half;\r\n\r\n\t\t&.is-error {\r\n\t\t\tmargin-top: var(--gutter);\r\n\t\t}\r\n\t}\r\n\r\n\t// When the checkbox is not in error it should line up with CC inputs\r\n\t.cog-field:not(.is-error).cog-payment__save-card {\r\n\t\tpadding: 0;\r\n\t}\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/.pnpm/babel-loader@8.0.5_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--3!../../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./Payment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/babel-loader@8.0.5_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--3!../../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./Payment.vue?vue&type=script&lang=js&\"","import api from \"!../../../../../node_modules/.pnpm/style-loader@2.0.0_webpack@4.46.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/.pnpm/css-loader@3.2.0_webpack@4.46.0/node_modules/css-loader/dist/cjs.js!../../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/.pnpm/sass-loader@10.1.1_sass@1.44.0_webpack@4.46.0/node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-resources-loader@2.0.1/node_modules/sass-resources-loader/lib/loader.js??ref--5-oneOf-1-3!../../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./Payment.vue?vue&type=style&index=0&id=209b6445&prod&lang=scss&\";\n\nvar options = {\"attributes\":{\"class\":\"cog-style\"}};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import { render, staticRenderFns } from \"./Payment.vue?vue&type=template&id=209b6445&\"\nimport script from \"./Payment.vue?vue&type=script&lang=js&\"\nexport * from \"./Payment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Payment.vue?vue&type=style&index=0&id=209b6445&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}