{"version":3,"sources":["webpack:///./src/components/ExploreTemplates.vue?ede2","webpack:///./src/components/ExploreTemplates.vue?dbad","webpack:///./src/components/ExploreTemplates.vue","webpack:///./src/components/ExploreTemplates.vue?3fa8","webpack:///./src/components/ExploreTemplates.vue?c473"],"names":["render","_vm","this","_h","$createElement","_c","_self","model","value","callback","$$v","step","expression","staticClass","attrs","_v","$images","thumbsUp","_l","tile","i","key","_s","title","card","on","$event","onCardSelected","style","image","scopedSlots","_u","fn","proxy","_e","icon","subtitle","text","selectedCard","selectedTitle","selectedSubtitle","staticStyle","video","goto","staticRenderFns","Vue","extend","components","HomeDashboardTile","data","selectedType","computed","broadcastCards","color","broadcastsWhat","goToBroadcasts","broadcastsTags","broadcastsGroup","conversationCards","startConversationsChatbot","goToChatbot","startConversationsForms","goToForms","startConversationsAutoresponders","goToAutoresponders","exploreTiles","description","button","highlight","onTileSelected","inboxCards","exploreInbox1on1","goToInbox","exploreInboxTemplates","exploreInboxOpenClose","exploreInboxStatus","exploreInboxFilter","routeCards","routeConversationsManualAssign","goToTeam","routeConversationsAutoRoute","selectedCards","type","broadcasts","conversations","inbox","route","methods","$router","push","$emit","popTour","console","log","component","VBtn","VCard","VCardSubtitle","VCardText","VCardTitle","VCol","VContainer","VIcon","VImg","VProgressCircular","VRow","VStepper","VStepperContent","VStepperItems"],"mappings":"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","file":"js/chunk-7bb4bccd.08e317a2.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./ExploreTemplates.vue?vue&type=style&index=0&id=79f7b262&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-stepper',{model:{value:(_vm.step),callback:function ($$v) {_vm.step=$$v},expression:\"step\"}},[_c('v-stepper-items',[_c('v-stepper-content',{staticClass:\"pa-0\",attrs:{\"step\":\"1\"}},[_c('v-row',{staticClass:\"flex-column my-3 ml-6\",attrs:{\"no-gutters\":\"\"}},[_c('h1',[_vm._v(\"Tailor MessageDesk to your needs\")]),_c('div',{staticClass:\"template-center-subtitle\"},[_vm._v(\" Explore advanced ways to setup MessageDesk \"),_c('img',{attrs:{\"src\":_vm.$images.thumbsUp,\"width\":\"18px\",\"height\":\"18px\"}})])]),_c('v-row',{staticClass:\"mt-5 mb-1\",attrs:{\"no-gutters\":\"\",\"align\":\"center\",\"justify\":\"center\"}},[_vm._l((_vm.exploreTiles),function(tile,i){return [_c('home-dashboard-tile',{key:i,staticClass:\"mb-3\",attrs:{\"tile\":tile}})]})],2)],1),_c('v-stepper-content',{staticClass:\"pa-0\",attrs:{\"step\":\"2\"}},[_c('v-container',{staticClass:\"pb-4 pt-5 \"},[_c('div',{staticClass:\"template-center-title pb-3 ml-2\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"template-center-subtitle pb-3 ml-2\"},[_vm._v(\" Click on any option below to watch a tutorial of the feature \"),_c('img',{attrs:{\"src\":_vm.$images.thumbsUp,\"width\":\"18px\",\"height\":\"18px\"}})]),_c('v-row',{attrs:{\"no-gutters\":\"\",\"justify\":\"start\"}},[_vm._l((_vm.selectedCards),function(card,i){return [_c('v-col',{key:i,staticClass:\"ma-2 flex-grow-0\"},[_c('v-card',{staticClass:\"template-card\",on:{\"click\":function($event){return _vm.onCardSelected(card)}}},[_c('div',{staticClass:\"template-card-image d-flex justify-center align-center\",style:((\"background: \" + (card.color)))},[(card.image)?_c('v-img',{attrs:{\"contain\":\"\",\"max-height\":\"180\",\"max-width\":\"230\",\"src\":card.image},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}],null,true)}):_vm._e()],1),_c('v-card-title',{staticClass:\"template-card-title px-2 py-2\"},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(card.icon))]),_c('div',{staticClass:\"ml-3\"},[_vm._v(_vm._s(card.title))])],1),_c('v-card-subtitle',{staticClass:\"template-card-subtitle px-2 mt-1\"},[_vm._v(\" \"+_vm._s(card.subtitle)+\" \")]),_c('v-card-text',{staticClass:\"template-card-text px-2 py-2\"},[_vm._v(\" \"+_vm._s(card.text)+\" \")])],1)],1)]})],2),_c('v-row',{staticClass:\"ml-2 mt-2\",attrs:{\"no-gutters\":\"\"}},[_c('v-btn',{staticClass:\"primary--text\",attrs:{\"depressed\":\"\",\"color\":\"#ECE8F8\",\"width\":\"85px\",\"height\":\"45px\"},on:{\"click\":function($event){_vm.step = 1}}},[_vm._v(\" Back \")])],1)],1)],1),_c('v-stepper-content',{staticClass:\"pa-0\",attrs:{\"step\":\"3\"}},[(_vm.selectedCard)?_c('v-container',{staticClass:\"pb-4 pt-5\"},[_c('div',{staticClass:\"template-center-title pb-3 ml-2\"},[_vm._v(\" \"+_vm._s(_vm.selectedCard.selectedTitle)+\" \")]),_c('div',{staticClass:\"template-center-subtitle pb-3 ml-2\"},[_vm._v(\" \"+_vm._s(_vm.selectedCard.selectedSubtitle)+\" \")]),_c('div',{staticStyle:{\"position\":\"relative\",\"height\":\"400px\"}},[_c('iframe',{staticStyle:{\"position\":\"absolute\",\"top\":\"0\",\"left\":\"0\",\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":_vm.selectedCard.video,\"frameborder\":\"0\",\"webkitallowfullscreen\":\"\",\"mozallowfullscreen\":\"\",\"allowfullscreen\":\"\",\"allow\":\"accelerometer; clipboard-write; encrypted-media; gyroscope; \\n                    picture-in-picture\",\"sandbox\":\"allow-scripts allow-same-origin\"}})]),_c('v-row',{staticClass:\"mx-2 mt-2\",attrs:{\"no-gutters\":\"\",\"align\":\"center\",\"justify\":\"space-between\"}},[_c('v-btn',{staticClass:\"primary--text\",attrs:{\"depressed\":\"\",\"color\":\"#ECE8F8\",\"width\":\"85px\",\"height\":\"45px\"},on:{\"click\":function($event){_vm.step = 2}}},[_vm._v(\" Back \")]),(_vm.selectedCard.goto)?_c('v-btn',{attrs:{\"dark\":\"\",\"depressed\":\"\",\"color\":\"primary\",\"height\":\"45px\"},on:{\"click\":_vm.selectedCard.goto.callback}},[_vm._v(\" \"+_vm._s(_vm.selectedCard.goto.text)+\" \"),_c('v-icon',{staticClass:\"ml-2\",attrs:{\"small\":\"\"}},[_vm._v(\" bi-arrow-right-circle-fill \")])],1):_vm._e()],1)],1):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue'\nimport HomeDashboardTile from '@/components/HomeDashboardTile.vue'\nimport HomeDashboardTileType from '@/types/components/HomeDashboardTile.interface'\n\ninterface ExploreCard {\n    title: string\n    subtitle: string\n    selectedTitle?: string\n    selectedSubtitle?: string\n    text?: string\n    icon: string\n    color: string\n    image: string\n    video?: string\n    goto?: GoToObject\n}\ninterface GoToObject {\n    text: string\n    callback: Function\n}\nexport default Vue.extend({\n    components: { HomeDashboardTile },\n    data: () => ({\n        selectedCard: null,\n        selectedType: null,\n        step: 1\n    }),\n    computed: {\n        broadcastCards(): ExploreCard[] {\n            return [\n                {\n                    title: 'Broadcast',\n                    subtitle: 'What Are Broadcasts?',\n                    selectedTitle: 'How to Send a Broadcast',\n                    selectedSubtitle:\n                        'Learn how to reach 10s, 100s or 1,000s of contacts at once by sending a Broadcast.',\n                    color: '#ECE8F8',\n                    icon: 'bi-megaphone-fill',\n                    image: this.$images.broadcastsWhat,\n                    video: 'https://www.loom.com/embed/8b8d3e2e91964377ae047b39d072eae4?sid=a2c6b271-0727-4b70-bbbd-3e88d7d3b9ae',\n                    goto: {\n                        text: 'Go to Broadcast',\n                        callback: () => this.goToBroadcasts()\n                    }\n                },\n                {\n                    title: 'Broadcast',\n                    subtitle: 'Using Tags to Personalize Tags',\n                    selectedTitle: 'Personalize Broadcasts Messages with Tags',\n                    selectedSubtitle:\n                        \"Learn how to personalize each individual broadcast message so it's tailored to your contact.\",\n                    color: '#ECE8F8',\n                    icon: 'bi-megaphone-fill',\n                    image: this.$images.broadcastsTags,\n                    video: 'https://www.loom.com/embed/977f21345a2b41639a2a3720f5bddcfc?sid=2e84baec-5ec0-410d-a798-568a9c886ef4',\n                    goto: {\n                        text: 'Go to Broadcast',\n                        callback: () => this.goToBroadcasts()\n                    }\n                },\n                {\n                    title: 'Broadcast',\n                    subtitle: 'How To Create Groups For Broadcast Messaging',\n                    selectedTitle: 'Group Contacts to Easily Send Them a Broadcast ',\n                    selectedSubtitle:\n                        'Learn how to organize your contacts into unique groups for effective broadcast messaging.',\n                    color: '#6142B0',\n                    icon: 'bi-megaphone-fill',\n                    image: this.$images.broadcastsGroup,\n                    video: 'https://www.loom.com/embed/5d6a4aaf3dcd44eba96bad835dc40ea9?sid=41a9cd2e-06e0-4e9a-90e6-89f923494412',\n                    goto: {\n                        text: 'Go to Broadcast',\n                        callback: () => this.goToBroadcasts()\n                    }\n                }\n                // {\n                //     title: 'Broadcast',\n                //     subtitle: 'How To Run An SMS Keyword Campaign',\n                // selectedTitle: \"\",\n                // selectedSubtitle: \"\",\n                //     color: '#FFC862',\n                //     icon: 'bi-megaphone-fill',\n                //     image: this.$images.broadcastsCampaign\n                // }\n            ]\n        },\n        conversationCards(): ExploreCard[] {\n            //  ALL OF THESE IMAGES ARE TEMPORARY\n            return [\n                {\n                    title: 'ChatBot',\n                    subtitle: 'Text-Enable Your Website With A ChatBot',\n                    selectedTitle: 'Start Conversations from Your Website with a Chatbot',\n                    selectedSubtitle:\n                        'Turn website visitors into SMS subscribers with the MessageDesk Chatbot',\n                    color: '#FFDEA1',\n                    icon: 'bi-chat-square-dots-fill',\n                    image: this.$images.startConversationsChatbot,\n                    video: 'https://www.loom.com/embed/242d44862ee34ecf8cf95f342fbb5e21?sid=70a7dff4-32bf-4e51-b7ac-2ff5bb3fefef',\n                    goto: {\n                        text: 'Go to Chatbot',\n                        callback: () => this.goToChatbot()\n                    }\n                },\n                {\n                    title: 'Form',\n                    subtitle: 'Use A Form To Collect Contact information',\n                    selectedTitle: 'Use a MessageDesk Form to Collect SMS Subscribers',\n                    selectedSubtitle:\n                        'Create a simple form to collect contact information and grow your sms subscriber list in MessageDesk.',\n                    color: '#FFDEA1',\n                    icon: 'bi-person-fill',\n                    image: this.$images.startConversationsForms,\n                    video: 'https://www.loom.com/embed/eff75714901b424a94319c2b99b1b16d?sid=fd0b679a-02e0-48d1-8079-d16c95bb968b',\n                    goto: {\n                        text: 'Go to Forms',\n                        callback: () => this.goToForms()\n                    }\n                },\n                {\n                    title: 'Autoresponder',\n                    subtitle: 'Advertise Keywords At Your Place Of Business',\n                    selectedTitle: 'Advertise Keywords to Start More Conversations',\n                    selectedSubtitle:\n                        'Effectively start conversations by advertising SMS keywords in your business.',\n                    color: '#A08ED0',\n                    icon: 'bi-lightning-charge-fill',\n                    image: this.$images.startConversationsAutoresponders,\n                    video: 'https://www.loom.com/embed/7ab71169318749fc8565bcc0eab5c1e2?sid=b101c176-c6cc-48db-b557-dfa50aa521bf',\n                    goto: {\n                        text: 'Go to Autoresponders',\n                        callback: () => this.goToAutoresponders()\n                    }\n                }\n            ]\n        },\n        exploreTiles(): HomeDashboardTileType[] {\n            return [\n                {\n                    title: 'Inbox Mastery',\n                    description:\n                        'Master the Inbox with Templates, Scheduling, Folders, and Automations',\n                    button: {\n                        text: 'Explore the Inbox',\n                        highlight: false,\n                        callback: () => this.onTileSelected('inbox')\n                    }\n                },\n                {\n                    title: 'Reach 10s, 100s, or 1,000s at Once',\n                    description:\n                        'Setup MessageDesk for reaching multiple contacts at once',\n                    button: {\n                        text: 'Learn about Broadcasts',\n                        highlight: false,\n                        callback: () => this.onTileSelected('broadcasts')\n                    }\n                },\n                {\n                    title: 'Routing Conversations to a Team',\n                    description:\n                        'Unify your team into 1 inbox with effective conversation routing',\n                    button: {\n                        text: 'Learn about converastion routing',\n                        highlight: false,\n                        callback: () => this.onTileSelected('route')\n                    }\n                },\n                {\n                    title: 'Starting Conversations',\n                    description: 'Learn how to fill the inbox with new messages',\n                    button: {\n                        text: 'Explore Chatbot, Forms, and Autoresponders',\n                        highlight: false,\n                        callback: () => this.onTileSelected('conversations')\n                    }\n                }\n            ]\n        },\n        inboxCards(): ExploreCard[] {\n            //  ALL OF THESE IMAGES ARE TEMPORARY\n            return [\n                {\n                    title: 'Inbox',\n                    subtitle: 'Send or Schedule 1-On-1 Text Messages',\n                    selectedTitle: 'How to Send or Schedule a Message',\n                    selectedSubtitle:\n                        'Learn how to send your first text and schedule text message responses from the MessageDesk Inbox.',\n                    color: '#FFC862',\n                    icon: 'bi-inbox-fill',\n                    image: this.$images.exploreInbox1on1,\n                    video: 'https://www.loom.com/embed/15ddfb0241114d4bab52b62e7f3d0fef?sid=6cde4f08-4976-41af-a8d8-4afe16a70210',\n                    goto: {\n                        text: 'Go to Inbox',\n                        callback: () => this.goToInbox()\n                    }\n                },\n                {\n                    title: 'Inbox',\n                    subtitle: 'Reply Faster With Pre-Made Templates',\n                    selectedTitle: 'Using Templates to Speed up Inbox Workflows',\n                    selectedSubtitle:\n                        'Learn how to use pre-saved message templates to respond faster to conversations in the Inbox',\n                    color: '#A08ED0',\n                    icon: 'bi-inbox-fill',\n                    image: this.$images.exploreInboxTemplates,\n                    video: 'https://www.loom.com/embed/596534b09deb42f8a7f77cafee71e218?sid=7a33a400-bcc4-40fc-b45c-f09e8b38c5a6',\n                    goto: {\n                        text: 'Go to Inbox',\n                        callback: () => this.goToInbox()\n                    }\n                },\n                {\n                    title: 'Inbox',\n                    subtitle: 'Open Vs. Closed Messages',\n                    selectedTitle: 'Understanding Open and Closed Conversations',\n                    selectedSubtitle:\n                        'Learn how to keep a tidy inbox by closing conversations and effectively managing your open conversations.',\n                    color: '#FFC862',\n                    icon: 'bi-lightning-charge-fill',\n                    image: this.$images.exploreInboxOpenClose,\n                    video: 'https://www.loom.com/embed/f52c00ee6d8e413d8cfe8ce01439f57e?sid=13b7072b-cac1-49aa-bd0a-db09df96b1cf',\n                    goto: {\n                        text: 'Go to Inbox',\n                        callback: () => this.goToInbox()\n                    }\n                },\n                {\n                    title: 'Inbox',\n                    subtitle: 'What Are Message Statuses?',\n                    selectedTitle: 'Message Status Explained',\n                    selectedSubtitle:\n                        'Learn about the difference between New, Waiting, and Replied messages in the Inbox',\n                    color: '#FFDEA1',\n                    icon: 'bi-inbox-fill',\n                    image: this.$images.exploreInboxStatus,\n                    video: 'https://www.loom.com/embed/bf515e9bd19b4347a697f4363dbe6971?sid=b66f4e01-9c2a-484c-9a60-346c00543bb0',\n                    goto: {\n                        text: 'Go to Inbox',\n                        callback: () => this.goToInbox()\n                    }\n                },\n                {\n                    title: 'Inbox',\n                    subtitle: 'Find The Right Message Every Time With Inbox Filtering',\n                    selectedTitle: 'Using Inbox Filters to Find the Right Conversation',\n                    selectedSubtitle:\n                        \"Use inbox filters to find the right message every time. Simply click the filter icon and select what type of conversations you're looking for.\",\n                    color: '#FFC862',\n                    icon: 'bi-inbox-fill',\n                    image: this.$images.exploreInboxFilter,\n                    video: 'https://www.loom.com/embed/277a2f57d00e42c09209d5c7f64d295b?sid=a0a39d77-c3dc-4a07-9dc8-d5d97939659a',\n                    goto: {\n                        text: 'Go to Inbox',\n                        callback: () => this.goToInbox()\n                    }\n                }\n            ]\n        },\n        routeCards(): ExploreCard[] {\n            //  ALL OF THESE IMAGES ARE TEMPORARY\n            return [\n                {\n                    title: 'Inbox',\n                    subtitle: 'Manually Assign Conversations To Teammates',\n                    selectedTitle: 'How to Assign Conversations to Teammates',\n                    selectedSubtitle:\n                        'Effectively route conversations across your entire team with conversation assignment.',\n                    color: '#FFC862',\n                    icon: 'bi-inbox-fill',\n                    image: this.$images.routeConversationsManualAssign,\n                    video: 'https://www.loom.com/embed/dde9d0bdd5364e94ac6222d5cf9decf1?sid=a19a5479-92af-4a79-a93e-cbaa4e6d02f5',\n                    goto: {\n                        text: 'Go to Team',\n                        callback: () => this.goToTeam()\n                    }\n                },\n                // {\n                //     title: 'Inbox',\n                //     subtitle: 'Automatically Assign Conversations To Teammates',\n                //     selectedTitle:\n                //         'Automatically Route Conversations based on Keyword Reply',\n                //     selectedSubtitle:\n                //         'Automatically route and respond to conversations based on the message received.',\n                //     color: '#F8F5F2',\n                //     icon: 'bi-inbox-fill',\n                //     image: this.$images.routeConversationsAutoAssign,\n                //     video: '',\n                //     goto: {\n                //         text: 'Go to Team',\n                //         callback: () => this.goToTeam()\n                //     }\n                // }\n                {\n                    title: 'Autoresponder',\n                    subtitle: 'Automatically Route Conversations Based On Keyword Reply',\n                    selectedTitle:\n                        'Automatically Route Conversations to Teammates When They Reply',\n                    selectedSubtitle:\n                        'Automatically route and respond to conversations based on the message received.',\n                    color: '#FFC862',\n                    icon: 'bi-lightning-charge-fill',\n                    image: this.$images.routeConversationsAutoRoute,\n                    video: 'https://www.loom.com/embed/ae5db57842aa4ebca01bf0b60855f12f?sid=4219bd6d-f7c3-44d6-9969-224f7a6bdd66',\n                    goto: {\n                        text: 'Go to Team',\n                        callback: () => this.goToTeam()\n                    }\n                }\n            ]\n        },\n        selectedCards(): ExploreCard[] {\n            //  Grab our selected type\n            const type = this.selectedType\n\n            //  If a type hasn't been selected, return null\n            if (!type) return null\n\n            //  Return a different type of card based on the type\n            return {\n                broadcasts: this.broadcastCards,\n                conversations: this.conversationCards,\n                inbox: this.inboxCards,\n                route: this.routeCards\n            }[type]\n        },\n        title(): string {\n            //  Grab our selected type\n            const type = this.selectedType\n\n            //  If a type hasn't been selected, return null\n            if (!type) return null\n\n            //  Return a different title based on type\n            return {\n                broadcasts:\n                    'Reach Multiple Contacts at Once with Private 1-on-1 Messages',\n                conversations: 'Start Conversations Consistently and Easily',\n                inbox: 'Inbox Mastery',\n                route: 'Route Conversations Across Your Team'\n            }[type]\n        }\n    },\n    methods: {\n        goToAutoresponders(): void {\n            //  Route to autoresponders\n            this.$router.push('/auto-responders')\n\n            //  Close our dialog\n            this.$emit('close')\n        },\n        goToBroadcasts(): void {\n            //  Route to broadcasts\n            this.$router.push('/broadcasts')\n\n            //  Close our dialog\n            this.$emit('close')\n        },\n        goToChatbot(): void {\n            //  Route to chatbots\n            this.$router.push('/chatbots')\n\n            //  Close our dialog\n            this.$emit('close')\n        },\n        goToForms(): void {\n            //  Route to forms\n            this.$router.push('/forms')\n\n            //  Close our dialog\n            this.$emit('close')\n        },\n        goToInbox(): void {\n            //  Route to inbox\n            this.$router.push('/inbox')\n\n            //  Close our dialog\n            this.$emit('close')\n        },\n        goToTeam(): void {\n            //  Route to teammates\n            this.$router.push('/teammates')\n\n            //  Close our dialog\n            this.$emit('close')\n        },\n        onCardSelected(card: ExploreCard): void {\n            //  Set our selected card\n            this.selectedCard = card\n\n            //  Go to our next step\n            this.step = 3\n        },\n        onTileSelected(type: string): void {\n            //  Set our type to whatever type was clicked\n            this.selectedType = type\n\n            //  Go to step 2\n            this.step = 2\n        },\n        popTour(): void {\n            console.log('TODO IMPLEMENT TOUR')\n        }\n    }\n})\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExploreTemplates.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExploreTemplates.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ExploreTemplates.vue?vue&type=template&id=79f7b262&scoped=true&\"\nimport script from \"./ExploreTemplates.vue?vue&type=script&lang=ts&\"\nexport * from \"./ExploreTemplates.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ExploreTemplates.vue?vue&type=style&index=0&id=79f7b262&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  \"79f7b262\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardSubtitle } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VStepper } from 'vuetify/lib/components/VStepper';\nimport { VStepperContent } from 'vuetify/lib/components/VStepper';\nimport { VStepperItems } from 'vuetify/lib/components/VStepper';\ninstallComponents(component, {VBtn,VCard,VCardSubtitle,VCardText,VCardTitle,VCol,VContainer,VIcon,VImg,VProgressCircular,VRow,VStepper,VStepperContent,VStepperItems})\n"],"sourceRoot":""}