{"version":3,"sources":["webpack:///./src/components/modals/ModalContentPage.vue?4158","webpack:///src/components/modals/ModalContentPage.vue","webpack:///./src/components/modals/ModalContentPage.vue?a0c8","webpack:///./src/components/modals/ModalContentPage.vue","webpack:///./src/components/modals/ModalContentPage.vue?4151"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","closeModal","staticClass","domProps","_s","text","staticRenderFns","component"],"mappings":"6HAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,KAAO,qBAAqB,UAAW,EAAK,YAAY,IAAI,MAAQ,MAAM,OAAS,OAAO,YAAa,GAAMC,GAAG,CAAC,OAASP,EAAIQ,aAAa,CAACJ,EAAG,eAAe,CAACG,GAAG,CAAC,MAAQP,EAAIQ,aAAa,CAAER,EAAa,UAAEI,EAAG,MAAM,CAACK,YAAY,WAAW,CAACL,EAAG,YAAY,GAAGA,EAAG,MAAM,CAACK,YAAY,UAAUC,SAAS,CAAC,UAAYV,EAAIW,GAAGX,EAAIY,YAAY,IAC/bC,EAAkB,G,2tBC4BtB,OACE,WAAF,CACI,YAAJ,QAEE,MAAF,CACI,SAAJ,CACM,KAAN,QACM,UAAN,EACM,SAAN,GAEI,KAAJ,CACM,KAAN,OACM,UAAN,IAGE,KAfF,WAgBI,MAAJ,CACM,KAAN,OAGE,SAAF,CACI,UADJ,WAEM,OAAN,kBAEI,KAJJ,WAKM,MAAN,qDAGE,MAAF,CACI,KAAJ,CACM,QAAN,oBACM,WAAN,IAGE,QAAF,GACI,WADJ,WAEM,KAAN,kCACM,KAAN,gBAEI,kBAAJ,WAAM,IAAN,OAEM,OADA,KAAN,UACA,qBACQ,WAAR,UACQ,aAAR,oBAEA,kBACA,IACU,EAAV,YAGA,yBACY,EAAZ,sCAIA,mBACA,wCACU,EAAV,iBAOA,oBACA,gBACU,EAAV,KACA,iCACA,SACA,6CAIA,gBACI,eAAJ,6BCvGyW,I,wBCQrWC,EAAY,eACd,EACAf,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,kECnBf,yBAA8f,EAAG","file":"static/js/modal-content-page.a9d06bcb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-modal',{attrs:{\"name\":\"content-page-modal\",\"adaptive\":true,\"max-width\":800,\"width\":\"80%\",\"height\":\"auto\",\"scrollable\":true},on:{\"closed\":_vm.closeModal}},[_c('layout-modal',{on:{\"close\":_vm.closeModal}},[(_vm.isLoading)?_c('div',{staticClass:\"loading\"},[_c('spinner')],1):_c('div',{staticClass:\"content\",domProps:{\"innerHTML\":_vm._s(_vm.text)}})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-modal\r\n        name=\"content-page-modal\"\r\n        :adaptive=\"true\"\r\n        :max-width=\"800\"\r\n        width=\"80%\"\r\n        height=\"auto\"\r\n        :scrollable=\"true\"\r\n        @closed=\"closeModal\"\r\n    >\r\n        <layout-modal @close=\"closeModal\">\r\n            <div v-if=\"isLoading\" class=\"loading\">\r\n                <spinner />\r\n            </div>\r\n\r\n            <!-- eslint-disable -->\r\n            <!-- Necessary for v-html because it allows XXS attacks -->\r\n            <div v-else class=\"content\" v-html=\"text\" />\r\n            <!-- eslint-enable -->\r\n        </layout-modal>\r\n    </v-modal>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions } from \"vuex\";\r\nimport LayoutModal from \"../layouts/LayoutModal\";\r\n\r\nimport { ContentNotFoundError } from \"@/store/modules/content\";\r\n\r\nexport default {\r\n    components: {\r\n        LayoutModal\r\n    },\r\n    props: {\r\n        autoOpen: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        name: {\r\n            type: String,\r\n            required: true\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            text: null\r\n        };\r\n    },\r\n    computed: {\r\n        isLoading() {\r\n            return this.text === null;\r\n        },\r\n        page() {\r\n            return `${this.name}.${this.$i18n.locale}`\r\n        }\r\n    },\r\n    watch: {\r\n        page: {\r\n            handler: \"updateContentPage\",\r\n            immediate: true\r\n        }\r\n    },\r\n    methods: {\r\n        closeModal() {\r\n            this.$modal.hide(\"content-page-modal\");\r\n            this.$emit(\"close\");\r\n        },\r\n        updateContentPage: function() {\r\n            this.text = null;\r\n            return this.getContentPage({\r\n                identifier: this.name,\r\n                languageCode: this.$i18n.locale\r\n            })\r\n                .then(contentPage => {\r\n                    if (contentPage) {\r\n                        this.text = contentPage.body;\r\n\r\n                        // If auto open is true and the content is present. We open the modal\r\n                        if (this.autoOpen && contentPage.body !== \"\") {\r\n                            this.$modal.show(\"content-page-modal\");\r\n                        }\r\n                    }\r\n                })\r\n                .catch(e => {\r\n                    if (e instanceof ContentNotFoundError) {\r\n                        this.$sendError(e);\r\n                    } else {\r\n                        // https://github.com/vuejs/vue/pull/9484\r\n                        // async watcher errors are not captured, so we ignore other errors for now\r\n                        // TODO: checkup on PR and see when resolved.\r\n                    }\r\n                })\r\n                .finally(() => {\r\n                    if (this.text === null) {\r\n                        this.text =\r\n                            this.$t(\"modal_content_page.title\") +\r\n                            \"<br />\" +\r\n                            this.$t(\"modal_content_page.description\");\r\n                    }\r\n                });\r\n        },\r\n        ...mapActions({\r\n            getContentPage: \"content/getContentPage\"\r\n        })\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* Need to bypass scoped style for this to work when inject raw html */\r\n.content >>> h1 {\r\n    font-size: 1.2em;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./ModalContentPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./ModalContentPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalContentPage.vue?vue&type=template&id=5b3bef4c&scoped=true&\"\nimport script from \"./ModalContentPage.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalContentPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalContentPage.vue?vue&type=style&index=0&id=5b3bef4c&scoped=true&lang=css&\"\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  null,\n  \"5b3bef4c\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalContentPage.vue?vue&type=style&index=0&id=5b3bef4c&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalContentPage.vue?vue&type=style&index=0&id=5b3bef4c&scoped=true&lang=css&\""],"sourceRoot":""}