\n \n mdi-magnify-plus \n \n \n mdi-close \n \n
\n\n \n Service Areas At Location\n
\n\n\n \n 1\"\n ref=\"serviceAreasLayer\"\n :features=\"features\"\n color=\"transparent\"\n @layer-ready=\"handleLayerReady\"\n > \n\n \n\n \n \n \n \n\n
\n\n\n\n\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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IdentifyService.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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IdentifyService.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IdentifyService.vue?vue&type=template&id=891c6504&\"\nimport script from \"./IdentifyService.vue?vue&type=script&lang=js&\"\nexport * from \"./IdentifyService.vue?vue&type=script&lang=js&\"\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 null,\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 { VExpandTransition } from 'vuetify/lib/components/transitions';\ninstallComponents(component, {VExpandTransition})\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","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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StandardMap.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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StandardMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StandardMap.vue?vue&type=template&id=a4ee71ba&\"\nimport script from \"./StandardMap.vue?vue&type=script&lang=js&\"\nexport * from \"./StandardMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StandardMap.vue?vue&type=style&index=0&lang=scss&\"\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 null,\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installDirectives from \"!../../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport Resize from 'vuetify/lib/directives/resize'\ninstallDirectives(component, {Resize})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h3',{staticClass:\"headline\"},[_vm._v(\"Use our wizard to estimate your service needs...\")]),_c('WizardUseCategory')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"pa-0\",attrs:{\"fluid\":\"\"}},[_c('v-layout',_vm._l((_vm.useCategories),function(card,index){return _c('v-flex',{key:index,attrs:{\"xs6\":\"\"}},[_c('v-expand-transition',[_c('v-sheet',{staticClass:\"d-flex flex-column justify-center ma-1 white--text card-hover\",attrs:{\"tile\":\"\",\"min-height\":_vm.cardHeight},on:{\"click\":function($event){return _vm.selectUseCategory(card)}}},[_c('v-img',{attrs:{\"src\":(\"\" + _vm.$publicPath + (card.bgImage)),\"height\":\"250\",\"gradient\":card.gradient}},[_c('h4',{staticClass:\"d-flex fill-height display-1 align-center justify-center\"},[_c('v-icon',{attrs:{\"large\":\"\",\"left\":\"\",\"color\":\"white\"}},[_vm._v(_vm._s(card.mdIcon))]),_vm._v(\"\\n \"+_vm._s(card.text)+\"\\n \")],1)])],1)],1)],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n \n
\n\n \n \n
\n\n \n {{card.mdIcon}} \n {{card.text}}\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","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/vuetify-loader/lib/loader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Wizard.Start.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/vuetify-loader/lib/loader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Wizard.Start.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Wizard.Start.vue?vue&type=template&id=6e641cf0&\"\nimport script from \"./Wizard.Start.vue?vue&type=script&lang=js&\"\nexport * from \"./Wizard.Start.vue?vue&type=script&lang=js&\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-layout',[_c('v-flex',[_c('div',{staticClass:\"d-flex mb-4\"},[_c('h1',{staticClass:\"display-1\"},[_vm._v(\"\\n Service Wizard\\n \")]),_c('v-spacer'),_c('v-btn',{attrs:{\"outlined\":\"\",\"color\":\"\",\"x-large\":\"\",\"to\":\"/wizard\",\"width\":\"250\"},on:{\"click\":_vm.clear}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-restart\")]),_vm._v(\"\\n Start Over\\n \")],1)],1),(_vm.step)?_c('v-sheet',{staticClass:\"my-3 pa-4\",attrs:{\"color\":\"primary white--text\"}},[_c('h3',{staticClass:\"title text-uppercase\"},[_vm._v(\"\\n \"+_vm._s(_vm.category)+\" Service\\n \")])]):_vm._e(),_c('router-view',{scopedSlots:_vm._u([{key:\"back-next\",fn:function(){return [_c('v-container',{attrs:{\"fluid\":\"\",\"grid-list-md\":\"\"}},[_c('v-layout',{},[_c('v-flex',[_c('v-btn',{attrs:{\"block\":\"\",\"depressed\":\"\",\"color\":\"accent black--text\",\"large\":\"\",\"disabled\":_vm.step < 2},on:{\"click\":_vm.decrementStep}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-chevron-left\")]),_vm._v(\"\\n Previous\\n \")],1)],1),_c('v-flex',[_c('v-btn',{attrs:{\"block\":\"\",\"depressed\":\"\",\"color\":\"accent black--text\",\"large\":\"\"},on:{\"click\":_vm.incrementStep}},[_vm._v(\"\\n Next\\n \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\"mdi-chevron-right\")])],1)],1)],1)],1)]},proxy:true}])})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n Use our wizard to estimate your service needs...
\n\n\n\n \n mdi-restart \n Start Over\n \n\n
\n\n \n Service Wizard\n
\n\n\n {{category}} Service\n
\n\n\n \n\n \n \n\n 1\" step=\"1\">Scale \n\n 2\" step=\"2\">Pattern of Use \n\n 3\" step=\"3\">County \n\n Community \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","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/vuetify-loader/lib/loader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Wizard.Residential.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/vuetify-loader/lib/loader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Wizard.Residential.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Wizard.Residential.vue?vue&type=template&id=d5295b8c&\"\nimport script from \"./Wizard.Residential.vue?vue&type=script&lang=js&\"\nexport * from \"./Wizard.Residential.vue?vue&type=script&lang=js&\"\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 null,\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 { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VStepper } from 'vuetify/lib/components/VStepper';\nimport { VStepperContent } from 'vuetify/lib/components/VStepper';\nimport { VStepperHeader } from 'vuetify/lib/components/VStepper';\nimport { VStepperItems } from 'vuetify/lib/components/VStepper';\nimport { VStepperStep } from 'vuetify/lib/components/VStepper';\ninstallComponents(component, {VDivider,VStepper,VStepperContent,VStepperHeader,VStepperItems,VStepperStep})\n","import Vue from 'vue';\nimport Router from 'vue-router';\n\n// Component Views\nimport WizardStart from './views/Wizard.Start.vue';\nimport WizardRoot from './views/Wizard.Root.vue';\nimport WizardResidential from './views/Wizard.Residential';\n\nVue.use(Router);\n\n// https://router.vuejs.org/api\n\nexport default new Router({\n mode: 'history', // \"hash\" | \"history\" | \"abstract\"\n base: process.env.BASE_URL,\n linkActiveClass: 'active',\n\n scrollBehavior(to, from, savedPosition) {\n if (to.name === from.name) {\n return savedPosition;\n }\n\n if (to.hash) {\n return {\n selector: to.hash\n // , offset: { x: 0, y: 10 }\n };\n }\n\n return {\n x: 0,\n y: 0,\n };\n },\n\n routes: [\n {\n alias: '/',\n path: '/wizard',\n component: WizardRoot,\n children: [\n {\n path: '',\n name: 'wizard-start',\n component: WizardStart,\n meta: {\n },\n },\n {\n path: 'residential',\n name: 'wizard-residential',\n component: WizardResidential,\n meta: {\n category: 'residential',\n pageTitle: 'Residential',\n },\n },\n {\n path: 'business',\n name: 'wizard-business',\n component: () => import('./views/Wizard.Business.vue'),\n meta: {\n category: 'business',\n pageTitle: 'Business',\n },\n },\n {\n path: 'offerings',\n name: 'wizard-offerings',\n component: () => import('./views/Wizard.Offerings.vue'),\n meta: {\n pageTitle: 'Offerings',\n },\n },\n ],\n },\n\n {\n path: '/service-areas/:id?',\n name: 'service-areas',\n component: () => import('./views/ServiceAreas.vue'),\n },\n\n {\n path: '/providers',\n component: () => import('./views/Providers.vue'),\n meta: {\n pageTitle: 'Broadband Providers',\n },\n children: [\n {\n path: ':id?',\n name: 'provider-detail',\n component: () => import('./components/Provider.Card'),\n meta: {\n pageTitle: 'Provider Detail',\n },\n },\n ],\n },\n\n {\n path: '/search-for-service',\n name: 'search-for-service',\n component: () => import('./views/SearchForService.vue'),\n },\n\n {\n path: '/partners',\n name: 'partners',\n component: () => import('./views/Partners.vue'),\n meta: {\n pageTitle: 'Partners',\n },\n children: [\n {\n path: ':id?',\n name: 'partners-detail',\n component: () => import('./components/Partner.Card'),\n meta: {\n pageTitle: 'Partners',\n },\n },\n ],\n },\n ],\n\n});\n","export default {\n\n state: {\n loadingServiceAreas: true,\n },\n\n mutations: {\n\n LOADING_SERVICE_AREAS(state, payload) {\n state.loadingServiceAreas = payload;\n },\n\n },\n\n getters: {\n\n useWizardPreferences(state, getters, rootState) {\n return rootState.route.query.referrer === 'wizard-offerings';\n },\n\n },\n\n};\n","// https://material.io/tools/icons/?search=location&mdIcon=location_on&style=baseline\n\nexport const useCategories = [\n {\n text: 'Residential',\n value: 'residential',\n overallIcon: 'mdi-home',\n mdIcon: 'mdi-home',\n meta: 'Personal or professional use at home.',\n // https://www.pexels.com/photo/woman-wearing-tank-top-sitting-by-the-window-920381/\n bgImage: 'adult-brunette-communication-920381.jpg',\n gradient: 'to top right, rgba(0, 150, 214,.6), rgba(0,86,149,.6)',\n },\n {\n text: 'Business',\n value: 'business',\n overallIcon: 'mdi-domain',\n mdIcon: 'mdi-domain',\n meta: 'Business categories, such as a bar/restaurant, coffee shops, office/retail, or lodging.',\n // https://www.pexels.com/photo/two-men-sitting-facing-on-flat-screen-monitors-2451646/\n bgImage: 'adults-blond-hair-chairs-2451646.jpg',\n gradient: 'to top right, rgba(251, 176, 51,.5), rgba(0, 150, 214,.5)',\n },\n];\n\nexport const scale = [\n {\n value: 'single',\n text: 'Single',\n number: 1,\n overallIcon: 'mdi-account-multiple',\n iconCount: 1,\n mdIcon: 'mdi-account-outline',\n description: 'As a single individual you control your demands on your internet connection. While you may have several devices, you know when they are connected and what they are doing',\n },\n {\n value: 'couple',\n text: 'Couple',\n number: 2,\n iconCount: 2,\n overallIcon: 'mdi-account-multiple',\n mdIcon: 'mdi-account-outline',\n description: 'Couples face some basic challenges around sharing an internet connection and can run into some challenges when one wants to stream movies while the other needs to work.',\n },\n {\n value: 'family',\n text: 'Family',\n number: 3,\n iconCount: 3,\n overallIcon: 'mdi-account-multiple',\n mdIcon: 'mdi-account-outline',\n description: 'As the number of people in the household grows, so does the demand on the internet – especially if you have kids trying to stream movies, play games, and do homework while you’re on a Skype call for work.',\n },\n {\n value: 'largerfamily',\n text: 'Larger Family',\n number: 5,\n iconCount: 5,\n overallIcon: 'mdi-account-multiple',\n mdIcon: 'mdi-account-outline',\n description: 'What happens when everyone in the house turns on the water at the same time? The same happens with the internet. With more users comes more demand, and to meet that you need a bigger internet circuit.',\n },\n];\n\nexport const usePattern = [\n {\n value: 'typical',\n text: 'Typical',\n number: 15,\n overallIcon: 'mdi-speedometer',\n mdIcon: 'mdi-speedometer-slow',\n iconCount: 1,\n iconSize: 50,\n description: 'Normal everyday use including checking email, streaming music/TV, etc.'\n },\n {\n value: 'moderate',\n text: 'Moderate',\n number: 50,\n overallIcon: 'mdi-speedometer',\n mdIcon: 'mdi-speedometer-medium',\n iconCount: 1,\n iconSize: 50,\n description: 'More demanding uses such as gaming, video conferencing, and downloading/uploading small files.'\n },\n {\n value: 'heavy',\n text: 'Heavy',\n number: 100,\n overallIcon: 'mdi-speedometer',\n mdIcon: 'mdi-speedometer',\n iconCount: 1,\n iconSize: 50,\n description: 'Internet is used regularly in daily life/work including video conferencing, streaming, and/or the ' +\n 'demands of moving medium sized files over the internet.'\n },\n {\n value: 'professional',\n text: 'Professional',\n number: 200,\n overallIcon: 'mdi-speedometer',\n mdIcon: 'mdi-professional-hexagon',\n iconCount: 1,\n iconSize: 50,\n description: 'Internet is a critical part of daily life/work. Large amounts of data are being moved, and/or ' +\n 'speed is very important to ensure adequate operations.'\n },\n];\n\nexport const businessType = [\n {\n value: 'barrestaurant',\n text: 'Bar/Restaurant',\n number: null,\n overallIcon: 'mdi-silverware-fork-knife',\n mdIcon: 'mdi-silverware-fork-knife', // local_bar\n iconCount: 1,\n iconSize: 50,\n description: 'Bars & restaurants typically don’t offer WiFi to their patrons, although having solid internet is likely an important part of doing business.',\n },\n {\n value: 'coffeeshop',\n text: 'Coffee Shop',\n number: null,\n overallIcon: 'mdi-coffee',\n mdIcon: 'mdi-coffee',\n iconCount: 1,\n iconSize: 50,\n description: 'Most coffee shops offer WiFi to customers as an attraction point allowing them to come in, get some food and drink, and do work.'\n },\n {\n value: 'officeretail',\n text: 'Office/Retail',\n number: null,\n overallIcon: 'mdi-office-building',\n mdIcon: 'mdi-office-building',\n iconCount: 1,\n iconSize: 50,\n description: 'Office spaces typically need high-quality internet connections to meet the demand of workers performing a variety of business functions.',\n },\n {\n value: 'lodging',\n text: 'Lodging',\n number: null,\n overallIcon: 'mdi-hotel',\n mdIcon: 'mdi-hotel',\n iconCount: 1,\n iconSize: 50,\n description: 'WiFi is seen as a differentiator within lodging properties where patrons expect to be able to connect to high-speed service on multiple devices.',\n },\n];\n\nexport const businessSpeed = [\n {\n value: 'slower',\n text: 'Slower',\n number: {\n barrestaurant: 1,\n coffeeshop: 3,\n officeretail: 5,\n lodging: 3,\n },\n overallIcon: 'mdi-speedometer',\n mdIcon: 'mdi-speedometer-slow',\n iconCount: 1,\n iconSize: 50,\n description: 'This category allocates enough speed to do basic tasks such as check email and social media and is generally no more than {}.'\n },\n {\n value: 'medium',\n text: 'Medium',\n number: {\n barrestaurant: 5,\n coffeeshop: 15,\n officeretail: 50,\n lodging: 15,\n },\n overallIcon: 'mdi-speedometer',\n mdIcon: 'mdi-speedometer-medium',\n iconCount: 1,\n iconSize: 50,\n description: 'This category ensures that users are able to perform most business functions including streaming audio & video and is aimed at closer to {}.'\n },\n {\n value: 'fast',\n text: 'Fast',\n number: {\n barrestaurant: 10,\n coffeeshop: 30,\n officeretail: 200,\n lodging: 50,\n },\n overallIcon: 'mdi-speedometer',\n mdIcon: 'mdi-speedometer',\n iconCount: 1,\n iconSize: 50,\n description: 'This category describes professional use cases such as moving large amounts of data or similar functions and is typically set around {}.'\n },\n];\n\nexport const county = [\n {\n color: 'grey lighten-2',\n value: 'both',\n text: 'Both',\n number: null,\n overallIcon: 'mdi-shape',\n mdIcon: 'stars',\n iconCount: null,\n description: 'Narrow down locations and communites by pre-selecting a county.'\n },\n {\n color: 'blue',\n value: 'mono',\n text: 'Mono',\n number: null,\n overallIcon: 'mdi-shape',\n mdIcon: 'stars',\n iconCount: null,\n description: 'Narrow down locations and communites by pre-selecting a county.'\n },\n {\n color: 'yellow darken-3',\n value: 'inyo',\n text: 'Inyo',\n number: null,\n overallIcon: 'mdi-shape',\n mdIcon: 'stars',\n iconCount: null,\n description: 'Narrow down locations and communites by pre-selecting a county.'\n },\n];\n\nexport const dataModels = {\n useCategories,\n scale,\n usePattern,\n county,\n businessType,\n businessSpeed,\n};\n\nexport default dataModels;\n","import ky from 'ky';\nimport orderBy from 'lodash/orderBy';\nimport { Query } from 'esri-leaflet';\n\nconst serviceUrl = 'https://gis.mono.ca.gov/webgis/rest/services/OpenData/CommunicationPlanning/MapServer';\nconst communicationProjects = '11';\nconst providers = '13';\nconst partners = '14';\n\n\nexport async function getPartners() {\n const query = new Query({\n url: `${serviceUrl}/${partners}`,\n });\n\n return await new Promise(async (resolve, reject) => {\n query\n .where('1=1')\n .run(async function (error, featureCollection) {\n if (error) {\n reject(error);\n } else {\n resolve(featureCollection.features);\n // resolve(orderBy(featureCollection.features, 'properties.Name'));\n }\n });\n });\n}\n\nexport async function getProviders() {\n const query = new Query({\n url: `${serviceUrl}/${providers}`,\n });\n\n return await new Promise(async (resolve, reject) => {\n query\n .where('1=1')\n .orderBy('ProviderName', 'DESC')\n .run(async function (error, featureCollection) {\n if (error) {\n reject(error);\n } else {\n resolve(featureCollection.features);\n }\n });\n });\n\n}\n\nexport function getProviderByGlobalID(id) {\n const url = 'https://gis.mono.ca.gov/webgis/rest/services/OpenData/CommunicationPlanning/MapServer/13/query';\n const searchParams = {\n f: 'json',\n where: `GlobalID='${id}'`,\n outFields: '*',\n outSR: 3857,\n };\n\n return ky.get(url, { searchParams })\n .json();\n}\n\n// https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3/query\n// ?where=state_name%3d%27california%27&f=geojson\n\nexport async function requestServiceAreas() {\n const query = new Query({\n url: `${serviceUrl}/${communicationProjects}`,\n });\n\n return await new Promise(async (resolve, reject) => {\n query.where('1=1').run(async function (error, featureCollection) {\n if (error) {\n reject(error);\n } else {\n resolve(featureCollection.features);\n }\n });\n });\n\n // const searchParams = {\n // f: 'json',\n // where: '1=1',\n // outFields: '*',\n // outSR: 4326,\n // orderByFields: 'Location',\n // };\n\n // const response = await ky.get(url, { searchParams })\n // .json();\n\n // console.log(response);\n\n // return response;\n}\n\nexport async function serviceAreaByPointIntersect({ inSpatialRef = 4326, x, y }) {\n console.log('serviceAreaByPointIntersect');\n console.log(x, y);\n\n const url = `${serviceUrl}/${communicationProjects}/query`;\n\n const searchParams = {\n f: 'geojson',\n geometryType: 'esriGeometryPoint',\n geometry: `${x},${y}`,\n spatialRel: 'esriSpatialRelIntersects',\n outFields: '*',\n inSR: inSpatialRef,\n outSR: 4326,\n // orderByFields: 'Location',\n };\n\n console.log(searchParams);\n\n const pointIntersectResponse = await ky.get(url, { searchParams })\n .json();\n\n console.log(pointIntersectResponse);\n\n return orderBy(pointIntersectResponse.features, ['properties.Speeds_mbps'], ['desc']);\n}\n\nexport async function findAddressCandidates(query) {\n const url = 'https://gis.mono.ca.gov/webgis/rest/services/Address_Composite/GeocodeServer/findAddressCandidates';\n const searchParams = {\n f: 'json',\n singleLine: query,\n outFields: '*',\n outSR: 4326,\n };\n\n const response = await ky.get(url, { searchParams })\n .json();\n\n let candidates = response.candidates || [];\n\n if (!response.candidates.length) {\n // https://developers.arcgis.com/rest/geocode/api-reference/geocoding-find-address-candidates.htm\n const esriUrl = 'http://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer/findAddressCandidates';\n const response = await ky.get(esriUrl, { searchParams })\n .json();\n candidates = response.candidates || [];\n }\n\n return candidates;\n}\n\nexport const requests = {\n getPartners,\n getProviders,\n requestServiceAreas,\n serviceAreaByPointIntersect,\n findAddressCandidates,\n getProviderByGlobalID,\n};\n\nexport default requests;\n","\nimport tableColumns from './models/table.columns';\n\nexport const whitelists = {\n\n serviceAreas: [\n // 'OBJECTID',\n 'County',\n 'Location',\n // 'ProjectName',\n // 'ProjectType',\n // 'ServiceType',\n 'Speeds_mbps',\n // 'Status',\n // 'CompletionDate',\n // 'TargetDate',\n // 'last_edited_date',\n ],\n\n providers: [\n 'ProviderName',\n 'Category',\n 'URL',\n 'PhoneContact',\n ],\n\n};\n\nexport function createNormalizedFieldDef(field) {\n return {\n text: field.alias,\n name: field.name,\n value: `attributes.${field.name}`,\n align: 'start', // start | center | end\",\n sortable: true,\n divider: false,\n class: '',\n width: null,\n // filter: (value, search, item) => true,\n // sort: (a, b) => Number(0),\n };\n}\n\nexport const tables = {\n tableColumns,\n whitelists,\n createNormalizedFieldDef,\n};\n\nexport default tables;\n","export function filterSpeedRange(feature) {\n if (this.Speeds_mbps) {\n const speedGreaterThan = feature.attributes.Speeds_mbps >= this.Speeds_mbps[0];\n const speedLessThan = feature.attributes.Speeds_mbps <= this.Speeds_mbps[1];\n return speedGreaterThan && speedLessThan;\n }\n return true;\n}\n\nexport function filterLocations(feature) {\n if (this.Location && this.Location.length) {\n return this.Location.includes(feature.attributes.Location);\n }\n return true;\n}\n\nexport const dataFilters = {\n filterSpeedRange,\n filterLocations,\n};\n\nexport default dataFilters;\n","import colormap from 'colormap';\n\nexport const generateColorGradient = ({ count = 9 }) => {\n // https://www.npmjs.com/package/colormap\n let colors = colormap({\n colormap: 'hot', // freesurface-blue, hot\n nshades: count > 8 ? count : 9,\n format: 'hex',\n alpha: 1\n });\n const offset = 1;\n return colors.splice(offset, offset + count).reverse();\n};\n\nexport default generateColorGradient;\n","import { dataModels } from './data-models';\nimport { requests } from './requests';\nimport { tables } from './tables';\nimport { dataFilters } from './data-filters';\nimport generateColorGradient from './generateColorGradient';\n\nexport default {\n\n\n usersLabel(businessType) {\n if (businessType) {\n switch (businessType) {\n case 'barrestaurant':\n return 'seats';\n case 'coffeeshop':\n return 'seats';\n case 'officeretail':\n return 'workspaces';\n case 'lodging':\n return 'beds';\n default:\n return 'users';\n }\n }\n return '';\n },\n\n formatSpeed(speed) {\n if (speed) {\n if (speed >= 1000) {\n return `${speed / 1000} Gbps`;\n } else {\n return `${speed} Mbps`;\n }\n }\n return 'N/A';\n },\n\n geojsonPolygonToLeaflet(geometry) {\n console.log(`geojsonPolygonToLeaflet: ${geometry.type}`);\n console.log(JSON.stringify(geometry.coordinates, null, ' '));\n\n if (geometry.type === 'Polygon') {\n // map the rings and coordinates to reversed coordinates\n return geometry.coordinates.map(polyline => polyline.map(coordinate => coordinate.reverse()));\n } else if (geometry.type === 'MultiPolygon') {\n return geometry.coordinates.map(outerRing => outerRing.map(coordinate => coordinate.reverse()));\n }\n },\n\n applicationModels: dataModels,\n requests,\n tables,\n dataFilters,\n generateColorGradient,\n};\n","import orderBy from 'lodash/orderBy';\n\nimport helpers from '../helpers';\nimport mapKeys from 'lodash/mapKeys';\n\nexport default {\n\n state: {\n serviceAreas: [],\n providers: [],\n },\n\n getters: {\n\n serviceAreas(state) {\n return orderBy(state.serviceAreas, ['properties.Location'], ['asc']);\n },\n\n servicesById: (state) => (id) => {\n return state.serviceAreas.filter(({ properties }) => properties.ProviderID === id);\n },\n\n providers(state) {\n return state.providers;\n },\n\n },\n\n mutations: {\n\n SET_SERVICE_AREAS(state, payload) {\n state.serviceAreas = payload;\n },\n\n SET_PROVIDERS(state, payload) {\n state.providers = payload;\n },\n\n },\n\n actions: {\n\n async getServiceAreas({ commit, getters }) {\n commit('LOADING_SERVICE_AREAS', true);\n\n if (getters.serviceAreas && getters.serviceAreas.length) {\n console.warn('Already loaded service areas but refreshing.');\n }\n\n const serviceAreas = await helpers.requests.requestServiceAreas();\n\n if (serviceAreas && serviceAreas.length) {\n console.warn('Refreshed service areas.');\n const serviceAreasRekeyed = serviceAreas.map((serviceArea) => ({\n ...serviceArea,\n properties: mapKeys(serviceArea.properties, (value, key) => key\n .replace('Publication.DBO.CommunicationProjects.', '')\n .replace('Publication.DBO.CommunicationProviders.', '')\n )\n }));\n\n commit('SET_SERVICE_AREAS', serviceAreasRekeyed);\n return serviceAreasRekeyed;\n }\n commit('LOADING_SERVICE_AREAS', false);\n },\n\n async getProviders({ commit, getters }) {\n if (getters.providers.length) {\n console.warn('Phew! we already had providers loaded!');\n }\n\n const providers = await helpers.requests.getProviders();\n if (providers) {\n console.warn('Refreshed providers.');\n commit('SET_PROVIDERS', providers);\n }\n return providers;\n },\n\n },\n\n};\n","import PolygonLookup from 'polygon-lookup';\n\nimport kebabCase from 'lodash/kebabCase';\nimport randomColor from 'randomcolor';\nimport sortedUniqBy from 'lodash/sortedUniqBy';\nimport uniqBy from 'lodash/uniqBy';\nimport unionBy from 'lodash/unionBy';\nimport sortBy from 'lodash/sortBy';\n\nconst defaultPreferences = {\n useCategory: {},\n scale: {},\n usePattern: {},\n businessType: {},\n businessSpeed: {},\n capacity: {},\n county: {},\n locations: [],\n coordinates: null,\n};\n\nexport default {\n\n state: {\n preferences: defaultPreferences,\n },\n\n getters: {\n\n usersLabel(state) {\n switch (state.preferences.businessType.value) {\n case 'barrestaurant':\n return 'seat(s)';\n case 'coffeeshop':\n return 'seat(s)';\n case 'officeretail':\n return 'workspace(s)';\n case 'lodging':\n return 'bed(s)';\n default:\n return 'user(s)';\n }\n },\n\n coordinatesFormatted(state) {\n const coordinates = state.preferences.coordinates;\n if (coordinates && coordinates.lat && coordinates.lng) {\n return `${coordinates.lat.toFixed(5)}, ${coordinates.lng.toFixed(5)}`;\n }\n return null;\n },\n\n scale(state) {\n return state.preferences.scale.number;\n },\n\n usePattern(state) {\n return state.preferences.usePattern.text;\n },\n\n businessSpeed(state) {\n return state.preferences.businessSpeed.text;\n },\n\n capacity(state) {\n if (state.preferences.useCategory.text === 'Residential') {\n return state.preferences.scale.number;\n } else {\n return state.preferences.capacity.number || 1;\n }\n },\n\n recommendedPerUser(state) {\n if (state.preferences.useCategory.text === 'Residential') {\n return state.preferences.usePattern.number;\n } else {\n const businessSpeed = state.preferences.businessSpeed;\n const businessType = state.preferences.businessType;\n if (businessType.value && businessSpeed.number) {\n // console.log(businessType);\n // console.log(businessSpeed);\n return businessSpeed.number[businessType.value];\n } else {\n return 5;\n }\n }\n },\n\n filteredServiceAreas(state, getters, rootState) {\n console.group('wizard filtering');\n let data = rootState.data.serviceAreas;\n\n console.log(`Initial length: ${data.length}`);\n\n if (state.preferences.county.text === 'Mono' || state.preferences.county.text === 'Inyo') {\n data = data.filter(i => i.properties.County === state.preferences.county.text || !i.properties.County);\n }\n\n console.log(`After county length: ${data.length}`);\n\n if (state.preferences.locations.length) {\n const filterFunction = (item) => {\n const regional = item.properties.Location === 'Regional Service';\n\n const d395 = item.properties.Location === 'Along Digital 395 Route';\n\n const locValue = state.preferences.locations.map(i => i.text).includes(item.properties.Location);\n return locValue || regional || d395;\n\n };\n data = data.filter(filterFunction);\n }\n\n console.log(`After locations length: ${data.length}`);\n\n if (state.preferences.coordinates && state.preferences.coordinates && rootState.data.serviceAreas.length) {\n const lookup = new PolygonLookup({\n type: 'FeatureCollection',\n features: rootState.data.serviceAreas,\n });\n\n const featColl = lookup.search(state.preferences.coordinates.lng, state.preferences.coordinates.lat, -1);\n\n if (state.preferences.locations.length) {\n data = data.concat(featColl.features);\n } else {\n data = featColl.features;\n // data = unionBy(data, featColl.features);\n }\n }\n\n console.log(`After coordinates length: ${data.length}`);\n\n console.groupEnd();\n\n return uniqBy(data, 'properties.OBJECTID');\n },\n\n allLocations(state, getters, rootState) {\n const blacklist = [\n 'Along Digital 395 Route',\n 'Regional Service',\n ];\n\n const features = rootState.data.serviceAreas.filter(i => !blacklist.includes(i.properties.Location));\n\n const amendedLocs = features.map(item => {\n const text = item.properties.Location || 'None';\n return {\n county: item.properties.County,\n value: kebabCase(text),\n text,\n class: '',\n style: {\n backgroundColor: randomColor({\n hue: 'orange', // red, orange, yellow, green, blue, purple, pink and monochrome\n luminosity: 'bright', // bright, light or dark\n seed: text,\n })\n },\n mdIcon: 'location_city',\n };\n });\n\n const sorted = sortedUniqBy(sortBy(amendedLocs, 'text'), 'text');\n\n return sorted;\n },\n\n locationsFiltered(state, getters, rootState) {\n const blacklist = [\n 'Along Digital 395 Route',\n 'Regional Service',\n ];\n\n const features = rootState.data.serviceAreas.filter(i => !blacklist.includes(i.properties.Location));\n\n const amendedLocs = features.map(item => {\n const text = item.properties.Location || 'None';\n return {\n county: item.properties.County,\n value: kebabCase(text),\n text,\n class: '',\n style: {\n backgroundColor: randomColor({\n hue: 'orange', // red, orange, yellow, green, blue, purple, pink and monochrome\n luminosity: 'bright', // bright, light or dark\n seed: text,\n })\n },\n mdIcon: 'location_city',\n };\n });\n\n const sorted = sortedUniqBy(sortBy(amendedLocs, 'text'), 'text');\n\n // const index = sorted.findIndex(i => i.value === 'none');\n // const none = sorted.splice(index, 1);\n // sorted.unshift(none[0]);\n // sorted.shift();\n\n if (rootState.wizard.preferences.county.value && rootState.wizard.preferences.county.value !== 'both') {\n return sorted.filter(i => i.county === rootState.wizard.preferences.county.text);\n }\n\n return sorted;\n },\n\n speedPreference(state, getters) {\n let speed = 0;\n if (state.preferences.useCategory && state.preferences.useCategory.value === 'business') {\n if (state.preferences.businessSpeed.value && getters.capacity) {\n const speedRating = state.preferences.businessSpeed.number[state.preferences.businessType.value];\n speed = speedRating * getters.capacity;\n }\n } else {\n if (state.preferences.scale.value && state.preferences.usePattern.value) {\n // const scale = models.scale.find(item => item.value === state.preferences.scale.value);\n // const usePattern = models.usePattern.find(item => item.value === state.preferences.usePattern.value);\n speed = state.preferences.scale.number * state.preferences.usePattern.number;\n }\n }\n return speed;\n },\n\n },\n\n mutations: {\n\n SET_PREFERENCES(state, payload) {\n state.preferences = payload;\n },\n\n SET_SELECTIONS(state, payload) {\n state.selections = payload;\n },\n\n CLEAR_PREFERENCE_BY_KEY(state, payload) {\n state.preferences[payload.key] = null;\n },\n\n },\n\n actions: {\n\n clearPreferencesByKey({ commit }, key) {\n commit('CLEAR_PREFERENCE_BY_KEY', { key });\n },\n\n resetPreferences({ commit }) {\n commit('SET_PREFERENCES', defaultPreferences);\n commit('SET_SPEED_LOW', null);\n commit('SET_SPEED_HIGH', null);\n commit('SET_COUNTY', null);\n commit('SET_LOCATIONS', []);\n },\n\n setPreferences({ state, commit, getters }, value) {\n const temp = { ...state.preferences, ...value };\n commit('SET_PREFERENCES', temp);\n commit('SET_SPEED_LOW', getters.speedPreference);\n commit('SET_COUNTY', temp.county.text);\n if (temp.locations) {\n commit('SET_LOCATIONS', uniqBy(temp.locations.map(loc => loc.text)));\n } else {\n commit('SET_LOCATIONS', []);\n }\n },\n\n setSelection({ commit, state }, selection) {\n const newSelections = {\n ...state.selections,\n };\n newSelections[selection.key] = selection.value;\n commit('SET_SELECTIONS', newSelections);\n },\n\n setWizardLocations({ dispatch }, { value }) {\n dispatch('setSelection', {\n key: 'locations',\n value: value,\n });\n },\n\n },\n\n};\n","import { GeoJSON } from 'leaflet';\nimport { pointInLayer } from '@mapbox/leaflet-pip';\nimport orderBy from 'lodash/orderBy';\n\nexport default {\n\n state: {\n results: null,\n },\n\n mutations: {\n\n CLEAR_IDENTIFY_RESULTS(state) {\n state.results = null;\n },\n\n SET_IDENTIFY_RESULTS(state, payload) {\n state.results = payload;\n },\n\n },\n\n actions: {\n\n identifyLatLngInServiceAreas({ getters, commit }, latlng) {\n if (!latlng) {\n throw(new Error({ msg: 'No latlng provided for \\'identifyLatLngInServiceAreas\\' action.' }));\n }\n\n commit('CLEAR_IDENTIFY_RESULTS');\n\n const layer = new GeoJSON(getters.serviceAreas, {\n // options\n pointToLayer(geoJsonPoint, latlng) {\n },\n style(geoJsonFeature) {\n },\n onEachFeature(feature, layer) {\n },\n filter(geoJsonFeature) {\n return true;\n },\n });\n\n const results = pointInLayer(latlng, layer).map(item => item.feature);\n const ordered = orderBy(results, ['properties.Speeds_mbps', 'properties.Location'], ['desc', 'asc']);\n\n commit('SET_IDENTIFY_RESULTS', ordered);\n\n console.log(`Identify in service areas layer found ${ordered.length} results`);\n\n return ordered;\n }\n\n },\n\n};\n","export default {\n\n state: {\n speedLow: null,\n speedHigh: null,\n county: null,\n locations: [],\n },\n\n mutations: {\n\n SET_SPEED_LOW(state, payload) {\n state.speedLow = payload;\n },\n\n SET_SPEED_HIGH(state, payload) {\n state.speedHigh = payload;\n },\n\n SET_COUNTY(state, payload) {\n state.county = payload;\n },\n\n SET_LOCATIONS(state, payload) {\n state.locations = payload;\n },\n\n },\n\n actions: {\n\n // setSelection({ commit, state }, selection) {\n // const newSelections = {\n // ...state.selections,\n // };\n // newSelections[selection.key] = selection.value;\n // commit('SET_SELECTIONS', newSelections);\n // },\n\n },\n\n};\n","import models from '../helpers/data-models';\n\nexport default {\n\n state: {},\n\n getters: {\n\n models() {\n return models;\n },\n\n locations(state, getters, rootState) {\n const blacklist = [\n 'Along Digital 395 Route',\n 'Regional Service',\n ];\n\n const locations = rootState.data.serviceAreas\n .map(item => item.properties.Loation)\n .filter(item => !blacklist.includes(item));\n\n return locations;\n }\n\n },\n\n mutations: {},\n\n actions: {},\n\n};\n","export default {\n\n state: {\n center: null,\n zoom: null,\n clickedPoint: null,\n identifyPoint: null,\n // selectedService: null,\n },\n\n getters: {\n\n selectedService(state, getters, rootState, rootGetters) {\n if (rootGetters.serviceAreas.length && rootState.route.query.service && !isNaN(rootState.route.query.service)) {\n return rootGetters.serviceAreas.find(item => item.id === Number(rootState.route.query.service));\n }\n return null;\n },\n\n },\n\n mutations: {\n\n SET_MAP_CENTER(state, payload) {\n state.center = payload;\n },\n\n SET_MAP_ZOOM(state, payload) {\n state.zoom = payload;\n },\n\n SET_IDENTIFY_POINT(state, payload) {\n state.identifyPoint = payload;\n },\n\n SET_SELECTED_SERVICE(state, payload) {\n state.selectedService = payload;\n },\n\n },\n\n actions: {\n\n selectServiceById({ commit, rootState }, id) {\n if (id) {\n const service = rootState.data.serviceAreas.find(item => item.id === Number(id));\n commit('SET_SELECTED_SERVICE', service);\n }\n },\n\n // selectService({ commit }, feature) {\n // commit('SET_SELECTED_SERVICE', feature);\n // },\n\n identifyPoint({ commit }, { latlng = null }) {\n commit('SET_IDENTIFY_POINT', latlng);\n },\n\n setMapExtent({ commit }, { center, zoom }) {\n commit('SET_MAP_CENTER', center);\n commit('SET_MAP_ZOOM', zoom);\n },\n\n },\n\n};\n","import Vue from 'vue';\nimport Vuex from 'vuex';\nimport createPersistedState from 'vuex-persistedstate';\n\nimport ui from './module.ui';\nimport data from './module.data';\nimport wizard from './module.wizard';\nimport identify from './module.identify';\nimport filters from './module.filters';\nimport models from './module.models';\nimport mapping from './module.mapping';\n\nVue.use(Vuex);\n\nconst defaultState = {};\n\nconst store = new Vuex.Store({\n // strict: process.env.NODE_ENV === 'development',\n strict: true,\n modules: {\n ui,\n data,\n wizard,\n identify,\n filters,\n models,\n mapping,\n },\n plugins: [createPersistedState({\n key: 'cesBroadbandApp',\n // storage: window.localStorage,\n paths: [\n 'data',\n 'wizard.preferences',\n ],\n })],\n state: defaultState,\n});\n\n// store.subscribe((mutation, state) => {\n// if (mutation.type === 'SET_PREFERENCES') {\n// console.log(mutation.type);\n// console.log(JSON.stringify(mutation.payload, null, ' '));\n// console.log(state.wizard.preferences.scale.value);\n// console.log(state);\n// }\n// });\n\n// store.subscribeAction((action) => {\n// console.warn(`VUEX ACTION: ${action.type}`);\n// console.info(action.payload);\n// });\n\nexport default store;\n","import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader\nimport Vue from 'vue';\nimport Vuetify from 'vuetify/lib';\nimport { Resize } from 'vuetify/lib/directives';\n\nconst brandBlue = '#005695';\nconst brandYellow = '#fbb033';\nconst darkBlue = '#1a3966';\nconst lightBlue = '#0096d6';\n\nconst lightTheme = {\n primary: brandBlue,\n secondary: darkBlue,\n accent: brandYellow,\n error: '#FF5252',\n info: lightBlue,\n success: '#4CAF50',\n warning: '#ff7912'\n};\n\nconst options = {\n // iconfont: 'md',\n theme: {\n themes: {\n light: lightTheme,\n },\n ripple: false,\n },\n directives: {\n Resize,\n },\n icons: {\n iconfont: 'mdi',\n },\n};\n\nVue.use(Vuetify, options);\n\nexport default new Vuetify(options);\n","import Vue from 'vue';\n\nimport {\n LMap,\n LTileLayer,\n LFeatureGroup,\n LLayerGroup,\n LGeoJson,\n LPolygon,\n LPopup,\n LTooltip,\n LControl,\n LMarker,\n LIcon,\n LCircleMarker,\n LControlZoom,\n LControlScale,\n} from 'vue2-leaflet';\n\nimport { Icon } from 'leaflet';\n\nimport '@ansur/leaflet-pulse-icon';\nimport '@ansur/leaflet-pulse-icon/src/L.Icon.Pulse.css';\n\nVue.component('l-map', LMap);\nVue.component('l-feature-group', LFeatureGroup);\nVue.component('l-layer-group', LLayerGroup);\nVue.component('l-geo-json', LGeoJson);\nVue.component('l-polygon', LPolygon);\nVue.component('l-tile-layer', LTileLayer);\nVue.component('l-popup', LPopup);\nVue.component('l-tooltip', LTooltip);\nVue.component('l-control', LControl);\nVue.component('l-marker', LMarker);\nVue.component('l-icon', LIcon);\nVue.component('l-circle-marker', LCircleMarker);\nVue.component('l-control-zoom', LControlZoom);\nVue.component('l-control-scale', LControlScale);\n\ndelete Icon.Default.prototype._getIconUrl;\n\nIcon.Default.mergeOptions({\n iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),\n iconUrl: require('leaflet/dist/images/marker-icon.png'),\n shadowUrl: require('leaflet/dist/images/marker-shadow.png')\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-app',[_c('AppDrawer'),_c('Toolbar'),_c('v-content',[_c('transition',{attrs:{\"name\":\"slide-x\"}},[_c('router-view')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.preferencesDrawerVisible)?_c('WizardPreferences'):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-navigation-drawer',{attrs:{\"app\":\"\",\"mini-variant\":_vm.isMiniVariant,\"width\":385,\"absolute\":false,\"permanent\":false,\"clipped\":true,\"dark\":true,\"color\":\"primary\"},on:{\"update:miniVariant\":function($event){_vm.isMiniVariant=$event},\"update:mini-variant\":function($event){_vm.isMiniVariant=$event}},scopedSlots:_vm._u([{key:\"prepend\",fn:function(){return [_c('v-list',{attrs:{\"color\":\"secondary\"}},[_c('v-list-item',{attrs:{\"color\":\"primary\",\"link\":\"\"}},[_c('v-list-item-avatar',[_c('v-btn',{attrs:{\"icon\":\"\",\"title\":\"Open Wizard Preferences\"}},[_c('v-icon',{staticClass:\"white--text\"},[_vm._v(\"mdi-image-filter-none\")])],1)],1),_c('v-list-item-title',{staticClass:\"accent--text text-center mt-2\"},[_vm._v(\"\\n Wizard Preferences\\n\\n \"),_c('div',{staticClass:\"text-center my-2\"},[_c('v-btn-toggle',{attrs:{\"active-class\":\"primary accent--text\",\"color\":\"red lighten-2\"},model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},[_c('v-btn',{attrs:{\"small\":\"\",\"color\":\"secondary\"}},[_vm._v(\"\\n Residential\\n \")]),_c('v-btn',{attrs:{\"small\":\"\",\"color\":\"secondary\"}},[_vm._v(\"\\n Business\\n \")])],1)],1)]),_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.isMiniVariant = !_vm.isMiniVariant}}},[_c('v-icon',[_vm._v(\"mdi-chevron-left\")])],1)],1)],1)]},proxy:true},{key:\"append\",fn:function(){return [_c('v-list',{attrs:{\"color\":\"secondary\"}},[_c('v-list-item',[_c('v-list-item-avatar',[_c('v-icon',[_vm._v(\"mdi-restart\")])],1),_c('v-list-item-title',{staticClass:\"white--text\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"height\":\"50\",\"block\":\"\"},on:{\"click\":_vm.clear}},[_vm._v(\"\\n Reset Preferences\\n \")])],1)],1)],1)]},proxy:true}]),model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[(_vm.tab === 0)?_c('div',[_c('v-list',{staticClass:\"preference-list\",attrs:{\"nav\":\"\",\"dense\":\"\",\"dark\":\"\",\"tile\":\"\",\"color\":\"primary\"}},[_c('v-list-item',{attrs:{\"color\":\"transparent\"}},[_c('v-list-item-icon',{staticClass:\"text-center\"},[(_vm.preferences.scale.value)?_c('v-icon',[_vm._v(\"mdi-checkbox-marked-outline\")]):_c('v-icon',[_vm._v(\"mdi-checkbox-blank-outline\")])],1),_c('v-list-item-content',{staticClass:\"py-0 transparent\"},[_c('v-select',{attrs:{\"label\":\"Scale\",\"items\":_vm.models.scale,\"return-object\":\"\",\"shaped\":\"\",\"filled\":\"\",\"persistent-hint\":\"\",\"hint\":_vm.preferences.scale.description},on:{\"change\":_vm.updatePreferences},model:{value:(_vm.preferences.scale),callback:function ($$v) {_vm.$set(_vm.preferences, \"scale\", $$v)},expression:\"preferences.scale\"}}),_c('v-divider',{staticClass:\"my-2\"})],1)],1),_c('v-list-item',[_c('v-list-item-icon',{staticClass:\"text-center\"},[(_vm.preferences.usePattern.value)?_c('v-icon',[_vm._v(\"mdi-checkbox-marked-outline\")]):_c('v-icon',[_vm._v(\"mdi-checkbox-blank-outline\")])],1),_c('v-list-item-content',{staticClass:\"py-0\"},[_c('v-select',{attrs:{\"label\":\"Use Pattern\",\"items\":_vm.models.usePattern,\"return-object\":\"\",\"shaped\":\"\",\"filled\":\"\",\"persistent-hint\":\"\",\"hint\":_vm.preferences.usePattern.description},on:{\"change\":_vm.updatePreferences},model:{value:(_vm.preferences.usePattern),callback:function ($$v) {_vm.$set(_vm.preferences, \"usePattern\", $$v)},expression:\"preferences.usePattern\"}}),_c('v-divider',{staticClass:\"my-2\"})],1)],1)],1)],1):_vm._e(),(_vm.tab === 1)?_c('div',[_c('v-list',{staticClass:\"preference-list\",attrs:{\"nav\":\"\",\"dense\":\"\",\"dark\":\"\",\"tile\":\"\",\"color\":\"primary\"}},[_c('v-list-item',[_c('v-list-item-icon',{staticClass:\"text-center\"},[(_vm.preferences.businessType.value)?_c('v-icon',[_vm._v(\"mdi-checkbox-marked-outline\")]):_c('v-icon',[_vm._v(\"mdi-checkbox-blank-outline\")])],1),_c('v-list-item-content',{staticClass:\"py-0\"},[_c('v-select',{attrs:{\"label\":\"Use Pattern\",\"items\":_vm.models.businessType,\"return-object\":\"\",\"shaped\":\"\",\"filled\":\"\",\"persistent-hint\":\"\",\"hint\":_vm.preferences.businessType.description},on:{\"change\":_vm.updatePreferences},model:{value:(_vm.preferences.businessType),callback:function ($$v) {_vm.$set(_vm.preferences, \"businessType\", $$v)},expression:\"preferences.businessType\"}}),_c('v-divider',{staticClass:\"my-2\"})],1)],1),_c('v-list-item',[_c('v-list-item-icon',{staticClass:\"text-center\"},[(_vm.preferences.businessSpeed.value)?_c('v-icon',[_vm._v(\"mdi-checkbox-marked-outline\")]):_c('v-icon',[_vm._v(\"mdi-checkbox-blank-outline\")])],1),_c('v-list-item-content',{staticClass:\"py-0\"},[_c('v-select',{attrs:{\"label\":\"Use Pattern\",\"items\":_vm.models.businessSpeed,\"return-object\":\"\",\"shaped\":\"\",\"filled\":\"\",\"persistent-hint\":\"\",\"hint\":_vm.getBusinessSpeedSelectText(_vm.preferences.businessSpeed)},on:{\"change\":_vm.updatePreferences},model:{value:(_vm.preferences.businessSpeed),callback:function ($$v) {_vm.$set(_vm.preferences, \"businessSpeed\", $$v)},expression:\"preferences.businessSpeed\"}}),_c('v-divider',{staticClass:\"my-2\"})],1)],1),_c('v-list-item',[_c('v-list-item-icon',{staticClass:\"text-center\"},[(_vm.preferences.capacity.value)?_c('v-icon',[_vm._v(\"mdi-checkbox-marked-outline\")]):_c('v-icon',[_vm._v(\"mdi-checkbox-blank-outline\")])],1),_c('v-list-item-content',{staticClass:\"py-0\"},[_c('v-text-field',{attrs:{\"label\":\"Capacity\",\"type\":\"number\",\"step\":\"5\",\"shaped\":\"\",\"filled\":\"\",\"persistent-hint\":\"\",\"hint\":\"How many users you serve.\"},on:{\"input\":_vm.updatePreferences},model:{value:(_vm.preferences.capacity.number),callback:function ($$v) {_vm.$set(_vm.preferences.capacity, \"number\", $$v)},expression:\"preferences.capacity.number\"}}),_c('v-divider',{staticClass:\"my-2\"})],1)],1)],1)],1):_vm._e(),_c('v-list-item',[_c('v-list-item-icon',{staticClass:\"text-center\"},[(_vm.preferences.county.value)?_c('v-icon',[_vm._v(\"mdi-checkbox-marked-outline\")]):_c('v-icon',[_vm._v(\"mdi-checkbox-blank-outline\")])],1),_c('v-list-item-content',{staticClass:\"py-0\"},[_c('v-select',{attrs:{\"items\":_vm.models.county,\"label\":\"County\",\"multiple\":false,\"hint\":\"Select County To Narrow Results\",\"persistent-hint\":\"\",\"return-object\":\"\",\"shaped\":\"\",\"filled\":\"\"},on:{\"change\":_vm.updatePreferences},model:{value:(_vm.preferences.county),callback:function ($$v) {_vm.$set(_vm.preferences, \"county\", $$v)},expression:\"preferences.county\"}}),_c('v-divider',{staticClass:\"my-2\"})],1)],1),_c('v-list-item',[_c('v-list-item-icon',{staticClass:\"text-center\"},[(_vm.preferences.locations.length)?_c('v-icon',[_vm._v(\"mdi-checkbox-marked-outline\")]):_c('v-icon',[_vm._v(\"mdi-checkbox-blank-outline\")])],1),_c('v-list-item-content',{staticClass:\"py-0\"},[_c('v-select',{attrs:{\"items\":_vm.allLocations,\"label\":\"Community\",\"multiple\":true,\"hint\":\"Select one or more locations\",\"persistent-hint\":\"\",\"return-object\":\"\",\"shaped\":\"\",\"filled\":\"\",\"chips\":true,\"deletable-chips\":true},on:{\"change\":_vm.updatePreferences},model:{value:(_vm.preferences.locations),callback:function ($$v) {_vm.$set(_vm.preferences, \"locations\", $$v)},expression:\"preferences.locations\"}})],1)],1),_c('v-list-item',[_c('v-list-item-icon',{staticClass:\"text-center\"},[(_vm.preferences.coordinates)?_c('v-icon',[_vm._v(\"mdi-checkbox-marked-outline\")]):_c('v-icon',[_vm._v(\"mdi-checkbox-blank-outline\")])],1),_c('v-list-item-content',{staticClass:\"py-0\"},[(!_vm.preferences.coordinates)?_c('v-btn',{attrs:{\"outlined\":\"\",\"small\":\"\",\"to\":(\"/wizard/\" + (_vm.preferences.useCategory.value) + \"?step=4\")}},[_vm._v(\"\\n Set Coordinates\\n \")]):_c('v-text-field',{attrs:{\"label\":\"Coordinates\",\"type\":\"text\",\"value\":_vm.$store.getters.coordinatesFormatted,\"shaped\":\"\",\"filled\":\"\",\"clearable\":\"\",\"persistent-hint\":\"\",\"hint\":\"This can only be set by clicking on the map in the Wizard.\"},on:{\"click:clear\":_vm.clearCoordinates}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n Approximate size of your household:
\nEstimate your use pattern:
\nChoose County:
\nSpecify a location:
\n\n \n \n Residential\n \n \n Business\n \n \n
\n\n\n \n \n \n \n \n \n \n \n \n\n \n \n\n \n\n \n \n mdi-checkbox-marked-outline \n mdi-checkbox-blank-outline \n \n \n \n \n \n\n \n \n mdi-checkbox-marked-outline \n mdi-checkbox-blank-outline \n \n \n \n \n \n\n \n\n \n
\n\n \n \n\n \n\n \n \n mdi-checkbox-marked-outline \n mdi-checkbox-blank-outline \n \n \n \n \n \n\n\n \n \n mdi-checkbox-marked-outline \n mdi-checkbox-blank-outline \n \n \n \n \n \n\n\n \n \n mdi-checkbox-marked-outline \n mdi-checkbox-blank-outline \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 Selected Locations\n\n \n \n \n \n {{loc.text}}\n \n \n \n \n\n \n\n
\n\n\n\n\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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Locations.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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Locations.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Locations.vue?vue&type=template&id=6f23cd36&\"\nimport script from \"./Locations.vue?vue&type=script&lang=js&\"\nexport * from \"./Locations.vue?vue&type=script&lang=js&\"\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 null,\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\ninstallComponents(component, {VCard,VCardTitle,VCheckbox,VDivider,VList,VListItem,VListItemContent,VListItemTitle})\n","\n\n \n\n
\n\n \n
\n\n Filter By Location
\n\n
\n\n Filter By Speed (Mbps)
\n\n\n \n\n
\n\n\n\n\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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDrawer.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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDrawer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppDrawer.vue?vue&type=template&id=e4bad2dc&\"\nimport script from \"./AppDrawer.vue?vue&type=script&lang=js&\"\nexport * from \"./AppDrawer.vue?vue&type=script&lang=js&\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-app-bar',{staticClass:\"elevation-2\",attrs:{\"app\":\"\",\"flat\":\"\",\"clipped-left\":\"\",\"clipped-right\":\"\",\"fixed\":\"\",\"color\":\"white\",\"height\":\"48\"},scopedSlots:_vm._u([(_vm.$vuetify.breakpoint.smAndDown)?{key:\"extension\",fn:function(){return [_c('NavBar')]},proxy:true}:null],null,true)},[_c('v-toolbar-title',[_c('a',{attrs:{\"href\":\"https://www.connectedeasternsierra.net\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"https://connectedeasternsierra.net/wp-content/uploads/2019/06/CESierra-Logo-1.jpg\",\"alt\":\"Connected Eastern Sierra\",\"height\":\"40\"}})])]),_c('v-toolbar-title',{staticClass:\"ml-4 title secondary--text\"},[_c('v-btn',{attrs:{\"href\":\"/\",\"text\":\"\"}},[_c('div',{staticClass:\"title\"},[_c('span',{staticClass:\"primary--text\"},[_vm._v(\"Broadband\")]),_vm._v(\" Access Tool\\n \")])])],1),_c('v-spacer'),(_vm.$vuetify.breakpoint.mdAndUp)?_c('NavBar'):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-toolbar-items',[_c('v-btn',{attrs:{\"color\":\"secondary\",\"active-class\":\"accent--text\",\"x-small\":\"\",\"text\":\"\",\"ripple\":false,\"to\":{ path: '/wizard' }}},[_vm._v(\"\\n Service Wizard\\n \")]),_c('v-btn',{attrs:{\"color\":\"secondary\",\"active-class\":\"accent--text\",\"x-small\":\"\",\"text\":\"\",\"ripple\":false,\"to\":{ name: 'provider-detail' }}},[_vm._v(\"\\n Providers\\n \")]),_c('v-btn',{attrs:{\"color\":\"secondary\",\"active-class\":\"accent--text\",\"x-small\":\"\",\"text\":\"\",\"ripple\":false,\"to\":{ name: 'service-areas' }}},[_vm._v(\"\\n Service Areas\\n \")]),_c('v-btn',{attrs:{\"color\":\"secondary\",\"active-class\":\"accent--text\",\"x-small\":\"\",\"text\":\"\",\"ripple\":false,\"to\":{ name: 'search-for-service' }}},[_vm._v(\"\\n Find Service\\n \")]),_c('v-btn',{attrs:{\"color\":\"secondary\",\"active-class\":\"accent--text\",\"x-small\":\"\",\"text\":\"\",\"ripple\":false,\"to\":{ name: 'partners' }}},[_vm._v(\"\\n Partners\\n \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n ![\"Connected](\"https://connectedeasternsierra.net/wp-content/uploads/2019/06/CESierra-Logo-1.jpg\"\n){kind=logo}
\n \n \n \n \n \n \n \n \n \n Broadband Access Tool\n
\n \n \n\n \n \n \n \n\n \n\n
\n\n\n\n\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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Wizard.Card.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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Wizard.Card.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Wizard.Card.vue?vue&type=template&id=2c995c1f&\"\nimport script from \"./Wizard.Card.vue?vue&type=script&lang=js&\"\nexport * from \"./Wizard.Card.vue?vue&type=script&lang=js&\"\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 null,\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VChip,VSheet,VTooltip})\n","\n\n \n
\n\n \n
\n \n {{createSpeedDescription(item)}}\n
\n \n {{item.description}}\n
\n \n \n {{speedString}}\n \n
\n \n
\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n
\n\n\n\n\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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Wizard.Step.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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Wizard.Step.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Wizard.Step.vue?vue&type=template&id=0c01cc6c&\"\nimport script from \"./Wizard.Step.vue?vue&type=script&lang=js&\"\nexport * from \"./Wizard.Step.vue?vue&type=script&lang=js&\"\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 null,\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 { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VFlex,VIcon,VLayout})\n","import WizardStep from '../components/wizard/Wizard.Step';\n\nexport default {\n\n components: {\n WizardStep,\n },\n\n data() {\n return {\n curStep: 1,\n };\n },\n\n mounted() {\n const step = Number(this.$route.query.step);\n if (step && !Number.isNaN(step)) {\n this.curStep = Number(this.$route.query.step);\n } else {\n this.curStep = 1;\n }\n },\n\n computed: {\n\n step() {\n return Number(this.$route.query.step);\n },\n\n },\n\n methods: {\n\n decrementStep() {\n console.log('decrementStep');\n this.curStep = this.step - 1;\n },\n\n incrementStep() {\n console.log('----------');\n console.log('incrementStep');\n console.log(`this.totalSteps: ${this.totalSteps}`);\n console.log(`this.step: ${this.step}`);\n console.log(`this.curStep: ${this.curStep}`);\n if (this.step < this.totalSteps) {\n this.curStep = this.step + 1;\n } else {\n this.$router.push({\n name: 'wizard-offerings',\n hash: '#offerings',\n query: {\n category: this.$route.meta.category,\n }\n });\n }\n },\n\n setStepQueryParam(step) {\n const query = { ...this.$route.query, step, };\n this.$router.push({ query, });\n },\n\n },\n\n watch: {\n\n curStep(step) {\n this.setStepQueryParam(step);\n },\n\n $route($route) {\n if ($route.query.step) {\n this.curStep = Number($route.query.step);\n }\n },\n\n },\n\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-data-table',{attrs:{\"id\":\"serviceAreaTable\",\"headers\":_vm.headers,\"items\":_vm.items,\"sort-by\":_vm.sortBy,\"sort-desc\":_vm.sortDesc,\"must-sort\":\"\",\"hide-default-footer\":_vm.hideDefaultFooter,\"dense\":_vm.dense,\"search\":_vm.search,\"fixed-header\":true,\"disable-pagination\":_vm.disablePagination,\"loading\":_vm.loadingServiceAreas},on:{\"update:sort-by\":_vm.handleSort,\"update:sort-desc\":_vm.handleSortDesc},scopedSlots:_vm._u([(_vm.showFilters)?{key:\"top\",fn:function(ref){\nvar items = ref.items;\nvar pagination = ref.pagination;\nvar options = ref.options;\nreturn [_c('v-layout',{staticClass:\"ma-2\"},[_c('v-flex',{attrs:{\"xs3\":\"\"}},[_c('v-menu',{attrs:{\"close-on-content-click\":false,\"nudge-width\":200,\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({attrs:{\"color\":\"grey lighten-3\",\"ripple\":false,\"depressed\":\"\"}},on),[_vm._v(\"\\n Filter by Speed\\n \")])]}}],null,true)},[_c('Speed',{attrs:{\"table-name\":\"serviceAreas\",\"field-name\":\"Speeds_mbps\"}})],1)],1),_c('v-spacer'),_c('v-flex',{attrs:{\"xs5\":\"\"}},[_c('v-text-field',{attrs:{\"prepend-inner-icon\":\"mdi-magnify\",\"label\":\"Enter phrase for basic search\",\"hide-details\":\"\",\"clearable\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1)]}}:null,{key:\"item\",fn:function(ref){\nvar item = ref.item;\nvar select = ref.select;\nvar isSelected = ref.isSelected;\nvar expand = ref.expand;\nvar isExpanded = ref.isExpanded;\nvar headers = ref.headers;\nreturn [_c('tr',{class:_vm.isHighlighted(item, headers) ? 'blue lighten-5' : '',on:{\"click\":function($event){return _vm.handleRowClick(item)}}},[(headers.some(function (i) { return i.value === 'isRecommended'; }))?_c('td',{staticClass:\"text-center\"},[(item.properties.Speeds_mbps >= _vm.speedPreference)?_c('v-icon',{staticClass:\"text-center\",attrs:{\"color\":\"info\"}},[_vm._v(\"\\n mdi-star-circle\\n \")]):_vm._e()],1):_vm._e(),(headers.some(function (i) { return i.value === 'isSelected'; }))?_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"text-center\"},[(_vm.feature && _vm.feature.id === item.id)?_c('v-icon',{attrs:{\"color\":\"blue\"}},[_vm._v(\"\\n mdi-checkbox-marked-circle-outline\\n \")]):_vm._e()],1)]):_vm._e(),_vm._l((headers),function(header,key){return [(header.value.includes('properties') && header.value !== 'properties.Speeds_mbps')?_c('td',{key:key,class:['properties.Type'].includes(header.value) ? 'text-center' : ''},[_vm._v(\"\\n \"+_vm._s(item.properties[header.value.split('.')[1]])+\"\\n \")]):_vm._e(),(header.value === 'properties.Speeds_mbps')?_c('td',{key:key,staticClass:\"text-center\"},[_c('SpeedTableCell',{attrs:{\"value\":item.properties.Speeds_mbps}})],1):_vm._e()]})],2)]}}],null,true),model:{value:(_vm.localSelected),callback:function ($$v) {_vm.localSelected=$$v},expression:\"localSelected\"}},[_vm._t(\"default\")],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n \n \n {{item.mdIcon}}\n \n
\n\n {{item.text}}
\n\n\n\n \n\n \n\n \n\n \n \n \n Filter by Speed\n \n \n\n \n\n \n\n \n \n\n \n\n \n\n \n\n \n\n i.value === 'isRecommended')\" class=\"text-center\">\n = speedPreference\" color=\"info\"\n class=\"text-center\">\n mdi-star-circle\n \n \n\n i.value === 'isSelected')\" class=\"text-center\">\n \n\n \n \n {{item.properties[header.value.split('.')[1]]}}\n \n \n \n \n\n \n\n \n\n \n\n
\n\n\n\n\n\n\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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceAreasTable.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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceAreasTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceAreasTable.vue?vue&type=template&id=15ccd1c6&\"\nimport script from \"./ServiceAreasTable.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceAreasTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceAreasTable.vue?vue&type=style&index=0&lang=scss&\"\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 null,\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 { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VDataTable,VFlex,VIcon,VLayout,VMenu,VSpacer,VTextField})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-layout',[_c('v-flex',{staticClass:\"mr-2\",attrs:{\"xs6\":\"\"}},[_c('v-card',{attrs:{\"outlined\":\"\"}},[_c('v-tabs',{model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},[_c('v-tab',[_vm._v(\"Select Communities\")]),_c('v-tab',[_vm._v(\"Service By Address\")])],1),_c('v-card-text',[_c('v-tabs-items',{model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},[_c('v-tab-item',[_c('v-autocomplete',{directives:[{name:\"ripple\",rawName:\"v-ripple\",value:(false),expression:\"false\"}],staticStyle:{\"z-index\":\"9900 !important\"},attrs:{\"label\":\"Selected locations\",\"items\":_vm.locationsFiltered,\"return-object\":\"\",\"single-line\":\"\",\"multiple\":\"\",\"autofocus\":\"\",\"clearable\":\"\",\"dense\":\"\",\"ripple\":false,\"menu-props\":{ripple: false,},\"small-chips\":\"\",\"deletable-chips\":\"\",\"hint\":\"Select one or more locations\",\"persistent-hint\":\"\"},model:{value:(_vm.locationsSelected),callback:function ($$v) {_vm.locationsSelected=$$v},expression:\"locationsSelected\"}})],1),_c('v-tab-item',[_c('AddressSearch',{attrs:{\"is-flat\":\"\"},on:{\"address-selected\":_vm.handleAddressSelected}})],1)],1),(_vm.$store.getters.coordinatesFormatted)?_c('v-alert',{staticClass:\"mt-3 text-justify\",attrs:{\"type\":\"success\",\"border\":\"top\"}},[_c('p',[_vm._v(\"\\n In addition to any communities selected, the point on the map will also be used to\\n ensure we includes service(s) at that exact point.\\n \")]),_c('v-sheet',{attrs:{\"label\":\"\",\"color\":\"grey lighten-3 black--text pa-1\",\"close\":\"\"},on:{\"click:close\":_vm.clearCoordinates}},[_vm._v(\"\\n Coordinates:\\n (\"+_vm._s(_vm.$store.getters.coordinatesFormatted)+\")\\n \")])],1):_c('div',{staticClass:\"mt-5 primary--text\"},[_c('v-icon',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"mdi-clipboard-alert-outline\")]),_vm._v(\"\\n Click on the map to add service results based on geographic coordinates.\\n \")],1)],1)],1)],1),_c('v-flex',{staticClass:\"red\",attrs:{\"xs6\":\"\"}},[_c('StandardMap',{ref:\"mapComponent\",attrs:{\"id\":\"wizard-location-standard-map\",\"min-height\":480,\"loading\":_vm.loading,\"disable-basemap-stack\":true,\"show-identify-card\":false,\"use-identify\":false,\"include-service-areas-layer\":false},on:{\"map-ready\":_vm.handleMapLoad,\"locationfound\":_vm.handleLocationFound,\"identify-results\":_vm.handleIdentifyResults}},[_c('l-tile-layer',{attrs:{\"url\":\"http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}\"}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n \n \n \n mdi-checkbox-marked-circle-outline\n \n \n \n \n
\n \n In addition to any communities selected, the point on the map will also be used to\n ensure we includes service(s) at that exact point.\n
\n\n\n mdi-clipboard-alert-outline \n Click on the map to add service results based on geographic coordinates.\n
\n\n \n\n \n \n\n
\n\n\n\n\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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceAreasLayer.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/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceAreasLayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceAreasLayer.vue?vue&type=template&id=42c1bd7c&\"\nimport script from \"./ServiceAreasLayer.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceAreasLayer.vue?vue&type=script&lang=js&\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"max-width\":\"560px\",\"min-width\":\"400px\"}},[_c('v-toolbar',{staticClass:\"pa-2 position-relative\",staticStyle:{\"z-index\":\"8001 !important\"},attrs:{\"floating\":\"\",\"flat\":_vm.isFlat,\"width\":\"100%\"}},[_c('v-menu',{attrs:{\"offset-y\":\"\",\"nudge-bottom\":70,\"nudge-left\":24,\"full-width\":\"\",\"nudge-width\":\"48\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-text-field',_vm._g({attrs:{\"placeholder\":\"Address Search\",\"prepend-icon\":\"mdi-magnify\",\"autofocus\":\"\",\"clearable\":\"\",\"loader-height\":4,\"persistent-hint\":\"\",\"hint\":\"Enter an address to find service(s)\",\"loading\":_vm.searching},on:{\"input\":_vm.addressQuery},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}},on))]}}]),model:{value:(_vm.candidatesMenuOpen),callback:function ($$v) {_vm.candidatesMenuOpen=$$v},expression:\"candidatesMenuOpen\"}},[(_vm.items.length)?_c('v-list',{staticClass:\"overflow-y-auto\",staticStyle:{\"max-height\":\"400px\"},attrs:{\"dense\":\"\"}},[_c('v-subheader',[_vm._v(\"Address Search Candidates\")]),_vm._l((_vm.items),function(item,index){return [_c('v-list-item',{key:index,on:{\"click\":function($event){return _vm.selectItem(item)}}},[_c('v-list-item-content',[_c('v-list-item-title',[_c('v-layout',{attrs:{\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xs2\":\"\"}},[_c('v-chip',{staticClass:\"d-block text-center\",attrs:{\"label\":\"\",\"color\":_vm.getScoreColor(item.score)}},[_vm._v(_vm._s(Math.round(item.score))+\"\\n \")])],1),_c('v-flex',{staticClass:\"text-truncate\",attrs:{\"xs9\":\"\",\"offset-1\":\"\"}},[_vm._v(_vm._s(item.address))])],1)],1)],1)],1),_c('v-divider',{directives:[{name:\"show\",rawName:\"v-show\",value:(index !== _vm.items.length - 1),expression:\"index !== items.length - 1\"}],key:(\"divider-\" + index)})]})],2):_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 Address Search Candidates \n \n \n \n \n \n \n {{Math.round(item.score)}}\n \n \n {{item.address}} \n \n \n \n \n \n \n\n \n\n
\n\n\n\n\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/vuetify-loader/lib/loader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddressSearch.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/vuetify-loader/lib/loader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddressSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddressSearch.vue?vue&type=template&id=4f0b3972&\"\nimport script from \"./AddressSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./AddressSearch.vue?vue&type=script&lang=js&\"\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 null,\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSubheader } from 'vuetify/lib/components/VSubheader';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VChip,VDivider,VFlex,VLayout,VList,VListItem,VListItemContent,VListItemTitle,VMenu,VSubheader,VTextField,VToolbar})\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceAreasTable.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/vuetify-loader/lib/loader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceAreasTable.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}