{"version":3,"file":"js/Home.21ae89bf.js","mappings":"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","sources":["webpack://catering-order-web/./src/components/common/ArrowSvg.vue","webpack://catering-order-web/src/components/common/ArrowSvg.vue","webpack://catering-order-web/./src/components/common/ArrowSvg.vue?3c51","webpack://catering-order-web/./src/components/common/ArrowSvg.vue?c79f","webpack://catering-order-web/./src/components/home/Home.vue","webpack://catering-order-web/./src/components/home/BuildYourOwn.vue","webpack://catering-order-web/src/components/home/BuildYourOwn.vue","webpack://catering-order-web/./src/components/home/BuildYourOwn.vue?a40f","webpack://catering-order-web/./src/components/home/BuildYourOwn.vue?ceb9","webpack://catering-order-web/./src/components/home/BurritosByTheBox.vue","webpack://catering-order-web/src/components/home/BurritosByTheBox.vue","webpack://catering-order-web/./src/components/home/BurritosByTheBox.vue?8dc9","webpack://catering-order-web/./src/components/home/BurritosByTheBox.vue?996a","webpack://catering-order-web/./src/components/home/ChipsDips.vue","webpack://catering-order-web/src/components/home/ChipsDips.vue","webpack://catering-order-web/./src/components/home/ChipsDips.vue?6234","webpack://catering-order-web/./src/components/home/ChipsDips.vue?4646","webpack://catering-order-web/./src/components/home/PopularBuilds.vue","webpack://catering-order-web/src/components/home/PopularBuilds.vue","webpack://catering-order-web/./src/components/home/PopularBuilds.vue?d70b","webpack://catering-order-web/./src/components/home/PopularBuilds.vue?438b","webpack://catering-order-web/./src/components/home/ContentHero.vue","webpack://catering-order-web/src/components/home/ContentHero.vue","webpack://catering-order-web/./src/components/home/ContentHero.vue?bb24","webpack://catering-order-web/./src/components/home/ContentHero.vue?8a35","webpack://catering-order-web/./src/components/home/ZipCodeSearch.vue","webpack://catering-order-web/src/components/home/ZipCodeSearch.vue","webpack://catering-order-web/./src/components/home/ZipCodeSearch.vue?9fab","webpack://catering-order-web/./src/components/home/ZipCodeSearch.vue?0950","webpack://catering-order-web/src/components/home/Home.vue","webpack://catering-order-web/./src/components/home/Home.vue?4f6a","webpack://catering-order-web/./src/components/home/Home.vue?8185"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('svg',{staticClass:\"arrow\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"13\",\"height\":\"12\",\"viewBox\":\"0 0 13 12\"},on:{\"click\":_vm.svgClick}},[_c('g',{attrs:{\"fill\":\"none\",\"fill-rule\":\"evenodd\",\"stroke\":\"#8B7868\",\"stroke-linecap\":\"round\"}},[_c('path',{attrs:{\"d\":\"M1.058 5.806h10.934M7.2 11.068l4.793-5.261L7.168.576\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"13\"\n height=\"12\"\n viewBox=\"0 0 13 12\"\n class=\"arrow\"\n v-on:click=\"svgClick\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\" stroke=\"#8B7868\" stroke-linecap=\"round\">\n <path d=\"M1.058 5.806h10.934M7.2 11.068l4.793-5.261L7.168.576\" />\n </g>\n </svg>\n</template>\n<script>\nexport default {\n methods: {\n svgClick(e) {\n this.$emit('arrowsvg-click', e)\n },\n },\n}\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ArrowSvg.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ArrowSvg.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ArrowSvg.vue?vue&type=template&id=f9c2278a\"\nimport script from \"./ArrowSvg.vue?vue&type=script&lang=js\"\nexport * from \"./ArrowSvg.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"home-content\"}},[(!_vm.orderHasRestaurant)?_c('zip-code-search',{model:{value:(_vm.zipCode),callback:function ($$v) {_vm.zipCode=$$v},expression:\"zipCode\"}}):_c('order-summary-band'),_c('div',{staticClass:\"container-fluid white-background\"},[_c('burritos-by-the-box')],1),_c('div',{staticClass:\"container-fluid no-side-padding\"},[_c('popular-builds')],1),_c('div',{staticClass:\"container-fluid byo-background\"},[_c('build-your-own')],1),_c('div',{staticClass:\"container-fluid chips-background\"},[_c('chips-dips')],1),_c('div',{staticClass:\"container-fluid no-side-padding\"},[_c('content-hero',{attrs:{\"type\":\"group-order\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"menu-build-own\"},[_vm._m(0),_c('div',{staticClass:\"list\"},[_c('div',{staticClass:\"d-flex menu-build-own-container\"},[_vm._l((_vm.menuItems),function(item){return _c('button',{key:item.id,staticClass:\"thumbnail\",class:{ 'selected-menu-item': _vm.isSelected(item) },attrs:{\"type\":\"button\",\"id\":'buildYourOwn_' + item.id},on:{\"click\":function($event){return _vm.updateSelectedItem(item)}}},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"badge\",class:{ 'selected-menu-badge': _vm.isSelected(item) },attrs:{\"id\":'buildYourOwn_' + item.id + 'TagLine'}},[_vm._v(\" \"+_vm._s(item.tagline)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.minPrice),expression:\"item.minPrice\"}],staticClass:\"cost-per-person\"},[_c('span',{attrs:{\"id\":'buildYourOwn_' + item.id + 'CostPerPerson'}},[_vm._v(\" \"+_vm._s(_vm._f(\"toCurrency\")(item.minPrice))+\" \")]),_vm._v(\" /person \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$store.getters.homeMenuIsEstimate),expression:\"$store.getters.homeMenuIsEstimate\"}]},[_vm._v(\"*\")])])])}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$store.getters.homeMenuIsEstimate && _vm.showPricing),expression:\"$store.getters.homeMenuIsEstimate && showPricing\"}],staticClass:\"pricing-availability\"},[_vm._v(\" *Pricing & availability vary by location. \")])],2)]),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"image-and-description\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$store.getters.homeMenuIsEstimate && _vm.showPricing),expression:\"$store.getters.homeMenuIsEstimate && showPricing\"}],staticClass:\"pricing-availability-mobile\"},[_vm._v(\" *Pricing & availability vary by location. \")]),_c('transition-group',{staticClass:\"details-slide\",attrs:{\"name\":\"details-slide\",\"tag\":\"div\"}},_vm._l(([_vm.selectedIndex]),function(number){return _c('div',{key:number,staticClass:\"details-slide-item-container\"},[_c('img',{staticClass:\"details-slide-item\",attrs:{\"src\":_vm.images[Math.abs(_vm.selectedIndex) % _vm.images.length].url,\"alt\":_vm.images[Math.abs(_vm.selectedIndex) % _vm.images.length].altText}})])}),0),_c('p',{staticClass:\"selected-item-description\",attrs:{\"id\":\"buildYourOwn_SelectedDescription\"}},[_vm._v(\" \"+_vm._s(_vm.selectedItemDescription)+\" \")])],1),_c('div',{staticClass:\"buildit-and-text\"},[_c('b-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPricing),expression:\"showPricing\"}],staticClass:\"btn-lg btn-gold btn-block\",attrs:{\"variant\":\"secondary\",\"id\":\"buildYourOwn_BuildIt\"},on:{\"click\":_vm.sendToBuilder}},[_vm._v(\" BUILD YOUR \"+_vm._s(_vm.selectedItemName)+\" \"),_c('arrow-svg')],1),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showPricing),expression:\"!showPricing\"}],staticClass:\"unavailable-text\"},[_vm._v(\" \"+_vm._s(_vm.itemUnavailableMessage)+\" \")]),_c('p',{staticClass:\"pricing-text\"},[_vm._v(\" Please place your order at least 24 hours in advance, so we can coordinate making it along with all of the food we prepare fresh every day. \")])],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"BUILD YOUR OWN\")]),_c('span',{staticClass:\"disclaimer-text\"},[_vm._v(\"Minimum 10 people\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n <div class=\"menu-build-own\">\n <div class=\"header\">\n <h1 class=\"title\">BUILD YOUR OWN</h1>\n <span class=\"disclaimer-text\">Minimum 10 people</span>\n </div>\n <div class=\"list\">\n <div class=\"d-flex menu-build-own-container\">\n <button\n v-for=\"item in menuItems\"\n :key=\"item.id\"\n type=\"button\"\n class=\"thumbnail\"\n :id=\"'buildYourOwn_' + item.id\"\n @click=\"updateSelectedItem(item)\"\n :class=\"{ 'selected-menu-item': isSelected(item) }\"\n >\n <div class=\"name\">{{ item.name }}</div>\n <div\n :id=\"'buildYourOwn_' + item.id + 'TagLine'\"\n class=\"badge\"\n :class=\"{ 'selected-menu-badge': isSelected(item) }\"\n >\n {{ item.tagline }}\n </div>\n <div class=\"cost-per-person\" v-show=\"item.minPrice\">\n <span :id=\"'buildYourOwn_' + item.id + 'CostPerPerson'\">\n {{ item.minPrice | toCurrency }}\n </span>\n /person\n <span v-show=\"$store.getters.homeMenuIsEstimate\">*</span>\n </div>\n </button>\n <div\n class=\"pricing-availability\"\n v-show=\"$store.getters.homeMenuIsEstimate && showPricing\"\n >\n *Pricing & availability vary by location.\n </div>\n </div>\n </div>\n <div class=\"details\">\n <div class=\"image-and-description\">\n <div\n class=\"pricing-availability-mobile\"\n v-show=\"$store.getters.homeMenuIsEstimate && showPricing\"\n >\n *Pricing & availability vary by location.\n </div>\n <transition-group class=\"details-slide\" name=\"details-slide\" tag=\"div\">\n <div\n class=\"details-slide-item-container\"\n v-for=\"number in [selectedIndex]\"\n :key=\"number\"\n >\n <img\n class=\"details-slide-item\"\n :src=\"images[Math.abs(selectedIndex) % images.length].url\"\n :alt=\"images[Math.abs(selectedIndex) % images.length].altText\"\n />\n </div>\n </transition-group>\n <p\n id=\"buildYourOwn_SelectedDescription\"\n class=\"selected-item-description\"\n >\n {{ selectedItemDescription }}\n </p>\n </div>\n <div class=\"buildit-and-text\">\n <b-button\n v-show=\"showPricing\"\n variant=\"secondary\"\n id=\"buildYourOwn_BuildIt\"\n class=\"btn-lg btn-gold btn-block\"\n @click=\"sendToBuilder\"\n >\n BUILD YOUR {{ selectedItemName }}\n <arrow-svg />\n </b-button>\n <p v-show=\"!showPricing\" class=\"unavailable-text\">\n {{ itemUnavailableMessage }}\n </p>\n <p class=\"pricing-text\">\n Please place your order at least 24 hours in advance, so we can\n coordinate making it along with all of the food we prepare fresh every\n day.\n </p>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport arrowSvg from '@/components/common/ArrowSvg'\nimport { INTAKE_DETAIL, BUILD_YOUR_OWN } from '@/router/routeNames'\n\nexport default {\n data() {\n return {\n selectedIndex: 0,\n images: [\n {\n url: require('@/static/img/byo-spread-single.png'),\n altText: 'Single Spread',\n },\n {\n url: require('@/static/img/byo-spread-double.png'),\n altText: 'Double Spread',\n },\n {\n url: require('@/static/img/byo-spread-triple.png'),\n altText: 'Triple Spread',\n },\n ],\n }\n },\n computed: {\n itemUnavailableMessage() {\n return this.$store.getters.orderHasRestaurant\n ? \"We're sorry, this item isn't available at the restaurant you selected.\"\n : \"We're sorry, this item isn't available in the ZIP code you entered.\"\n },\n showPricing() {\n // show the Build button even if the menu hasn't loaded all the way yet,\n // or if the selectedIndex value is invalid\n return (\n !this.menuItems.length ||\n this.selectedIndex > this.menuItems.length ||\n (this.menuItems[this.selectedIndex].minPrice &&\n this.menuItems[this.selectedIndex].minPrice > 0) ||\n false\n )\n },\n menuItems() {\n return this.$store.getters.buildYourOwnMenu\n },\n selectedItemDescription() {\n const item = this.menuItems[this.selectedIndex]\n if (item) {\n return item.description\n } else {\n return ''\n }\n },\n selectedItemName() {\n const item = this.menuItems[this.selectedIndex]\n if (item) {\n return item.name\n } else {\n return ''\n }\n },\n },\n methods: {\n updateSelectedItem(item) {\n if (item) {\n this.selectedIndex = this.menuItems.indexOf(item)\n }\n },\n isSelected(item) {\n return item && this.selectedIndex === this.menuItems.indexOf(item)\n },\n isLast(item) {\n if (item && this.menuItems) {\n return item.id === this.menuItems[this.menuItems.length - 1].id\n }\n },\n sendToBuilder() {\n const menuItemId = this.menuItems[this.selectedIndex].id\n const routeTo = this.$store.getters.isIntakeInUpdateMode\n ? { name: BUILD_YOUR_OWN, params: { menuType: menuItemId } }\n : { name: INTAKE_DETAIL, query: { menuItemId } }\n this.$router.push(routeTo)\n },\n },\n components: {\n arrowSvg,\n },\n}\n</script>\n<style lang=\"scss\">\n#content {\n #home-content {\n .menu-build-own {\n padding-bottom: 0;\n padding-top: 61px;\n max-width: $max-width;\n margin: 0 auto;\n\n .header {\n border: none;\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n\n .title {\n color: $catering-mobile-header;\n line-height: 0.92;\n font-size: 24px;\n font-weight: bold;\n padding: 0;\n margin-bottom: 0;\n text-align: center;\n width: 100%;\n }\n\n span {\n font-size: 13px;\n padding: 0 10%;\n }\n }\n\n .pricing-availability {\n display: none;\n font-family: $font-family-helvetica;\n text-align: center;\n max-width: 128px;\n }\n\n .pricing-availability-mobile {\n display: block;\n text-align: center;\n }\n\n .pricing-availability,\n .pricing-availability-mobile {\n font-size: 12px;\n color: $catering-grey-brown;\n }\n\n .disclaimer-text {\n font-family: $font-family-catering-text;\n color: $catering-grey-brown;\n }\n\n .list {\n display: flex;\n margin-top: 6px;\n width: 100%;\n\n .dividing-line {\n border-right: 1px solid $catering-light-brown;\n height: 80px;\n }\n\n .menu-build-own-container {\n -webkit-box-orient: horizontal;\n -ms-flex-direction: row;\n flex-direction: row;\n justify-content: center;\n margin: 0 auto;\n // prevents content from exceeding parent\n // based on children widths that total more\n // than the parent container's width\n width: 100%;\n\n .thumbnail {\n cursor: pointer;\n font-family: $font-family-catering-text;\n display: inline-block;\n background-color: transparent;\n border: 0;\n max-width: 110px;\n width: 100%;\n padding-left: 8px;\n padding-right: 8px;\n margin-bottom: 5%;\n position: relative;\n\n &:last-of-type {\n margin-bottom: 5%;\n }\n\n &:not(:last-of-type):not(.selected-menu-item)::after {\n content: ' ';\n border-right: 1px solid $catering-light-brown;\n height: 50px;\n position: absolute;\n top: 10px;\n left: 100%;\n }\n\n &:focus {\n outline-style: solid;\n outline-width: 1px;\n outline-color: $catering-gold;\n }\n\n .name {\n font-family: $font-family-sans-serif;\n text-transform: uppercase;\n font-size: 1.5em;\n color: $catering-mobile-header;\n font-weight: bold;\n line-height: 0.64;\n letter-spacing: -0.4px;\n margin-bottom: 8px;\n margin-top: 10px;\n }\n\n .badge {\n font-family: $font-family-sans-serif;\n font-size: 14px;\n text-transform: uppercase;\n padding-top: 2px;\n padding-bottom: 2px;\n padding-left: 4px;\n padding-right: 4px;\n font-weight: bold;\n background-color: $catering-bg-badge;\n color: $catering-white;\n margin-bottom: 7px;\n }\n\n .selected-menu-badge {\n background-color: $catering-gold;\n color: $catering-white;\n text-transform: uppercase;\n }\n\n .cost-per-person {\n font-family: $font-family-catering-text;\n color: $catering-light-gray;\n font-size: 10px;\n line-height: 1.17;\n margin-bottom: 10px;\n\n span:nth-of-type(1) {\n font-family: $font-family-helvetica;\n font-size: 14px;\n font-weight: bold;\n line-height: 0.84;\n color: $catering-mobile-header;\n }\n }\n }\n\n .selected-menu-item {\n border-radius: 4px;\n background-color: $catering-white;\n box-shadow: $catering-box-shadow;\n border: 1px solid $catering-white;\n }\n }\n }\n\n .details {\n margin-left: 0;\n margin-top: -10px;\n margin-bottom: 35px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n .selected-item-description {\n font-family: $font-family-catering-text;\n font-size: 16px;\n letter-spacing: -0.3px;\n line-height: 1.38;\n color: $catering-grey-brown;\n text-align: left;\n }\n\n .pricing-text {\n font-family: $font-family-catering-text;\n font-size: 10px;\n color: $catering-grey-brown;\n margin-top: 10px;\n text-align: center;\n }\n\n .image-and-description {\n text-align: center;\n\n .details-slide-item-container {\n width: 100%;\n\n .details-slide-item {\n // pin this at our smallest viewport\n // sizes to be driven off of the aspect\n // ratio of the image itself.\n height: 42.85vw;\n max-height: 153px;\n max-width: 357px;\n width: 100%;\n }\n }\n\n .details-slide-leave-active {\n transition: all 700ms ease;\n }\n\n .details-slide-enter-active {\n transition: all 700ms ease;\n }\n\n .details-slide-enter {\n transform: translate(-100%, 0);\n }\n\n .details-slide-leave-to {\n transform: translate(150%, 0);\n opacity: 0;\n }\n\n .details-slide-leave-active {\n left: 5%;\n position: absolute;\n }\n }\n }\n }\n }\n}\n\n@media (max-width: 350px) {\n #content {\n #home-content {\n .menu-build-own {\n .list {\n .menu-build-own-container {\n .thumbnail {\n .badge {\n // override the font size for the\n // iphone 5/SE viewport\n font-size: 12px;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@include media-breakpoint-up(lg) {\n #content {\n #home-content {\n .menu-build-own {\n display: grid;\n grid-template-columns: 2fr 1.3fr 2fr;\n padding-top: 26px;\n padding-bottom: 13px;\n padding-right: 20px;\n max-width: 980px;\n\n // this fixes IE grid\n .header {\n -ms-grid-column: 1;\n }\n .list {\n -ms-grid-column: 2;\n }\n .details {\n -ms-grid-column: 3;\n }\n .header {\n border-right: 2px solid $catering-light-brown;\n text-align: left;\n justify-content: start;\n padding-right: 25px;\n max-height: 403px;\n\n .title {\n font-size: 120px;\n text-align: left;\n padding-top: 30px;\n padding-left: 0px;\n padding-right: 0px;\n padding-bottom: 0px;\n height: auto;\n }\n\n span {\n font-size: 16px;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-right: 0px;\n padding-left: 6px;\n }\n }\n\n .details-slide {\n margin-bottom: 10px;\n\n .details-slide-item {\n max-width: 357px;\n width: 100%;\n height: 153px;\n }\n }\n\n .list {\n margin-top: 35px;\n margin-bottom: 35px;\n\n .dividing-line {\n border-right-width: 0px;\n }\n\n .menu-build-own-container {\n // prevents the container from resizing\n // and shifting the details-slider element\n width: 130px;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n\n .thumbnail {\n height: 100px;\n width: 100%;\n max-width: 100%; // override for desktop\n margin-bottom: 10%;\n line-height: 250%;\n\n &::after {\n display: none;\n }\n\n .name {\n margin-bottom: 0px;\n font-size: 28px;\n }\n\n .badge {\n margin-bottom: 10px;\n }\n }\n\n .selected-menu-item {\n .name {\n margin-bottom: 3px;\n font-size: 32px;\n line-height: 0.56;\n }\n\n .cost-per-person {\n font-size: 12px;\n\n span:nth-of-type(1) {\n font-size: 16px;\n }\n }\n }\n }\n }\n\n .pricing-availability {\n display: flex;\n width: 100%; // pin width to container for IE 11\n }\n\n .details {\n margin-top: inherit;\n margin-left: 5px;\n\n .image-and-description {\n text-align: left;\n\n .details-slide-leave-active {\n transition: opacity 500ms ease-out;\n left: inherit;\n }\n\n .details-slide-enter-active {\n // delay the start of the transition by 400ms\n // to ensure that the fade out has time to complete\n transition: opacity 500ms ease-in 400ms;\n }\n\n .details-slide-enter {\n transform: none;\n opacity: 0;\n }\n\n .details-slide-leave-to {\n transform: none;\n opacity: 0;\n }\n }\n\n .buildit-and-text {\n button {\n font-size: 20px;\n }\n }\n\n .pricing-availability-mobile {\n display: none;\n }\n }\n }\n }\n }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./BuildYourOwn.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./BuildYourOwn.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BuildYourOwn.vue?vue&type=template&id=0875f12e\"\nimport script from \"./BuildYourOwn.vue?vue&type=script&lang=js\"\nexport * from \"./BuildYourOwn.vue?vue&type=script&lang=js\"\nimport style0 from \"./BuildYourOwn.vue?vue&type=style&index=0&id=0875f12e&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"menu-burritos-box\"},[_vm._m(0),_c('div',{staticClass:\"main-content\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"Burritos by the Box\")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\"Minimum 6 people\")]),_vm._m(1),_c('div',{staticClass:\"description\",attrs:{\"id\":\"burritosByTheBox_DescriptionWeb\"}},[_vm._v(\" \"+_vm._s(_vm.description)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPricing),expression:\"showPricing\"}],staticClass:\"cost-per-person\"},[_c('div',{staticClass:\"cost\",attrs:{\"id\":\"burritosByTheBox_CostPerPerson\"}},[_c('span',[_vm._v(_vm._s(_vm._f(\"toCurrency\")(_vm.costPerPerson)))]),_vm._v(\" /person \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$store.getters.homeMenuIsEstimate),expression:\"$store.getters.homeMenuIsEstimate\"}]},[_vm._v(\"*\")])]),_c('div',{staticClass:\"name\"},[_vm._v(\"Burritos by the Box\")])]),_c('div',{staticClass:\"description-inline\",attrs:{\"id\":\"burritosByTheBox_DescriptionMobile\"}},[_vm._v(\" \"+_vm._s(_vm.description)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPricing),expression:\"showPricing\"}],staticClass:\"build-it-and-disclaimer\"},[_c('b-button',{staticClass:\"btn-lg btn-gold btn-block\",attrs:{\"id\":\"burritosByTheBox_BuildIt\",\"variant\":\"secondary\"},on:{\"click\":_vm.sendToBuilder}},[_vm._v(\" START A BURRITO BOX \"),_c('arrow-svg')],1),_c('div',{staticClass:\"disclaimer\",attrs:{\"id\":\"burritosByTheBox_Disclaimer\"}},[_vm._v(\" \"+_vm._s(_vm.disclaimer)+\" \")])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showPricing),expression:\"!showPricing\"}],staticClass:\"build-it-and-disclaimer\"},[_c('p',{staticClass:\"unavailable-text\"},[_vm._v(_vm._s(_vm.itemUnavailableMessage))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$store.getters.homeMenuIsEstimate && _vm.showPricing),expression:\"$store.getters.homeMenuIsEstimate && showPricing\"}],staticClass:\"pricing-availability\"},[_vm._v(\" *Pricing & availability vary by location. \")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header\"},[_c('span',{staticClass:\"vertical-align-helper\"}),_c('img',{attrs:{\"src\":require(\"@/static/img/bbb.png\"),\"alt\":\"Burritos by the Box\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"inline-image\"},[_c('span',{staticClass:\"vertical-align-helper\"}),_c('img',{staticClass:\"image\",attrs:{\"src\":require(\"@/static/img/bbb.png\"),\"alt\":\"Burritos by the Box\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n <div class=\"menu-burritos-box\">\n <div class=\"header\">\n <span class=\"vertical-align-helper\" />\n <img src=\"@/static/img/bbb.png\" alt=\"Burritos by the Box\" />\n </div>\n <div class=\"main-content\">\n <h1 class=\"title\">Burritos by the Box</h1>\n <div class=\"subtitle\">Minimum 6 people</div>\n <div class=\"inline-image\">\n <span class=\"vertical-align-helper\" />\n <img\n src=\"@/static/img/bbb.png\"\n alt=\"Burritos by the Box\"\n class=\"image\"\n />\n </div>\n <div id=\"burritosByTheBox_DescriptionWeb\" class=\"description\">\n {{ description }}\n </div>\n <div class=\"cost-per-person\" v-show=\"showPricing\">\n <div id=\"burritosByTheBox_CostPerPerson\" class=\"cost\">\n <span>{{ costPerPerson | toCurrency }}</span>\n /person\n <span v-show=\"$store.getters.homeMenuIsEstimate\">*</span>\n </div>\n <div class=\"name\">Burritos by the Box</div>\n </div>\n <div id=\"burritosByTheBox_DescriptionMobile\" class=\"description-inline\">\n {{ description }}\n </div>\n <div class=\"build-it-and-disclaimer\" v-show=\"showPricing\">\n <b-button\n id=\"burritosByTheBox_BuildIt\"\n variant=\"secondary\"\n class=\"btn-lg btn-gold btn-block\"\n @click=\"sendToBuilder\"\n >\n START A BURRITO BOX\n <arrow-svg />\n </b-button>\n <div id=\"burritosByTheBox_Disclaimer\" class=\"disclaimer\">\n {{ disclaimer }}\n </div>\n </div>\n <div class=\"build-it-and-disclaimer\" v-show=\"!showPricing\">\n <p class=\"unavailable-text\">{{ itemUnavailableMessage }}</p>\n </div>\n <div\n class=\"pricing-availability\"\n v-show=\"$store.getters.homeMenuIsEstimate && showPricing\"\n >\n *Pricing & availability vary by location.\n </div>\n </div>\n </div>\n</template>\n<script>\nimport arrowSvg from '@/components/common/ArrowSvg'\nimport { INTAKE_DETAIL, BURRITOS_BY_THE_BOX } from '@/router/routeNames'\nimport { HomeMenuIds } from '@/constants'\n\nexport default {\n computed: {\n description() {\n return this.$store.getters.burritosByTheBoxDescription\n },\n costPerPerson() {\n return this.$store.getters.burritosByTheBoxCost\n },\n disclaimer() {\n return 'Please place your order at least 24 hours in advance, so we can coordinate making it along with all of the food we prepare fresh every day.'\n },\n itemUnavailableMessage() {\n return this.$store.getters.orderHasRestaurant\n ? \"We're sorry, this item isn't available at the restaurant you selected.\"\n : \"We're sorry, this item isn't available in the ZIP code you entered.\"\n },\n showPricing() {\n // show the Build button even if the menu hasn't loaded all the way yet\n return (\n !this.$store.getters.allTieredMenu ||\n !this.$store.getters.allTieredMenu.length ||\n (this.costPerPerson && this.costPerPerson > 0) ||\n false\n )\n },\n },\n methods: {\n sendToBuilder() {\n const menuItemId = HomeMenuIds.BurritosByTheBoxId\n const routeTo = this.$store.getters.isIntakeInUpdateMode\n ? { name: BURRITOS_BY_THE_BOX, params: { menuType: menuItemId } }\n : { name: INTAKE_DETAIL, query: { menuItemId } }\n this.$router.push(routeTo)\n },\n },\n components: {\n arrowSvg,\n },\n}\n</script>\n<style lang=\"scss\">\n#content {\n #home-content {\n .menu-burritos-box {\n padding-top: 18px;\n padding-bottom: 16px;\n background: $catering-white;\n color: $catering-chocolate;\n text-align: left;\n font-family: Helvetica;\n max-width: $max-width;\n margin: 0 auto;\n display: flex;\n\n .header {\n display: none;\n }\n\n h1.title {\n margin-bottom: 0px;\n text-transform: uppercase;\n padding: 0;\n letter-spacing: -1px;\n line-height: 0.9;\n width: 100%;\n font-size: 24px;\n font-weight: bold;\n text-align: center;\n color: $catering-mobile-header;\n }\n\n .subtitle {\n font-size: 13px;\n color: $catering-medium-brown;\n text-align: center;\n }\n\n .inline-image {\n display: block;\n text-align: center;\n margin: 1em 0;\n\n .image {\n height: 180px;\n }\n }\n\n .description,\n .description-inline {\n margin-top: 10px;\n font-size: 16px;\n letter-spacing: -0.3px;\n line-height: 1.38;\n color: $catering-light-grey-brown;\n padding-bottom: 7px;\n }\n\n .description {\n display: none;\n }\n\n .description-inline {\n display: block;\n font-size: 13px;\n clear: both;\n }\n\n .cost-per-person {\n color: $catering-light-gray;\n font-size: 12px;\n padding-bottom: 5px;\n font-family: $font-family-sans-serif;\n\n .name {\n display: block;\n float: left;\n width: 70%;\n text-transform: uppercase;\n font-weight: bold;\n color: $catering-mobile-header;\n font-size: 14px;\n }\n\n .cost {\n float: right;\n width: 30%;\n font-family: $font-family-helvetica;\n\n span:nth-of-type(1) {\n font-family: $font-family-sans-serif;\n color: $catering-light-grey-brown;\n }\n }\n\n span:nth-of-type(1) {\n font-weight: bold;\n }\n }\n\n .disclaimer {\n display: none;\n }\n\n .pricing-availability {\n font-size: 12px;\n color: $catering-grey-brown;\n text-align: center;\n padding-top: 18px;\n }\n }\n }\n}\n\n@include media-breakpoint-up(lg) {\n #content {\n #home-content {\n .menu-burritos-box {\n display: grid;\n grid-template-columns: 1fr 2fr;\n padding-top: 50px;\n padding-bottom: 31px;\n padding-right: 25px;\n max-width: 980px;\n\n .header {\n -ms-grid-column: 1;\n display: flex;\n vertical-align: middle;\n text-align: center;\n align-items: center;\n\n img {\n // forces IE 11 to hold the appropriate\n // flexbox size for .header\n width: 100%;\n }\n }\n\n .main-content {\n -ms-grid-column: 2;\n margin-left: 31px;\n margin-right: 25px;\n }\n\n h1.title {\n width: 300px;\n font-size: 60px;\n text-align: left;\n }\n\n .subtitle {\n font-size: 16px;\n text-align: left;\n }\n\n .inline-image {\n display: none;\n }\n\n .disclaimer {\n display: block;\n color: $catering-light-grey-brown;\n font-size: 10px;\n line-height: normal;\n padding-left: 22px;\n }\n\n .pricing-availability {\n text-align: left;\n padding-top: 27px;\n }\n\n .description {\n display: block;\n }\n\n .description-inline {\n display: none;\n }\n\n .cost-per-person {\n font-size: 15px;\n .name {\n display: none;\n }\n\n .cost {\n float: none;\n }\n }\n\n .build-it-and-disclaimer {\n display: flex;\n\n .unavailable-text {\n width: 80%;\n }\n }\n }\n }\n }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./BurritosByTheBox.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./BurritosByTheBox.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BurritosByTheBox.vue?vue&type=template&id=de99fa6a\"\nimport script from \"./BurritosByTheBox.vue?vue&type=script&lang=js\"\nexport * from \"./BurritosByTheBox.vue?vue&type=script&lang=js\"\nimport style0 from \"./BurritosByTheBox.vue?vue&type=style&index=0&id=de99fa6a&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"menu-chips-box\"},[_c('div',{staticClass:\"main-content\"},[_c('h1',{staticClass:\"chips-title\"},[_vm._v(\"Chips & Dips\")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\"Serves \"+_vm._s(_vm.serves))]),_vm._m(0),_c('div',{staticClass:\"description\",attrs:{\"id\":\"chipsSalsa_DescriptionWeb\"}},[_vm._v(\" \"+_vm._s(_vm.description)+\" \")]),_c('div',{staticClass:\"cost-per-person\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPricing),expression:\"showPricing\"}],staticClass:\"cost\",attrs:{\"id\":\"chipsSalsa_CostPerPerson\"}},[_c('span',[_vm._v(\" \"+_vm._s(_vm._f(\"toCurrency\")(_vm.costPerPerson))+\" \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$store.getters.homeMenuIsEstimate),expression:\"$store.getters.homeMenuIsEstimate\"}]},[_vm._v(\"*\")])])])]),_c('div',{staticClass:\"description-inline\",attrs:{\"id\":\"chipsSalsa_DescriptionMobile\"}},[_vm._v(\" \"+_vm._s(_vm.description)+\" \")]),_c('div',{},[_c('div',{staticClass:\"build-it-cell\"},[_c('b-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPricing),expression:\"showPricing\"}],staticClass:\"btn-lg btn-gold btn-block\",attrs:{\"id\":\"chipsSalsa_BuildIt\"},on:{\"click\":_vm.sendToBuilder}},[_vm._v(\" Get Chips & Dips \"),_c('arrow-svg')],1),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showPricing),expression:\"!showPricing\"}],staticClass:\"unavailable-text\"},[_vm._v(\" \"+_vm._s(_vm.itemUnavailableMessage)+\" \")])],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$store.getters.homeMenuIsEstimate && _vm.showPricing),expression:\"$store.getters.homeMenuIsEstimate && showPricing\"}],staticClass:\"pricing-availability\"},[_vm._v(\" *Pricing & availability vary by location. \")])]),_vm._m(1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"inline-image\"},[_c('span',{staticClass:\"vertical-align-helper\"}),_c('img',{attrs:{\"src\":require(\"@/static/img/chips-dips.gif\"),\"alt\":\"Chips & Dips\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header\"},[_c('span',{staticClass:\"vertical-align-helper\"}),_c('img',{staticClass:\"image\",attrs:{\"src\":require(\"@/static/img/chips-dips.gif\"),\"alt\":\"Chips & Dips\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n <div class=\"menu-chips-box\">\n <div class=\"main-content\">\n <h1 class=\"chips-title\">Chips & Dips</h1>\n <div class=\"subtitle\">Serves {{ serves }}</div>\n\n <div class=\"inline-image\">\n <span class=\"vertical-align-helper\" />\n <img src=\"@/static/img/chips-dips.gif\" alt=\"Chips & Dips\" />\n </div>\n <div id=\"chipsSalsa_DescriptionWeb\" class=\"description\">\n {{ description }}\n </div>\n <div class=\"cost-per-person\">\n <div v-show=\"showPricing\" id=\"chipsSalsa_CostPerPerson\" class=\"cost\">\n <span>\n {{ costPerPerson | toCurrency }}\n <span v-show=\"$store.getters.homeMenuIsEstimate\">*</span>\n </span>\n </div>\n </div>\n <div id=\"chipsSalsa_DescriptionMobile\" class=\"description-inline\">\n {{ description }}\n </div>\n <div class=\"\">\n <div class=\"build-it-cell\">\n <b-button\n v-show=\"showPricing\"\n id=\"chipsSalsa_BuildIt\"\n class=\"btn-lg btn-gold btn-block\"\n @click=\"sendToBuilder\"\n >\n Get Chips & Dips\n <arrow-svg />\n </b-button>\n <p v-show=\"!showPricing\" class=\"unavailable-text\">\n {{ itemUnavailableMessage }}\n </p>\n </div>\n </div>\n <div\n class=\"pricing-availability\"\n v-show=\"$store.getters.homeMenuIsEstimate && showPricing\"\n >\n *Pricing & availability vary by location.\n </div>\n </div>\n <div class=\"header\">\n <span class=\"vertical-align-helper\" />\n <img\n src=\"@/static/img/chips-dips.gif\"\n class=\"image\"\n alt=\"Chips & Dips\"\n />\n </div>\n </div>\n</template>\n\n<script>\nimport arrowSvg from '@/components/common/ArrowSvg'\nimport { INTAKE_DETAIL, CHIPS_AND_SALSA } from '@/router/routeNames'\nimport { HomeMenuIds } from '@/constants'\n\nexport default {\n components: {\n arrowSvg,\n },\n computed: {\n description() {\n return this.$store.getters.chipsAndSalsaDescription\n },\n costPerPerson() {\n return this.$store.getters.chipsAndSalsaCost\n },\n itemUnavailableMessage() {\n return this.$store.getters.orderHasRestaurant\n ? \"We're sorry, this item isn't available at the restaurant you selected.\"\n : \"We're sorry, this item isn't available in the ZIP code you entered.\"\n },\n showPricing() {\n // show the Build button even if the menu hasn't loaded all the way yet\n return (\n !this.$store.getters.allTieredMenu ||\n !this.$store.getters.allTieredMenu.length ||\n (this.costPerPerson && this.costPerPerson > 0) ||\n false\n )\n },\n serves() {\n return this.$store.getters.chipsAndSalsaServes\n },\n },\n methods: {\n sendToBuilder() {\n const menuItemId = HomeMenuIds.ChipsAndSalsaId\n const routeTo = this.$store.getters.isIntakeInUpdateMode\n ? { name: CHIPS_AND_SALSA, params: { menuType: menuItemId } }\n : { name: INTAKE_DETAIL, query: { menuItemId } }\n this.$router.push(routeTo)\n },\n },\n}\n</script>\n\n<style lang=\"scss\">\n#content {\n #home-content {\n .menu-chips-box {\n padding-top: 20px;\n padding-bottom: 13px;\n max-width: $max-width;\n margin: 0 auto;\n color: $catering-chocolate;\n text-align: left;\n font-family: Helvetica;\n padding-left: 0;\n display: flex;\n\n .header {\n vertical-align: middle;\n text-align: center;\n margin: 1em 0;\n\n img {\n height: 370px;\n }\n }\n\n h1.chips-title {\n width: 100%;\n margin-bottom: 0px;\n text-transform: uppercase;\n text-align: left;\n padding: 0;\n font-size: 24px;\n font-weight: bold;\n text-align: center;\n color: $catering-mobile-header;\n }\n\n .subtitle {\n font-size: 13px;\n opacity: 0.75;\n color: $catering-light-grey-brown;\n text-align: center;\n }\n\n .inline-image {\n display: block;\n text-align: center;\n margin: 1em 0;\n\n img {\n height: auto;\n width: 195px;\n }\n }\n\n .description,\n .description-inline {\n margin-top: 10px;\n font-size: 16px;\n letter-spacing: -0.3px;\n line-height: 1.38;\n color: $catering-light-grey-brown;\n padding-bottom: 7px;\n }\n\n .description {\n display: none;\n }\n\n .description-inline {\n display: block;\n clear: both;\n font-size: 14px;\n }\n\n .header {\n display: none;\n }\n\n .cost-per-person {\n color: $catering-grey-brown;\n font-size: 15px;\n\n .cost {\n float: right;\n width: 30%;\n text-align: right;\n color: $catering-mobile-header;\n font-size: 13px;\n }\n\n span:nth-of-type(1) {\n font-weight: bold;\n }\n }\n\n .build-it-cell {\n padding-left: 0;\n }\n\n .disclaimer {\n color: $catering-grey-brown;\n letter-spacing: -0.2px;\n font-size: 12px;\n }\n\n .pricing-availability {\n font-size: 12px;\n color: $catering-grey-brown;\n text-align: center;\n margin-top: 25px;\n }\n }\n }\n}\n\n@include media-breakpoint-up(lg) {\n #content {\n #home-content {\n .menu-chips-box {\n display: grid;\n grid-template-columns: 1fr 1fr;\n max-width: 980px;\n padding-top: 25px;\n\n .main-content {\n -ms-grid-column: 1;\n margin-left: 95px;\n margin-right: 3px;\n flex-basis: 50%;\n max-width: 385px;\n }\n\n .header {\n -ms-grid-column: 2;\n display: block;\n }\n\n h1.chips-title {\n font-size: 60px;\n text-align: left;\n }\n\n .subtitle {\n font-size: 16px;\n text-align: left;\n }\n\n .inline-image {\n display: none;\n }\n\n .description {\n display: block;\n }\n\n .description-inline {\n display: none;\n }\n\n .pricing-availability {\n text-align: left;\n }\n\n .cost-per-person {\n margin-bottom: 30px;\n\n .cost {\n float: none;\n text-align: left;\n font-size: 18px;\n letter-spacing: -0.3px;\n }\n }\n\n .build-it-cell {\n button {\n width: 230px;\n font-size: 20px;\n }\n }\n }\n }\n }\n}\n\n@include media-breakpoint-down(md) {\n #content {\n #home-content {\n .menu-chips-box {\n img.image {\n height: auto;\n width: 250px;\n }\n }\n }\n }\n}\n\n@media screen and (-ms-high-contrast: active),\n screen and (-ms-high-contrast: none) {\n /* IE10+ specific styles go here */\n #content {\n #home-content {\n .menu-chips-box {\n .main-content {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 100%;\n }\n }\n }\n }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ChipsDips.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ChipsDips.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChipsDips.vue?vue&type=template&id=dec81f24\"\nimport script from \"./ChipsDips.vue?vue&type=script&lang=js\"\nexport * from \"./ChipsDips.vue?vue&type=script&lang=js\"\nimport style0 from \"./ChipsDips.vue?vue&type=style&index=0&id=dec81f24&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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 render(){var _vm=this,_c=_vm._self._c;return (_vm.popularBuilds.length)?_c('div',{staticClass:\"popular-builds\"},[_vm._m(0),_c('ul',{staticClass:\"list\"},_vm._l((_vm.popularBuilds),function(popularBuild){return _c('li',{key:popularBuild.id,staticClass:\"thumbnail d-flex flex-column\"},[_c('div',{staticClass:\"upper\",style:({ backgroundImage: `url(${popularBuild.imageUrl})` })},[_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(popularBuild.name))]),_c('div',{staticClass:\"type\"},[_vm._v(_vm._s(popularBuild.tagline))])]),_c('div',{staticClass:\"overlay\"})]),_c('div',{staticClass:\"container lower\"},[_c('div',{staticClass:\"row description\"},[_vm._v(_vm._s(popularBuild.description))]),(popularBuild.isAvailable)?_c('div',{staticClass:\"row pt-0 d-flex align-items-center price\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm._f(\"toCurrency\")(popularBuild.priceToDisplay))+\" \")]),_vm._v(\" Â / person \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.homeMenuIsEstimate),expression:\"homeMenuIsEstimate\"}]},[_vm._v(\"*\")]),_c('b-form-select',{attrs:{\"value\":_vm.getHeadcount(popularBuild),\"options\":_vm.getHeadcountOptions(popularBuild),\"aria-label\":`${popularBuild.name} ${popularBuild.tagline}`,\"size\":\"sm\"},on:{\"input\":function($event){return _vm.setHeadcount(popularBuild, $event)}}})],1):_vm._e(),(popularBuild.isAvailable)?_c('div',{staticClass:\"row pt-0\"},[_c('button',{staticClass:\"add-to-bag btn-secondary btn-block\",on:{\"click\":function($event){return _vm.onAddClick(popularBuild)}}},[_vm._v(\" ADD TO BAG \")])]):_c('div',{staticClass:\"row pt-0\"},[_vm._v(\" WE'RE SORRY, THIS ITEM ISN'T AVAILABLE IN THE ZIP CODE YOU ENTERED. \")])])])}),0)]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{staticClass:\"title text-center\"},[_vm._v(\"POPULAR BUILDS\")]),_c('p',{staticClass:\"text-center\"},[_vm._v(\" Order the perfect crowd-pleasing spread for any occasion \")]),_c('p',{staticClass:\"text-center\"},[_vm._v(\"24 hours advance notice to order\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n <div class=\"popular-builds\" v-if=\"popularBuilds.length\">\n <div>\n <h3 class=\"title text-center\">POPULAR BUILDS</h3>\n <p class=\"text-center\">\n Order the perfect crowd-pleasing spread for any occasion\n </p>\n <p class=\"text-center\">24 hours advance notice to order</p>\n </div>\n <ul class=\"list\">\n <li\n class=\"thumbnail d-flex flex-column\"\n v-for=\"popularBuild in popularBuilds\"\n :key=\"popularBuild.id\"\n >\n <div\n class=\"upper\"\n :style=\"{ backgroundImage: `url(${popularBuild.imageUrl})` }\"\n >\n <div class=\"info\">\n <div class=\"name\">{{ popularBuild.name }}</div>\n <div class=\"type\">{{ popularBuild.tagline }}</div>\n </div>\n <div class=\"overlay\" />\n </div>\n <div class=\"container lower\">\n <div class=\"row description\">{{ popularBuild.description }}</div>\n <div\n class=\"row pt-0 d-flex align-items-center price\"\n v-if=\"popularBuild.isAvailable\"\n >\n <span class=\"font-weight-bold\">\n {{ popularBuild.priceToDisplay | toCurrency }}\n </span>\n / person\n <span v-show=\"homeMenuIsEstimate\">*</span>\n <b-form-select\n :value=\"getHeadcount(popularBuild)\"\n @input=\"setHeadcount(popularBuild, $event)\"\n :options=\"getHeadcountOptions(popularBuild)\"\n :aria-label=\"`${popularBuild.name} ${popularBuild.tagline}`\"\n size=\"sm\"\n />\n </div>\n <div class=\"row pt-0\" v-if=\"popularBuild.isAvailable\">\n <button\n class=\"add-to-bag btn-secondary btn-block\"\n @click=\"onAddClick(popularBuild)\"\n >\n ADD TO BAG\n </button>\n </div>\n <div class=\"row pt-0\" v-else>\n WE'RE SORRY, THIS ITEM ISN'T AVAILABLE IN THE ZIP CODE YOU ENTERED.\n </div>\n </div>\n </li>\n </ul>\n </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\n\nimport { HOME, INTAKE_DETAIL } from '@/router/routeNames'\nimport { SHOW_CONFIRM_DIALOG } from '@/store/mutation-types/confirmDialogMutations'\nimport { OPEN_BAG } from '@/store/mutation-types/drawersMutations'\nimport { ADD_POPULAR_BUILD } from '@/store/mutation-types/orderMutations'\nimport { ERROR_MENU_NOT_AVAILABLE } from '@/constants/errorCodes'\nimport { matchesErrorCode } from '@/utilityFunctions'\n\nexport default {\n data() {\n return {\n headcountsById: {},\n }\n },\n computed: {\n ...mapGetters({\n popularBuilds: 'activePopularBuildsWithMeta',\n isIntakeInUpdateMode: 'isIntakeInUpdateMode',\n currentOrder: 'currentOrder',\n homeMenuIsEstimate: 'homeMenuIsEstimate',\n }),\n },\n methods: {\n getHeadcount(popularBuild) {\n return (\n this.headcountsById[popularBuild.id] || popularBuild.config.headcountMin\n )\n },\n setHeadcount(popularBuild, headcount) {\n this.headcountsById[popularBuild.id] = headcount\n },\n getHeadcountOptions(popularBuild) {\n const { headcountMin, headcountMax, headcountIncrement } =\n popularBuild.config\n const options = []\n for (let i = headcountMin; i <= headcountMax; i += headcountIncrement) {\n options.push({ value: i, text: `${i} People` })\n }\n return options\n },\n onAddClick(popularBuild) {\n const headcount = this.getHeadcount(popularBuild)\n if (!headcount) {\n return\n }\n if (this.isIntakeInUpdateMode) {\n this.$store\n .dispatch(ADD_POPULAR_BUILD, {\n orderId: this.currentOrder.id,\n popularBuildId: popularBuild.id,\n headcount,\n })\n .then(() => this.$store.dispatch(OPEN_BAG))\n .catch((e) => {\n const confirmInfo = matchesErrorCode(ERROR_MENU_NOT_AVAILABLE, e)\n ? {\n text: \"Sorry, This popular build can't be ordered from this restaurant.\",\n subText:\n \"Looks like an item in this popular build isn't available. Please select another restaurant\",\n hideCancel: true,\n }\n : {\n text: 'Oops, we encountered a problem.',\n subText:\n 'We were unable to add this popular build to your order',\n hideCancel: true,\n }\n this.$store.dispatch(SHOW_CONFIRM_DIALOG, confirmInfo)\n })\n return\n }\n this.$router.push({\n name: INTAKE_DETAIL,\n query: { action: HOME, popularBuildId: popularBuild.id, headcount },\n })\n },\n },\n}\n</script>\n\n<style lang=\"scss\">\n.popular-builds {\n background: $catering-light-grey-brown;\n color: $catering-white;\n padding: 35px;\n\n .title {\n letter-spacing: -0.7px;\n font-size: 40px;\n font-weight: bold;\n color: $catering-white;\n }\n\n .list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n overflow-x: auto;\n align-items: center;\n justify-content: left;\n }\n\n .thumbnail {\n width: 250px;\n flex-shrink: 0;\n margin: 0 10px;\n }\n\n .upper {\n height: 220px;\n width: 100%;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n background-repeat: no-repeat;\n background-size: cover;\n position: relative;\n }\n\n .info {\n position: absolute;\n bottom: 0;\n padding: 0 0 15px 15px;\n font-weight: bold;\n }\n\n .overlay {\n height: 100%;\n object-fit: contain;\n background-image: linear-gradient(\n 188deg,\n transparent 60%,\n $catering-chocolate-hover 100%\n );\n }\n\n .name {\n font-size: 18px;\n }\n\n .type {\n font-size: 13px;\n }\n\n .lower {\n color: $catering-grey-brown;\n background-color: $catering-white;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n display: flex;\n flex-direction: column;\n }\n\n .description {\n height: 160px;\n font-size: 13px;\n flex-grow: 1;\n }\n\n .custom-select {\n margin-left: 15px;\n flex-basis: 0;\n flex-grow: 1;\n font-size: 16px;\n }\n\n .price {\n font-size: 13px;\n }\n\n .add-to-bag {\n border-width: 0;\n border-radius: 3px;\n }\n\n @include media-breakpoint-up(lg) {\n .custom-select {\n margin-left: 10px;\n }\n }\n\n @include media-breakpoint-up(xl) {\n .list {\n justify-content: center;\n }\n\n .upper {\n height: 260px;\n }\n }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PopularBuilds.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PopularBuilds.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PopularBuilds.vue?vue&type=template&id=53dfaf86\"\nimport script from \"./PopularBuilds.vue?vue&type=script&lang=js\"\nexport * from \"./PopularBuilds.vue?vue&type=script&lang=js\"\nimport style0 from \"./PopularBuilds.vue?vue&type=style&index=0&id=53dfaf86&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content-hero\",class:_vm.hero.imageClass},[_c('div',{staticClass:\"main-content\"},[_c('h1',{staticClass:\"big-text\",domProps:{\"innerHTML\":_vm._s(_vm.hero.bigText)}}),_c('div',{staticClass:\"small-text\",domProps:{\"innerHTML\":_vm._s(_vm.hero.smallText)}}),_c('a',{staticClass:\"action-link\",attrs:{\"href\":_vm.hero.actionLink,\"target\":\"_blank\"}},[_vm._v(\" \"+_vm._s(_vm.hero.actionText)+\" \"),_c('arrow-svg')],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div class=\"content-hero\" v-bind:class=\"hero.imageClass\">\n <div class=\"main-content\">\n <h1 class=\"big-text\" v-html=\"hero.bigText\" />\n <div class=\"small-text\" v-html=\"hero.smallText\" />\n <a :href=\"hero.actionLink\" class=\"action-link\" target=\"_blank\">\n {{ hero.actionText }}\n <arrow-svg />\n </a>\n </div>\n </div>\n</template>\n\n<script>\nimport arrowSvg from '@/components/common/ArrowSvg'\n\nconst { VUE_APP_ROO_URL, VUE_APP_ROO_GROUP_ORDER_PATH } = process.env\n\nexport default {\n props: ['type'],\n components: {\n arrowSvg,\n },\n computed: {\n groupOrder() {\n return {\n imageClass: 'group-order',\n bigText: 'Need to feed<br/>a team today?',\n smallText:\n 'Invite colleagues and clients to build a group order. Minimum 2 people.',\n actionLink: `${VUE_APP_ROO_URL}${VUE_APP_ROO_GROUP_ORDER_PATH}`,\n actionText: 'Switch to group order',\n }\n },\n giftcardOffer() {\n return {\n imageClass: 'giftcard-offer',\n bigText: \"It's graduatering season\",\n smallText:\n 'Get a $40 gift card when you order $400 or more of Chipotle Catering.',\n actionText: 'Learn More',\n actionLink: '',\n }\n },\n hero() {\n switch (this.type) {\n case 'group-order':\n return this.groupOrder\n case 'giftcard-offer':\n return this.giftcardOffer\n default:\n return {}\n }\n },\n },\n}\n</script>\n\n<style lang=\"scss\">\n#content {\n #home-content {\n .content-hero {\n padding-bottom: 0;\n padding-top: 15px;\n max-width: 100%;\n margin: 0 auto;\n color: $catering-chocolate;\n text-align: center;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n\n .main-content {\n margin-top: 17%;\n }\n\n h1.big-text {\n font-weight: bold;\n line-height: 1.05;\n letter-spacing: -0.7px;\n font-size: 28px;\n padding: 0 5px 0 5px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .small-text {\n font-family: $font-family-helvetica;\n font-size: 16px;\n line-height: 1.33;\n letter-spacing: -0.4px;\n text-align: center;\n width: 277px;\n margin: 20px auto 24px auto;\n }\n\n .action-link {\n font-family: $font-family-sans-serif;\n font-weight: bold;\n font-size: 20px;\n letter-spacing: -0.4px;\n text-align: right;\n text-transform: uppercase;\n color: $catering-gold;\n }\n }\n\n .group-order {\n .big-text {\n color: $catering-white;\n }\n\n height: 320px;\n color: $catering-white;\n background-image: url('@/static/img/group-order-banner.jpg');\n }\n\n .giftcard-offer {\n height: 250px;\n background: url('@/static/img/giftcard-offer-large.png') no-repeat;\n\n .action-link {\n display: none;\n }\n }\n }\n}\n\n@include media-breakpoint-up(sm) {\n #content #home-content .content-hero .main-content {\n margin-top: 62px;\n }\n}\n\n@include media-breakpoint-up(md) {\n #content {\n #home-content {\n .content-hero {\n padding-top: 61px;\n\n h1.big-text {\n font-size: 40px;\n }\n\n .small-text {\n font-size: 18px;\n width: 277px;\n margin: 20px auto 24px auto;\n }\n\n .action-link {\n font-size: 24px;\n }\n }\n\n .group-order {\n height: 441px;\n background-image: url('@/static/img/group-order-large.jpg');\n }\n\n .giftcard-offer {\n background: url('@/static/img/giftcard-offer-large.png') no-repeat;\n\n .main-content {\n margin-top: 0;\n }\n }\n }\n }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ContentHero.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ContentHero.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContentHero.vue?vue&type=template&id=4f13be4a\"\nimport script from \"./ContentHero.vue?vue&type=script&lang=js\"\nexport * from \"./ContentHero.vue?vue&type=script&lang=js\"\nimport style0 from \"./ContentHero.vue?vue&type=style&index=0&id=4f13be4a&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:[\n 'zip-code-search',\n { 'zip-code-search-has-zipcode': _vm.hasZipCode },\n ]},[_c('div',{staticClass:\"zip-code-search-container\"},[_c('div',{staticClass:\"label\"},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\",\"duration\":350}},[_c('label',{key:_vm.labelText,attrs:{\"for\":\"zip-code\"}},[_vm._v(_vm._s(_vm.labelText))])])],1),_c('div',{staticClass:\"input-and-arrow\"},[_c('b-form-input',{attrs:{\"id\":\"zip-code\",\"type\":\"number\",\"placeholder\":\"ZIP\",\"size\":\"sm\",\"formatter\":_vm.formatZipCode},nativeOn:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.preventDefault();return _vm.searchForZipCode.apply(null, arguments)}},model:{value:(_vm.zipCode),callback:function ($$v) {_vm.zipCode=$$v},expression:\"zipCode\"}}),_c('arrow-svg',{on:{\"arrowsvg-click\":_vm.searchForZipCode}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div\n v-bind:class=\"[\n 'zip-code-search',\n { 'zip-code-search-has-zipcode': hasZipCode },\n ]\"\n >\n <div class=\"zip-code-search-container\">\n <div class=\"label\">\n <transition name=\"fade\" mode=\"out-in\" :duration=\"350\">\n <label :key=\"labelText\" for=\"zip-code\">{{ labelText }}</label>\n </transition>\n </div>\n <div class=\"input-and-arrow\">\n <b-form-input\n id=\"zip-code\"\n type=\"number\"\n placeholder=\"ZIP\"\n size=\"sm\"\n :formatter=\"formatZipCode\"\n v-model=\"zipCode\"\n v-on:keydown.native.enter.prevent=\"searchForZipCode\"\n />\n <arrow-svg v-on:arrowsvg-click=\"searchForZipCode\" />\n </div>\n </div>\n </div>\n</template>\n<script>\nimport arrowSvg from '@/components/common/ArrowSvg'\n\nexport default {\n props: ['value'],\n\n components: {\n arrowSvg,\n },\n\n data() {\n return {\n zipCode: this.value,\n }\n },\n computed: {\n hasZipCode: {\n get() {\n return this.zipCode && this.zipCode.length > 0\n },\n },\n labelText: {\n get() {\n if (this.zipCode) {\n return 'Showing pricing & availability for '\n } else {\n return 'View local pricing & availability '\n }\n },\n },\n },\n methods: {\n formatZipCode(value) {\n return value && value.substr(0, 5)\n },\n searchForZipCode() {\n this.$emit('input', this.zipCode)\n },\n },\n}\n</script>\n<style lang=\"scss\">\n#content {\n .fade-enter-active,\n .fade-leave-active {\n transition: opacity 0.5s;\n }\n\n .fade-enter,\n .fade-leave-to {\n opacity: 0;\n }\n\n .zip-code-search {\n background-color: $catering-chocolate;\n color: $catering-white;\n\n .zip-code-search-container {\n text-align: center;\n margin: 0 auto;\n padding-top: 12px;\n padding-bottom: 12px;\n\n .label {\n width: 265px;\n display: inline-block;\n text-transform: uppercase;\n font-family: $font-family-sans-serif;\n font-size: 16px;\n font-weight: bold;\n margin-right: 14px;\n vertical-align: middle;\n\n label {\n margin-bottom: 0px;\n }\n }\n\n .input-and-arrow {\n font-size: 14px;\n display: inline-block;\n position: relative;\n vertical-align: middle;\n }\n\n input {\n width: 75px;\n font-family: $font-family-helvetica;\n letter-spacing: -0.2px;\n color: $catering-chocolate;\n height: 24px;\n line-height: normal;\n background-color: $catering-beige;\n padding: 4.8px;\n border-radius: 4px;\n border-bottom: none;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n .arrow {\n position: absolute;\n top: 0.4em;\n right: 0.5em;\n width: 1em;\n height: 1em;\n cursor: pointer;\n }\n }\n }\n}\n\n// overrides for iphone 5/SE viewport\n@media (max-width: 365px) {\n #content {\n .zip-code-search {\n background-color: $catering-chocolate;\n color: $catering-white;\n\n .zip-code-search-container {\n text-align: center;\n margin: 0 auto;\n padding-top: 12px;\n padding-bottom: 12px;\n\n .label {\n width: 210px;\n font-size: 14px;\n }\n }\n }\n }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ZipCodeSearch.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ZipCodeSearch.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ZipCodeSearch.vue?vue&type=template&id=48557c2b\"\nimport script from \"./ZipCodeSearch.vue?vue&type=script&lang=js\"\nexport * from \"./ZipCodeSearch.vue?vue&type=script&lang=js\"\nimport style0 from \"./ZipCodeSearch.vue?vue&type=style&index=0&id=48557c2b&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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","<template>\n <div id=\"home-content\">\n <zip-code-search v-model=\"zipCode\" v-if=\"!orderHasRestaurant\" />\n <order-summary-band v-else />\n <div class=\"container-fluid white-background\">\n <burritos-by-the-box />\n </div>\n <div class=\"container-fluid no-side-padding\">\n <popular-builds />\n </div>\n <div class=\"container-fluid byo-background\">\n <build-your-own />\n </div>\n <div class=\"container-fluid chips-background\">\n <chips-dips />\n </div>\n <div class=\"container-fluid no-side-padding\">\n <content-hero type=\"group-order\" />\n </div>\n </div>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from 'vuex'\n\nimport buildYourOwn from '@/components/home/BuildYourOwn'\nimport burritosByTheBox from '@/components/home/BurritosByTheBox'\nimport chipsDips from '@/components/home/ChipsDips'\nimport PopularBuilds from '@/components/home/PopularBuilds'\nimport contentHero from '@/components/home/ContentHero'\nimport zipCodeSearch from '@/components/home/ZipCodeSearch'\nimport OrderSummaryBand from '@/components/common/OrderSummaryBand'\nimport { GET_HOME_MENU } from '@/store/mutation-types/homeMenuMutations'\n\nexport default {\n components: {\n buildYourOwn,\n burritosByTheBox,\n chipsDips,\n zipCodeSearch,\n contentHero,\n OrderSummaryBand,\n PopularBuilds,\n },\n computed: {\n ...mapGetters(['orderHasRestaurant']),\n zipCode: {\n get() {\n return this.$route.query.zipCode\n },\n set(value) {\n this.$router.push({ query: { zipCode: value || undefined } })\n },\n },\n },\n methods: {\n ...mapActions({ getMenu: GET_HOME_MENU }),\n },\n watch: {\n // This is necessary since VueRouter will not recreate component when route.query changes\n $route(newRoute, oldRoute) {\n const { zipCode: newZipCode } = newRoute.query\n const { zipCode: oldZipCode } = oldRoute.query\n if (newZipCode !== oldZipCode) {\n this.getMenu(newZipCode)\n }\n },\n },\n}\n</script>\n\n<style lang=\"scss\">\n#content {\n background-color: $catering-bg-grey;\n\n #home-content {\n .zip-code-search {\n position: fixed;\n width: 100%;\n z-index: 1;\n }\n\n .first-section {\n // height of order summary band.\n // TODO: refactor layout so order summary band is not part of page content\n padding-top: 48px;\n }\n }\n\n .white-background {\n background-color: $catering-white;\n }\n\n .byo-background {\n background-color: $catering-bg-grey;\n }\n\n .chips-background {\n background-color: $catering-bg-chips;\n }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=5c277848\"\nimport script from \"./Home.vue?vue&type=script&lang=js\"\nexport * from \"./Home.vue?vue&type=script&lang=js\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=5c277848&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","svgClick","staticRenderFns","methods","e","$emit","component","orderHasRestaurant","model","value","zipCode","callback","$$v","expression","_m","_l","menuItems","item","key","id","class","isSelected","$event","updateSelectedItem","_v","_s","name","tagline","directives","rawName","minPrice","_f","$store","getters","homeMenuIsEstimate","showPricing","selectedIndex","number","images","Math","abs","length","url","altText","selectedItemDescription","sendToBuilder","selectedItemName","itemUnavailableMessage","data","require","computed","buildYourOwnMenu","description","indexOf","isLast","menuItemId","routeTo","isIntakeInUpdateMode","BUILD_YOUR_OWN","params","menuType","INTAKE_DETAIL","query","$router","push","components","arrowSvg","costPerPerson","disclaimer","burritosByTheBoxDescription","burritosByTheBoxCost","allTieredMenu","HomeMenuIds","BurritosByTheBoxId","BURRITOS_BY_THE_BOX","serves","chipsAndSalsaDescription","chipsAndSalsaCost","chipsAndSalsaServes","ChipsAndSalsaId","CHIPS_AND_SALSA","popularBuilds","popularBuild","style","backgroundImage","imageUrl","isAvailable","priceToDisplay","getHeadcount","getHeadcountOptions","setHeadcount","_e","onAddClick","headcountsById","mapGetters","currentOrder","config","headcountMin","headcount","headcountMax","headcountIncrement","options","i","text","dispatch","ADD_POPULAR_BUILD","orderId","popularBuildId","then","OPEN_BAG","catch","confirmInfo","matchesErrorCode","ERROR_MENU_NOT_AVAILABLE","subText","hideCancel","SHOW_CONFIRM_DIALOG","action","HOME","hero","imageClass","domProps","bigText","smallText","actionLink","actionText","VUE_APP_ROO_URL","VUE_APP_ROO_GROUP_ORDER_PATH","process","props","groupOrder","giftcardOffer","type","hasZipCode","labelText","formatZipCode","nativeOn","_k","keyCode","preventDefault","searchForZipCode","apply","arguments","get","substr","buildYourOwn","burritosByTheBox","chipsDips","zipCodeSearch","contentHero","OrderSummaryBand","PopularBuilds","$route","set","undefined","mapActions","getMenu","GET_HOME_MENU","watch","newRoute","oldRoute","newZipCode","oldZipCode"],"sourceRoot":""}