{"version":3,"file":"js/376.54ab43b8.js","mappings":"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","sources":["webpack://fonmon-vue/./src/components/banners/HeaderBanner.vue","webpack://fonmon-vue/./src/components/banners/HeaderBanner.vue?f54f","webpack://fonmon-vue/./src/components/content/ContentCaddy.vue","webpack://fonmon-vue/./src/components/content/ContentComponentLoader.vue","webpack://fonmon-vue/./src/components/content/ContentComponentLoader.vue?0712","webpack://fonmon-vue/./src/components/content/ContentCaddy.vue?c4be","webpack://fonmon-vue/./src/components/destination/DefaultPage.vue","webpack://fonmon-vue/./src/components/destination/DefaultPage.vue?08b8"],"sourcesContent":["<template>\r\n    <figure class=\"page-banner\" v-if=\"content && content.file && content.file.type == 1\">\r\n        <img :src=\"imageUrl\" :alt=\"content.file.name\" />\r\n        <figcaption v-if=\"content.title || content.file.description\" class=\"flex\">\r\n            <h1 class=\"icon\" :class=\"className\"><span>{{ content.title }}</span></h1>\r\n            <span v-if=\"content.file.description\">{{ content.file.description }}</span>\r\n        </figcaption>\r\n    </figure>\r\n    <h1 v-else-if=\"content\" class=\"no-banner\"><span>{{ content.title }}</span></h1>\r\n</template>\r\n\r\n<script lang=\"js\">\r\n    //import { mapGetters } from 'vuex'\r\n    export default {\r\n        props: {\r\n            content: {\r\n                type: Object,\r\n                required: true\r\n            }\r\n        },\r\n        computed: {\r\n            className() {\r\n                return this.content.file.name.replace(/&/g, '').replace(/\\s\\s/g, '-').replace(/\\s/g, '-').replace(/'/g, '').toLowerCase();\r\n            },\r\n            imageUrl() {\r\n                return `/_resources/files${this.content.file.url}`;\r\n            }\r\n        }\r\n    };\r\n</script>\r\n\r\n<style>\r\n    figure.page-banner {\r\n        position: relative;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        padding: 0;\r\n        margin: 0;\r\n        min-height: 17.25em;\r\n    }\r\n\r\n        figure.page-banner img {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            object-fit: cover;\r\n        }\r\n\r\n        figure.page-banner figcaption {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            left: 0;\r\n        }\r\n            figure.page-banner figcaption.flex {\r\n                align-items: flex-start;\r\n                align-content: space-between;\r\n            }\r\n\r\n        figure.page-banner .icon {\r\n            font-family: var(--font-text);\r\n            position: relative;\r\n            color: #fff;\r\n            padding: 0.8rem;\r\n            font-size: var(--font-size-3);\r\n            font-weight: 700;\r\n            -moz-box-sizing: border-box;\r\n            -webkit-box-sizing: border-box;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n    h1.no-banner {\r\n        text-align: center;\r\n        background-color: var(--blue3);\r\n        color: #fff;\r\n        padding: 0.75rem 1rem;\r\n        margin-bottom: 0.75rem;\r\n        -moz-box-sizing: border-box;\r\n        -webkit-box-sizing: border-box;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    figure.page-banner .icon:after {\r\n        content: \"\";\r\n        display: block;\r\n        position: absolute;\r\n        z-index: 0;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        background-color: var(--green534);\r\n        mix-blend-mode: multiply;\r\n    }\r\n\r\n        figure.page-banner figcaption .icon span {\r\n            display: inline-block;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n            figure.page-banner .icon span:before {\r\n                background-position: center left 1rem;\r\n                background-repeat: no-repeat;\r\n                background-size: 1.5rem auto;\r\n            }\r\n\r\n    figure.page-banner figcaption > span {\r\n        display: block;\r\n        background-color: var(--green534);\r\n        color: #fff;\r\n        padding: 0.8rem;\r\n        font-size: var(--font-size-3);\r\n        font-weight: 700;\r\n        -moz-box-sizing: border-box;\r\n        -webkit-box-sizing: border-box;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n        /* Colours & Icons */\r\n        figure.page-banner .icon.dinosaurs span:before {\r\n            content: \"\";\r\n            display: inline-block;\r\n            width: 1.5rem;\r\n            height: 1.5rem;\r\n            margin-right: 0.5rem;\r\n            background-image: url(../../assets/icons/dinosaur.svg);\r\n            background-size: cover;\r\n            background-position: top left;\r\n            vertical-align: bottom;\r\n            margin-top: -0.25em;\r\n            -ms-transform: rotate(-35deg);\r\n            -o-transform: rotate(-35deg);\r\n            -webkit-transform: rotate(-35deg);\r\n            transform: rotate(-35deg);\r\n        }\r\n\r\n    @media screen and (min-width: 800px) {\r\n        figure.page-banner img {\r\n            width: 100%;\r\n            position: static;\r\n            object-fit: fill;\r\n        }\r\n\r\n        figure.page-banner figcaption > span {\r\n            font-size: var(--font-size-5);\r\n        }\r\n\r\n        figure.page-banner .icon {\r\n            font-size: var(--font-size-6);\r\n        }\r\n\r\n            figure.page-banner .icon.dinosaurs span:before {\r\n                width: 2.5rem;\r\n                height: 2.5rem;\r\n                vertical-align: middle;\r\n            }\r\n    }\r\n</style>","import { render } from \"./HeaderBanner.vue?vue&type=template&id=239d2b2f\"\nimport script from \"./HeaderBanner.vue?vue&type=script&lang=js\"\nexport * from \"./HeaderBanner.vue?vue&type=script&lang=js\"\n\nimport \"./HeaderBanner.vue?vue&type=style&index=0&id=239d2b2f&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\griff\\\\source\\\\repos\\\\Fonmon Castle\\\\Fonmon-Vue\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <Transition name=\"fade\" appear>\r\n        <section class=\"content-caddy\" v-if=\"content\" :class=\"className\">\r\n            <h1 v-if=\"content.showHeading\">{{ content.name }}</h1>\r\n            <content-component-loader :content=\"item\" v-for=\"item in content.content\" :key=\"item.hierarchyId\" />\r\n        </section>\r\n    </Transition>\r\n</template>\r\n\r\n<script lang=\"js\">\r\n    import ContentComponentLoader from './ContentComponentLoader.vue'\r\n\r\n    export default {\r\n        components: { ContentComponentLoader },\r\n        props: {\r\n            content: {\r\n                type: Object,\r\n                required: true\r\n            }\r\n        },\r\n        computed: {\r\n            className() {\r\n                return this.content.name.replace(' 2', '').replace(/&/g, '').replace(/\\s\\s/g, '-').replace(/\\s/g, '-').toLowerCase() + (this.content.classNames ? ` ${this.content.classNames}` : \"\");\r\n            }\r\n        }\r\n    };\r\n</script>\r\n\r\n<style>\r\n    .content-caddy.flex.alternate section {\r\n        margin-bottom: 1.75em;\r\n    }\r\n        .content-caddy.flex.alternate section img {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        .content-caddy.flex.alternate section > div {\r\n            background-color: var(--black3);\r\n            padding: 2rem;\r\n            -moz-box-sizing: border-box;\r\n            -webkit-box-sizing: border-box;\r\n            box-sizing: border-box;\r\n        }\r\n        .content-caddy.flex.alternate section h1 {\r\n            font-family: var(--font-text);\r\n            color: var(--blue2);\r\n        }\r\n\r\n    @media screen and (min-width: 600px) {\r\n        .content-caddy.flex.alternate > section.content-text.flex > * {\r\n            flex-basis: 50%;\r\n        }\r\n        .content-caddy.flex.alternate section:nth-child(2n+2) picture {\r\n            order: 2;\r\n        }\r\n    }\r\n\r\n    @media screen and (min-width: 1200px) {\r\n        .content-caddy.flex.alternate > section {\r\n            flex-basis: 49%;\r\n        }\r\n            .content-caddy.flex.alternate > section.content-text.flex > * {\r\n                flex-basis: 100%;\r\n            }\r\n\r\n    }\r\n</style>","<template>\r\n    <component :is=\"getComponent\" :content=\"content\"></component>\r\n</template>\r\n\r\n<script lang=\"js\">\r\n    import { defineAsyncComponent } from 'vue'\r\n\r\n    const contentComponents = {\r\n        \"tags\": defineAsyncComponent(() =>\r\n            import('./ContentCaddy.vue')\r\n        ),\r\n        \"snippets\": defineAsyncComponent(() =>\r\n            import('./ContentSnippet.vue')\r\n        ),\r\n        \"links\": defineAsyncComponent(() =>\r\n            import('./ContentLink.vue')\r\n        ),\r\n        \"locations\": defineAsyncComponent(() =>\r\n            import('./ContentLocation.vue')\r\n        ),\r\n        \"files\": defineAsyncComponent(() =>\r\n            import('./ContentFile.vue')\r\n        )\r\n    }\r\n\r\n    export default {\r\n        props: {\r\n            content: {\r\n                type: Object,\r\n                required: true\r\n            }\r\n        },\r\n        computed: {\r\n            getComponent() {\r\n                return contentComponents[this.content.taxonomy];\r\n            }\r\n        }\r\n    };\r\n</script>\r\n","import { render } from \"./ContentComponentLoader.vue?vue&type=template&id=5f3458b2\"\nimport script from \"./ContentComponentLoader.vue?vue&type=script&lang=js\"\nexport * from \"./ContentComponentLoader.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\griff\\\\source\\\\repos\\\\Fonmon Castle\\\\Fonmon-Vue\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./ContentCaddy.vue?vue&type=template&id=0e6ae45c\"\nimport script from \"./ContentCaddy.vue?vue&type=script&lang=js\"\nexport * from \"./ContentCaddy.vue?vue&type=script&lang=js\"\n\nimport \"./ContentCaddy.vue?vue&type=style&index=0&id=0e6ae45c&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\griff\\\\source\\\\repos\\\\Fonmon Castle\\\\Fonmon-Vue\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <header-banner :content=\"bannerContent\" />\r\n    <div class=\"container body\" v-html=\"bodyContent\">\r\n    </div>\r\n    <content-caddy v-for=\"item in pageContent\" :content=\"item\" :key=\"item.id\" />\r\n</template>\r\n\r\n<script lang=\"js\">\r\n    import { mapGetters } from 'vuex'\r\n    import HeaderBanner from '../banners/HeaderBanner.vue'\r\n    import ContentCaddy from '../content/ContentCaddy.vue'\r\n\r\n    export default {\r\n        components: {\r\n            HeaderBanner,\r\n            ContentCaddy\r\n        },\r\n        computed: {\r\n            ...mapGetters({ destinationContent: 'destination/destinationContent' }),\r\n            bannerContent() {\r\n                if (this.destinationContent && this.destinationContent.file) {\r\n                    let bContent = {\r\n                        title: this.destinationContent.name,\r\n                        file: this.destinationContent.file[0]\r\n                    }\r\n                    return bContent;\r\n                }\r\n                return null;\r\n            },\r\n            bodyContent() {\r\n                if (this.destinationContent) {\r\n                    if (this.destinationContent.contents) {\r\n                        return JSON.parse(this.destinationContent.contents)[\"Main\"];\r\n                    }\r\n                    else if (!this.destinationContent.content) {\r\n                        return \"<h1>Welcome to Fonmon Castle</h1><p>Loading your experience, please wait.</p>\";\r\n                    }\r\n                }\r\n                return null;\r\n            },\r\n            pageContent() {\r\n                if (this.destinationContent && this.destinationContent.content) {\r\n                    return this.destinationContent.content;\r\n                }\r\n                return null;\r\n            }\r\n        }\r\n    };\r\n</script>\r\n\r\n<style>\r\n    main.default .body {\r\n        max-width: 50em;\r\n        padding: 1.5em 1em;\r\n        text-align: center;\r\n        -moz-box-sizing: border-box;\r\n        -webkit-box-sizing: border-box;\r\n        box-sizing: border-box;\r\n    }\r\n</style>","import { render } from \"./DefaultPage.vue?vue&type=template&id=b0e8e4a6\"\nimport script from \"./DefaultPage.vue?vue&type=script&lang=js\"\nexport * from \"./DefaultPage.vue?vue&type=script&lang=js\"\n\nimport \"./DefaultPage.vue?vue&type=style&index=0&id=b0e8e4a6&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\griff\\\\source\\\\repos\\\\Fonmon Castle\\\\Fonmon-Vue\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["class","_ctx","file","type","_createElementBlock","_createElementVNode","src","alt","name","title","description","_toDisplayString","_hoisted_4","props","content","Object","required","computed","className","this","replace","toLowerCase","imageUrl","url","__exports__","render","_createBlock","_Transition","appear","showHeading","_hoisted_1","_Fragment","_renderList","item","_component_content_component_loader","key","hierarchyId","_resolveDynamicComponent","contentComponents","defineAsyncComponent","getComponent","taxonomy","components","ContentComponentLoader","classNames","_createVNode","_component_header_banner","innerHTML","_component_content_caddy","id","HeaderBanner","ContentCaddy","mapGetters","destinationContent","bannerContent","bContent","bodyContent","contents","JSON","parse","pageContent"],"sourceRoot":""}